@zofai/trading-widget 0.1.0

package/README.md

@@ -0,0 +1,226 @@
+# @zo/trading-widget
+
+Embeddable perpetuals trading UI for ZO Finance on Sui. Partners can drop the full widget into their dapp or compose custom layouts from sub-components.
+
+## Features
+
+- **Market header** – Symbol selector, mark price, funding rate
+- **Price chart** – Pyth-powered OHLC + live updates (lightweight-charts)
+- **Recent trades** – Live trade feed
+- **Trade panel** – Open/close positions (market & limit), ZLP/SLP/USDZ
+- **Positions / Orders / History** – Bottom tabs with countdown to next refresh
+- **RPC settings** – Predefined or custom RPC URL
+- **Wallet** – Sui connect via `@mysten/dapp-kit-react`; custom connect button and account sidebar
+
+## Peer dependencies
+
+Your app must install:
+
+- `react` & `react-dom` (≥18)
+- `jotai` (≥2)
+- `@tanstack/react-query` (≥5)
+- `@mysten/dapp-kit-react` (≥1) & `@mysten/sui` (≥2)
+- `zo-sdk` (≥0.1)
+
+The widget uses Tailwind-compatible utility classes (e.g. `flex`, `text-white`, `rounded-lg`). Use **Tailwind CSS** or **UnoCSS** in your app so those classes resolve.
+
+---
+
+## Quick start: full widget
+
+1. **Wrap your app** with the required providers (order matters):
+
+```tsx
+import { appStore } from '@zo/trading-widget'
+import { Provider as JotaiProvider } from 'jotai'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { DAppKitProvider } from '@mysten/dapp-kit-react'
+
+// Your dapp-kit instance (Sui wallet + network)
+import { dAppKit } from './dapp-kit'
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { staleTime: 60_000, retry: 2 },
+  },
+})
+
+export function Root() {
+  return (
+    <JotaiProvider store={appStore}>
+      <QueryClientProvider client={queryClient}>
+        <DAppKitProvider dAppKit={dAppKit}>
+          <App />
+        </DAppKitProvider>
+      </QueryClientProvider>
+    </JotaiProvider>
+  )
+}
+```
+
+2. **Render the widget** where you want the trading UI:
+
+```tsx
+import { TradingWidget } from '@zo/trading-widget'
+
+export function App() {
+  return (
+    <div className="h-screen flex flex-col">
+      <header>{/* Your navbar, connect button, etc. */}</header>
+      <main className="min-h-0 flex-1">
+        <TradingWidget className="h-full" />
+      </main>
+    </div>
+  )
+}
+```
+
+**TradingWidget props**
+
+| Prop       | Type     | Description                          |
+| ---------- | -------- | ------------------------------------ |
+| `symbol`   | `string` | Initial symbol (default `"BTC"`)      |
+| `className`| `string` | Extra class on the widget container  |
+
+---
+
+## Components
+
+### All-in-one
+
+- **`TradingWidget`** – Full layout: header, chart, recent trades, trade panel, bottom tabs (positions/orders/history), dialogs and toasts.
+
+### Layout & header
+
+- **`TradingWidgetProvider`** – Sui + React Query + Jotai setup. Use when building a custom layout so sub-components have the same context.
+- **`MarketHeader`** – Symbol dropdown (from ZLP/SLP index tokens), mark price, funding rate.
+
+### Market data
+
+- **`PriceChart`** – Pyth-backed candlestick chart (history + streaming).
+- **`RecentTrades`** – Recent trades for the selected symbol.
+
+### Trading & account
+
+- **`TradePanel`** – Long/short, market/limit, leverage, collateral selector; opens positions on ZLP/SLP/USDZ.
+- **`CustomConnectButton`** – Connect wallet; when connected opens the account sidebar instead of a dropdown.
+
+### Tables (bottom section)
+
+- **`BottomTabs`** – Tabs: Positions, Orders, History; each shows a circular countdown to next refresh.
+- **`PositionsList`** – Open positions with PnL, adjust/close.
+- **`OrdersList`** – Open orders with cancel.
+- **`HistoryList`** – Trade history.
+
+### Settings
+
+- **`RpcSettings`** – Dropdown: choose predefined RPC or enter custom URL; shows latency. Persists to `localStorage` so the widget’s provider uses the selected RPC.
+
+---
+
+## Custom layout
+
+Use **`TradingWidgetProvider`** and the sub-components to build your own layout:
+
+```tsx
+import {
+  TradingWidgetProvider,
+  MarketHeader,
+  PriceChart,
+  RecentTrades,
+  TradePanel,
+  BottomTabs,
+  CustomConnectButton,
+  RpcSettings,
+} from '@zo/trading-widget'
+
+export function CustomTradePage() {
+  return (
+    <TradingWidgetProvider>
+      <div className="flex flex-col h-full bg-gray-950 text-white">
+        <header className="flex items-center gap-3 border-b border-gray-800 px-4 py-2">
+          <MarketHeader />
+          <div className="flex-1" />
+          <RpcSettings />
+          <CustomConnectButton />
+        </header>
+        <div className="flex flex-1 overflow-hidden">
+          <div className="flex-1 min-w-0">
+            <PriceChart />
+          </div>
+          <aside className="w-48 shrink-0">
+            <RecentTrades />
+          </aside>
+          <aside className="w-72 shrink-0">
+            <TradePanel />
+          </aside>
+        </div>
+        <div className="h-52 shrink-0 border-t border-gray-800">
+          <BottomTabs />
+        </div>
+      </div>
+    </TradingWidgetProvider>
+  )
+}
+```
+
+Ensure your app is wrapped with **Jotai** (`appStore`), **React Query**, and **DAppKit** as in Quick start.
+
+---
+
+## Hooks & store
+
+For custom UIs that need widget data or actions:
+
+**Hooks**
+
+- `useEssential()` – wallet, network, consts (zo/sudo/usdz), accountData, refreshAccount
+- `useWallet()`, `useNetwork()` – wallet and current network
+- `usePosition(address, network)` – positions list, refresh, `dataUpdatedAt`
+- `useOrder(address, network)` – orders list, refresh, `dataUpdatedAt`
+- `useHistories(address, network)` – trade history
+- `useFundingRate(symbol, network, lpToken)` – funding rate
+- `usePositionConfig(network, { symbols })` – position config (fees, etc.)
+- `useSymbolInfo(network)` – symbol info map (ZLP/SLP/USDZ)
+- `useRpc()` – RPC list, custom URL, latency; used by `RpcSettings`
+- `useSponsoredGasAvailability(address, network)` – gas sponsorship
+
+**Store (Jotai)**
+
+- `appStore` – same store instance must be used for the widget and your app (see Quick start).
+- `currentSymbolAtom` – `{ symbolId, unit, icon }`; set when user picks a market.
+- `tokenPriceAtom` – `{ tokenPrice: Record<string, number>, isLoading, error }` (Pyth oracle prices).
+
+---
+
+## RPC and wallet
+
+- **RPC** – The widget reads RPC from `localStorage`: `is-custom-rpc`, `custom-rpc-url`, `custom-rpc-index`. Use **`RpcSettings`** in your header (or elsewhere) so users can pick a predefined RPC or set a custom URL. After changing RPC, a full page refresh is recommended.
+- **Wallet** – Uses **Sui dapp-kit**. Your app must create a `dAppKit` (e.g. with `createDAppKit`) and wrap the tree in `DAppKitProvider`. **`CustomConnectButton`** triggers the kit’s connect flow; when connected, it opens the widget’s account sidebar.
+
+---
+
+## Example app
+
+The repo includes an example app that integrates the widget:
+
+- **Apps/example** – Minimal shell: navbar (brand, RPC settings, connect), then full-width `TradingWidget`. See `apps/example/src/App.tsx` and `apps/example/src/main.tsx` for provider setup and `dAppKit` registration.
+
+Run it (from monorepo root):
+
+```bash
+pnpm install
+pnpm --filter example dev
+```
+
+---
+
+## Build
+
+From the repo root:
+
+```bash
+pnpm --filter @zo/trading-widget build
+```
+
+Output: `packages/trading-widget/dist/` (ESM + types). Consume from your app as `@zo/trading-widget` (workspace or published package).

