@pear-protocol/hyperliquid-sdk 0.0.11 → 0.0.13

package/dist/index.esm.js

@@ -1,3908 +0,0 @@
-import axios from 'axios';
-import require$$0, { useState, useEffect, useRef, createContext, useMemo, useContext, useCallback } from 'react';
-import require$$1 from 'react-dom';
-
-/**
- * Main SDK client for Pear Protocol Hyperliquid API integration
- */
-class PearHyperliquidClient {
-    constructor(config) {
-        this.baseUrl = config.baseUrl.replace(/\/$/, ''); // Remove trailing slash
-        this.httpClient = axios.create({
-            baseURL: this.baseUrl,
-            timeout: config.timeout || 30000,
-            headers: {
-                'Content-Type': 'application/json',
-                ...config.headers,
-            },
-        });
-        // Add response interceptor for error handling
-        this.httpClient.interceptors.response.use((response) => response, (error) => {
-            var _a, _b, _c, _d, _e;
-            const apiError = {
-                statusCode: ((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) || 500,
-                message: ((_c = (_b = error.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message) || error.message,
-                error: (_e = (_d = error.response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error,
-            };
-            return Promise.reject(apiError);
-        });
-    }
-    /**
-     * Get the configured base URL
-     */
-    getBaseUrl() {
-        return this.baseUrl;
-    }
-    /**
-     * Update request headers
-     */
-    setHeaders(headers) {
-        this.httpClient.defaults.headers = {
-            ...this.httpClient.defaults.headers,
-            ...headers,
-        };
-    }
-    /**
-     * Set authorization header
-     */
-    setAuthToken(token) {
-        this.setHeaders({ Authorization: `Bearer ${token}` });
-    }
-    /**
-     * Make a generic HTTP request
-     */
-    async makeRequest(method, endpoint, data) {
-        const response = await this.httpClient.request({
-            method,
-            url: endpoint,
-            data,
-        });
-        return {
-            data: response.data,
-            status: response.status,
-            headers: response.headers,
-        };
-    }
-    /**
-     * Sync trade history data from old database structure to new database format
-     * @param payload - Trade history data with user address
-     * @returns Promise with sync result
-     */
-    async syncTradeHistory(payload) {
-        return this.makeRequest('POST', '/syncer/trade-histories', payload);
-    }
-    /**
-     * Sync open positions data from old database structure to new database format
-     * @param payload - Open positions data with user address
-     * @returns Promise with sync result
-     */
-    async syncOpenPositions(payload) {
-        return this.makeRequest('POST', '/syncer/open-positions', payload);
-    }
-    /**
-     * Sync open orders data from old database structure to new database format
-     * @param payload - Open orders data with user address
-     * @returns Promise with sync result
-     */
-    async syncOpenOrders(payload) {
-        return this.makeRequest('POST', '/syncer/open-orders', payload);
-    }
-}
-
-/**
- * Main Migration SDK Class - Simple request/response pattern
- */
-class PearMigrationSDK {
-    constructor(client) {
-        this.isTradeHistorySyncRunning = false;
-        this.isOpenPositionsSyncRunning = false;
-        this.isOpenOrdersSyncRunning = false;
-        this.client = client;
-    }
-    /**
-     * Sync trade history data - can only run one at a time
-     * If called while already running, returns immediately without making request
-     */
-    async syncTradeHistory(payload) {
-        // If sync is already running, return immediately
-        if (this.isTradeHistorySyncRunning) {
-            return null;
-        }
-        try {
-            this.isTradeHistorySyncRunning = true;
-            const response = await this.client.syncTradeHistory(payload);
-            return response;
-        }
-        finally {
-            this.isTradeHistorySyncRunning = false;
-        }
-    }
-    /**
-     * Sync open positions data - can only run one at a time
-     * If called while already running, returns immediately without making request
-     */
-    async syncOpenPositions(payload) {
-        // If sync is already running, return immediately
-        if (this.isOpenPositionsSyncRunning) {
-            return null;
-        }
-        try {
-            this.isOpenPositionsSyncRunning = true;
-            const response = await this.client.syncOpenPositions(payload);
-            return response;
-        }
-        finally {
-            this.isOpenPositionsSyncRunning = false;
-        }
-    }
-    /**
-     * Sync open orders data - can only run one at a time
-     * If called while already running, returns immediately without making request
-     */
-    async syncOpenOrders(payload) {
-        // If sync is already running, return immediately
-        if (this.isOpenOrdersSyncRunning) {
-            return null;
-        }
-        try {
-            this.isOpenOrdersSyncRunning = true;
-            const response = await this.client.syncOpenOrders(payload);
-            return response;
-        }
-        finally {
-            this.isOpenOrdersSyncRunning = false;
-        }
-    }
-    /**
-     * Check if any sync is currently running
-     */
-    isSyncInProgress() {
-        return this.isTradeHistorySyncRunning || this.isOpenPositionsSyncRunning || this.isOpenOrdersSyncRunning;
-    }
-    /**
-     * Check if trade history sync is currently running
-     */
-    isTradeHistorySyncInProgress() {
-        return this.isTradeHistorySyncRunning;
-    }
-    /**
-     * Check if open positions sync is currently running
-     */
-    isOpenPositionsSyncInProgress() {
-        return this.isOpenPositionsSyncRunning;
-    }
-    /**
-     * Check if open orders sync is currently running
-     */
-    isOpenOrdersSyncInProgress() {
-        return this.isOpenOrdersSyncRunning;
-    }
-    /**
-     * Get the underlying client instance
-     */
-    getClient() {
-        return this.client;
-    }
-    /**
-     * Set authorization token on the client
-     */
-    setAuthToken(token) {
-        this.client.setAuthToken(token);
-    }
-    /**
-     * Set custom headers on the client
-     */
-    setHeaders(headers) {
-        this.client.setHeaders(headers);
-    }
-    /**
-     * Get base URL from client
-     */
-    getBaseUrl() {
-        return this.client.getBaseUrl();
-    }
-}
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production_min = {};
-
-/**
- * @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.
- */
-
-var hasRequiredReactJsxRuntime_production_min;
-
-function requireReactJsxRuntime_production_min () {
-	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-	hasRequiredReactJsxRuntime_production_min = 1;
-var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-	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}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
-	return reactJsxRuntime_production_min;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.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.
- */
-
-var hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	var React = require$$0;
-
-	// ATTENTION
-	// When adding new symbols to this file,
-	// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-	// The Symbol used to tag the ReactElement-like types.
-	var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-	var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-	var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-	var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-	var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-	var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-	var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-	var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-	var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-	var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-	var REACT_MEMO_TYPE = Symbol.for('react.memo');
-	var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-	var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-	var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-	var FAUX_ITERATOR_SYMBOL = '@@iterator';
-	function getIteratorFn(maybeIterable) {
-	  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-	    return null;
-	  }
-
-	  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-	  if (typeof maybeIterator === 'function') {
-	    return maybeIterator;
-	  }
-
-	  return null;
-	}
-
-	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-	function error(format) {
-	  {
-	    {
-	      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-	        args[_key2 - 1] = arguments[_key2];
-	      }
-
-	      printWarning('error', format, args);
-	    }
-	  }
-	}
-
-	function printWarning(level, format, args) {
-	  // When changing this logic, you might want to also
-	  // update consoleWithStackDev.www.js as well.
-	  {
-	    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-	    var stack = ReactDebugCurrentFrame.getStackAddendum();
-
-	    if (stack !== '') {
-	      format += '%s';
-	      args = args.concat([stack]);
-	    } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-	    var argsWithFormat = args.map(function (item) {
-	      return String(item);
-	    }); // Careful: RN currently depends on this prefix
-
-	    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
-	    // breaks IE9: https://github.com/facebook/react/issues/13610
-	    // eslint-disable-next-line react-internal/no-production-logging
-
-	    Function.prototype.apply.call(console[level], console, argsWithFormat);
-	  }
-	}
-
-	// -----------------------------------------------------------------------------
-
-	var enableScopeAPI = false; // Experimental Create Event Handle API.
-	var enableCacheElement = false;
-	var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-	var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-	// stuff. Intended to enable React core members to more easily debug scheduling
-	// issues in DEV builds.
-
-	var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
-
-	var REACT_MODULE_REFERENCE;
-
-	{
-	  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
-	}
-
-	function isValidElementType(type) {
-	  if (typeof type === 'string' || typeof type === 'function') {
-	    return true;
-	  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-	  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-	    return true;
-	  }
-
-	  if (typeof type === 'object' && type !== null) {
-	    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-	    // types supported by any Flight configuration anywhere since
-	    // we don't know which Flight build this will end up being used
-	    // with.
-	    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
-	      return true;
-	    }
-	  }
-
-	  return false;
-	}
-
-	function getWrappedName(outerType, innerType, wrapperName) {
-	  var displayName = outerType.displayName;
-
-	  if (displayName) {
-	    return displayName;
-	  }
-
-	  var functionName = innerType.displayName || innerType.name || '';
-	  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
-	} // Keep in sync with react-reconciler/getComponentNameFromFiber
-
-
-	function getContextName(type) {
-	  return type.displayName || 'Context';
-	} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
-
-
-	function getComponentNameFromType(type) {
-	  if (type == null) {
-	    // Host root, text node or just invalid type.
-	    return null;
-	  }
-
-	  {
-	    if (typeof type.tag === 'number') {
-	      error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
-	    }
-	  }
-
-	  if (typeof type === 'function') {
-	    return type.displayName || type.name || null;
-	  }
-
-	  if (typeof type === 'string') {
-	    return type;
-	  }
-
-	  switch (type) {
-	    case REACT_FRAGMENT_TYPE:
-	      return 'Fragment';
-
-	    case REACT_PORTAL_TYPE:
-	      return 'Portal';
-
-	    case REACT_PROFILER_TYPE:
-	      return 'Profiler';
-
-	    case REACT_STRICT_MODE_TYPE:
-	      return 'StrictMode';
-
-	    case REACT_SUSPENSE_TYPE:
-	      return 'Suspense';
-
-	    case REACT_SUSPENSE_LIST_TYPE:
-	      return 'SuspenseList';
-
-	  }
-
-	  if (typeof type === 'object') {
-	    switch (type.$$typeof) {
-	      case REACT_CONTEXT_TYPE:
-	        var context = type;
-	        return getContextName(context) + '.Consumer';
-
-	      case REACT_PROVIDER_TYPE:
-	        var provider = type;
-	        return getContextName(provider._context) + '.Provider';
-
-	      case REACT_FORWARD_REF_TYPE:
-	        return getWrappedName(type, type.render, 'ForwardRef');
-
-	      case REACT_MEMO_TYPE:
-	        var outerName = type.displayName || null;
-
-	        if (outerName !== null) {
-	          return outerName;
-	        }
-
-	        return getComponentNameFromType(type.type) || 'Memo';
-
-	      case REACT_LAZY_TYPE:
-	        {
-	          var lazyComponent = type;
-	          var payload = lazyComponent._payload;
-	          var init = lazyComponent._init;
-
-	          try {
-	            return getComponentNameFromType(init(payload));
-	          } catch (x) {
-	            return null;
-	          }
-	        }
-
-	      // eslint-disable-next-line no-fallthrough
-	    }
-	  }
-
-	  return null;
-	}
-
-	var assign = Object.assign;
-
-	// Helpers to patch console.logs to avoid logging during side-effect free
-	// replaying on render function. This currently only patches the object
-	// lazily which won't cover if the log function was extracted eagerly.
-	// We could also eagerly patch the method.
-	var disabledDepth = 0;
-	var prevLog;
-	var prevInfo;
-	var prevWarn;
-	var prevError;
-	var prevGroup;
-	var prevGroupCollapsed;
-	var prevGroupEnd;
-
-	function disabledLog() {}
-
-	disabledLog.__reactDisabledLog = true;
-	function disableLogs() {
-	  {
-	    if (disabledDepth === 0) {
-	      /* eslint-disable react-internal/no-production-logging */
-	      prevLog = console.log;
-	      prevInfo = console.info;
-	      prevWarn = console.warn;
-	      prevError = console.error;
-	      prevGroup = console.group;
-	      prevGroupCollapsed = console.groupCollapsed;
-	      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
-
-	      var props = {
-	        configurable: true,
-	        enumerable: true,
-	        value: disabledLog,
-	        writable: true
-	      }; // $FlowFixMe Flow thinks console is immutable.
-
-	      Object.defineProperties(console, {
-	        info: props,
-	        log: props,
-	        warn: props,
-	        error: props,
-	        group: props,
-	        groupCollapsed: props,
-	        groupEnd: props
-	      });
-	      /* eslint-enable react-internal/no-production-logging */
-	    }
-
-	    disabledDepth++;
-	  }
-	}
-	function reenableLogs() {
-	  {
-	    disabledDepth--;
-
-	    if (disabledDepth === 0) {
-	      /* eslint-disable react-internal/no-production-logging */
-	      var props = {
-	        configurable: true,
-	        enumerable: true,
-	        writable: true
-	      }; // $FlowFixMe Flow thinks console is immutable.
-
-	      Object.defineProperties(console, {
-	        log: assign({}, props, {
-	          value: prevLog
-	        }),
-	        info: assign({}, props, {
-	          value: prevInfo
-	        }),
-	        warn: assign({}, props, {
-	          value: prevWarn
-	        }),
-	        error: assign({}, props, {
-	          value: prevError
-	        }),
-	        group: assign({}, props, {
-	          value: prevGroup
-	        }),
-	        groupCollapsed: assign({}, props, {
-	          value: prevGroupCollapsed
-	        }),
-	        groupEnd: assign({}, props, {
-	          value: prevGroupEnd
-	        })
-	      });
-	      /* eslint-enable react-internal/no-production-logging */
-	    }
-
-	    if (disabledDepth < 0) {
-	      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
-	    }
-	  }
-	}
-
-	var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-	var prefix;
-	function describeBuiltInComponentFrame(name, source, ownerFn) {
-	  {
-	    if (prefix === undefined) {
-	      // Extract the VM specific prefix used by each line.
-	      try {
-	        throw Error();
-	      } catch (x) {
-	        var match = x.stack.trim().match(/\n( *(at )?)/);
-	        prefix = match && match[1] || '';
-	      }
-	    } // We use the prefix to ensure our stacks line up with native stack frames.
-
-
-	    return '\n' + prefix + name;
-	  }
-	}
-	var reentry = false;
-	var componentFrameCache;
-
-	{
-	  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-	  componentFrameCache = new PossiblyWeakMap();
-	}
-
-	function describeNativeComponentFrame(fn, construct) {
-	  // If something asked for a stack inside a fake render, it should get ignored.
-	  if ( !fn || reentry) {
-	    return '';
-	  }
-
-	  {
-	    var frame = componentFrameCache.get(fn);
-
-	    if (frame !== undefined) {
-	      return frame;
-	    }
-	  }
-
-	  var control;
-	  reentry = true;
-	  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
-
-	  Error.prepareStackTrace = undefined;
-	  var previousDispatcher;
-
-	  {
-	    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
-	    // for warnings.
-
-	    ReactCurrentDispatcher.current = null;
-	    disableLogs();
-	  }
-
-	  try {
-	    // This should throw.
-	    if (construct) {
-	      // Something should be setting the props in the constructor.
-	      var Fake = function () {
-	        throw Error();
-	      }; // $FlowFixMe
-
-
-	      Object.defineProperty(Fake.prototype, 'props', {
-	        set: function () {
-	          // We use a throwing setter instead of frozen or non-writable props
-	          // because that won't throw in a non-strict mode function.
-	          throw Error();
-	        }
-	      });
-
-	      if (typeof Reflect === 'object' && Reflect.construct) {
-	        // We construct a different control for this case to include any extra
-	        // frames added by the construct call.
-	        try {
-	          Reflect.construct(Fake, []);
-	        } catch (x) {
-	          control = x;
-	        }
-
-	        Reflect.construct(fn, [], Fake);
-	      } else {
-	        try {
-	          Fake.call();
-	        } catch (x) {
-	          control = x;
-	        }
-
-	        fn.call(Fake.prototype);
-	      }
-	    } else {
-	      try {
-	        throw Error();
-	      } catch (x) {
-	        control = x;
-	      }
-
-	      fn();
-	    }
-	  } catch (sample) {
-	    // This is inlined manually because closure doesn't do it for us.
-	    if (sample && control && typeof sample.stack === 'string') {
-	      // This extracts the first frame from the sample that isn't also in the control.
-	      // Skipping one frame that we assume is the frame that calls the two.
-	      var sampleLines = sample.stack.split('\n');
-	      var controlLines = control.stack.split('\n');
-	      var s = sampleLines.length - 1;
-	      var c = controlLines.length - 1;
-
-	      while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-	        // We expect at least one stack frame to be shared.
-	        // Typically this will be the root most one. However, stack frames may be
-	        // cut off due to maximum stack limits. In this case, one maybe cut off
-	        // earlier than the other. We assume that the sample is longer or the same
-	        // and there for cut off earlier. So we should find the root most frame in
-	        // the sample somewhere in the control.
-	        c--;
-	      }
-
-	      for (; s >= 1 && c >= 0; s--, c--) {
-	        // Next we find the first one that isn't the same which should be the
-	        // frame that called our sample function and the control.
-	        if (sampleLines[s] !== controlLines[c]) {
-	          // In V8, the first line is describing the message but other VMs don't.
-	          // If we're about to return the first line, and the control is also on the same
-	          // line, that's a pretty good indicator that our sample threw at same line as
-	          // the control. I.e. before we entered the sample frame. So we ignore this result.
-	          // This can happen if you passed a class to function component, or non-function.
-	          if (s !== 1 || c !== 1) {
-	            do {
-	              s--;
-	              c--; // We may still have similar intermediate frames from the construct call.
-	              // The next one that isn't the same should be our match though.
-
-	              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-	                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-	                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-	                // but we have a user-provided "displayName"
-	                // splice it in to make the stack more readable.
-
-
-	                if (fn.displayName && _frame.includes('<anonymous>')) {
-	                  _frame = _frame.replace('<anonymous>', fn.displayName);
-	                }
-
-	                {
-	                  if (typeof fn === 'function') {
-	                    componentFrameCache.set(fn, _frame);
-	                  }
-	                } // Return the line we found.
-
-
-	                return _frame;
-	              }
-	            } while (s >= 1 && c >= 0);
-	          }
-
-	          break;
-	        }
-	      }
-	    }
-	  } finally {
-	    reentry = false;
-
-	    {
-	      ReactCurrentDispatcher.current = previousDispatcher;
-	      reenableLogs();
-	    }
-
-	    Error.prepareStackTrace = previousPrepareStackTrace;
-	  } // Fallback to just using the name if we couldn't make it throw.
-
-
-	  var name = fn ? fn.displayName || fn.name : '';
-	  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-	  {
-	    if (typeof fn === 'function') {
-	      componentFrameCache.set(fn, syntheticFrame);
-	    }
-	  }
-
-	  return syntheticFrame;
-	}
-	function describeFunctionComponentFrame(fn, source, ownerFn) {
-	  {
-	    return describeNativeComponentFrame(fn, false);
-	  }
-	}
-
-	function shouldConstruct(Component) {
-	  var prototype = Component.prototype;
-	  return !!(prototype && prototype.isReactComponent);
-	}
-
-	function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-	  if (type == null) {
-	    return '';
-	  }
-
-	  if (typeof type === 'function') {
-	    {
-	      return describeNativeComponentFrame(type, shouldConstruct(type));
-	    }
-	  }
-
-	  if (typeof type === 'string') {
-	    return describeBuiltInComponentFrame(type);
-	  }
-
-	  switch (type) {
-	    case REACT_SUSPENSE_TYPE:
-	      return describeBuiltInComponentFrame('Suspense');
-
-	    case REACT_SUSPENSE_LIST_TYPE:
-	      return describeBuiltInComponentFrame('SuspenseList');
-	  }
-
-	  if (typeof type === 'object') {
-	    switch (type.$$typeof) {
-	      case REACT_FORWARD_REF_TYPE:
-	        return describeFunctionComponentFrame(type.render);
-
-	      case REACT_MEMO_TYPE:
-	        // Memo may contain any component type so we recursively resolve it.
-	        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-	      case REACT_LAZY_TYPE:
-	        {
-	          var lazyComponent = type;
-	          var payload = lazyComponent._payload;
-	          var init = lazyComponent._init;
-
-	          try {
-	            // Lazy may contain any component type so we recursively resolve it.
-	            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-	          } catch (x) {}
-	        }
-	    }
-	  }
-
-	  return '';
-	}
-
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-	var loggedTypeFailures = {};
-	var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-	function setCurrentlyValidatingElement(element) {
-	  {
-	    if (element) {
-	      var owner = element._owner;
-	      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-	      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-	    } else {
-	      ReactDebugCurrentFrame.setExtraStackFrame(null);
-	    }
-	  }
-	}
-
-	function checkPropTypes(typeSpecs, values, location, componentName, element) {
-	  {
-	    // $FlowFixMe This is okay but Flow doesn't know it.
-	    var has = Function.call.bind(hasOwnProperty);
-
-	    for (var typeSpecName in typeSpecs) {
-	      if (has(typeSpecs, typeSpecName)) {
-	        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-	        // fail the render phase where it didn't fail before. So we log it.
-	        // After these have been cleaned up, we'll let them throw.
-
-	        try {
-	          // This is intentionally an invariant that gets caught. It's the same
-	          // behavior as without this statement except with a better message.
-	          if (typeof typeSpecs[typeSpecName] !== 'function') {
-	            // eslint-disable-next-line react-internal/prod-error-codes
-	            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-	            err.name = 'Invariant Violation';
-	            throw err;
-	          }
-
-	          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-	        } catch (ex) {
-	          error$1 = ex;
-	        }
-
-	        if (error$1 && !(error$1 instanceof Error)) {
-	          setCurrentlyValidatingElement(element);
-
-	          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-	          setCurrentlyValidatingElement(null);
-	        }
-
-	        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-	          // Only monitor this failure once because there tends to be a lot of the
-	          // same error.
-	          loggedTypeFailures[error$1.message] = true;
-	          setCurrentlyValidatingElement(element);
-
-	          error('Failed %s type: %s', location, error$1.message);
-
-	          setCurrentlyValidatingElement(null);
-	        }
-	      }
-	    }
-	  }
-	}
-
-	var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-	function isArray(a) {
-	  return isArrayImpl(a);
-	}
-
-	/*
-	 * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
-	 * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
-	 *
-	 * The functions in this module will throw an easier-to-understand,
-	 * easier-to-debug exception with a clear errors message message explaining the
-	 * problem. (Instead of a confusing exception thrown inside the implementation
-	 * of the `value` object).
-	 */
-	// $FlowFixMe only called in DEV, so void return is not possible.
-	function typeName(value) {
-	  {
-	    // toStringTag is needed for namespaced types like Temporal.Instant
-	    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
-	    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
-	    return type;
-	  }
-	} // $FlowFixMe only called in DEV, so void return is not possible.
-
-
-	function willCoercionThrow(value) {
-	  {
-	    try {
-	      testStringCoercion(value);
-	      return false;
-	    } catch (e) {
-	      return true;
-	    }
-	  }
-	}
-
-	function testStringCoercion(value) {
-	  // If you ended up here by following an exception call stack, here's what's
-	  // happened: you supplied an object or symbol value to React (as a prop, key,
-	  // DOM attribute, CSS property, string ref, etc.) and when React tried to
-	  // coerce it to a string using `'' + value`, an exception was thrown.
-	  //
-	  // The most common types that will cause this exception are `Symbol` instances
-	  // and Temporal objects like `Temporal.Instant`. But any object that has a
-	  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-	  // exception. (Library authors do this to prevent users from using built-in
-	  // numeric operators like `+` or comparison operators like `>=` because custom
-	  // methods are needed to perform accurate arithmetic or comparison.)
-	  //
-	  // To fix the problem, coerce this object or symbol value to a string before
-	  // passing it to React. The most reliable way is usually `String(value)`.
-	  //
-	  // To find which value is throwing, check the browser or debugger console.
-	  // Before this exception was thrown, there should be `console.error` output
-	  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-	  // problem and how that type was used: key, atrribute, input value prop, etc.
-	  // In most cases, this console output also shows the component and its
-	  // ancestor components where the exception happened.
-	  //
-	  // eslint-disable-next-line react-internal/safe-string-coercion
-	  return '' + value;
-	}
-	function checkKeyStringCoercion(value) {
-	  {
-	    if (willCoercionThrow(value)) {
-	      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
-
-	      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-	    }
-	  }
-	}
-
-	var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-	var RESERVED_PROPS = {
-	  key: true,
-	  ref: true,
-	  __self: true,
-	  __source: true
-	};
-	var specialPropKeyWarningShown;
-	var specialPropRefWarningShown;
-	var didWarnAboutStringRefs;
-
-	{
-	  didWarnAboutStringRefs = {};
-	}
-
-	function hasValidRef(config) {
-	  {
-	    if (hasOwnProperty.call(config, 'ref')) {
-	      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
-
-	      if (getter && getter.isReactWarning) {
-	        return false;
-	      }
-	    }
-	  }
-
-	  return config.ref !== undefined;
-	}
-
-	function hasValidKey(config) {
-	  {
-	    if (hasOwnProperty.call(config, 'key')) {
-	      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
-
-	      if (getter && getter.isReactWarning) {
-	        return false;
-	      }
-	    }
-	  }
-
-	  return config.key !== undefined;
-	}
-
-	function warnIfStringRefCannotBeAutoConverted(config, self) {
-	  {
-	    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-	      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
-
-	      if (!didWarnAboutStringRefs[componentName]) {
-	        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
-
-	        didWarnAboutStringRefs[componentName] = true;
-	      }
-	    }
-	  }
-	}
-
-	function defineKeyPropWarningGetter(props, displayName) {
-	  {
-	    var warnAboutAccessingKey = function () {
-	      if (!specialPropKeyWarningShown) {
-	        specialPropKeyWarningShown = true;
-
-	        error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-	      }
-	    };
-
-	    warnAboutAccessingKey.isReactWarning = true;
-	    Object.defineProperty(props, 'key', {
-	      get: warnAboutAccessingKey,
-	      configurable: true
-	    });
-	  }
-	}
-
-	function defineRefPropWarningGetter(props, displayName) {
-	  {
-	    var warnAboutAccessingRef = function () {
-	      if (!specialPropRefWarningShown) {
-	        specialPropRefWarningShown = true;
-
-	        error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-	      }
-	    };
-
-	    warnAboutAccessingRef.isReactWarning = true;
-	    Object.defineProperty(props, 'ref', {
-	      get: warnAboutAccessingRef,
-	      configurable: true
-	    });
-	  }
-	}
-	/**
-	 * Factory method to create a new React element. This no longer adheres to
-	 * the class pattern, so do not use new to call it. Also, instanceof check
-	 * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
-	 * if something is a React Element.
-	 *
-	 * @param {*} type
-	 * @param {*} props
-	 * @param {*} key
-	 * @param {string|object} ref
-	 * @param {*} owner
-	 * @param {*} self A *temporary* helper to detect places where `this` is
-	 * different from the `owner` when React.createElement is called, so that we
-	 * can warn. We want to get rid of owner and replace string `ref`s with arrow
-	 * functions, and as long as `this` and owner are the same, there will be no
-	 * change in behavior.
-	 * @param {*} source An annotation object (added by a transpiler or otherwise)
-	 * indicating filename, line number, and/or other information.
-	 * @internal
-	 */
-
-
-	var ReactElement = function (type, key, ref, self, source, owner, props) {
-	  var element = {
-	    // This tag allows us to uniquely identify this as a React Element
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    // Built-in properties that belong on the element
-	    type: type,
-	    key: key,
-	    ref: ref,
-	    props: props,
-	    // Record the component responsible for creating this element.
-	    _owner: owner
-	  };
-
-	  {
-	    // The validation flag is currently mutative. We put it on
-	    // an external backing store so that we can freeze the whole object.
-	    // This can be replaced with a WeakMap once they are implemented in
-	    // commonly used development environments.
-	    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-	    // the validation flag non-enumerable (where possible, which should
-	    // include every environment we run tests in), so the test framework
-	    // ignores it.
-
-	    Object.defineProperty(element._store, 'validated', {
-	      configurable: false,
-	      enumerable: false,
-	      writable: true,
-	      value: false
-	    }); // self and source are DEV only properties.
-
-	    Object.defineProperty(element, '_self', {
-	      configurable: false,
-	      enumerable: false,
-	      writable: false,
-	      value: self
-	    }); // Two elements created in two different places should be considered
-	    // equal for testing purposes and therefore we hide it from enumeration.
-
-	    Object.defineProperty(element, '_source', {
-	      configurable: false,
-	      enumerable: false,
-	      writable: false,
-	      value: source
-	    });
-
-	    if (Object.freeze) {
-	      Object.freeze(element.props);
-	      Object.freeze(element);
-	    }
-	  }
-
-	  return element;
-	};
-	/**
-	 * https://github.com/reactjs/rfcs/pull/107
-	 * @param {*} type
-	 * @param {object} props
-	 * @param {string} key
-	 */
-
-	function jsxDEV(type, config, maybeKey, source, self) {
-	  {
-	    var propName; // Reserved names are extracted
-
-	    var props = {};
-	    var key = null;
-	    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
-	    // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
-	    // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
-	    // but as an intermediary step, we will use jsxDEV for everything except
-	    // <div {...props} key="Hi" />, because we aren't currently able to tell if
-	    // key is explicitly declared to be undefined or not.
-
-	    if (maybeKey !== undefined) {
-	      {
-	        checkKeyStringCoercion(maybeKey);
-	      }
-
-	      key = '' + maybeKey;
-	    }
-
-	    if (hasValidKey(config)) {
-	      {
-	        checkKeyStringCoercion(config.key);
-	      }
-
-	      key = '' + config.key;
-	    }
-
-	    if (hasValidRef(config)) {
-	      ref = config.ref;
-	      warnIfStringRefCannotBeAutoConverted(config, self);
-	    } // Remaining properties are added to a new props object
-
-
-	    for (propName in config) {
-	      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-	        props[propName] = config[propName];
-	      }
-	    } // Resolve default props
-
-
-	    if (type && type.defaultProps) {
-	      var defaultProps = type.defaultProps;
-
-	      for (propName in defaultProps) {
-	        if (props[propName] === undefined) {
-	          props[propName] = defaultProps[propName];
-	        }
-	      }
-	    }
-
-	    if (key || ref) {
-	      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
-
-	      if (key) {
-	        defineKeyPropWarningGetter(props, displayName);
-	      }
-
-	      if (ref) {
-	        defineRefPropWarningGetter(props, displayName);
-	      }
-	    }
-
-	    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-	  }
-	}
-
-	var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-	var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-	function setCurrentlyValidatingElement$1(element) {
-	  {
-	    if (element) {
-	      var owner = element._owner;
-	      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-	      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-	    } else {
-	      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-	    }
-	  }
-	}
-
-	var propTypesMisspellWarningShown;
-
-	{
-	  propTypesMisspellWarningShown = false;
-	}
-	/**
-	 * Verifies the object is a ReactElement.
-	 * See https://reactjs.org/docs/react-api.html#isvalidelement
-	 * @param {?object} object
-	 * @return {boolean} True if `object` is a ReactElement.
-	 * @final
-	 */
-
-
-	function isValidElement(object) {
-	  {
-	    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	  }
-	}
-
-	function getDeclarationErrorAddendum() {
-	  {
-	    if (ReactCurrentOwner$1.current) {
-	      var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
-
-	      if (name) {
-	        return '\n\nCheck the render method of `' + name + '`.';
-	      }
-	    }
-
-	    return '';
-	  }
-	}
-
-	function getSourceInfoErrorAddendum(source) {
-	  {
-	    if (source !== undefined) {
-	      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-	      var lineNumber = source.lineNumber;
-	      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-	    }
-
-	    return '';
-	  }
-	}
-	/**
-	 * Warn if there's no key explicitly set on dynamic arrays of children or
-	 * object keys are not valid. This allows us to keep track of children between
-	 * updates.
-	 */
-
-
-	var ownerHasKeyUseWarning = {};
-
-	function getCurrentComponentErrorInfo(parentType) {
-	  {
-	    var info = getDeclarationErrorAddendum();
-
-	    if (!info) {
-	      var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
-
-	      if (parentName) {
-	        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-	      }
-	    }
-
-	    return info;
-	  }
-	}
-	/**
-	 * Warn if the element doesn't have an explicit key assigned to it.
-	 * This element is in an array. The array could grow and shrink or be
-	 * reordered. All children that haven't already been validated are required to
-	 * have a "key" property assigned to it. Error statuses are cached so a warning
-	 * will only be shown once.
-	 *
-	 * @internal
-	 * @param {ReactElement} element Element that requires a key.
-	 * @param {*} parentType element's parent's type.
-	 */
-
-
-	function validateExplicitKey(element, parentType) {
-	  {
-	    if (!element._store || element._store.validated || element.key != null) {
-	      return;
-	    }
-
-	    element._store.validated = true;
-	    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-	    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-	      return;
-	    }
-
-	    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-	    // property, it may be the creator of the child that's responsible for
-	    // assigning it a key.
-
-	    var childOwner = '';
-
-	    if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
-	      // Give the component that originally created this child.
-	      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-	    }
-
-	    setCurrentlyValidatingElement$1(element);
-
-	    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-	    setCurrentlyValidatingElement$1(null);
-	  }
-	}
-	/**
-	 * Ensure that every element either is passed in a static location, in an
-	 * array with an explicit keys property defined, or in an object literal
-	 * with valid key property.
-	 *
-	 * @internal
-	 * @param {ReactNode} node Statically passed child of any type.
-	 * @param {*} parentType node's parent's type.
-	 */
-
-
-	function validateChildKeys(node, parentType) {
-	  {
-	    if (typeof node !== 'object') {
-	      return;
-	    }
-
-	    if (isArray(node)) {
-	      for (var i = 0; i < node.length; i++) {
-	        var child = node[i];
-
-	        if (isValidElement(child)) {
-	          validateExplicitKey(child, parentType);
-	        }
-	      }
-	    } else if (isValidElement(node)) {
-	      // This element was passed in a valid location.
-	      if (node._store) {
-	        node._store.validated = true;
-	      }
-	    } else if (node) {
-	      var iteratorFn = getIteratorFn(node);
-
-	      if (typeof iteratorFn === 'function') {
-	        // Entry iterators used to provide implicit keys,
-	        // but now we print a separate warning for them later.
-	        if (iteratorFn !== node.entries) {
-	          var iterator = iteratorFn.call(node);
-	          var step;
-
-	          while (!(step = iterator.next()).done) {
-	            if (isValidElement(step.value)) {
-	              validateExplicitKey(step.value, parentType);
-	            }
-	          }
-	        }
-	      }
-	    }
-	  }
-	}
-	/**
-	 * Given an element, validate that its props follow the propTypes definition,
-	 * provided by the type.
-	 *
-	 * @param {ReactElement} element
-	 */
-
-
-	function validatePropTypes(element) {
-	  {
-	    var type = element.type;
-
-	    if (type === null || type === undefined || typeof type === 'string') {
-	      return;
-	    }
-
-	    var propTypes;
-
-	    if (typeof type === 'function') {
-	      propTypes = type.propTypes;
-	    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-	    // Inner props are checked in the reconciler.
-	    type.$$typeof === REACT_MEMO_TYPE)) {
-	      propTypes = type.propTypes;
-	    } else {
-	      return;
-	    }
-
-	    if (propTypes) {
-	      // Intentionally inside to avoid triggering lazy initializers:
-	      var name = getComponentNameFromType(type);
-	      checkPropTypes(propTypes, element.props, 'prop', name, element);
-	    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-	      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
-
-	      var _name = getComponentNameFromType(type);
-
-	      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
-	    }
-
-	    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-	      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
-	    }
-	  }
-	}
-	/**
-	 * Given a fragment, validate that it can only be provided with fragment props
-	 * @param {ReactElement} fragment
-	 */
-
-
-	function validateFragmentProps(fragment) {
-	  {
-	    var keys = Object.keys(fragment.props);
-
-	    for (var i = 0; i < keys.length; i++) {
-	      var key = keys[i];
-
-	      if (key !== 'children' && key !== 'key') {
-	        setCurrentlyValidatingElement$1(fragment);
-
-	        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
-
-	        setCurrentlyValidatingElement$1(null);
-	        break;
-	      }
-	    }
-
-	    if (fragment.ref !== null) {
-	      setCurrentlyValidatingElement$1(fragment);
-
-	      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-	      setCurrentlyValidatingElement$1(null);
-	    }
-	  }
-	}
-
-	var didWarnAboutKeySpread = {};
-	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-	  {
-	    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-	    // succeed and there will likely be errors in render.
-
-	    if (!validType) {
-	      var info = '';
-
-	      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-	        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-	      }
-
-	      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-	      if (sourceInfo) {
-	        info += sourceInfo;
-	      } else {
-	        info += getDeclarationErrorAddendum();
-	      }
-
-	      var typeString;
-
-	      if (type === null) {
-	        typeString = 'null';
-	      } else if (isArray(type)) {
-	        typeString = 'array';
-	      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-	        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-	        info = ' Did you accidentally export a JSX literal instead of a component?';
-	      } else {
-	        typeString = typeof type;
-	      }
-
-	      error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
-	    }
-
-	    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-	    // TODO: Drop this when these are no longer allowed as the type argument.
-
-	    if (element == null) {
-	      return element;
-	    } // Skip key warning if the type isn't valid since our key validation logic
-	    // doesn't expect a non-string/function type and can throw confusing errors.
-	    // We don't want exception behavior to differ between dev and prod.
-	    // (Rendering will throw with a helpful message and as soon as the type is
-	    // fixed, the key warnings will appear.)
-
-
-	    if (validType) {
-	      var children = props.children;
-
-	      if (children !== undefined) {
-	        if (isStaticChildren) {
-	          if (isArray(children)) {
-	            for (var i = 0; i < children.length; i++) {
-	              validateChildKeys(children[i], type);
-	            }
-
-	            if (Object.freeze) {
-	              Object.freeze(children);
-	            }
-	          } else {
-	            error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
-	          }
-	        } else {
-	          validateChildKeys(children, type);
-	        }
-	      }
-	    }
-
-	    {
-	      if (hasOwnProperty.call(props, 'key')) {
-	        var componentName = getComponentNameFromType(type);
-	        var keys = Object.keys(props).filter(function (k) {
-	          return k !== 'key';
-	        });
-	        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-	        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-	          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-	          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-	          didWarnAboutKeySpread[componentName + beforeExample] = true;
-	        }
-	      }
-	    }
-
-	    if (type === REACT_FRAGMENT_TYPE) {
-	      validateFragmentProps(element);
-	    } else {
-	      validatePropTypes(element);
-	    }
-
-	    return element;
-	  }
-	} // These two functions exist to still get child warnings in dev
-	// even with the prod transform. This means that jsxDEV is purely
-	// opt-in behavior for better messages but that we won't stop
-	// giving you warnings if you use production apis.
-
-	function jsxWithValidationStatic(type, props, key) {
-	  {
-	    return jsxWithValidation(type, props, key, true);
-	  }
-	}
-	function jsxWithValidationDynamic(type, props, key) {
-	  {
-	    return jsxWithValidation(type, props, key, false);
-	  }
-	}
-
-	var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
-	// for now we can ship identical prod functions
-
-	var jsxs =  jsxWithValidationStatic ;
-
-	reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_development.jsx = jsx;
-	reactJsxRuntime_development.jsxs = jsxs;
-	  })();
-	}
-	return reactJsxRuntime_development;
-}
-
-if (process.env.NODE_ENV === 'production') {
-  jsxRuntime.exports = requireReactJsxRuntime_production_min();
-} else {
-  jsxRuntime.exports = requireReactJsxRuntime_development();
-}
-
-var jsxRuntimeExports = jsxRuntime.exports;
-
-var dist = {};
-
-var useWebsocket = {};
-
-var constants = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.isEventSourceSupported = exports.isReactNative = exports.ReadyState = exports.DEFAULT_HEARTBEAT = exports.UNPARSABLE_JSON_OBJECT = exports.DEFAULT_RECONNECT_INTERVAL_MS = exports.DEFAULT_RECONNECT_LIMIT = exports.SOCKET_IO_PING_CODE = exports.SOCKET_IO_PATH = exports.SOCKET_IO_PING_INTERVAL = exports.DEFAULT_EVENT_SOURCE_OPTIONS = exports.EMPTY_EVENT_HANDLERS = exports.DEFAULT_OPTIONS = void 0;
-	var MILLISECONDS = 1;
-	var SECONDS = 1000 * MILLISECONDS;
-	exports.DEFAULT_OPTIONS = {};
-	exports.EMPTY_EVENT_HANDLERS = {};
-	exports.DEFAULT_EVENT_SOURCE_OPTIONS = {
-	    withCredentials: false,
-	    events: exports.EMPTY_EVENT_HANDLERS,
-	};
-	exports.SOCKET_IO_PING_INTERVAL = 25 * SECONDS;
-	exports.SOCKET_IO_PATH = '/socket.io/?EIO=3&transport=websocket';
-	exports.SOCKET_IO_PING_CODE = '2';
-	exports.DEFAULT_RECONNECT_LIMIT = 20;
-	exports.DEFAULT_RECONNECT_INTERVAL_MS = 5000;
-	exports.UNPARSABLE_JSON_OBJECT = {};
-	exports.DEFAULT_HEARTBEAT = {
-	    message: 'ping',
-	    timeout: 60000,
-	    interval: 25000,
-	};
-	var ReadyState;
-	(function (ReadyState) {
-	    ReadyState[ReadyState["UNINSTANTIATED"] = -1] = "UNINSTANTIATED";
-	    ReadyState[ReadyState["CONNECTING"] = 0] = "CONNECTING";
-	    ReadyState[ReadyState["OPEN"] = 1] = "OPEN";
-	    ReadyState[ReadyState["CLOSING"] = 2] = "CLOSING";
-	    ReadyState[ReadyState["CLOSED"] = 3] = "CLOSED";
-	})(ReadyState || (exports.ReadyState = ReadyState = {}));
-	var eventSourceSupported = function () {
-	    try {
-	        return 'EventSource' in globalThis;
-	    }
-	    catch (e) {
-	        return false;
-	    }
-	};
-	exports.isReactNative = typeof navigator !== 'undefined' && navigator.product === 'ReactNative';
-	exports.isEventSourceSupported = !exports.isReactNative && eventSourceSupported();
-	
-} (constants));
-
-var createOrJoin = {};
-
-var globals = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.resetWebSockets = exports.sharedWebSockets = void 0;
-	exports.sharedWebSockets = {};
-	var resetWebSockets = function (url) {
-	    if (url && exports.sharedWebSockets.hasOwnProperty(url)) {
-	        delete exports.sharedWebSockets[url];
-	    }
-	    else {
-	        for (var url_1 in exports.sharedWebSockets) {
-	            if (exports.sharedWebSockets.hasOwnProperty(url_1)) {
-	                delete exports.sharedWebSockets[url_1];
-	            }
-	        }
-	    }
-	};
-	exports.resetWebSockets = resetWebSockets;
-	
-} (globals));
-
-var attachListener = {};
-
-var socketIo = {};
-
-Object.defineProperty(socketIo, "__esModule", { value: true });
-socketIo.setUpSocketIOPing = socketIo.appendQueryParams = socketIo.parseSocketIOUrl = void 0;
-var constants_1$7 = constants;
-var parseSocketIOUrl = function (url) {
-    if (url) {
-        var isSecure = /^https|wss/.test(url);
-        var strippedProtocol = url.replace(/^(https?|wss?)(:\/\/)?/, '');
-        var removedFinalBackSlack = strippedProtocol.replace(/\/$/, '');
-        var protocol = isSecure ? 'wss' : 'ws';
-        return "".concat(protocol, "://").concat(removedFinalBackSlack).concat(constants_1$7.SOCKET_IO_PATH);
-    }
-    else if (url === '') {
-        var isSecure = /^https/.test(window.location.protocol);
-        var protocol = isSecure ? 'wss' : 'ws';
-        var port = window.location.port ? ":".concat(window.location.port) : '';
-        return "".concat(protocol, "://").concat(window.location.hostname).concat(port).concat(constants_1$7.SOCKET_IO_PATH);
-    }
-    return url;
-};
-socketIo.parseSocketIOUrl = parseSocketIOUrl;
-var appendQueryParams = function (url, params) {
-    if (params === void 0) { params = {}; }
-    var hasParamsRegex = /\?([\w]+=[\w]+)/;
-    var alreadyHasParams = hasParamsRegex.test(url);
-    var stringified = "".concat(Object.entries(params).reduce(function (next, _a) {
-        var key = _a[0], value = _a[1];
-        return next + "".concat(key, "=").concat(value, "&");
-    }, '').slice(0, -1));
-    return "".concat(url).concat(alreadyHasParams ? '&' : '?').concat(stringified);
-};
-socketIo.appendQueryParams = appendQueryParams;
-var setUpSocketIOPing = function (sendMessage, interval) {
-    if (interval === void 0) { interval = constants_1$7.SOCKET_IO_PING_INTERVAL; }
-    var ping = function () { return sendMessage(constants_1$7.SOCKET_IO_PING_CODE); };
-    return window.setInterval(ping, interval);
-};
-socketIo.setUpSocketIOPing = setUpSocketIOPing;
-
-var heartbeat$1 = {};
-
-Object.defineProperty(heartbeat$1, "__esModule", { value: true });
-heartbeat$1.heartbeat = heartbeat;
-var constants_1$6 = constants;
-function getLastMessageTime(lastMessageTime) {
-    if (Array.isArray(lastMessageTime)) {
-        return lastMessageTime.reduce(function (p, c) { return (p.current > c.current) ? p : c; }).current;
-    }
-    return lastMessageTime.current;
-}
-function heartbeat(ws, lastMessageTime, options) {
-    var _a = options || {}, _b = _a.interval, interval = _b === void 0 ? constants_1$6.DEFAULT_HEARTBEAT.interval : _b, _c = _a.timeout, timeout = _c === void 0 ? constants_1$6.DEFAULT_HEARTBEAT.timeout : _c, _d = _a.message, message = _d === void 0 ? constants_1$6.DEFAULT_HEARTBEAT.message : _d;
-    // how often check interval between ping messages
-    // minimum is 100ms
-    // maximum is ${interval / 10}ms
-    var intervalCheck = Math.max(100, interval / 10);
-    var lastPingSentAt = Date.now();
-    var heartbeatInterval = setInterval(function () {
-        var timeNow = Date.now();
-        var lastMessageReceivedAt = getLastMessageTime(lastMessageTime);
-        if (lastMessageReceivedAt + timeout <= timeNow) {
-            console.warn("Heartbeat timed out, closing connection, last message received ".concat(timeNow - lastMessageReceivedAt, "ms ago, last ping sent ").concat(timeNow - lastPingSentAt, "ms ago"));
-            ws.close();
-        }
-        else {
-            if (lastMessageReceivedAt + interval <= timeNow && lastPingSentAt + interval <= timeNow) {
-                try {
-                    if (typeof message === 'function') {
-                        ws.send(message());
-                    }
-                    else {
-                        ws.send(message);
-                    }
-                    lastPingSentAt = timeNow;
-                }
-                catch (err) {
-                    console.error("Heartbeat failed, closing connection", err instanceof Error ? err.message : err);
-                    ws.close();
-                }
-            }
-        }
-    }, intervalCheck);
-    ws.addEventListener("close", function () {
-        clearInterval(heartbeatInterval);
-    });
-    return function () { };
-}
-
-var util = {};
-
-var manageSubscribers = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.resetSubscribers = exports.removeSubscriber = exports.addSubscriber = exports.hasSubscribers = exports.getSubscribers = void 0;
-	var subscribers = {};
-	var EMPTY_LIST = [];
-	var getSubscribers = function (url) {
-	    if ((0, exports.hasSubscribers)(url)) {
-	        return Array.from(subscribers[url]);
-	    }
-	    return EMPTY_LIST;
-	};
-	exports.getSubscribers = getSubscribers;
-	var hasSubscribers = function (url) {
-	    var _a;
-	    return ((_a = subscribers[url]) === null || _a === void 0 ? void 0 : _a.size) > 0;
-	};
-	exports.hasSubscribers = hasSubscribers;
-	var addSubscriber = function (url, subscriber) {
-	    subscribers[url] = subscribers[url] || new Set();
-	    subscribers[url].add(subscriber);
-	};
-	exports.addSubscriber = addSubscriber;
-	var removeSubscriber = function (url, subscriber) {
-	    subscribers[url].delete(subscriber);
-	};
-	exports.removeSubscriber = removeSubscriber;
-	var resetSubscribers = function (url) {
-	    if (url && subscribers.hasOwnProperty(url)) {
-	        delete subscribers[url];
-	    }
-	    else {
-	        for (var url_1 in subscribers) {
-	            if (subscribers.hasOwnProperty(url_1)) {
-	                delete subscribers[url_1];
-	            }
-	        }
-	    }
-	};
-	exports.resetSubscribers = resetSubscribers;
-	
-} (manageSubscribers));
-
-Object.defineProperty(util, "__esModule", { value: true });
-util.assertIsWebSocket = assertIsWebSocket;
-util.resetGlobalState = resetGlobalState;
-var globals_1$2 = globals;
-var manage_subscribers_1$2 = manageSubscribers;
-function assertIsWebSocket(webSocketInstance, skip) {
-    if (!skip && webSocketInstance instanceof WebSocket === false)
-        throw new Error('');
-}
-function resetGlobalState(url) {
-    (0, manage_subscribers_1$2.resetSubscribers)(url);
-    (0, globals_1$2.resetWebSockets)(url);
-}
-
-var __assign$4 = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign$4 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$4.apply(this, arguments);
-};
-Object.defineProperty(attachListener, "__esModule", { value: true });
-attachListener.attachListeners = void 0;
-var socket_io_1$1 = socketIo;
-var heartbeat_1$1 = heartbeat$1;
-var constants_1$5 = constants;
-var util_1$1 = util;
-var bindMessageHandler$1 = function (webSocketInstance, optionsRef, setLastMessage, lastMessageTime) {
-    webSocketInstance.onmessage = function (message) {
-        var _a;
-        optionsRef.current.onMessage && optionsRef.current.onMessage(message);
-        if (typeof (lastMessageTime === null || lastMessageTime === void 0 ? void 0 : lastMessageTime.current) === 'number') {
-            lastMessageTime.current = Date.now();
-        }
-        if (typeof optionsRef.current.filter === 'function' && optionsRef.current.filter(message) !== true) {
-            return;
-        }
-        if (optionsRef.current.heartbeat &&
-            typeof optionsRef.current.heartbeat !== "boolean" &&
-            ((_a = optionsRef.current.heartbeat) === null || _a === void 0 ? void 0 : _a.returnMessage) === message.data) {
-            return;
-        }
-        setLastMessage(message);
-    };
-};
-var bindOpenHandler$1 = function (webSocketInstance, optionsRef, setReadyState, reconnectCount, lastMessageTime) {
-    webSocketInstance.onopen = function (event) {
-        optionsRef.current.onOpen && optionsRef.current.onOpen(event);
-        reconnectCount.current = 0;
-        setReadyState(constants_1$5.ReadyState.OPEN);
-        //start heart beat here
-        if (optionsRef.current.heartbeat && webSocketInstance instanceof WebSocket) {
-            var heartbeatOptions = typeof optionsRef.current.heartbeat === "boolean"
-                ? undefined
-                : optionsRef.current.heartbeat;
-            lastMessageTime.current = Date.now();
-            (0, heartbeat_1$1.heartbeat)(webSocketInstance, lastMessageTime, heartbeatOptions);
-        }
-    };
-};
-var bindCloseHandler$1 = function (webSocketInstance, optionsRef, setReadyState, reconnect, reconnectCount) {
-    if (constants_1$5.isEventSourceSupported && webSocketInstance instanceof EventSource) {
-        return function () { };
-    }
-    (0, util_1$1.assertIsWebSocket)(webSocketInstance, optionsRef.current.skipAssert);
-    var reconnectTimeout;
-    webSocketInstance.onclose = function (event) {
-        var _a;
-        optionsRef.current.onClose && optionsRef.current.onClose(event);
-        setReadyState(constants_1$5.ReadyState.CLOSED);
-        if (optionsRef.current.shouldReconnect && optionsRef.current.shouldReconnect(event)) {
-            var reconnectAttempts = (_a = optionsRef.current.reconnectAttempts) !== null && _a !== void 0 ? _a : constants_1$5.DEFAULT_RECONNECT_LIMIT;
-            if (reconnectCount.current < reconnectAttempts) {
-                var nextReconnectInterval = typeof optionsRef.current.reconnectInterval === 'function' ?
-                    optionsRef.current.reconnectInterval(reconnectCount.current) :
-                    optionsRef.current.reconnectInterval;
-                reconnectTimeout = window.setTimeout(function () {
-                    reconnectCount.current++;
-                    reconnect();
-                }, nextReconnectInterval !== null && nextReconnectInterval !== void 0 ? nextReconnectInterval : constants_1$5.DEFAULT_RECONNECT_INTERVAL_MS);
-            }
-            else {
-                optionsRef.current.onReconnectStop && optionsRef.current.onReconnectStop(reconnectAttempts);
-                console.warn("Max reconnect attempts of ".concat(reconnectAttempts, " exceeded"));
-            }
-        }
-    };
-    return function () { return reconnectTimeout && window.clearTimeout(reconnectTimeout); };
-};
-var bindErrorHandler$1 = function (webSocketInstance, optionsRef, setReadyState, reconnect, reconnectCount) {
-    var reconnectTimeout;
-    webSocketInstance.onerror = function (error) {
-        var _a;
-        optionsRef.current.onError && optionsRef.current.onError(error);
-        if (constants_1$5.isEventSourceSupported && webSocketInstance instanceof EventSource) {
-            optionsRef.current.onClose && optionsRef.current.onClose(__assign$4(__assign$4({}, error), { code: 1006, reason: "An error occurred with the EventSource: ".concat(error), wasClean: false }));
-            setReadyState(constants_1$5.ReadyState.CLOSED);
-            webSocketInstance.close();
-        }
-        if (optionsRef.current.retryOnError) {
-            if (reconnectCount.current < ((_a = optionsRef.current.reconnectAttempts) !== null && _a !== void 0 ? _a : constants_1$5.DEFAULT_RECONNECT_LIMIT)) {
-                var nextReconnectInterval = typeof optionsRef.current.reconnectInterval === 'function' ?
-                    optionsRef.current.reconnectInterval(reconnectCount.current) :
-                    optionsRef.current.reconnectInterval;
-                reconnectTimeout = window.setTimeout(function () {
-                    reconnectCount.current++;
-                    reconnect();
-                }, nextReconnectInterval !== null && nextReconnectInterval !== void 0 ? nextReconnectInterval : constants_1$5.DEFAULT_RECONNECT_INTERVAL_MS);
-            }
-            else {
-                optionsRef.current.onReconnectStop && optionsRef.current.onReconnectStop(optionsRef.current.reconnectAttempts);
-                console.warn("Max reconnect attempts of ".concat(optionsRef.current.reconnectAttempts, " exceeded"));
-            }
-        }
-    };
-    return function () { return reconnectTimeout && window.clearTimeout(reconnectTimeout); };
-};
-var attachListeners = function (webSocketInstance, setters, optionsRef, reconnect, reconnectCount, lastMessageTime, sendMessage) {
-    var setLastMessage = setters.setLastMessage, setReadyState = setters.setReadyState;
-    var interval;
-    var cancelReconnectOnClose;
-    var cancelReconnectOnError;
-    if (optionsRef.current.fromSocketIO) {
-        interval = (0, socket_io_1$1.setUpSocketIOPing)(sendMessage);
-    }
-    bindMessageHandler$1(webSocketInstance, optionsRef, setLastMessage, lastMessageTime);
-    bindOpenHandler$1(webSocketInstance, optionsRef, setReadyState, reconnectCount, lastMessageTime);
-    cancelReconnectOnClose = bindCloseHandler$1(webSocketInstance, optionsRef, setReadyState, reconnect, reconnectCount);
-    cancelReconnectOnError = bindErrorHandler$1(webSocketInstance, optionsRef, setReadyState, reconnect, reconnectCount);
-    return function () {
-        setReadyState(constants_1$5.ReadyState.CLOSING);
-        cancelReconnectOnClose();
-        cancelReconnectOnError();
-        webSocketInstance.close();
-        if (interval)
-            clearInterval(interval);
-    };
-};
-attachListener.attachListeners = attachListeners;
-
-var attachSharedListeners$1 = {};
-
-var __assign$3 = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign$3 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$3.apply(this, arguments);
-};
-Object.defineProperty(attachSharedListeners$1, "__esModule", { value: true });
-attachSharedListeners$1.attachSharedListeners = void 0;
-var globals_1$1 = globals;
-var constants_1$4 = constants;
-var manage_subscribers_1$1 = manageSubscribers;
-var socket_io_1 = socketIo;
-var heartbeat_1 = heartbeat$1;
-var bindMessageHandler = function (webSocketInstance, url, heartbeatOptions) {
-    webSocketInstance.onmessage = function (message) {
-        (0, manage_subscribers_1$1.getSubscribers)(url).forEach(function (subscriber) {
-            var _a;
-            if (subscriber.optionsRef.current.onMessage) {
-                subscriber.optionsRef.current.onMessage(message);
-            }
-            if (typeof ((_a = subscriber === null || subscriber === void 0 ? void 0 : subscriber.lastMessageTime) === null || _a === void 0 ? void 0 : _a.current) === 'number') {
-                subscriber.lastMessageTime.current = Date.now();
-            }
-            if (typeof subscriber.optionsRef.current.filter === 'function' &&
-                subscriber.optionsRef.current.filter(message) !== true) {
-                return;
-            }
-            if (heartbeatOptions &&
-                typeof heartbeatOptions !== "boolean" &&
-                (heartbeatOptions === null || heartbeatOptions === void 0 ? void 0 : heartbeatOptions.returnMessage) === message.data)
-                return;
-            subscriber.setLastMessage(message);
-        });
-    };
-};
-var bindOpenHandler = function (webSocketInstance, url, heartbeatOptions) {
-    webSocketInstance.onopen = function (event) {
-        var subscribers = (0, manage_subscribers_1$1.getSubscribers)(url);
-        subscribers.forEach(function (subscriber) {
-            subscriber.reconnectCount.current = 0;
-            if (subscriber.optionsRef.current.onOpen) {
-                subscriber.optionsRef.current.onOpen(event);
-            }
-            subscriber.setReadyState(constants_1$4.ReadyState.OPEN);
-            if (heartbeatOptions && webSocketInstance instanceof WebSocket) {
-                subscriber.lastMessageTime.current = Date.now();
-            }
-        });
-        if (heartbeatOptions && webSocketInstance instanceof WebSocket) {
-            (0, heartbeat_1.heartbeat)(webSocketInstance, subscribers.map(function (subscriber) { return subscriber.lastMessageTime; }), typeof heartbeatOptions === 'boolean' ? undefined : heartbeatOptions);
-        }
-    };
-};
-var bindCloseHandler = function (webSocketInstance, url) {
-    if (webSocketInstance instanceof WebSocket) {
-        webSocketInstance.onclose = function (event) {
-            (0, manage_subscribers_1$1.getSubscribers)(url).forEach(function (subscriber) {
-                if (subscriber.optionsRef.current.onClose) {
-                    subscriber.optionsRef.current.onClose(event);
-                }
-                subscriber.setReadyState(constants_1$4.ReadyState.CLOSED);
-            });
-            delete globals_1$1.sharedWebSockets[url];
-            (0, manage_subscribers_1$1.getSubscribers)(url).forEach(function (subscriber) {
-                var _a;
-                if (subscriber.optionsRef.current.shouldReconnect &&
-                    subscriber.optionsRef.current.shouldReconnect(event)) {
-                    var reconnectAttempts = (_a = subscriber.optionsRef.current.reconnectAttempts) !== null && _a !== void 0 ? _a : constants_1$4.DEFAULT_RECONNECT_LIMIT;
-                    if (subscriber.reconnectCount.current < reconnectAttempts) {
-                        var nextReconnectInterval = typeof subscriber.optionsRef.current.reconnectInterval === 'function' ?
-                            subscriber.optionsRef.current.reconnectInterval(subscriber.reconnectCount.current) :
-                            subscriber.optionsRef.current.reconnectInterval;
-                        setTimeout(function () {
-                            subscriber.reconnectCount.current++;
-                            subscriber.reconnect.current();
-                        }, nextReconnectInterval !== null && nextReconnectInterval !== void 0 ? nextReconnectInterval : constants_1$4.DEFAULT_RECONNECT_INTERVAL_MS);
-                    }
-                    else {
-                        subscriber.optionsRef.current.onReconnectStop && subscriber.optionsRef.current.onReconnectStop(subscriber.optionsRef.current.reconnectAttempts);
-                        console.warn("Max reconnect attempts of ".concat(reconnectAttempts, " exceeded"));
-                    }
-                }
-            });
-        };
-    }
-};
-var bindErrorHandler = function (webSocketInstance, url) {
-    webSocketInstance.onerror = function (error) {
-        (0, manage_subscribers_1$1.getSubscribers)(url).forEach(function (subscriber) {
-            if (subscriber.optionsRef.current.onError) {
-                subscriber.optionsRef.current.onError(error);
-            }
-            if (constants_1$4.isEventSourceSupported && webSocketInstance instanceof EventSource) {
-                subscriber.optionsRef.current.onClose && subscriber.optionsRef.current.onClose(__assign$3(__assign$3({}, error), { code: 1006, reason: "An error occurred with the EventSource: ".concat(error), wasClean: false }));
-                subscriber.setReadyState(constants_1$4.ReadyState.CLOSED);
-            }
-        });
-        if (constants_1$4.isEventSourceSupported && webSocketInstance instanceof EventSource) {
-            webSocketInstance.close();
-        }
-    };
-};
-var attachSharedListeners = function (webSocketInstance, url, optionsRef, sendMessage) {
-    var interval;
-    if (optionsRef.current.fromSocketIO) {
-        interval = (0, socket_io_1.setUpSocketIOPing)(sendMessage);
-    }
-    bindMessageHandler(webSocketInstance, url, optionsRef.current.heartbeat);
-    bindCloseHandler(webSocketInstance, url);
-    bindOpenHandler(webSocketInstance, url, optionsRef.current.heartbeat);
-    bindErrorHandler(webSocketInstance, url);
-    return function () {
-        if (interval)
-            clearInterval(interval);
-    };
-};
-attachSharedListeners$1.attachSharedListeners = attachSharedListeners;
-
-Object.defineProperty(createOrJoin, "__esModule", { value: true });
-createOrJoin.createOrJoinSocket = void 0;
-var globals_1 = globals;
-var constants_1$3 = constants;
-var attach_listener_1 = attachListener;
-var attach_shared_listeners_1 = attachSharedListeners$1;
-var manage_subscribers_1 = manageSubscribers;
-//TODO ensure that all onClose callbacks are called
-var cleanSubscribers = function (url, subscriber, optionsRef, setReadyState, clearSocketIoPingInterval) {
-    return function () {
-        (0, manage_subscribers_1.removeSubscriber)(url, subscriber);
-        if (!(0, manage_subscribers_1.hasSubscribers)(url)) {
-            try {
-                var socketLike = globals_1.sharedWebSockets[url];
-                if (socketLike instanceof WebSocket) {
-                    socketLike.onclose = function (event) {
-                        if (optionsRef.current.onClose) {
-                            optionsRef.current.onClose(event);
-                        }
-                        setReadyState(constants_1$3.ReadyState.CLOSED);
-                    };
-                }
-                socketLike.close();
-            }
-            catch (e) {
-            }
-            if (clearSocketIoPingInterval)
-                clearSocketIoPingInterval();
-            delete globals_1.sharedWebSockets[url];
-        }
-    };
-};
-var createOrJoinSocket = function (webSocketRef, url, setReadyState, optionsRef, setLastMessage, startRef, reconnectCount, lastMessageTime, sendMessage) {
-    if (!constants_1$3.isEventSourceSupported && optionsRef.current.eventSourceOptions) {
-        if (constants_1$3.isReactNative) {
-            throw new Error('EventSource is not supported in ReactNative');
-        }
-        else {
-            throw new Error('EventSource is not supported');
-        }
-    }
-    if (optionsRef.current.share) {
-        var clearSocketIoPingInterval = null;
-        if (globals_1.sharedWebSockets[url] === undefined) {
-            globals_1.sharedWebSockets[url] = optionsRef.current.eventSourceOptions ?
-                new EventSource(url, optionsRef.current.eventSourceOptions) :
-                new WebSocket(url, optionsRef.current.protocols);
-            webSocketRef.current = globals_1.sharedWebSockets[url];
-            setReadyState(constants_1$3.ReadyState.CONNECTING);
-            clearSocketIoPingInterval = (0, attach_shared_listeners_1.attachSharedListeners)(globals_1.sharedWebSockets[url], url, optionsRef, sendMessage);
-        }
-        else {
-            webSocketRef.current = globals_1.sharedWebSockets[url];
-            setReadyState(globals_1.sharedWebSockets[url].readyState);
-        }
-        var subscriber = {
-            setLastMessage: setLastMessage,
-            setReadyState: setReadyState,
-            optionsRef: optionsRef,
-            reconnectCount: reconnectCount,
-            lastMessageTime: lastMessageTime,
-            reconnect: startRef,
-        };
-        (0, manage_subscribers_1.addSubscriber)(url, subscriber);
-        return cleanSubscribers(url, subscriber, optionsRef, setReadyState, clearSocketIoPingInterval);
-    }
-    else {
-        webSocketRef.current = optionsRef.current.eventSourceOptions ?
-            new EventSource(url, optionsRef.current.eventSourceOptions) :
-            new WebSocket(url, optionsRef.current.protocols);
-        setReadyState(constants_1$3.ReadyState.CONNECTING);
-        if (!webSocketRef.current) {
-            throw new Error('WebSocket failed to be created');
-        }
-        return (0, attach_listener_1.attachListeners)(webSocketRef.current, {
-            setLastMessage: setLastMessage,
-            setReadyState: setReadyState
-        }, optionsRef, startRef.current, reconnectCount, lastMessageTime, sendMessage);
-    }
-};
-createOrJoin.createOrJoinSocket = createOrJoinSocket;
-
-var getUrl = {};
-
-(function (exports) {
-	var __awaiter = (commonjsGlobal && commonjsGlobal.__awaiter) || function (thisArg, _arguments, P, generator) {
-	    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-	    return new (P || (P = Promise))(function (resolve, reject) {
-	        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-	        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-	        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-	        step((generator = generator.apply(thisArg, _arguments || [])).next());
-	    });
-	};
-	var __generator = (commonjsGlobal && commonjsGlobal.__generator) || function (thisArg, body) {
-	    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-	    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-	    function verb(n) { return function (v) { return step([n, v]); }; }
-	    function step(op) {
-	        if (f) throw new TypeError("Generator is already executing.");
-	        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-	            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-	            if (y = 0, t) op = [op[0] & 2, t.value];
-	            switch (op[0]) {
-	                case 0: case 1: t = op; break;
-	                case 4: _.label++; return { value: op[1], done: false };
-	                case 5: _.label++; y = op[1]; op = [0]; continue;
-	                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-	                default:
-	                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-	                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-	                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-	                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-	                    if (t[2]) _.ops.pop();
-	                    _.trys.pop(); continue;
-	            }
-	            op = body.call(thisArg, _);
-	        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-	        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-	    }
-	};
-	var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function (to, from, pack) {
-	    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-	        if (ar || !(i in from)) {
-	            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-	            ar[i] = from[i];
-	        }
-	    }
-	    return to.concat(ar || Array.prototype.slice.call(from));
-	};
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.getUrl = void 0;
-	var socket_io_1 = socketIo;
-	var constants_1 = constants;
-	var waitFor = function (duration) { return new Promise(function (resolve) { return window.setTimeout(resolve, duration); }); };
-	var getUrl = function (url_1, optionsRef_1) {
-	    var args_1 = [];
-	    for (var _i = 2; _i < arguments.length; _i++) {
-	        args_1[_i - 2] = arguments[_i];
-	    }
-	    return __awaiter(void 0, __spreadArray([url_1, optionsRef_1], args_1, true), void 0, function (url, optionsRef, retriedAttempts) {
-	        var convertedUrl, reconnectLimit, nextReconnectInterval, parsedUrl, parsedWithQueryParams;
-	        var _a, _b, _c;
-	        if (retriedAttempts === void 0) { retriedAttempts = 0; }
-	        return __generator(this, function (_d) {
-	            switch (_d.label) {
-	                case 0:
-	                    if (!(typeof url === 'function')) return [3 /*break*/, 10];
-	                    _d.label = 1;
-	                case 1:
-	                    _d.trys.push([1, 3, , 9]);
-	                    return [4 /*yield*/, url()];
-	                case 2:
-	                    convertedUrl = _d.sent();
-	                    return [3 /*break*/, 9];
-	                case 3:
-	                    _d.sent();
-	                    if (!optionsRef.current.retryOnError) return [3 /*break*/, 7];
-	                    reconnectLimit = (_a = optionsRef.current.reconnectAttempts) !== null && _a !== void 0 ? _a : constants_1.DEFAULT_RECONNECT_LIMIT;
-	                    if (!(retriedAttempts < reconnectLimit)) return [3 /*break*/, 5];
-	                    nextReconnectInterval = typeof optionsRef.current.reconnectInterval === 'function' ?
-	                        optionsRef.current.reconnectInterval(retriedAttempts) :
-	                        optionsRef.current.reconnectInterval;
-	                    return [4 /*yield*/, waitFor(nextReconnectInterval !== null && nextReconnectInterval !== void 0 ? nextReconnectInterval : constants_1.DEFAULT_RECONNECT_INTERVAL_MS)];
-	                case 4:
-	                    _d.sent();
-	                    return [2 /*return*/, (0, exports.getUrl)(url, optionsRef, retriedAttempts + 1)];
-	                case 5:
-	                    (_c = (_b = optionsRef.current).onReconnectStop) === null || _c === void 0 ? void 0 : _c.call(_b, retriedAttempts);
-	                    return [2 /*return*/, null];
-	                case 6: return [3 /*break*/, 8];
-	                case 7: return [2 /*return*/, null];
-	                case 8: return [3 /*break*/, 9];
-	                case 9: return [3 /*break*/, 11];
-	                case 10:
-	                    convertedUrl = url;
-	                    _d.label = 11;
-	                case 11:
-	                    parsedUrl = optionsRef.current.fromSocketIO ?
-	                        (0, socket_io_1.parseSocketIOUrl)(convertedUrl) :
-	                        convertedUrl;
-	                    parsedWithQueryParams = optionsRef.current.queryParams ?
-	                        (0, socket_io_1.appendQueryParams)(parsedUrl, optionsRef.current.queryParams) :
-	                        parsedUrl;
-	                    return [2 /*return*/, parsedWithQueryParams];
-	            }
-	        });
-	    });
-	};
-	exports.getUrl = getUrl;
-	
-} (getUrl));
-
-var proxy = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.websocketWrapper = void 0;
-	var websocketWrapper = function (webSocket, start) {
-	    return new Proxy(webSocket, {
-	        get: function (obj, key) {
-	            var val = obj[key];
-	            if (key === 'reconnect')
-	                return start;
-	            if (typeof val === 'function') {
-	                console.error('Calling methods directly on the websocket is not supported at this moment. You must use the methods returned by useWebSocket.');
-	                //Prevent error thrown by invoking a non-function
-	                return function () { };
-	            }
-	            else {
-	                return val;
-	            }
-	        },
-	        set: function (obj, key, val) {
-	            if (/^on/.test(key)) {
-	                console.warn('The websocket\'s event handlers should be defined through the options object passed into useWebSocket.');
-	                return false;
-	            }
-	            else {
-	                obj[key] = val;
-	                return true;
-	            }
-	        },
-	    });
-	};
-	exports.websocketWrapper = websocketWrapper;
-	exports.default = exports.websocketWrapper;
-	
-} (proxy));
-
-var __assign$2 = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign$2 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$2.apply(this, arguments);
-};
-var __awaiter = (commonjsGlobal && commonjsGlobal.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (commonjsGlobal && commonjsGlobal.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(useWebsocket, "__esModule", { value: true });
-useWebsocket.useWebSocket = void 0;
-var react_1$2 = require$$0;
-var react_dom_1 = require$$1;
-var constants_1$2 = constants;
-var create_or_join_1 = createOrJoin;
-var get_url_1 = getUrl;
-var proxy_1 = __importDefault(proxy);
-var util_1 = util;
-var useWebSocket$1 = function (url, options, connect) {
-    if (options === void 0) { options = constants_1$2.DEFAULT_OPTIONS; }
-    if (connect === void 0) { connect = true; }
-    var _a = (0, react_1$2.useState)(null), lastMessage = _a[0], setLastMessage = _a[1];
-    var _b = (0, react_1$2.useState)({}), readyState = _b[0], setReadyState = _b[1];
-    var lastJsonMessage = (0, react_1$2.useMemo)(function () {
-        if (!options.disableJson && lastMessage) {
-            try {
-                return JSON.parse(lastMessage.data);
-            }
-            catch (e) {
-                return constants_1$2.UNPARSABLE_JSON_OBJECT;
-            }
-        }
-        return null;
-    }, [lastMessage, options.disableJson]);
-    var convertedUrl = (0, react_1$2.useRef)(null);
-    var webSocketRef = (0, react_1$2.useRef)(null);
-    var startRef = (0, react_1$2.useRef)(function () { return void 0; });
-    var reconnectCount = (0, react_1$2.useRef)(0);
-    var lastMessageTime = (0, react_1$2.useRef)(Date.now());
-    var messageQueue = (0, react_1$2.useRef)([]);
-    var webSocketProxy = (0, react_1$2.useRef)(null);
-    var optionsCache = (0, react_1$2.useRef)(options);
-    optionsCache.current = options;
-    var readyStateFromUrl = convertedUrl.current && readyState[convertedUrl.current] !== undefined ?
-        readyState[convertedUrl.current] :
-        url !== null && connect === true ?
-            constants_1$2.ReadyState.CONNECTING :
-            constants_1$2.ReadyState.UNINSTANTIATED;
-    var stringifiedQueryParams = options.queryParams ? JSON.stringify(options.queryParams) : null;
-    var sendMessage = (0, react_1$2.useCallback)(function (message, keep) {
-        var _a;
-        if (keep === void 0) { keep = true; }
-        if (constants_1$2.isEventSourceSupported && webSocketRef.current instanceof EventSource) {
-            console.warn('Unable to send a message from an eventSource');
-            return;
-        }
-        if (((_a = webSocketRef.current) === null || _a === void 0 ? void 0 : _a.readyState) === constants_1$2.ReadyState.OPEN) {
-            (0, util_1.assertIsWebSocket)(webSocketRef.current, optionsCache.current.skipAssert);
-            webSocketRef.current.send(message);
-        }
-        else if (keep) {
-            messageQueue.current.push(message);
-        }
-    }, []);
-    var sendJsonMessage = (0, react_1$2.useCallback)(function (message, keep) {
-        if (keep === void 0) { keep = true; }
-        sendMessage(JSON.stringify(message), keep);
-    }, [sendMessage]);
-    var getWebSocket = (0, react_1$2.useCallback)(function () {
-        if (optionsCache.current.share !== true || (constants_1$2.isEventSourceSupported && webSocketRef.current instanceof EventSource)) {
-            return webSocketRef.current;
-        }
-        if (webSocketProxy.current === null && webSocketRef.current) {
-            (0, util_1.assertIsWebSocket)(webSocketRef.current, optionsCache.current.skipAssert);
-            webSocketProxy.current = (0, proxy_1.default)(webSocketRef.current, startRef);
-        }
-        return webSocketProxy.current;
-    }, []);
-    (0, react_1$2.useEffect)(function () {
-        if (url !== null && connect === true) {
-            var removeListeners_1;
-            var expectClose_1 = false;
-            var createOrJoin_1 = true;
-            var start_1 = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var _a, protectedSetLastMessage, protectedSetReadyState;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _a = convertedUrl;
-                            return [4 /*yield*/, (0, get_url_1.getUrl)(url, optionsCache)];
-                        case 1:
-                            _a.current = _b.sent();
-                            if (convertedUrl.current === null) {
-                                console.error('Failed to get a valid URL. WebSocket connection aborted.');
-                                convertedUrl.current = 'ABORTED';
-                                (0, react_dom_1.flushSync)(function () { return setReadyState(function (prev) { return (__assign$2(__assign$2({}, prev), { ABORTED: constants_1$2.ReadyState.CLOSED })); }); });
-                                return [2 /*return*/];
-                            }
-                            protectedSetLastMessage = function (message) {
-                                if (!expectClose_1) {
-                                    (0, react_dom_1.flushSync)(function () { return setLastMessage(message); });
-                                }
-                            };
-                            protectedSetReadyState = function (state) {
-                                if (!expectClose_1) {
-                                    (0, react_dom_1.flushSync)(function () { return setReadyState(function (prev) {
-                                        var _a;
-                                        return (__assign$2(__assign$2({}, prev), (convertedUrl.current && (_a = {}, _a[convertedUrl.current] = state, _a))));
-                                    }); });
-                                }
-                            };
-                            if (createOrJoin_1) {
-                                removeListeners_1 = (0, create_or_join_1.createOrJoinSocket)(webSocketRef, convertedUrl.current, protectedSetReadyState, optionsCache, protectedSetLastMessage, startRef, reconnectCount, lastMessageTime, sendMessage);
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            }); };
-            startRef.current = function () {
-                if (!expectClose_1) {
-                    if (webSocketProxy.current)
-                        webSocketProxy.current = null;
-                    removeListeners_1 === null || removeListeners_1 === void 0 ? void 0 : removeListeners_1();
-                    start_1();
-                }
-            };
-            start_1();
-            return function () {
-                expectClose_1 = true;
-                createOrJoin_1 = false;
-                if (webSocketProxy.current)
-                    webSocketProxy.current = null;
-                removeListeners_1 === null || removeListeners_1 === void 0 ? void 0 : removeListeners_1();
-                setLastMessage(null);
-            };
-        }
-        else if (url === null || connect === false) {
-            reconnectCount.current = 0; // reset reconnection attempts
-            setReadyState(function (prev) {
-                var _a;
-                return (__assign$2(__assign$2({}, prev), (convertedUrl.current && (_a = {}, _a[convertedUrl.current] = constants_1$2.ReadyState.CLOSED, _a))));
-            });
-        }
-    }, [url, connect, stringifiedQueryParams, sendMessage]);
-    (0, react_1$2.useEffect)(function () {
-        if (readyStateFromUrl === constants_1$2.ReadyState.OPEN) {
-            messageQueue.current.splice(0).forEach(function (message) {
-                sendMessage(message);
-            });
-        }
-    }, [readyStateFromUrl]);
-    return {
-        sendMessage: sendMessage,
-        sendJsonMessage: sendJsonMessage,
-        lastMessage: lastMessage,
-        lastJsonMessage: lastJsonMessage,
-        readyState: readyStateFromUrl,
-        getWebSocket: getWebSocket,
-    };
-};
-useWebsocket.useWebSocket = useWebSocket$1;
-
-var useSocketIo = {};
-
-var __assign$1 = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign$1 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-Object.defineProperty(useSocketIo, "__esModule", { value: true });
-useSocketIo.useSocketIO = void 0;
-var react_1$1 = require$$0;
-var use_websocket_1$1 = useWebsocket;
-var constants_1$1 = constants;
-var emptyEvent = {
-    type: 'empty',
-    payload: null,
-};
-var getSocketData = function (event) {
-    if (!event || !event.data) {
-        return emptyEvent;
-    }
-    var match = event.data.match(/\[.*]/);
-    if (!match) {
-        return emptyEvent;
-    }
-    var data = JSON.parse(match);
-    if (!Array.isArray(data) || !data[1]) {
-        return emptyEvent;
-    }
-    return {
-        type: data[0],
-        payload: data[1],
-    };
-};
-var useSocketIO = function (url, options, connect) {
-    if (options === void 0) { options = constants_1$1.DEFAULT_OPTIONS; }
-    if (connect === void 0) { connect = true; }
-    var optionsWithSocketIO = (0, react_1$1.useMemo)(function () { return (__assign$1(__assign$1({}, options), { fromSocketIO: true })); }, []);
-    var _a = (0, use_websocket_1$1.useWebSocket)(url, optionsWithSocketIO, connect), sendMessage = _a.sendMessage, sendJsonMessage = _a.sendJsonMessage, lastMessage = _a.lastMessage, readyState = _a.readyState, getWebSocket = _a.getWebSocket;
-    var socketIOLastMessage = (0, react_1$1.useMemo)(function () {
-        return getSocketData(lastMessage);
-    }, [lastMessage]);
-    return {
-        sendMessage: sendMessage,
-        sendJsonMessage: sendJsonMessage,
-        lastMessage: socketIOLastMessage,
-        lastJsonMessage: socketIOLastMessage,
-        readyState: readyState,
-        getWebSocket: getWebSocket,
-    };
-};
-useSocketIo.useSocketIO = useSocketIO;
-
-var useEventSource$1 = {};
-
-var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(useEventSource$1, "__esModule", { value: true });
-useEventSource$1.useEventSource = void 0;
-var react_1 = require$$0;
-var use_websocket_1 = useWebsocket;
-var constants_1 = constants;
-var useEventSource = function (url, _a, connect) {
-    if (_a === void 0) { _a = constants_1.DEFAULT_EVENT_SOURCE_OPTIONS; }
-    var withCredentials = _a.withCredentials, events = _a.events, options = __rest(_a, ["withCredentials", "events"]);
-    if (connect === void 0) { connect = true; }
-    var optionsWithEventSource = __assign(__assign({}, options), { eventSourceOptions: {
-            withCredentials: withCredentials,
-        } });
-    var eventsRef = (0, react_1.useRef)(constants_1.EMPTY_EVENT_HANDLERS);
-    if (events) {
-        eventsRef.current = events;
-    }
-    var _b = (0, use_websocket_1.useWebSocket)(url, optionsWithEventSource, connect), lastMessage = _b.lastMessage, readyState = _b.readyState, getWebSocket = _b.getWebSocket;
-    (0, react_1.useEffect)(function () {
-        if (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) {
-            Object.entries(eventsRef.current).forEach(function (_a) {
-                var type = _a[0], handler = _a[1];
-                if (type === lastMessage.type) {
-                    handler(lastMessage);
-                }
-            });
-        }
-    }, [lastMessage]);
-    return {
-        lastEvent: lastMessage,
-        readyState: readyState,
-        getEventSource: getWebSocket,
-    };
-};
-useEventSource$1.useEventSource = useEventSource;
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.resetGlobalState = exports.useEventSource = exports.ReadyState = exports.useSocketIO = exports.default = void 0;
-	var use_websocket_1 = useWebsocket;
-	Object.defineProperty(exports, "default", { enumerable: true, get: function () { return use_websocket_1.useWebSocket; } });
-	var use_socket_io_1 = useSocketIo;
-	Object.defineProperty(exports, "useSocketIO", { enumerable: true, get: function () { return use_socket_io_1.useSocketIO; } });
-	var constants_1 = constants;
-	Object.defineProperty(exports, "ReadyState", { enumerable: true, get: function () { return constants_1.ReadyState; } });
-	var use_event_source_1 = useEventSource$1;
-	Object.defineProperty(exports, "useEventSource", { enumerable: true, get: function () { return use_event_source_1.useEventSource; } });
-	var util_1 = util;
-	Object.defineProperty(exports, "resetGlobalState", { enumerable: true, get: function () { return util_1.resetGlobalState; } });
-	
-} (dist));
-
-var useWebSocket = /*@__PURE__*/getDefaultExportFromCjs(dist);
-
-const useHyperliquidWebSocket = ({ wsUrl, address }) => {
-    // WebSocket data state
-    const [data, setData] = useState({
-        tradeHistories: null,
-        openPositions: null,
-        openOrders: null,
-        accountSummary: null,
-    });
-    const [lastError, setLastError] = useState(null);
-    const [lastSubscribedAddress, setLastSubscribedAddress] = useState(null);
-    // WebSocket connection
-    const { readyState, sendMessage } = useWebSocket(wsUrl, {
-        shouldReconnect: () => true,
-        reconnectAttempts: 5,
-        reconnectInterval: 3000,
-        onMessage: (event) => {
-            try {
-                const message = JSON.parse(event.data);
-                // Handle subscription responses (only if they don't have channel data)
-                if (('success' in message || 'error' in message) && !('channel' in message)) {
-                    if (message.error) {
-                        setLastError(message.error);
-                    }
-                    else {
-                        setLastError(null);
-                    }
-                    return;
-                }
-                // Handle channel data messages
-                if ('channel' in message && 'data' in message) {
-                    const dataMessage = message;
-                    // Validate data exists and is not null/undefined
-                    if (dataMessage.data === null || dataMessage.data === undefined) {
-                        return;
-                    }
-                    switch (dataMessage.channel) {
-                        case 'trade-histories':
-                            if (Array.isArray(dataMessage.data)) {
-                                setData(prev => ({
-                                    ...prev,
-                                    tradeHistories: dataMessage.data
-                                }));
-                            }
-                            break;
-                        case 'open-positions':
-                            if (Array.isArray(dataMessage.data)) {
-                                setData(prev => ({
-                                    ...prev,
-                                    openPositions: dataMessage.data
-                                }));
-                            }
-                            break;
-                        case 'open-orders':
-                            if (Array.isArray(dataMessage.data)) {
-                                setData(prev => ({
-                                    ...prev,
-                                    openOrders: dataMessage.data
-                                }));
-                            }
-                            break;
-                        case 'account-summary':
-                            if (typeof dataMessage.data === 'object' && dataMessage.data !== null) {
-                                setData(prev => ({
-                                    ...prev,
-                                    accountSummary: dataMessage.data
-                                }));
-                            }
-                            break;
-                    }
-                }
-            }
-            catch (error) {
-                setLastError(`Failed to parse message: ${error instanceof Error ? error.message : String(error)}`);
-            }
-        }
-    });
-    const isConnected = readyState === dist.ReadyState.OPEN;
-    // Handle subscription management
-    useEffect(() => {
-        if (isConnected && address && address !== lastSubscribedAddress) {
-            // Unsubscribe from previous address if exists
-            if (lastSubscribedAddress) {
-                sendMessage(JSON.stringify({
-                    action: 'unsubscribe',
-                    address: lastSubscribedAddress
-                }));
-            }
-            // Subscribe to new address
-            sendMessage(JSON.stringify({
-                action: 'subscribe',
-                address: address
-            }));
-            setLastSubscribedAddress(address);
-            setLastError(null);
-        }
-        else if (isConnected && !address && lastSubscribedAddress) {
-            // Send unsubscribe action when address is removed
-            sendMessage(JSON.stringify({
-                action: 'unsubscribe',
-                address: lastSubscribedAddress
-            }));
-            setLastSubscribedAddress(null);
-        }
-    }, [isConnected, address, lastSubscribedAddress, sendMessage]);
-    // Clear data when address changes
-    useEffect(() => {
-        if (address !== lastSubscribedAddress) {
-            setData({
-                tradeHistories: null,
-                openPositions: null,
-                openOrders: null,
-                accountSummary: null,
-            });
-            setLastError(null);
-        }
-    }, [address, lastSubscribedAddress]);
-    return {
-        data,
-        connectionStatus: readyState,
-        isConnected,
-        lastError,
-    };
-};
-
-const useHyperliquidNativeWebSocket = ({ address }) => {
-    const [webData2, setWebData2] = useState(null);
-    const [allMids, setAllMids] = useState(null);
-    const [lastError, setLastError] = useState(null);
-    const [subscribedAddress, setSubscribedAddress] = useState(null);
-    const pingIntervalRef = useRef(null);
-    // WebSocket connection to HyperLiquid native API
-    const { readyState, sendJsonMessage } = useWebSocket('wss://api.hyperliquid.xyz/ws', {
-        shouldReconnect: () => true,
-        reconnectAttempts: 5,
-        reconnectInterval: 3000,
-        onOpen: () => { },
-        onClose: () => { },
-        onError: (event) => console.error('[HyperLiquid WS] Connection error:', event),
-        onReconnectStop: () => console.error('[HyperLiquid WS] Reconnection stopped after 5 attempts'),
-        onMessage: (event) => {
-            try {
-                const message = JSON.parse(event.data);
-                // Handle subscription responses
-                if ('success' in message || 'error' in message) {
-                    if (message.error) {
-                        console.error('[HyperLiquid WS] Subscription error:', message.error);
-                        setLastError(message.error);
-                    }
-                    else {
-                        setLastError(null);
-                    }
-                    return;
-                }
-                // Handle channel data messages
-                if ('channel' in message && 'data' in message) {
-                    const response = message;
-                    switch (response.channel) {
-                        case 'webData2':
-                            setWebData2(response.data);
-                            break;
-                        case 'allMids':
-                            setAllMids(response.data);
-                            break;
-                        default:
-                            console.warn(`[HyperLiquid WS] Unknown channel: ${response.channel}`);
-                    }
-                }
-            }
-            catch (error) {
-                const errorMessage = `Failed to parse message: ${error instanceof Error ? error.message : String(error)}`;
-                console.error('[HyperLiquid WS] Parse error:', errorMessage, 'Raw message:', event.data);
-                setLastError(errorMessage);
-            }
-        }
-    });
-    const isConnected = readyState === dist.ReadyState.OPEN;
-    // Setup ping mechanism
-    useEffect(() => {
-        if (isConnected) {
-            // Send ping every 30 seconds
-            pingIntervalRef.current = setInterval(() => {
-                sendJsonMessage({ method: 'ping' });
-            }, 30000);
-        }
-        else {
-            if (pingIntervalRef.current) {
-                clearInterval(pingIntervalRef.current);
-                pingIntervalRef.current = null;
-            }
-        }
-        return () => {
-            if (pingIntervalRef.current) {
-                clearInterval(pingIntervalRef.current);
-                pingIntervalRef.current = null;
-            }
-        };
-    }, [isConnected, sendJsonMessage]);
-    // Handle address subscription changes
-    useEffect(() => {
-        if (!isConnected)
-            return;
-        const DEFAULT_ADDRESS = '0x0000000000000000000000000000000000000000';
-        const userAddress = address || DEFAULT_ADDRESS;
-        if (subscribedAddress === userAddress)
-            return;
-        // Unsubscribe from previous address if exists
-        if (subscribedAddress) {
-            const unsubscribeMessage = {
-                method: 'unsubscribe',
-                subscription: {
-                    type: 'webData2',
-                    user: subscribedAddress,
-                },
-            };
-            sendJsonMessage(unsubscribeMessage);
-        }
-        // Subscribe to webData2 with new address
-        const subscribeWebData2 = {
-            method: 'subscribe',
-            subscription: {
-                type: 'webData2',
-                user: userAddress,
-            },
-        };
-        // Subscribe to allMids
-        const subscribeAllMids = {
-            method: 'subscribe',
-            subscription: {
-                type: 'allMids',
-            },
-        };
-        sendJsonMessage(subscribeWebData2);
-        sendJsonMessage(subscribeAllMids);
-        setSubscribedAddress(userAddress);
-        // Clear previous data when address changes
-        if (subscribedAddress && subscribedAddress !== userAddress) {
-            setWebData2(null);
-        }
-    }, [isConnected, address, subscribedAddress, sendJsonMessage]);
-    return {
-        webData2,
-        allMids,
-        connectionStatus: readyState,
-        isConnected,
-        lastError,
-    };
-};
-
-const DEFAULT_TOKEN_SELECTION_STATE = {
-    longTokens: [
-        { symbol: 'HYPE', weight: 25 },
-        { symbol: 'BTC', weight: 25 }
-    ],
-    shortTokens: [
-        { symbol: 'AVAX', weight: 10 },
-        { symbol: 'SEI', weight: 10 },
-        { symbol: 'ADA', weight: 10 },
-        { symbol: 'TRUMP', weight: 10 },
-        { symbol: 'SUI', weight: 10 }
-    ],
-    openTokenSelector: false,
-    selectorConfig: null,
-    openConflictModal: false,
-    conflicts: [],
-};
-const PearHyperliquidContext = createContext(undefined);
-/**
- * React Provider for PearHyperliquidClient
- */
-const PearHyperliquidProvider = ({ config, wsUrl = 'wss://hl-v2.pearprotocol.io/ws', children, }) => {
-    const client = useMemo(() => new PearHyperliquidClient(config), [config]);
-    const migrationSDK = useMemo(() => new PearMigrationSDK(client), [client]);
-    // Address state
-    const [address, setAddress] = useState(null);
-    // Token selection state
-    const [tokenSelection, setTokenSelection] = useState(DEFAULT_TOKEN_SELECTION_STATE);
-    // WebSocket connection and data (Pear API)
-    const { data, connectionStatus, isConnected, lastError } = useHyperliquidWebSocket({
-        wsUrl,
-        address,
-    });
-    // HyperLiquid native WebSocket connection
-    const { webData2, allMids, connectionStatus: nativeConnectionStatus, isConnected: nativeIsConnected, lastError: nativeLastError } = useHyperliquidNativeWebSocket({
-        address,
-    });
-    const contextValue = useMemo(() => ({
-        // Existing clients
-        client,
-        migrationSDK,
-        // Address management
-        address,
-        setAddress,
-        // WebSocket state (Pear API)
-        connectionStatus,
-        isConnected,
-        // WebSocket data (Pear API)
-        data,
-        lastError,
-        // HyperLiquid native WebSocket state
-        nativeConnectionStatus,
-        nativeIsConnected,
-        nativeLastError,
-        // HyperLiquid native WebSocket data
-        webData2,
-        allMids,
-        // Token selection state
-        tokenSelection,
-        setTokenSelection,
-    }), [client, migrationSDK, address, connectionStatus, isConnected, data, lastError, nativeConnectionStatus, nativeIsConnected, nativeLastError, webData2, allMids, tokenSelection, setTokenSelection]);
-    return (jsxRuntimeExports.jsx(PearHyperliquidContext.Provider, { value: contextValue, children: children }));
-};
-/**
- * Hook to use PearHyperliquidClient from context
- */
-const usePearHyperliquidClient = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('usePearHyperliquidClient must be used within a PearHyperliquidProvider');
-    }
-    return context.client;
-};
-/**
- * Hook to use migration SDK from context
- */
-const useMigrationSDK = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useMigrationSDK must be used within a PearHyperliquidProvider');
-    }
-    return context.migrationSDK;
-};
-
-/**
- * Hook to manage address (login/logout functionality)
- */
-const useAddress = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useAddress must be used within a PearHyperliquidProvider');
-    }
-    return {
-        address: context.address,
-        setAddress: context.setAddress,
-        clearAddress: () => context.setAddress(null),
-        isLoggedIn: !!context.address,
-    };
-};
-
-var PositionSide;
-(function (PositionSide) {
-    PositionSide["LONG"] = "LONG";
-    PositionSide["SHORT"] = "SHORT";
-})(PositionSide || (PositionSide = {}));
-class PositionProcessor {
-    constructor(webData2, allMids) {
-        this.webData2 = webData2;
-        this.allMids = allMids;
-    }
-    execute(rawPositions) {
-        if (!rawPositions || rawPositions.length === 0) {
-            return [];
-        }
-        const userHyperliquidPositions = this.getUserPositions();
-        const platformTotalsByAsset = this.calculatePlatformTotalsByAsset(rawPositions);
-        const hlPositionsMap = new Map();
-        (userHyperliquidPositions || []).forEach(assetPos => {
-            var _a;
-            if ((_a = assetPos.position) === null || _a === void 0 ? void 0 : _a.coin) {
-                hlPositionsMap.set(assetPos.position.coin, assetPos);
-            }
-        });
-        const openPositionDtos = [];
-        for (const position of rawPositions) {
-            const syncedPositionDto = this.syncPositionWithAggregateData(position, hlPositionsMap, platformTotalsByAsset);
-            openPositionDtos.push(syncedPositionDto);
-        }
-        return openPositionDtos;
-    }
-    getUserPositions() {
-        var _a, _b;
-        return ((_b = (_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState) === null || _b === void 0 ? void 0 : _b.assetPositions) || [];
-    }
-    getMarketPrice(coin) {
-        var _a;
-        if (!((_a = this.allMids) === null || _a === void 0 ? void 0 : _a.mids))
-            return 0;
-        const exactPrice = this.allMids.mids[coin];
-        if (exactPrice) {
-            return Number(exactPrice);
-        }
-        const baseCurrency = this.extractBaseCurrency(coin);
-        const basePrice = this.allMids.mids[baseCurrency];
-        if (basePrice) {
-            return Number(basePrice);
-        }
-        return 0;
-    }
-    calculatePlatformTotalsByAsset(positions) {
-        const totalsMap = new Map();
-        for (const position of positions) {
-            for (const asset of position.longAssets || []) {
-                const baseCurrency = this.extractBaseCurrency(asset.coin);
-                if (!totalsMap.has(baseCurrency)) {
-                    totalsMap.set(baseCurrency, {
-                        totalSize: 0,
-                        positions: []
-                    });
-                }
-                const totals = totalsMap.get(baseCurrency);
-                const assetSize = Number(asset.size || 0);
-                totals.totalSize += assetSize;
-                totals.positions.push({
-                    positionId: position.positionId,
-                    asset: asset,
-                    size: assetSize
-                });
-            }
-            for (const asset of position.shortAssets || []) {
-                const baseCurrency = this.extractBaseCurrency(asset.coin);
-                if (!totalsMap.has(baseCurrency)) {
-                    totalsMap.set(baseCurrency, {
-                        totalSize: 0,
-                        positions: []
-                    });
-                }
-                const totals = totalsMap.get(baseCurrency);
-                const assetSize = Number(asset.size || 0);
-                totals.totalSize += assetSize;
-                totals.positions.push({
-                    positionId: position.positionId,
-                    asset: asset,
-                    size: assetSize
-                });
-            }
-        }
-        return totalsMap;
-    }
-    extractBaseCurrency(assetName) {
-        return assetName.split('/')[0] || assetName;
-    }
-    syncPositionWithAggregateData(position, hlPositionsMap, platformTotalsByAsset) {
-        const syncResults = [];
-        let hasExternalModification = false;
-        let allAssetsClosed = true;
-        let longAssetStatuses = { total: 0, closed: 0 };
-        let shortAssetStatuses = { total: 0, closed: 0 };
-        // Process long assets
-        for (const asset of position.longAssets || []) {
-            const baseCurrency = this.extractBaseCurrency(asset.coin);
-            const hlPosition = hlPositionsMap.get(baseCurrency);
-            const platformTotals = platformTotalsByAsset.get(baseCurrency);
-            const syncResult = this.syncAssetWithAggregateData({ ...asset, side: PositionSide.LONG }, hlPosition, (platformTotals === null || platformTotals === void 0 ? void 0 : platformTotals.totalSize) || 0);
-            syncResults.push(syncResult);
-            longAssetStatuses.total++;
-            if (syncResult.actualSize === 0) {
-                longAssetStatuses.closed++;
-            }
-            if (syncResult.isExternallyModified) {
-                hasExternalModification = true;
-            }
-            if (syncResult.actualSize !== 0) {
-                allAssetsClosed = false;
-            }
-        }
-        // Process short assets
-        for (const asset of position.shortAssets || []) {
-            const baseCurrency = this.extractBaseCurrency(asset.coin);
-            const hlPosition = hlPositionsMap.get(baseCurrency);
-            const platformTotals = platformTotalsByAsset.get(baseCurrency);
-            const syncResult = this.syncAssetWithAggregateData({ ...asset, side: PositionSide.SHORT }, hlPosition, (platformTotals === null || platformTotals === void 0 ? void 0 : platformTotals.totalSize) || 0);
-            syncResults.push(syncResult);
-            shortAssetStatuses.total++;
-            if (syncResult.actualSize === 0) {
-                shortAssetStatuses.closed++;
-            }
-            if (syncResult.isExternallyModified) {
-                hasExternalModification = true;
-            }
-            if (syncResult.actualSize !== 0) {
-                allAssetsClosed = false;
-            }
-        }
-        const syncStatus = this.determineSyncStatus(hasExternalModification, allAssetsClosed, longAssetStatuses, shortAssetStatuses);
-        return this.mapPositionToDtoWithSyncData(position, syncResults, syncStatus);
-    }
-    determineSyncStatus(hasExternalModification, allAssetsClosed, longAssetStatuses, shortAssetStatuses) {
-        if (allAssetsClosed) {
-            return 'EXTERNALLY_CLOSED';
-        }
-        const allLongsClosed = longAssetStatuses.total > 0 &&
-            longAssetStatuses.closed === longAssetStatuses.total;
-        const allShortsClosed = shortAssetStatuses.total > 0 &&
-            shortAssetStatuses.closed === shortAssetStatuses.total;
-        if ((allLongsClosed && !allShortsClosed) || (!allLongsClosed && allShortsClosed)) {
-            return 'PAIR_BROKEN';
-        }
-        if (hasExternalModification) {
-            return 'EXTERNALLY_MODIFIED';
-        }
-        return 'SYNCED';
-    }
-    syncAssetWithAggregateData(asset, hlPosition, platformTotal) {
-        const platformSize = Number(asset.size || 0);
-        if (!hlPosition || !hlPosition.position || !hlPosition.position.szi) {
-            return {
-                asset,
-                actualSize: 0,
-                isExternallyModified: true,
-                cumFunding: { allTime: 0, sinceChange: 0, sinceOpen: 0 },
-                unrealizedPnl: 0,
-                liquidationPrice: 0
-            };
-        }
-        const hlTotalSize = Math.abs(Number(hlPosition.position.szi || 0));
-        const totalDifference = Math.abs(hlTotalSize - platformTotal);
-        const tolerance = platformTotal * 0.001;
-        const isExternallyModified = totalDifference > tolerance;
-        const proportion = platformTotal > 0 ? platformSize / platformTotal : 0;
-        const actualSize = hlTotalSize * proportion;
-        // Get cumFunding from hlPosition.position.cumFunding
-        const rawCumFunding = hlPosition.position.cumFunding;
-        const cumFunding = {
-            allTime: Number((rawCumFunding === null || rawCumFunding === void 0 ? void 0 : rawCumFunding.allTime) || 0),
-            sinceChange: Number((rawCumFunding === null || rawCumFunding === void 0 ? void 0 : rawCumFunding.sinceChange) || 0) * proportion,
-            sinceOpen: Number((rawCumFunding === null || rawCumFunding === void 0 ? void 0 : rawCumFunding.sinceOpen) || 0) * proportion
-        };
-        const unrealizedPnl = Number(hlPosition.position.unrealizedPnl || 0) * proportion;
-        const liquidationPrice = Number(hlPosition.position.liquidationPx || 0);
-        return {
-            asset,
-            actualSize,
-            isExternallyModified,
-            cumFunding,
-            unrealizedPnl,
-            liquidationPrice
-        };
-    }
-    mapPositionToDtoWithSyncData(position, syncResults, syncStatus) {
-        var _a, _b;
-        const longAssets = ((_a = position.longAssets) === null || _a === void 0 ? void 0 : _a.filter(asset => asset)) || [];
-        const shortAssets = ((_b = position.shortAssets) === null || _b === void 0 ? void 0 : _b.filter(asset => asset)) || [];
-        const syncResultsMap = new Map();
-        syncResults.forEach(result => {
-            syncResultsMap.set(`${result.asset.coin}-${result.asset.side}`, result);
-        });
-        const currentTotalPositionValue = this.calculateCurrentTotalPositionValue(syncResults);
-        const entryTotalPositionValue = this.calculateEntryTotalPositionValue(syncResults);
-        const totalMarginUsed = entryTotalPositionValue / position.leverage;
-        return {
-            syncStatus: syncStatus,
-            positionId: position.positionId,
-            address: position.address,
-            leverage: position.leverage,
-            stopLoss: position.stopLoss,
-            takeProfit: position.takeProfit,
-            entryRatio: this.calculateEntryRatio(syncResults),
-            markRatio: this.calculateMarkRatio(syncResults),
-            netFunding: this.calculateNetFundingFromSyncResults(syncResults),
-            positionValue: currentTotalPositionValue,
-            marginUsed: totalMarginUsed,
-            unrealizedPnl: this.calculateTotalUnrealizedPnlFromSyncResults(syncResults),
-            lastSyncAt: new Date().toISOString(),
-            longAssets: longAssets.map(asset => this.mapAssetToDetailDto(asset, syncResultsMap.get(`${asset.coin}-LONG`))),
-            shortAssets: shortAssets.map(asset => this.mapAssetToDetailDto(asset, syncResultsMap.get(`${asset.coin}-SHORT`))),
-            createdAt: position.createdAt,
-            updatedAt: position.updatedAt
-        };
-    }
-    mapAssetToDetailDto(asset, syncData) {
-        const currentPrice = this.getMarketPrice(asset.coin);
-        const actualSize = (syncData === null || syncData === void 0 ? void 0 : syncData.actualSize) || Number(asset.size || 0);
-        const positionValue = actualSize * currentPrice;
-        const entryValue = Number(asset.size || 0) * Number(asset.entryPrice || 0);
-        return {
-            coin: asset.coin,
-            entryPrice: Number(asset.entryPrice || 0),
-            platformSize: Number(asset.size || 0),
-            actualSize: actualSize,
-            isExternallyModified: (syncData === null || syncData === void 0 ? void 0 : syncData.isExternallyModified) || false,
-            cumFunding: (syncData === null || syncData === void 0 ? void 0 : syncData.cumFunding) || {
-                allTime: 0,
-                sinceChange: 0,
-                sinceOpen: 0
-            },
-            marginUsed: entryValue,
-            positionValue: positionValue,
-            unrealizedPnl: (syncData === null || syncData === void 0 ? void 0 : syncData.unrealizedPnl) || 0,
-            liquidationPrice: (syncData === null || syncData === void 0 ? void 0 : syncData.liquidationPrice) || 0
-        };
-    }
-    calculateEntryRatio(syncResults) {
-        var _a, _b;
-        const longResults = syncResults.filter(result => result.asset.side === PositionSide.LONG);
-        const shortResults = syncResults.filter(result => result.asset.side === PositionSide.SHORT);
-        if (longResults.length === 0 || shortResults.length === 0)
-            return 0;
-        const longEntryPrice = ((_a = longResults[0]) === null || _a === void 0 ? void 0 : _a.asset.entryPrice) ? Number(longResults[0].asset.entryPrice) : 0;
-        const shortEntryPrice = ((_b = shortResults[0]) === null || _b === void 0 ? void 0 : _b.asset.entryPrice) ? Number(shortResults[0].asset.entryPrice) : 0;
-        return shortEntryPrice > 0 ? longEntryPrice / shortEntryPrice : 0;
-    }
-    calculateMarkRatio(syncResults) {
-        var _a, _b;
-        const longResults = syncResults.filter(result => result.asset.side === PositionSide.LONG);
-        const shortResults = syncResults.filter(result => result.asset.side === PositionSide.SHORT);
-        if (longResults.length === 0 || shortResults.length === 0)
-            return 0;
-        const longMarkPrice = ((_a = longResults[0]) === null || _a === void 0 ? void 0 : _a.asset.coin) ? this.getMarketPrice(longResults[0].asset.coin) : 0;
-        const shortMarkPrice = ((_b = shortResults[0]) === null || _b === void 0 ? void 0 : _b.asset.coin) ? this.getMarketPrice(shortResults[0].asset.coin) : 0;
-        return shortMarkPrice > 0 ? longMarkPrice / shortMarkPrice : 0;
-    }
-    calculateNetFundingFromSyncResults(syncResults) {
-        const netFunding = syncResults.reduce((sum, result) => {
-            const funding = result.cumFunding.sinceOpen;
-            return sum + funding;
-        }, 0);
-        return netFunding;
-    }
-    calculateTotalUnrealizedPnlFromSyncResults(syncResults) {
-        return syncResults.reduce((sum, result) => sum + result.unrealizedPnl, 0);
-    }
-    calculateCurrentTotalPositionValue(syncResults) {
-        return syncResults.reduce((sum, result) => {
-            const currentPrice = this.getMarketPrice(result.asset.coin);
-            return sum + (result.actualSize * currentPrice);
-        }, 0);
-    }
-    calculateEntryTotalPositionValue(syncResults) {
-        return syncResults.reduce((sum, result) => {
-            return sum + (Number(result.asset.size || 0) * Number(result.asset.entryPrice || 0));
-        }, 0);
-    }
-}
-
-/**
- * Hook that calculates open positions by syncing platform positions with HyperLiquid real-time data
- */
-const useCalculatedOpenPositions = (platformPositions, webData2, allMids) => {
-    const calculatedPositions = useMemo(() => {
-        // Return null if we don't have platform positions yet
-        if (!platformPositions) {
-            return null;
-        }
-        // If we don't have real-time data yet, we can't calculate properly, return null
-        if (!webData2 || !allMids) {
-            return null;
-        }
-        // Create processor and compute positions
-        const processor = new PositionProcessor(webData2, allMids);
-        const processed = processor.execute(platformPositions);
-        return processed;
-    }, [platformPositions, webData2, allMids]);
-    return calculatedPositions;
-};
-
-/**
- * Account summary calculation utility class
- */
-class AccountSummaryCalculator {
-    constructor(webData2) {
-        this.webData2 = webData2;
-    }
-    /**
-     * Calculate account summary from webData2 and platform orders
-     */
-    calculateAccountSummary(platformAccountSummary, platformOpenOrders, agentWalletAddress, agentWalletStatus) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        // If we don't have webData2, return platform data as-is
-        if (!((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState)) {
-            return platformAccountSummary;
-        }
-        const clearinghouseState = this.webData2.clearinghouseState;
-        // Calculate total limit order value from platform orders
-        const totalLimitOrderValue = this.calculateTotalLimitOrderValue(platformOpenOrders || []);
-        // Use real-time data from webData2 clearinghouseState
-        const withdrawableAmount = parseFloat(clearinghouseState.withdrawable || '0');
-        const adjustedWithdrawable = Math.max(0, withdrawableAmount - totalLimitOrderValue);
-        const accountSummary = {
-            balanceSummary: {
-                crossMaintenanceMarginUsed: clearinghouseState.crossMaintenanceMarginUsed || '0',
-                crossMarginSummary: {
-                    accountValue: ((_b = clearinghouseState.crossMarginSummary) === null || _b === void 0 ? void 0 : _b.accountValue) || '0',
-                    totalMarginUsed: ((_c = clearinghouseState.crossMarginSummary) === null || _c === void 0 ? void 0 : _c.totalMarginUsed) || '0',
-                    totalNtlPos: ((_d = clearinghouseState.crossMarginSummary) === null || _d === void 0 ? void 0 : _d.totalNtlPos) || '0',
-                    totalRawUsd: ((_e = clearinghouseState.crossMarginSummary) === null || _e === void 0 ? void 0 : _e.totalRawUsd) || '0'
-                },
-                marginSummary: {
-                    accountValue: ((_f = clearinghouseState.marginSummary) === null || _f === void 0 ? void 0 : _f.accountValue) || '0',
-                    totalMarginUsed: ((_g = clearinghouseState.marginSummary) === null || _g === void 0 ? void 0 : _g.totalMarginUsed) || '0',
-                    totalNtlPos: ((_h = clearinghouseState.marginSummary) === null || _h === void 0 ? void 0 : _h.totalNtlPos) || '0',
-                    totalRawUsd: ((_j = clearinghouseState.marginSummary) === null || _j === void 0 ? void 0 : _j.totalRawUsd) || '0'
-                },
-                time: clearinghouseState.time || Date.now(),
-                withdrawable: adjustedWithdrawable.toString()
-            },
-            agentWallet: {
-                address: agentWalletAddress || ((_k = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _k === void 0 ? void 0 : _k.address) || '',
-                status: agentWalletStatus || ((_l = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _l === void 0 ? void 0 : _l.status) || 'UNKNOWN'
-            }
-        };
-        return accountSummary;
-    }
-    /**
-     * Calculate total USD value of open limit orders
-     */
-    calculateTotalLimitOrderValue(openOrders) {
-        if (!(openOrders === null || openOrders === void 0 ? void 0 : openOrders.length)) {
-            return 0;
-        }
-        const totalValue = openOrders
-            .filter(order => order.status === 'OPEN' || order.status === 'PROCESSING')
-            .reduce((sum, order) => sum + order.usdValue, 0);
-        return totalValue;
-    }
-    /**
-     * Get real-time clearinghouse state from webData2
-     */
-    getClearinghouseState() {
-        var _a;
-        return ((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState) || null;
-    }
-    /**
-     * Check if real-time data is available
-     */
-    hasRealTimeData() {
-        var _a;
-        return !!((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState);
-    }
-}
-
-/**
- * Hook that calculates account summary by syncing platform data with HyperLiquid real-time data
- */
-const useCalculatedAccountSummary = (platformAccountSummary, platformOpenOrders, webData2, agentWalletAddress, agentWalletStatus) => {
-    const calculatedAccountSummary = useMemo(() => {
-        // Return null if we don't have platform account summary yet
-        if (!platformAccountSummary) {
-            return null;
-        }
-        // If we don't have real-time data yet, return platform summary as-is
-        if (!(webData2 === null || webData2 === void 0 ? void 0 : webData2.clearinghouseState)) {
-            return platformAccountSummary;
-        }
-        // Create calculator and compute account summary
-        const calculator = new AccountSummaryCalculator(webData2);
-        const calculated = calculator.calculateAccountSummary(platformAccountSummary, platformOpenOrders, agentWalletAddress, agentWalletStatus);
-        return calculated;
-    }, [platformAccountSummary, platformOpenOrders, webData2, agentWalletAddress, agentWalletStatus]);
-    return calculatedAccountSummary;
-};
-
-/**
- * Hook to access trade histories with loading state
- */
-const useTradeHistories = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useTradeHistories must be used within a PearHyperliquidProvider');
-    }
-    const isLoading = useMemo(() => {
-        // Loading is true initially and becomes false once we get the first data
-        return context.data.tradeHistories === null && context.isConnected;
-    }, [context.data.tradeHistories, context.isConnected]);
-    return {
-        data: context.data.tradeHistories,
-        isLoading
-    };
-};
-/**
- * Hook to access open positions with real-time calculations and loading state
- */
-const useOpenPositions = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useOpenPositions must be used within a PearHyperliquidProvider');
-    }
-    // Use calculated positions that sync platform data with HyperLiquid real-time data
-    const calculatedPositions = useCalculatedOpenPositions(context.data.openPositions, context.webData2, context.allMids);
-    const isLoading = useMemo(() => {
-        // Loading is true initially and becomes false only when:
-        // 1. WebSocket has open-positions data
-        // 2. webData2 and allMids are ready (required for calculations)
-        // 3. Connection is established
-        return (context.isConnected &&
-            (context.data.openPositions === null || !context.webData2 || !context.allMids));
-    }, [context.data.openPositions, context.webData2, context.allMids, context.isConnected]);
-    return {
-        data: calculatedPositions,
-        isLoading
-    };
-};
-/**
- * Hook to access open orders with loading state
- */
-const useOpenOrders = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useOpenOrders must be used within a PearHyperliquidProvider');
-    }
-    const isLoading = useMemo(() => {
-        // Loading is true initially and becomes false once we get the first data
-        return context.data.openOrders === null && context.isConnected;
-    }, [context.data.openOrders, context.isConnected]);
-    return {
-        data: context.data.openOrders,
-        isLoading
-    };
-};
-/**
- * Hook to access account summary with real-time calculations and loading state
- */
-const useAccountSummary = () => {
-    var _a, _b, _c, _d;
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useAccountSummary must be used within a PearHyperliquidProvider');
-    }
-    // Use calculated account summary that syncs platform data with HyperLiquid real-time data
-    const calculatedAccountSummary = useCalculatedAccountSummary(context.data.accountSummary, context.data.openOrders, context.webData2, (_b = (_a = context.data.accountSummary) === null || _a === void 0 ? void 0 : _a.agentWallet) === null || _b === void 0 ? void 0 : _b.address, (_d = (_c = context.data.accountSummary) === null || _c === void 0 ? void 0 : _c.agentWallet) === null || _d === void 0 ? void 0 : _d.status);
-    const isLoading = useMemo(() => {
-        // Loading is true initially and becomes false once we get the first data
-        return context.data.accountSummary === null && context.isConnected;
-    }, [context.data.accountSummary, context.isConnected]);
-    return {
-        data: calculatedAccountSummary,
-        isLoading
-    };
-};
-
-/**
- * Extracts token metadata from WebData2 and AllMids data
- */
-class TokenMetadataExtractor {
-    /**
-     * Extracts comprehensive token metadata
-     * @param symbol - Token symbol
-     * @param webData2 - WebData2 response containing asset context and universe data
-     * @param allMids - AllMids data containing current prices
-     * @returns TokenMetadata or null if token not found
-     */
-    static extractTokenMetadata(symbol, webData2, allMids) {
-        if (!webData2 || !allMids) {
-            return null;
-        }
-        // Find token index in universe
-        const universeIndex = webData2.meta.universe.findIndex(asset => asset.name === symbol);
-        if (universeIndex === -1) {
-            return null;
-        }
-        const universeAsset = webData2.meta.universe[universeIndex];
-        const assetCtx = webData2.assetCtxs[universeIndex];
-        if (!assetCtx) {
-            return null;
-        }
-        // Get current price from allMids
-        const currentPriceStr = allMids.mids[symbol];
-        const currentPrice = currentPriceStr ? parseFloat(currentPriceStr) : 0;
-        // Get previous day price
-        const prevDayPrice = parseFloat(assetCtx.prevDayPx);
-        // Calculate 24h price change
-        const priceChange24h = currentPrice - prevDayPrice;
-        const priceChange24hPercent = prevDayPrice !== 0 ? (priceChange24h / prevDayPrice) * 100 : 0;
-        // Parse other metadata
-        const netFunding = parseFloat(assetCtx.funding);
-        const markPrice = parseFloat(assetCtx.markPx);
-        const oraclePrice = parseFloat(assetCtx.oraclePx);
-        return {
-            currentPrice,
-            prevDayPrice,
-            priceChange24h,
-            priceChange24hPercent,
-            netFunding,
-            maxLeverage: universeAsset.maxLeverage,
-            markPrice,
-            oraclePrice,
-            openInterest: assetCtx.openInterest,
-            dayVolume: assetCtx.dayNtlVlm,
-        };
-    }
-    /**
-     * Extracts metadata for multiple tokens
-     * @param symbols - Array of token symbols
-     * @param webData2 - WebData2 response
-     * @param allMids - AllMids data
-     * @returns Record of symbol to TokenMetadata
-     */
-    static extractMultipleTokensMetadata(symbols, webData2, allMids) {
-        const result = {};
-        for (const symbol of symbols) {
-            result[symbol] = this.extractTokenMetadata(symbol, webData2, allMids);
-        }
-        return result;
-    }
-    /**
-     * Checks if token data is available in WebData2
-     * @param symbol - Token symbol
-     * @param webData2 - WebData2 response
-     * @returns boolean indicating if token exists in universe
-     */
-    static isTokenAvailable(symbol, webData2) {
-        if (!webData2)
-            return false;
-        return webData2.meta.universe.some(asset => asset.name === symbol);
-    }
-}
-
-/**
- * Hook to access token selection state using provider's WebSocket data
- */
-const useTokenSelection = () => {
-    var _a;
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useTokenSelection must be used within PearHyperliquidProvider');
-    }
-    const { webData2, allMids, tokenSelection, setTokenSelection } = context;
-    // Loading states
-    const isPriceDataReady = useMemo(() => {
-        return !!(webData2 && allMids);
-    }, [webData2, allMids]);
-    const isLoading = useMemo(() => {
-        // Check if any tokens have missing metadata when price data is available
-        if (!isPriceDataReady)
-            return true;
-        const allTokens = [...tokenSelection.longTokens, ...tokenSelection.shortTokens];
-        if (allTokens.length === 0)
-            return false;
-        // Loading if any token is missing metadata
-        return allTokens.some(token => !token.metadata);
-    }, [isPriceDataReady, tokenSelection.longTokens, tokenSelection.shortTokens]);
-    // Auto-update token metadata when WebSocket data changes
-    useEffect(() => {
-        if (!webData2 || !allMids)
-            return;
-        const allTokenSymbols = [...tokenSelection.longTokens, ...tokenSelection.shortTokens].map(t => t.symbol);
-        if (allTokenSymbols.length === 0)
-            return;
-        const metadataMap = TokenMetadataExtractor.extractMultipleTokensMetadata(allTokenSymbols, webData2, allMids);
-        setTokenSelection(prev => ({
-            ...prev,
-            longTokens: prev.longTokens.map(token => ({
-                ...token,
-                metadata: metadataMap[token.symbol] || undefined
-            })),
-            shortTokens: prev.shortTokens.map(token => ({
-                ...token,
-                metadata: metadataMap[token.symbol] || undefined
-            }))
-        }));
-    }, [webData2, allMids, setTokenSelection]);
-    // Calculate weighted ratio: LONG^WEIGHT * SHORT^-WEIGHT
-    const weightedRatio = useMemo(() => {
-        let longProduct = 1;
-        let shortProduct = 1;
-        // Calculate long side product: PRICE^(WEIGHT/100)
-        tokenSelection.longTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.currentPrice) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                longProduct *= Math.pow(token.metadata.currentPrice, weightFactor);
-            }
-        });
-        // Calculate short side product: PRICE^-(WEIGHT/100)
-        tokenSelection.shortTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.currentPrice) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                shortProduct *= Math.pow(token.metadata.currentPrice, -weightFactor);
-            }
-        });
-        return longProduct * shortProduct;
-    }, [tokenSelection.longTokens, tokenSelection.shortTokens]);
-    // Calculate 24h weighted ratio using previous day prices
-    const weightedRatio24h = useMemo(() => {
-        let longProduct = 1;
-        let shortProduct = 1;
-        // Calculate long side product: PREV_PRICE^(WEIGHT/100)
-        tokenSelection.longTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.prevDayPrice) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                longProduct *= Math.pow(token.metadata.prevDayPrice, weightFactor);
-            }
-        });
-        // Calculate short side product: PREV_PRICE^-(WEIGHT/100)
-        tokenSelection.shortTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.prevDayPrice) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                shortProduct *= Math.pow(token.metadata.prevDayPrice, -weightFactor);
-            }
-        });
-        return longProduct * shortProduct;
-    }, [tokenSelection.longTokens, tokenSelection.shortTokens]);
-    // Calculate sum of weighted net funding
-    const sumNetFunding = useMemo(() => {
-        let totalFunding = 0;
-        // Add long funding weighted by allocation
-        tokenSelection.longTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.netFunding) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                totalFunding += token.metadata.netFunding * weightFactor;
-            }
-        });
-        // Subtract short funding weighted by allocation (since we're short)
-        tokenSelection.shortTokens.forEach(token => {
-            var _a;
-            if (((_a = token.metadata) === null || _a === void 0 ? void 0 : _a.netFunding) && token.weight > 0) {
-                const weightFactor = token.weight / 100;
-                totalFunding -= token.metadata.netFunding * weightFactor;
-            }
-        });
-        return totalFunding;
-    }, [tokenSelection.longTokens, tokenSelection.shortTokens]);
-    // Calculate max leverage (minimum of all token maxLeverages)
-    const maxLeverage = useMemo(() => {
-        var _a;
-        if (!((_a = webData2 === null || webData2 === void 0 ? void 0 : webData2.meta) === null || _a === void 0 ? void 0 : _a.universe))
-            return 0;
-        const allTokenSymbols = [...tokenSelection.longTokens, ...tokenSelection.shortTokens].map(t => t.symbol);
-        if (allTokenSymbols.length === 0)
-            return 0;
-        let minLeverage = Infinity;
-        allTokenSymbols.forEach(symbol => {
-            const tokenUniverse = webData2.meta.universe.find(u => u.name === symbol);
-            if (tokenUniverse === null || tokenUniverse === void 0 ? void 0 : tokenUniverse.maxLeverage) {
-                minLeverage = Math.min(minLeverage, tokenUniverse.maxLeverage);
-            }
-        });
-        return minLeverage === Infinity ? 0 : minLeverage;
-    }, [(_a = webData2 === null || webData2 === void 0 ? void 0 : webData2.meta) === null || _a === void 0 ? void 0 : _a.universe, tokenSelection.longTokens, tokenSelection.shortTokens]);
-    // Calculate minimum margin (10 * total number of tokens)
-    const minMargin = useMemo(() => {
-        const totalTokenCount = tokenSelection.longTokens.length + tokenSelection.shortTokens.length;
-        return 10 * totalTokenCount;
-    }, [tokenSelection.longTokens.length, tokenSelection.shortTokens.length]);
-    // Actions
-    const setLongTokens = useCallback((tokens) => {
-        setTokenSelection(prev => ({ ...prev, longTokens: tokens }));
-    }, [setTokenSelection]);
-    const setShortTokens = useCallback((tokens) => {
-        setTokenSelection(prev => ({ ...prev, shortTokens: tokens }));
-    }, [setTokenSelection]);
-    const updateTokenWeight = useCallback((isLong, index, newWeight) => {
-        const clampedWeight = Math.max(1, Math.min(100, newWeight));
-        setTokenSelection(prev => {
-            var _a, _b;
-            const currentLongTotal = prev.longTokens.reduce((sum, token) => sum + token.weight, 0);
-            const currentShortTotal = prev.shortTokens.reduce((sum, token) => sum + token.weight, 0);
-            if (isLong) {
-                const oldWeight = ((_a = prev.longTokens[index]) === null || _a === void 0 ? void 0 : _a.weight) || 0;
-                const weightDiff = clampedWeight - oldWeight;
-                const newLongTotal = currentLongTotal + weightDiff;
-                if (newLongTotal + currentShortTotal > 100) {
-                    const maxAllowedWeight = Math.max(1, 100 - currentShortTotal - (currentLongTotal - oldWeight));
-                    const updated = [...prev.longTokens];
-                    updated[index] = { ...updated[index], weight: maxAllowedWeight };
-                    return { ...prev, longTokens: updated };
-                }
-                else {
-                    const updated = [...prev.longTokens];
-                    updated[index] = { ...updated[index], weight: clampedWeight };
-                    return { ...prev, longTokens: updated };
-                }
-            }
-            else {
-                const oldWeight = ((_b = prev.shortTokens[index]) === null || _b === void 0 ? void 0 : _b.weight) || 0;
-                const weightDiff = clampedWeight - oldWeight;
-                const newShortTotal = currentShortTotal + weightDiff;
-                if (currentLongTotal + newShortTotal > 100) {
-                    const maxAllowedWeight = Math.max(1, 100 - currentLongTotal - (currentShortTotal - oldWeight));
-                    const updated = [...prev.shortTokens];
-                    updated[index] = { ...updated[index], weight: maxAllowedWeight };
-                    return { ...prev, shortTokens: updated };
-                }
-                else {
-                    const updated = [...prev.shortTokens];
-                    updated[index] = { ...updated[index], weight: clampedWeight };
-                    return { ...prev, shortTokens: updated };
-                }
-            }
-        });
-    }, [setTokenSelection]);
-    const addToken = useCallback((isLong) => {
-        const currentTokens = isLong ? tokenSelection.longTokens : tokenSelection.shortTokens;
-        const newIndex = currentTokens.length;
-        setTokenSelection(prev => ({
-            ...prev,
-            selectorConfig: { isLong, index: newIndex },
-            openTokenSelector: true,
-        }));
-    }, [tokenSelection.longTokens, tokenSelection.shortTokens, setTokenSelection]);
-    const removeToken = useCallback((isLong, index) => {
-        setTokenSelection(prev => {
-            if (isLong) {
-                const updated = prev.longTokens.filter((_, i) => i !== index);
-                return { ...prev, longTokens: updated };
-            }
-            else {
-                const updated = prev.shortTokens.filter((_, i) => i !== index);
-                return { ...prev, shortTokens: updated };
-            }
-        });
-    }, [setTokenSelection]);
-    const setOpenTokenSelector = useCallback((open) => {
-        setTokenSelection(prev => ({ ...prev, openTokenSelector: open }));
-    }, [setTokenSelection]);
-    const setSelectorConfig = useCallback((config) => {
-        setTokenSelection(prev => ({ ...prev, selectorConfig: config }));
-    }, [setTokenSelection]);
-    const setOpenConflictModal = useCallback((open) => {
-        setTokenSelection(prev => ({ ...prev, openConflictModal: open }));
-    }, [setTokenSelection]);
-    const setConflicts = useCallback((conflicts) => {
-        setTokenSelection(prev => ({ ...prev, conflicts }));
-    }, [setTokenSelection]);
-    const resetToDefaults = useCallback(() => {
-        setTokenSelection(prev => ({
-            ...prev,
-            longTokens: [
-                { symbol: 'HYPE', weight: 25 },
-                { symbol: 'BTC', weight: 25 }
-            ],
-            shortTokens: [
-                { symbol: 'AVAX', weight: 10 },
-                { symbol: 'SEI', weight: 10 },
-                { symbol: 'ADA', weight: 10 },
-                { symbol: 'TRUMP', weight: 10 },
-                { symbol: 'SUI', weight: 10 }
-            ],
-            openTokenSelector: false,
-            selectorConfig: null,
-            openConflictModal: false,
-        }));
-    }, [setTokenSelection]);
-    const handleTokenSelect = useCallback((selectedToken) => {
-        if (!tokenSelection.selectorConfig)
-            return;
-        const { isLong, index } = tokenSelection.selectorConfig;
-        const existingTokens = isLong ? tokenSelection.longTokens : tokenSelection.shortTokens;
-        // Check if token already exists
-        if (existingTokens.some(t => t.symbol === selectedToken))
-            return;
-        // Get metadata for new token
-        const metadata = TokenMetadataExtractor.extractTokenMetadata(selectedToken, webData2, allMids);
-        setTokenSelection(prev => {
-            if (index >= existingTokens.length) {
-                // Adding new token - calculate safe weight
-                const currentLongTotal = prev.longTokens.reduce((sum, token) => sum + token.weight, 0);
-                const currentShortTotal = prev.shortTokens.reduce((sum, token) => sum + token.weight, 0);
-                const currentTotal = currentLongTotal + currentShortTotal;
-                const maxAvailableWeight = Math.max(1, 100 - currentTotal);
-                const safeWeight = Math.min(20, maxAvailableWeight);
-                const newToken = {
-                    symbol: selectedToken,
-                    weight: safeWeight,
-                    metadata: metadata || undefined
-                };
-                if (isLong) {
-                    return { ...prev, longTokens: [...prev.longTokens, newToken] };
-                }
-                else {
-                    return { ...prev, shortTokens: [...prev.shortTokens, newToken] };
-                }
-            }
-            else {
-                // Replacing existing token
-                if (isLong) {
-                    const updated = [...prev.longTokens];
-                    updated[index] = {
-                        ...updated[index],
-                        symbol: selectedToken,
-                        metadata: metadata || undefined
-                    };
-                    return { ...prev, longTokens: updated };
-                }
-                else {
-                    const updated = [...prev.shortTokens];
-                    updated[index] = {
-                        ...updated[index],
-                        symbol: selectedToken,
-                        metadata: metadata || undefined
-                    };
-                    return { ...prev, shortTokens: updated };
-                }
-            }
-        });
-    }, [tokenSelection.selectorConfig, tokenSelection.longTokens, tokenSelection.shortTokens, webData2, allMids, setTokenSelection]);
-    // updateTokenMetadata is now handled automatically by the useEffect above
-    return {
-        // State
-        longTokens: tokenSelection.longTokens,
-        shortTokens: tokenSelection.shortTokens,
-        openTokenSelector: tokenSelection.openTokenSelector,
-        selectorConfig: tokenSelection.selectorConfig,
-        openConflictModal: tokenSelection.openConflictModal,
-        conflicts: tokenSelection.conflicts,
-        // Loading states
-        isLoading,
-        isPriceDataReady,
-        // Calculated values
-        weightedRatio,
-        weightedRatio24h,
-        sumNetFunding,
-        maxLeverage,
-        minMargin,
-        // Actions
-        setLongTokens,
-        setShortTokens,
-        updateTokenWeight,
-        addToken,
-        removeToken,
-        handleTokenSelect,
-        setOpenTokenSelector,
-        setSelectorConfig,
-        setOpenConflictModal,
-        setConflicts,
-        resetToDefaults,
-    };
-};
-
-/**
- * Detects conflicts between selected tokens and existing positions
- */
-class ConflictDetector {
-    /**
-     * Detects conflicts between token selections and open positions
-     * @param longTokens - Selected long tokens
-     * @param shortTokens - Selected short tokens
-     * @param openPositions - Current open positions from API
-     * @returns Array of detected conflicts
-     */
-    static detectConflicts(longTokens, shortTokens, openPositions) {
-        const detectedConflicts = [];
-        if (!openPositions) {
-            return detectedConflicts;
-        }
-        // Check long tokens against existing short positions
-        longTokens.forEach((token) => {
-            const existingShortPosition = openPositions.find((pos) => {
-                var _a;
-                // Check multiple possible property names and side values
-                const symbol = pos.coin || pos.symbol || pos.asset;
-                const side = (_a = pos.side) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                return symbol === token.symbol && (side === 'short' || side === 'sell');
-            });
-            if (existingShortPosition) {
-                detectedConflicts.push({
-                    symbol: token.symbol,
-                    conflictType: 'short',
-                    conflictMessage: `${token.symbol} Long conflicts with existing ${token.symbol} Short position`
-                });
-            }
-        });
-        // Check short tokens against existing long positions
-        shortTokens.forEach((token) => {
-            const existingLongPosition = openPositions.find((pos) => {
-                var _a;
-                // Check multiple possible property names and side values
-                const symbol = pos.coin || pos.symbol || pos.asset;
-                const side = (_a = pos.side) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                return symbol === token.symbol && (side === 'long' || side === 'buy');
-            });
-            if (existingLongPosition) {
-                detectedConflicts.push({
-                    symbol: token.symbol,
-                    conflictType: 'long',
-                    conflictMessage: `${token.symbol} Short conflicts with existing ${token.symbol} Long position`
-                });
-            }
-        });
-        return detectedConflicts;
-    }
-}
-
-export { AccountSummaryCalculator, ConflictDetector, PearHyperliquidClient, PearHyperliquidProvider, PearMigrationSDK, TokenMetadataExtractor, PearHyperliquidClient as default, useAccountSummary, useAddress, useCalculatedAccountSummary, useCalculatedOpenPositions, useHyperliquidNativeWebSocket, useHyperliquidWebSocket, useMigrationSDK, useOpenOrders, useOpenPositions, usePearHyperliquidClient, useTokenSelection, useTradeHistories };
-//# sourceMappingURL=index.esm.js.map