package/dist/TradingWidget.d.ts

@@ -0,0 +1,10 @@
+export interface TradingWidgetProps {
+    /** Initial symbol to display (default: BTC) */
+    symbol?: string;
+    /** Custom RPC URL */
+    rpcUrl?: string;
+    /** Custom class for the outer wrapper */
+    className?: string;
+}
+export declare function TradingWidget({ symbol: _symbol, rpcUrl: _rpcUrl, className }: TradingWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradingWidget.d.ts.map

package/dist/TradingWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradingWidget.d.ts","sourceRoot":"","sources":["../src/TradingWidget.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAwCxG"}

package/dist/components/layout/MarketHeader.d.ts

@@ -0,0 +1,2 @@
+export declare function MarketHeader(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarketHeader.d.ts.map

package/dist/components/layout/MarketHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/MarketHeader.tsx"],"names":[],"mappings":"AAUA,wBAAgB,YAAY,4CA0G3B"}

package/dist/components/layout/TradingWidgetProvider.d.ts

@@ -0,0 +1,15 @@
+import { SuiGrpcClient } from '@mysten/sui/grpc';
+import type { ReactNode } from 'react';
+declare const dAppKit: import("@mysten/dapp-kit-react").DAppKit<"mainnet"[], SuiGrpcClient>;
+declare module '@mysten/dapp-kit-react' {
+    interface Register {
+        dAppKit: typeof dAppKit;
+    }
+}
+interface TradingWidgetProviderProps {
+    children: ReactNode;
+    rpcUrl?: string;
+}
+export declare function TradingWidgetProvider({ children }: TradingWidgetProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TradingWidgetProvider.d.ts.map

package/dist/components/layout/TradingWidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradingWidgetProvider.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TradingWidgetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,QAAA,MAAM,OAAO,sEAKX,CAAA;AAEF,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,QAAQ;QAChB,OAAO,EAAE,OAAO,OAAO,CAAA;KACxB;CACF;AAED,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAWD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAU7E"}

package/dist/components/market/AppDialogs.d.ts

@@ -0,0 +1,4 @@
+export declare function shouldShowDialog(key: string): boolean;
+export declare function acknowledgeDialog(key: string): void;
+export declare function AppDialogs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppDialogs.d.ts.map

package/dist/components/market/AppDialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDialogs.d.ts","sourceRoot":"","sources":["../../../src/components/market/AppDialogs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAMrD;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAMnD;AAiDD,wBAAgB,UAAU,4CAyDzB"}

package/dist/components/market/PriceChart.d.ts

@@ -0,0 +1,2 @@
+export declare function PriceChart(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PriceChart.d.ts.map

package/dist/components/market/PriceChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceChart.d.ts","sourceRoot":"","sources":["../../../src/components/market/PriceChart.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,4CAyFzB"}

package/dist/components/market/RecentTrades.d.ts

@@ -0,0 +1,2 @@
+export declare function RecentTrades(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RecentTrades.d.ts.map

package/dist/components/market/RecentTrades.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentTrades.d.ts","sourceRoot":"","sources":["../../../src/components/market/RecentTrades.tsx"],"names":[],"mappings":"AASA,wBAAgB,YAAY,4CA4F3B"}

package/dist/components/settings/RpcSettings.d.ts

@@ -0,0 +1,2 @@
+export declare function RpcSettings(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RpcSettings.d.ts.map

package/dist/components/settings/RpcSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RpcSettings.d.ts","sourceRoot":"","sources":["../../../src/components/settings/RpcSettings.tsx"],"names":[],"mappings":"AAeA,wBAAgB,WAAW,4CAgL1B"}

package/dist/components/tables/BottomTabs.d.ts

@@ -0,0 +1,2 @@
+export declare function BottomTabs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomTabs.d.ts.map

package/dist/components/tables/BottomTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomTabs.d.ts","sourceRoot":"","sources":["../../../src/components/tables/BottomTabs.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,UAAU,4CAqCzB"}

package/dist/components/tables/HistoryList.d.ts

@@ -0,0 +1,2 @@
+export declare function HistoryList(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HistoryList.d.ts.map

package/dist/components/tables/HistoryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryList.d.ts","sourceRoot":"","sources":["../../../src/components/tables/HistoryList.tsx"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,4CA2I1B"}

package/dist/components/tables/OrdersList.d.ts

@@ -0,0 +1,2 @@
+export declare function OrdersList(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrdersList.d.ts.map

package/dist/components/tables/OrdersList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrdersList.d.ts","sourceRoot":"","sources":["../../../src/components/tables/OrdersList.tsx"],"names":[],"mappings":"AAaA,wBAAgB,UAAU,4CA2HzB"}

package/dist/components/tables/PositionsList.d.ts

@@ -0,0 +1,2 @@
+export declare function PositionsList(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PositionsList.d.ts.map

package/dist/components/tables/PositionsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionsList.d.ts","sourceRoot":"","sources":["../../../src/components/tables/PositionsList.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,aAAa,4CA6M5B"}

package/dist/components/trade/OrderCancel.d.ts

@@ -0,0 +1,19 @@
+import type { LPToken, Network } from 'zo-sdk';
+import type { WalletContextState } from '../../hooks/useWallet';
+import type { CoinConsts, ExtendedOrderInfo, GenericConsts } from '../../utils/models';
+type Props = {
+    showOrderCancel: boolean;
+    setShowOrderCancel: (show: boolean) => void;
+    order: ExtendedOrderInfo | null;
+    consts: GenericConsts;
+    mergedCoinConsts: CoinConsts;
+    network: Network;
+    wallet: WalletContextState;
+    refreshAccount: () => void;
+    refreshOrder: () => void;
+    prices: Record<string, number>;
+    activeLPType: LPToken;
+};
+export declare function OrderCancel({ showOrderCancel, setShowOrderCancel, order, mergedCoinConsts, consts: _consts, network, wallet, refreshAccount, refreshOrder, prices, activeLPType, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=OrderCancel.d.ts.map

package/dist/components/trade/OrderCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCancel.d.ts","sourceRoot":"","sources":["../../../src/components/trade/OrderCancel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAKxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG/D,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEtF,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC/B,MAAM,EAAE,aAAa,CAAA;IACrB,gBAAgB,EAAE,UAAU,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,gBAAgB,EAChB,MAAM,EAAE,OAAO,EACf,OAAO,EACP,MAAM,EACN,cAAc,EACd,YAAY,EACZ,MAAM,EACN,YAAY,GACb,EAAE,KAAK,kDA+HP"}

package/dist/components/trade/PositionAdjust.d.ts

@@ -0,0 +1,24 @@
+import type { IBasePositionConfig, LPToken, Network } from 'zo-sdk';
+import type { IAccountData } from '../../hooks/useAccountData';
+import type { WalletContextState } from '../../hooks/useWallet';
+import type { CoinConsts, DisplayPosition, GenericConsts } from '../../utils/models';
+type Props = {
+    showPositionAdjust: boolean;
+    setShowPositionAdjust: (show: boolean) => void;
+    position: DisplayPosition | null;
+    positionConfig?: IBasePositionConfig | null;
+    consts: GenericConsts;
+    mergedCoinConsts: CoinConsts;
+    prices: Record<string, number>;
+    accountData: IAccountData;
+    network: Network;
+    wallet: WalletContextState;
+    activeLPType: LPToken;
+    refreshAccount: () => void;
+    refreshPosition: () => void;
+    refreshVaultInfo: () => void;
+    refreshReservingRate: () => void;
+};
+export declare function PositionAdjust({ showPositionAdjust, setShowPositionAdjust, position, positionConfig, consts, mergedCoinConsts, accountData, network, wallet, activeLPType, refreshAccount, refreshPosition, refreshVaultInfo, refreshReservingRate, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PositionAdjust.d.ts.map

package/dist/components/trade/PositionAdjust.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionAdjust.d.ts","sourceRoot":"","sources":["../../../src/components/trade/PositionAdjust.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,mBAAmB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAG7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG/D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEpF,KAAK,KAAK,GAAG;IACX,kBAAkB,EAAE,OAAO,CAAA;IAC3B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,cAAc,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC3C,MAAM,EAAE,aAAa,CAAA;IACrB,gBAAgB,EAAE,UAAU,CAAA;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,YAAY,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,KAAK,kDAiOP"}

package/dist/components/trade/PositionClose.d.ts

@@ -0,0 +1,28 @@
+import type { LPToken, Network } from 'zo-sdk';
+import type { IAccountData } from '../../hooks/useAccountData';
+import type { WalletContextState } from '../../hooks/useWallet';
+import type { CoinConsts, DisplayPosition, ExtendedOrderInfo, GenericConsts } from '../../utils/models';
+type Props = {
+    relativeOrders?: ExtendedOrderInfo[];
+    position: DisplayPosition | null;
+    showPositionClose: boolean;
+    setShowPositionClose: (show: boolean) => void;
+    accountData: IAccountData;
+    wallet: WalletContextState;
+    network: Network;
+    refreshAccount: () => void;
+    refreshPosition: () => void;
+    consts: GenericConsts;
+    markPrice: number;
+    refreshVaultInfo: () => void;
+    refreshReservingRate: () => void;
+    closeBps?: number;
+    collateralToken: string;
+    collateralPrice: number;
+    refreshOrder: () => void;
+    mergedCoinConsts: CoinConsts;
+    activeLPType: LPToken;
+};
+export declare function PositionClose({ relativeOrders, position, showPositionClose, setShowPositionClose, accountData, wallet, network, refreshAccount, refreshPosition, consts, markPrice, refreshVaultInfo, refreshReservingRate, closeBps, collateralToken, collateralPrice, mergedCoinConsts, refreshOrder, activeLPType, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PositionClose.d.ts.map

package/dist/components/trade/PositionClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionClose.d.ts","sourceRoot":"","sources":["../../../src/components/trade/PositionClose.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAY,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAK9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAI/D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvG,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACpC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,WAAW,EAAE,YAAY,CAAA;IACzB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,MAAM,EAAE,aAAa,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,gBAAgB,EAAE,UAAU,CAAA;IAC5B,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EACX,MAAM,EACN,OAAO,EACP,cAAc,EACd,eAAe,EACf,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,QAAY,EACZ,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,EAAE,KAAK,kDAoSP"}

package/dist/components/trade/TradePanel.d.ts

@@ -0,0 +1,2 @@
+export declare function TradePanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradePanel.d.ts.map

package/dist/components/trade/TradePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradePanel.d.ts","sourceRoot":"","sources":["../../../src/components/trade/TradePanel.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,UAAU,4CAmbzB"}

package/dist/components/wallet/CustomConnectButton.d.ts

@@ -0,0 +1,4 @@
+export declare function CustomConnectButton({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomConnectButton.d.ts.map

package/dist/components/wallet/CustomConnectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomConnectButton.d.ts","sourceRoot":"","sources":["../../../src/components/wallet/CustomConnectButton.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CA4ExE"}

package/dist/constants/query.d.ts

@@ -0,0 +1,5 @@
+export declare const ZO_API_ENDPOINT = "https://api.zofinance.io";
+export declare const SUDO_API_ENDPOINT = "https://api.sudofinance.xyz";
+export declare const ZO_WEB_APP_URL = "https://app.zofai.io";
+export declare const SUINS_TYPE = "0x00c2f85e07181b90c140b15c5ce27d863f93c4d9159d2a4e7bdaeb40e286d6f5::subdomain_registration::SubDomainRegistration";
+//# sourceMappingURL=query.d.ts.map

package/dist/constants/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../src/constants/query.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,6BAA6B,CAAA;AACzD,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAC9D,eAAO,MAAM,cAAc,yBAAyB,CAAA;AACpD,eAAO,MAAM,UAAU,sHACgG,CAAA"}

package/dist/constants/rpc.d.ts

@@ -0,0 +1,18 @@
+export declare const RPC_LIST: {
+    devnet: {
+        name: string;
+        rpc: string;
+        wss: string;
+    }[];
+    testnet: {
+        name: string;
+        rpc: string;
+        wss: string;
+    }[];
+    mainnet: {
+        name: string;
+        rpc: string;
+        wss: string;
+    }[];
+};
+//# sourceMappingURL=rpc.d.ts.map

package/dist/constants/rpc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rpc.d.ts","sourceRoot":"","sources":["../../src/constants/rpc.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;CAqCpB,CAAA"}

package/dist/constants/tokens.d.ts

@@ -0,0 +1,46 @@
+export declare const MARKET_HOURS_24_7 = "24/7";
+export declare const MARKET_HOURS_COMMODITY = "America/New_York;0000-1700&1800-2400,0000-1700&1800-2400,0000-1700&1800-2400,0000-1700&1800-2400,0000-1700,C,1800-2400;0119/0000-1430&1800-2400,0216/0000-1430&1800-2400,0402/0000-1700,0403/C";
+export declare const MARKET_HOURS_EQUITY_ETF = "America/New_York;0930-1600,0930-1600,0930-1600,0930-1600,0930-1600,C,C;0101/C,0119/C,0216/C,0403/C,0525/C,0619/C";
+export type TOKEN = {
+    symbol: string;
+    name: string;
+    icon: string;
+    symbolDisplay: string;
+    tradingViewSymbol?: string;
+    tags?: string[];
+    isPayingToken?: boolean;
+    marketHour?: string;
+};
+export declare const TOKENS: TOKEN[];
+export declare const UNSUPPORTED_COLLATERALS: string[];
+export declare const OFFLINE_TOKEN: string[];
+export declare const OFFLINE_ZLP_TOKEN: string[];
+export declare const OFFLINE_SLP_TOKEN: string[];
+export declare const SWAP_MINT_TOKEN: string[];
+export declare const CETUS_SWAP_SLIPPAGE = 0.03;
+export declare function getTokenInfo(symbol: string): TOKEN | undefined;
+export declare function getAllTokenIcons(): Record<string, string>;
+export declare function getTokenIcon(symbol: string): string;
+export declare const MAIN_COLOR = "#007AF0";
+export declare const LONG_COLOR = "#4ade80";
+export declare const SHORT_COLOR = "#f43f5e";
+export declare const SWAP_COLOR = "#007AF0";
+export declare const LONG_LEVERAGE_MIN = 1;
+export declare const LONG_LEVERAGE_MAX = 20;
+export declare const LONG_LEVERAGE_STEP = 0.5;
+export declare const SHORT_LEVERAGE_MIN = 1;
+export declare const SHORT_LEVERAGE_MAX = 20;
+export declare const SHORT_LEVERAGE_STEP = 0.5;
+export declare const DEFAULT_INDEX_TOKEN = "btc";
+export declare const DEFAULT_COLLATERAL_TOKEN = "sui";
+export declare const DEFAULT_SWAP_FROM_TOKEN = "sui";
+export declare const DEFAULT_SWAP_TO_TOKEN = "nusdc";
+export declare const DEFAULT_LEVERAGE = 10;
+export declare const ACCOUNT_REFRESH_INTERVAL = 5000;
+export declare const PRICE_REFRESH_INTERVAL = 5000;
+export declare const POOL_OP_MIN_FEE = 1;
+export declare const PERP_OP_MIN_FEE = 0.2;
+export declare const RELAYER_FEE = 0.01;
+export declare const RELAYER_CLOSE_FEE = 0.03;
+export declare const SWAP_OP_MIN_FEE = 1;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/constants/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/constants/tokens.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,SAAS,CAAA;AACvC,eAAO,MAAM,sBAAsB,mMAAmM,CAAA;AACtO,eAAO,MAAM,uBAAuB,qHAAqH,CAAA;AAEzJ,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,EAyiBzB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,EAAwD,CAAA;AAEpG,eAAO,MAAM,aAAa,EAAE,MAAM,EAA6B,CAAA;AAC/D,eAAO,MAAM,iBAAiB,EAAE,MAAM,EAAsB,CAAA;AAC5D,eAAO,MAAM,iBAAiB,EAAE,MAAM,EAA+B,CAAA;AACrE,eAAO,MAAM,eAAe,EAAE,MAAM,EAAY,CAAA;AAEhD,eAAO,MAAM,mBAAmB,OAAO,CAAA;AAGvC,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAE9D;AAGD,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUzD;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOnD;AAED,eAAO,MAAM,UAAU,YAAY,CAAA;AAEnC,eAAO,MAAM,UAAU,YAAY,CAAA;AACnC,eAAO,MAAM,WAAW,YAAY,CAAA;AACpC,eAAO,MAAM,UAAU,YAAY,CAAA;AAEnC,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,eAAO,MAAM,kBAAkB,IAAI,CAAA;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAA;AACpC,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,eAAO,MAAM,mBAAmB,QAAQ,CAAA;AACxC,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,uBAAuB,QAAQ,CAAA;AAC5C,eAAO,MAAM,qBAAqB,UAAU,CAAA;AAC5C,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,wBAAwB,OAAO,CAAA;AAC5C,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAE1C,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC,eAAO,MAAM,eAAe,IAAI,CAAA"}

package/dist/hooks/useAccountData.d.ts

@@ -0,0 +1,18 @@
+import type { IConsts, Network } from 'zo-sdk';
+import type { WalletContextState } from './useWallet';
+export interface ITokenBalance {
+    symbol: string;
+    balance: number;
+}
+export interface IAccountData {
+    balance: ITokenBalance[];
+    address: string;
+    suiBalance: number;
+}
+export declare function useAccountData(wallet: WalletContextState, network: Network, zoConsts: IConsts, sudoConsts?: IConsts, usdzConsts?: IConsts, zbtcvcConsts?: IConsts): {
+    accountData: IAccountData;
+    isLoading: boolean;
+    error: string | null;
+    refresh: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<IAccountData, Error>>;
+};
+//# sourceMappingURL=useAccountData.d.ts.map

package/dist/hooks/useAccountData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountData.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccountData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAI9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,UAAU,CAAC,EAAE,OAAO,EACpB,UAAU,CAAC,EAAE,OAAO,EACpB,YAAY,CAAC,EAAE,OAAO;;;;;EA+IvB"}

package/dist/hooks/useClosePositionPreview.d.ts

@@ -0,0 +1,18 @@
+export interface ClosePositionPreview {
+    baseToSwapForQuote: number;
+    quoteToSwapForBase: number;
+    /** Exact quote received when selling base for quote */
+    quoteOutFromSell: number;
+    /** Exact base received when buying base with quote */
+    baseOutFromBuy: number;
+    withdrawableBase: number;
+    withdrawableQuote: number;
+    repayBaseAmount: number;
+    repayQuoteAmount: number;
+}
+export declare function useClosePositionPreview(poolKey: string, managerId: string | null, baseAsset: number, quoteAsset: number, baseDebt: number, quoteDebt: number, closePercent: number | null, slippage?: number): {
+    preview: ClosePositionPreview | null;
+    isLoading: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useClosePositionPreview.d.ts.map

package/dist/hooks/useClosePositionPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClosePositionPreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useClosePositionPreview.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,uDAAuD;IACvD,gBAAgB,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAKD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,QAAQ,SAAO;;;;EAkIhB"}

package/dist/hooks/useEssential.d.ts

@@ -0,0 +1,23 @@
+import type { Network } from 'zo-sdk';
+import { getConsts as getSudoConsts, getConsts as getZoConsts } from 'zo-sdk';
+import type { CoinConsts } from '../utils/models';
+import { useWallet } from './useWallet';
+export declare function useEssential(): {
+    wallet: ReturnType<typeof useWallet>;
+    network: Network;
+    consts: ReturnType<typeof getZoConsts>;
+    zoConsts: ReturnType<typeof getZoConsts>;
+    sudoConsts: ReturnType<typeof getSudoConsts>;
+    usdzConsts: ReturnType<typeof getZoConsts>;
+    zbtcvcConsts: ReturnType<typeof getZoConsts>;
+    sharedConfig: ReturnType<typeof getZoConsts>;
+    mergedCoinConsts: CoinConsts;
+    accountData: any;
+    refreshAccount: () => void;
+    verifyWalletStatus: (address: string) => Promise<boolean>;
+    isVerifying: boolean;
+    verificationStatus: any;
+    hasRejectedSigning: boolean;
+    resetVerificationState: () => void;
+};
+//# sourceMappingURL=useEssential.d.ts.map

package/dist/hooks/useEssential.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEssential.d.ts","sourceRoot":"","sources":["../../src/hooks/useEssential.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,IAAI,WAAW,EAA4B,MAAM,QAAQ,CAAA;AAEvG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,wBAAgB,YAAY,IAAI;IAC9B,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAA;IACpC,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IACtC,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IACxC,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IAC1C,YAAY,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IAC5C,YAAY,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IAC5C,gBAAgB,EAAE,UAAU,CAAA;IAC5B,WAAW,EAAE,GAAG,CAAA;IAChB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACzD,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,GAAG,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,sBAAsB,EAAE,MAAM,IAAI,CAAA;CACnC,CAwDA"}

package/dist/hooks/useFundingRate.d.ts

@@ -0,0 +1,15 @@
+import type { Network } from 'zo-sdk';
+import { LPToken } from 'zo-sdk';
+import type { Pair } from '../utils/models';
+export declare function useFundingRate(indexToken: string, network: Network, lpTokenType?: LPToken): {
+    fundingRateMap: Record<string, number> | null;
+    isLoading: boolean;
+    error: string | null;
+};
+export declare function getFundingRateFromMap(fundingRateMap: Record<string, number> | null, indexToken: string, lpTokenType: LPToken, isLong: boolean): number;
+export declare function useMultipleFundingRates(pairs: Pair[], network: Network): {
+    fundingRateMap: Record<string, number> | null;
+    isLoading: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useFundingRate.d.ts.map

package/dist/hooks/useFundingRate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFundingRate.d.ts","sourceRoot":"","sources":["../../src/hooks/useFundingRate.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAc,OAAO,EAAE,MAAM,QAAQ,CAAA;AAG5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAiB3C,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,GAAE,OAAqB;;;;EA8DtG;AAGD,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAC7C,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,OAAO,GACd,MAAM,CAUR;AAGD,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,EAAE,OAAO;;;;EA4JjB"}