@orderly.network/portfolio 2.0.7 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.mts +3 -3
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +12 -11
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +5 -4
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +16 -15
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
- import { LayoutProps, SideBarProps, SideMenuItem } from '@orderly.network/ui-scaffold';
2
+ import { ScaffoldProps, SideBarProps, SideMenuItem } from '@orderly.network/ui-scaffold';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as _orderly_network_types from '@orderly.network/types';
5
5
  import { API } from '@orderly.network/types';
@@ -8,7 +8,7 @@ import { Column } from '@orderly.network/ui';
8
8
  import { PositionsProps } from '@orderly.network/ui-positions';
9
9
  import { SharePnLConfig } from '@orderly.network/ui-share';
10
10
 
11
- type PortfolioLayoutProps = LayoutProps & {
11
+ type PortfolioLayoutProps = ScaffoldProps & {
12
12
  hideSideBar?: boolean;
13
13
  /** @deprecated use leftSideProps.items instead */
14
14
  items?: SideBarProps["items"];
@@ -31,7 +31,7 @@ type UseLayoutBuilderOptions = {
31
31
  };
32
32
  declare const usePortfolioLayoutScript: (props: UseLayoutBuilderOptions) => {
33
33
  items: {
34
- name: string;
34
+ name: never;
35
35
  href: PortfolioLeftSidebarPath;
36
36
  icon: react_jsx_runtime.JSX.Element;
37
37
  }[];
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
- import { LayoutProps, SideBarProps, SideMenuItem } from '@orderly.network/ui-scaffold';
2
+ import { ScaffoldProps, SideBarProps, SideMenuItem } from '@orderly.network/ui-scaffold';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as _orderly_network_types from '@orderly.network/types';
5
5
  import { API } from '@orderly.network/types';
@@ -8,7 +8,7 @@ import { Column } from '@orderly.network/ui';
8
8
  import { PositionsProps } from '@orderly.network/ui-positions';
9
9
  import { SharePnLConfig } from '@orderly.network/ui-share';
10
10
 
11
- type PortfolioLayoutProps = LayoutProps & {
11
+ type PortfolioLayoutProps = ScaffoldProps & {
12
12
  hideSideBar?: boolean;
13
13
  /** @deprecated use leftSideProps.items instead */
14
14
  items?: SideBarProps["items"];
@@ -31,7 +31,7 @@ type UseLayoutBuilderOptions = {
31
31
  };
32
32
  declare const usePortfolioLayoutScript: (props: UseLayoutBuilderOptions) => {
33
33
  items: {
34
- name: string;
34
+ name: never;
35
35
  href: PortfolioLeftSidebarPath;
36
36
  icon: react_jsx_runtime.JSX.Element;
37
37
  }[];
package/dist/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var ui = require('@orderly.network/ui');
4
4
  var uiScaffold = require('@orderly.network/ui-scaffold');
5
+ var i18n = require('@orderly.network/i18n');
5
6
  var jsxRuntime = require('react/jsx-runtime');
6
7
  var react = require('react');
7
8
  var hooks = require('@orderly.network/hooks');
@@ -16,17 +17,17 @@ var chart = require('@orderly.network/chart');
16
17
  var uiPositions = require('@orderly.network/ui-positions');
17
18
  var uiOrders = require('@orderly.network/ui-orders');
18
19
 
19
- var li=Object.defineProperty;var q=(e,t)=>{for(var o in t)li(e,o,{get:t[o],enumerable:true});};var Je=e=>{let{children:t,leftSideProps:o}=e;return jsxRuntime.jsx(uiScaffold.Scaffold,{leftSidebar:e.hideSideBar?null:jsxRuntime.jsx(pi,{items:e.items,current:e.routerAdapter?.currentPath,...o,routerAdapter:e.routerAdapter}),routerAdapter:e.routerAdapter,classNames:{content:"lg:oui-mb-0",topNavbar:"oui-bg-base-9",leftSidebar:"oui-m-3 oui-p-4 oui-broder oui-border-[1px] oui-border-line oui-rounded-xl oui-bg-base-9"},...e,children:jsxRuntime.jsx(ui.Box,{mx:3,my:6,children:t})})},pi=e=>{let{expanded:t,setExpand:o}=uiScaffold.useScaffoldContext();return jsxRuntime.jsx(uiScaffold.SideBar,{title:"Portfolio",...e,open:t,onOpenChange:i=>o(i),onItemSelect:i=>{e.onItemSelect?.(i),e.routerAdapter?.onRouteChange?.({href:i.href||"",name:i.name});}})};var Rt=(n=>(n.Overview="/portfolio",n.Positions="/portfolio/positions",n.Orders="/portfolio/orders",n.FeeTier="/portfolio/feeTier",n.ApiKey="/portfolio/apiKey",n.Setting="/portfolio/setting",n))(Rt||{}),je=e=>{let{routerAdapter:t}=uiScaffold.useScaffoldContext(),[o,i]=react.useState(e.current??t?.currentPath??"/portfolio");react.useEffect(()=>{(o||t?.currentPath)&&i(o||t?.currentPath||"/portfolio");},[o,t?.currentPath]);let r=react.useMemo(()=>[{name:"Overview",href:"/portfolio",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.24316 2.19727C3.58641 2.19727 2.24316 3.54044 2.24316 5.19727V12.6973C2.24316 14.3541 3.58641 15.6973 5.24316 15.6973H12.7432C14.3999 15.6973 15.7432 14.3541 15.7432 12.6973V5.19727C15.7432 3.54044 14.3999 2.19727 12.7432 2.19727H5.24316ZM5.24316 3.69727H12.7432C13.5719 3.69727 14.2432 4.36882 14.2432 5.19727V12.6973C14.2432 13.2484 13.9319 13.734 13.4894 13.9947C13.3454 12.2235 11.4427 11.1973 8.99316 11.1973C6.54366 11.1973 4.60341 12.251 4.48566 13.9997C4.04241 13.739 3.74316 13.2484 3.74316 12.6973V5.19727C3.74316 4.36882 4.41441 3.69727 5.24316 3.69727ZM8.99316 5.19727C7.54341 5.19727 6.36816 6.37252 6.36816 7.82227C6.36816 9.27202 7.54341 10.4473 8.99316 10.4473C10.4429 10.4473 11.6182 9.27202 11.6182 7.82227C11.6182 6.37252 10.4429 5.19727 8.99316 5.19727Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:"Positions",href:"/portfolio/positions",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M4.51 3.021a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3zm2.25 3a.76.76 0 0 1 .54.211.77.77 0 0 1 0 1.078l-.75.75a.77.77 0 0 1-.54.211h-.75a.75.75 0 0 1 0-1.5h.422l.54-.539a.76.76 0 0 1 .539-.21m3 .75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5m-3 2.25a.76.76 0 0 1 .54.211.77.77 0 0 1 0 1.079l-.75.75a.77.77 0 0 1-.54.21h-.75a.75.75 0 0 1 0-1.5h.422l.54-.539a.76.76 0 0 1 .539-.21m3 .75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:"Orders",href:"/portfolio/orders",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.693 1.5C4.229 1.5 3.02 2.61 3.02 4.006v9.984c0 1.398 1.208 2.508 2.672 2.508h6.657c1.463 0 2.671-1.11 2.671-2.508V6.726c0-2.672-2.579-5.227-5.25-5.227zm4.828 1.593c1.33.352 2.562 1.58 2.906 2.906h-1.734c-.667 0-1.172-.472-1.172-1.008zm-3.75 2.906h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:"Fee tier",href:"/portfolio/feeTier",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.99829 1.51062C4.34154 1.51062 2.99829 2.85387 2.99829 4.51062V13.5106C2.99829 15.1674 4.34154 16.5106 5.99829 16.5106H11.9983C13.655 16.5106 14.9983 15.1674 14.9983 13.5106V4.51062C14.9983 2.85387 13.655 1.51062 11.9983 1.51062H5.99829ZM5.99829 3.76062H11.9983C12.4123 3.76062 12.7483 4.09662 12.7483 4.51062V6.01062C12.7483 6.42462 12.4123 6.76062 11.9983 6.76062H5.99829C5.58429 6.76062 5.24829 6.42462 5.24829 6.01062V4.51062C5.24829 4.09662 5.58429 3.76062 5.99829 3.76062ZM5.99829 8.26062C6.41229 8.26062 6.74829 8.59662 6.74829 9.01062C6.74829 9.42462 6.41229 9.76062 5.99829 9.76062C5.58429 9.76062 5.24829 9.42462 5.24829 9.01062C5.24829 8.59662 5.58429 8.26062 5.99829 8.26062ZM8.99829 8.26062C9.41229 8.26062 9.74829 8.59662 9.74829 9.01062C9.74829 9.42462 9.41229 9.76062 8.99829 9.76062C8.58429 9.76062 8.24829 9.42462 8.24829 9.01062C8.24829 8.59662 8.58429 8.26062 8.99829 8.26062ZM11.9983 8.26062C12.4123 8.26062 12.7483 8.59662 12.7483 9.01062C12.7483 9.42462 12.4123 9.76062 11.9983 9.76062C11.5843 9.76062 11.2483 9.42462 11.2483 9.01062C11.2483 8.59662 11.5843 8.26062 11.9983 8.26062ZM5.99829 10.5106C6.41229 10.5106 6.74829 10.8466 6.74829 11.2606C6.74829 11.6746 6.41229 12.0106 5.99829 12.0106C5.58429 12.0106 5.24829 11.6746 5.24829 11.2606C5.24829 10.8466 5.58429 10.5106 5.99829 10.5106ZM8.99829 10.5106C9.41229 10.5106 9.74829 10.8466 9.74829 11.2606C9.74829 11.6746 9.41229 12.0106 8.99829 12.0106C8.58429 12.0106 8.24829 11.6746 8.24829 11.2606C8.24829 10.8466 8.58429 10.5106 8.99829 10.5106ZM11.9983 10.5106C12.4123 10.5106 12.7483 10.8466 12.7483 11.2606V13.5106C12.7483 13.9246 12.4123 14.2606 11.9983 14.2606C11.5843 14.2606 11.2483 13.9246 11.2483 13.5106V11.2606C11.2483 10.8466 11.5843 10.5106 11.9983 10.5106ZM5.99829 12.7606C6.41229 12.7606 6.74829 13.0966 6.74829 13.5106C6.74829 13.9246 6.41229 14.2606 5.99829 14.2606C5.58429 14.2606 5.24829 13.9246 5.24829 13.5106C5.24829 13.0966 5.58429 12.7606 5.99829 12.7606ZM8.99829 12.7606C9.41229 12.7606 9.74829 13.0966 9.74829 13.5106C9.74829 13.9246 9.41229 14.2606 8.99829 14.2606C8.58429 14.2606 8.24829 13.9246 8.24829 13.5106C8.24829 13.0966 8.58429 12.7606 8.99829 12.7606Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:"API key",href:"/portfolio/apiKey",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M9.02124 1.49915C7.77849 1.49915 6.77124 2.5064 6.77124 3.74915C6.77124 4.70015 7.40049 5.55517 8.26974 5.86942L8.27124 8.24915H5.27124C4.85724 8.24915 4.52124 8.58515 4.52124 8.99915L4.52048 12.1304C3.65723 12.4274 3.02124 13.2981 3.02124 14.2491C3.02124 15.4919 4.02849 16.4991 5.27124 16.4991C6.51399 16.4991 7.52124 15.4919 7.52124 14.2491C7.52124 13.2981 6.92499 12.4596 6.02949 12.1206L6.02124 9.74915H9.02124H12.0212L12.0265 12.1319C11.1257 12.4446 10.5212 13.2981 10.5212 14.2491C10.5212 15.4919 11.5285 16.4991 12.7712 16.4991C14.014 16.4991 15.0212 15.4919 15.0212 14.2491C15.0212 13.2981 14.407 12.4611 13.5272 12.1281L13.5212 8.99915C13.5212 8.58515 13.1852 8.24915 12.7712 8.24915H9.77124L9.76899 5.86639C10.642 5.55814 11.2712 4.70015 11.2712 3.74915C11.2712 2.5064 10.264 1.49915 9.02124 1.49915Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:"Settings",href:"/portfolio/setting",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.72601 1.84159C5.66251 2.17834 4.74527 2.7296 3.93677 3.48185C3.68702 3.7151 3.61052 4.09534 3.77252 4.39609C4.37327 5.50684 3.74476 6.69484 2.39026 6.76309C2.05801 6.78034 1.76477 7.02559 1.68677 7.34884C1.55252 7.90759 1.49927 8.37559 1.49927 8.98984C1.49927 9.50509 1.55476 10.0878 1.66351 10.6068C1.73101 10.9308 2.01302 11.1641 2.34302 11.1933C3.70652 11.3111 4.38152 12.3506 3.77252 13.6773C3.63752 13.9721 3.69902 14.3246 3.93677 14.5443C4.73327 15.2816 5.64826 15.8006 6.72601 16.1381C7.03351 16.2348 7.38076 16.1186 7.56976 15.8568C8.40376 14.7033 9.61352 14.6988 10.4055 15.8568C10.5923 16.1298 10.9343 16.2611 11.2493 16.1613C12.2895 15.8343 13.2585 15.2771 14.0618 14.5443C14.3093 14.3193 14.3745 13.9541 14.226 13.6541C13.602 12.3948 14.3198 11.2383 15.6083 11.2166C15.9503 11.2106 16.2548 10.9856 16.335 10.6541C16.4648 10.1163 16.4993 9.64759 16.4993 8.98984C16.4993 8.42434 16.4325 7.86709 16.3118 7.32559C16.2353 6.98359 15.936 6.74059 15.585 6.73984C14.3168 6.73759 13.6058 5.49109 14.226 4.39609C14.3985 4.09084 14.3445 3.71735 14.085 3.48185C13.2675 2.73935 12.2708 2.15959 11.226 1.84159C10.905 1.74409 10.5638 1.86409 10.3823 2.14609C9.65776 3.27109 8.30477 3.29135 7.59302 2.16935C7.41077 1.8821 7.05001 1.73809 6.72601 1.84159ZM8.99927 5.98984C10.656 5.98984 11.9993 7.33309 11.9993 8.98984C11.9993 10.6466 10.656 11.9898 8.99927 11.9898C7.34252 11.9898 5.99927 10.6466 5.99927 8.98984C5.99927 7.33309 7.34252 5.98984 8.99927 5.98984Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})}],[]),a=hooks.useMediaQuery("(max-width: 768px)");return {items:r,current:o,hideSideBar:a,onItemSelect:n=>{typeof n.href>"u"||(i(n.href),t?.onRouteChange({href:n.href,name:n.name}));}}};var Ci=e=>{let t=je({current:e.leftSideProps?.current});return jsxRuntime.jsx(Je,{...t,...e,children:e.children})};var ao={};q(ao,{AssetHistory:()=>le,AssetHistoryWidget:()=>ue,AssetWidget:()=>ae,AssetsChartWidget:()=>Ke,AssetsUI:()=>re,DistributionHistoryUI:()=>pe,DistributionHistoryWidget:()=>ge,FundingHistoryWidget:()=>me,HistoryDataGroupWidget:()=>fe,OverviewContextProvider:()=>Ne,OverviewPage:()=>ro,PerformanceUI:()=>ye,PerformanceWidget:()=>Ce,useAssetHistoryColumns:()=>ne,useAssetHistoryHook:()=>se,useAssetsLineChartScript:()=>Le,useFundingHistoryColumns:()=>de,useFundingHistoryHook:()=>ce,usePerformanceScript:()=>be});var tt=()=>{let{connect:e}=hooks.useWalletConnector(),{state:t}=hooks.useAccount(),{totalValue:o,freeCollateral:i}=hooks.useCollateral(),{wrongNetwork:r,disabledConnect:a}=reactApp.useAppContext(),[n]=hooks.usePositionStream(),[s]=hooks.useLeverage(),[c,l]=hooks.useLocalStorage("orderly_assets_visible",true),g=react.useMemo(()=>!r&&!a&&(t.status===types.AccountStatusEnum.EnableTrading||t.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[t.status,r,a]),b=()=>{ui.modal.show(uiLeverage.LeverageWidgetId);},y=()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:"deposit"});},d=()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:"withdraw"});};return {canTrade:g,connect:e,portfolioValue:o,freeCollateral:i,unrealPnL:n.aggregated.total_unreal_pnl,unrealROI:n.totalUnrealizedROI,currentLeverage:s,onLeverageEdit:b,visible:c,wrongNetwork:r,toggleVisible:()=>l(!c),onDeposit:y,onWithdraw:d}};var Kt=e=>jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.CardTitle,{children:"Overview"}),jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(ui.Button,{disabled:e.disabled,size:"md",color:"secondary",onClick:()=>e.onWithdraw?.(),icon:jsxRuntime.jsx(ui.ArrowUpSquareFillIcon,{}),"data-testid":"oui-testid-portfolio-assets-withdraw-btn",children:"Withdraw"}),jsxRuntime.jsx(ui.Button,{disabled:e.disabled,size:"md",onClick:()=>e.onDeposit?.(),icon:jsxRuntime.jsx(ui.ArrowDownSquareFillIcon,{}),"data-testid":"oui-testid-portfolio-assets-deposit-btn",children:"Deposit"})]})]});var re=e=>jsxRuntime.jsx(ui.Card,{classNames:{footer:"oui-h-[48px]",root:"oui-h-[240px]"},title:jsxRuntime.jsx(Kt,{disabled:!e.canTrade,onDeposit:e.onDeposit,onWithdraw:e.onWithdraw}),children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:"Total value"}),jsxRuntime.jsx("button",{onClick:()=>{e.toggleVisible();},"data-testid":"oui-testid-portfolio-assets-eye-btn",children:e.visible?jsxRuntime.jsx(ui.EyeIcon,{size:16,color:"white"}):jsxRuntime.jsx(ui.EyeCloseIcon,{size:16,color:"white"})})]}),children:jsxRuntime.jsx(ui.Either,{value:e.canTrade,left:jsxRuntime.jsx(Bi,{}),children:jsxRuntime.jsx(ui.Text.numeral,{visible:e.visible,unit:"USDC",style:{"--oui-gradient-angle":"45deg"},unitClassName:"oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ml-1",className:ui.gradientTextVariants({className:"oui-font-bold oui-text-3xl",color:"brand"}),children:e.portfolioValue??"--"})})}),jsxRuntime.jsx(ui.Divider,{className:"oui-my-4",intensity:8}),jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"lg",fullWidth:true},children:jsxRuntime.jsx(Ui,{unrealROI:e.unrealROI,unrealPnL:e.unrealPnL,freeCollateral:e.freeCollateral,currentLeverage:e.currentLeverage,onLeverageEdit:e.onLeverageEdit,visible:e.visible})})]})}),Bi=()=>jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-h-9",children:[jsxRuntime.jsx(ui.Text.gradient,{color:"brand",weight:"bold",children:"--"}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]}),Ui=e=>jsxRuntime.jsxs(ui.Grid,{cols:3,className:"oui-h-12",children:[jsxRuntime.jsx(ui.Statistic,{label:"Unrealized PnL",children:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:true,size:"lg",weight:"semibold",visible:e.visible,children:e.unrealPnL}),jsxRuntime.jsx(ui.Text.numeral,{coloring:true,rule:"percentages",size:"sm",weight:"semibold",prefix:"(",suffix:")",visible:e.visible,children:e.unrealROI})]})}),jsxRuntime.jsx(ui.Statistic,{label:"Max account leverage",children:jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",children:[jsxRuntime.jsx("span",{"data-testid":"oui-testid-portfolio-assets-maxAccountLeverage-value",className:"oui-text-lg",children:e.currentLeverage}),jsxRuntime.jsx("span",{children:"x"}),jsxRuntime.jsx("button",{className:"oui-ml-1",onClick:()=>e.onLeverageEdit?.(),"data-testid":"oui-testid-portfolio-assets-maxAccountLeverage-edit-btn",children:jsxRuntime.jsx(ui.EditIcon,{color:"white",size:18})})]})}),jsxRuntime.jsx(ui.Statistic,{label:"Available to withdraw",align:"right",valueProps:{size:"lg",visible:e.visible},children:e.freeCollateral})]});var ae=()=>{let{canTrade:e,connect:t,portfolioValue:o,onLeverageEdit:i,...r}=tt();return jsxRuntime.jsx(re,{onConnectWallet:t,canTrade:e,portfolioValue:o,onLeverageEdit:i,...r})};var Wt=(i=>(i.WEEK="7D",i.MONTH="30D",i.QUARTER="90D",i))(Wt||{}),zt=(e,t)=>{let[o]=react.useState(()=>{let u=new Date;return new Date(dateFns.getYear(u),dateFns.getMonth(u),dateFns.getDate(u),0,0,0)}),{isRealtime:i=false}=t||{},r=Object.values(Wt),[a,n]=hooks.useLocalStorage(e,"7D"),{totalValue:s}=hooks.useCollateral(),c=u=>{switch(u){case "30D":return dateFns.subDays(o,35);case "90D":return dateFns.subDays(o,95);default:return dateFns.subDays(o,10)}},l=react.useMemo(()=>{switch(a){case "7D":return 7;case "30D":return 30;case "90D":return 90;default:return 7}},[a]),[g,b]=react.useState(c(a)),y=react.useMemo(()=>dateFns.addDays(o,1),[o]),[d]=hooks.useStatisticsDaily({startDate:g.toISOString().split("T")[0],endDate:y.toISOString().split("T")[0]},{ignoreAggregation:true}),[m]=hooks.useAssetsHistory({startTime:dateFns.subDays(o,2).getTime().toString(),endTime:y.getTime().toString(),pageSize:50}),x=u=>{b(c(u)),n(u);},V=u=>{if(s==null)return null;let C=new utils.Decimal(s).sub(u.lastItem.account_value);if(Array.isArray(u.assetHistory)&&u.assetHistory.length>0&&typeof u.lastItem.snapshot_time<"u"){let v=[];for(let h=0;h<u.assetHistory.length;h++){let w=u.assetHistory[h];w.created_time>u.lastItem.snapshot_time&&v.push(w);}for(let h=0;h<v.length;h++){let w=v[h];w.side==="DEPOSIT"?w.trans_status==="COMPLETED"&&(C=C.sub(w.amount)):w.side==="WITHDRAW"&&w.trans_status!=="FAILED"&&(C=C.add(w.amount));}}return C.toNumber()},G=(u,C)=>{let v=u[u.length-1],h=dateFns.format(o,"yyyy-MM-dd");return {...v,date:h,perp_volume:0,account_value:C!==null?C:v?.account_value??0,pnl:V({lastItem:v,assetHistory:m})??0}},te=(u,C)=>!Array.isArray(u)||u.length===0?u:(u[u.length-1].date,dateFns.format(o,"yyyy-MM-dd"),u.concat([G(u,C)])),$=(u,C)=>{let v=C?te(u,s):u;return v.slice(Math.max(0,v.length-l))},D=react.useMemo(()=>s==null?[]:$(d,i),[d,s,m,i]),Ye=react.useMemo(()=>{let u=utils.zero,C=utils.zero,v=utils.zero;if(Array.isArray(D)&&D.length){D.forEach(Z=>{C=C.add(Z.pnl);});let h=D[0],w=d.findIndex(Z=>Z.date===h.date),oe=d[w-1]?.account_value;typeof oe>"u"||oe===0?v=utils.zero:v=C.div(oe);}if(d.length>0)for(let h=0;h<l;h++){let w=d[d.length-1-h];w&&(u=u.add(w.perp_volume??0));}return {vol:u.toNumber(),pnl:C.toNumber(),roi:v.toNumber()}},[D,d,l]);return {periodTypes:r,period:a,onPeriodChange:x,data:D,aggregateValue:Ye,createFakeData:(u,C)=>Array.from({length:2},(v,h)=>({date:dateFns.format(h===0?g:new Date,"yyyy-MM-dd"),...h===0?u:C})),volumeUpdateDate:d?.[d.length-1]?.date??""}};var Ot=react.createContext({}),ir="portfolio_performance_period",He=()=>react.useContext(Ot),Ne=({children:e})=>{let t=zt(ir,{isRealtime:true});return jsxRuntime.jsx(Ot.Provider,{value:{...t},children:e})};var Le=()=>{let e=He(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{state:i}=hooks.useAccount(),r=reactApp.useDataTap(e.data,{accountStatus:i.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:e.createFakeData({account_value:0},{account_value:500})}),a=react.useMemo(()=>r?.length??0>0?r:e.createFakeData({account_value:0},{account_value:500}),[r]),n=t||o||!e.data.length;return {...e,data:a,invisible:n}};var Ee=e=>jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.CardTitle,{children:e.title}),jsxRuntime.jsx("div",{className:"oui-min-w-14",children:jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes.map(t=>({value:t,label:t}))})})]});var Bt=e=>{let{onPeriodChange:t,periodTypes:o,period:i,data:r}=e;return jsxRuntime.jsx(ui.Card,{title:jsxRuntime.jsx(Ee,{onPeriodChange:t,periodTypes:o,period:i,title:"Assets"}),id:"portfolio-overview-assets-chart",classNames:{content:"oui-h-[168px] oui-pb-0"},children:jsxRuntime.jsx(chart.AssetLineChart,{data:e.data,invisible:e.invisible})})};var Ke=()=>{let e=Le();return jsxRuntime.jsx(Bt,{...e})};var ne=()=>{let{data:e}=hooks.useQuery("/v1/public/chain_info");return react.useMemo(()=>[{title:"Token",dataIndex:"token",width:80,render:o=>jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{name:o,size:"xs"}),jsxRuntime.jsx("span",{children:o})]})},{title:"Time",dataIndex:"created_time",width:80,rule:"date"},{title:"TxID",dataIndex:"tx_id",width:120,render:(o,i)=>{if(!o)return jsxRuntime.jsx("div",{className:"oui-text-base-contrast-54",children:"-"});let n=`${e?.find(s=>parseInt(i.chain_id)===parseInt(s.chain_id))?.explorer_base_url}/tx/${o}`;return jsxRuntime.jsx("a",{href:n,target:"_blank",children:jsxRuntime.jsx(ui.Text.formatted,{copyable:!!o,rule:"txId",className:"oui-underline-offset-4 oui-underline oui-decoration-dashed oui-decoration-line-16",onCopy:s=>{s.preventDefault(),s.stopPropagation(),ui.toast.success("Copy success");},children:o})})}},{title:"Status",dataIndex:"trans_status",width:100,formatter:o=>ui.capitalizeFirstLetter(o.toLowerCase())},{title:"Type",dataIndex:"side",width:80,formatter:o=>ui.capitalizeFirstLetter(o.toLowerCase()),render:o=>jsxRuntime.jsx(ui.Text,{color:o.toLowerCase(),children:o})},{title:"Amount",dataIndex:"amount",width:100,rule:"price",formatter:(o,i)=>i.side==="WITHDRAW"?-(o-(i.fee??0)):o-(i.fee??0),numeralProps:{coloring:true,showIdentifier:true}}],[e])},Gt=[{label:"All",value:"All"},{label:"Deposit",value:"DEPOSIT"},{label:"Withdrawal",value:"WITHDRAW"}];var J=e=>{let{from:t,to:o}=e;return typeof o>"u"&&(o=new Date),dateFns.differenceInDays(t,o)===0?[t,dateFns.setHours(o,23)]:[t,o]};var se=()=>{let[e]=react.useState(()=>{let m=new Date;return new Date(dateFns.getYear(m),dateFns.getMonth(m),dateFns.getDate(m),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:c}=ui.usePagination(),[l,{meta:g,isLoading:b}]=hooks.useAssetsHistory({startTime:t[0].getTime().toString(),endTime:dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime().toString(),page:a,pageSize:n,side:i}),y=m=>{m.name==="side"&&(r(m.value),s(1)),m.name==="dateRange"&&(o(J(m.value)),s(1));},d=react.useMemo(()=>c(g),[c,g]);return {dataSource:l,total:g?.total,isLoading:b,queryParameter:{side:i,dateRange:t},onFilter:y,pagination:d}};var le=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r}=e,{side:a,dateRange:n}=o,s=ne();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"side",options:Gt,value:a},{type:"range",name:"dateRange",value:{from:n[0],to:n[1]}}],onFilter:c=>{i(c);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:r,classNames:{root:"oui-h-[calc(100%_-_49px)]"},columns:s,dataSource:t,pagination:e.pagination})]})};var ue=()=>{let e=se();return jsxRuntime.jsx(le,{...e})};var de=()=>react.useMemo(()=>[{title:"Symbol",dataIndex:"symbol",width:80,rule:"symbol",textProps:{showIcon:true}},{title:"Time",dataIndex:"created_time",width:120,rule:"date"},{title:"Funding rate / Annual rate",dataIndex:"funding_rate",width:80,render:(t,o)=>jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:6,children:o.funding_rate}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:6,children:o.annual_rate})]})},{title:"Payment type",dataIndex:"payment_type",width:80,render:t=>{switch(t){case "Pay":return "Paid";case "Receive":return "Received";default:return t}}},{title:"Funding fee (USDC)",dataIndex:"funding_fee",width:80,rule:"price",formatter(t,o,i){return Number(t)*-1},numeralProps:{coloring:true,showIdentifier:true,ignoreDP:true}}],[]);var lt=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r}=e,a=de(),n=hooks.useSymbolsInfo(),{symbol:s,dateRange:c}=o;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"symbol",isCombine:true,options:[{label:"All",value:"All"},...Object.keys(n).map(l=>({label:l.split("_")[1],value:l}))],value:s,valueFormatter:l=>l==="All"?"All":l.split("_")[1]},{type:"range",name:"dateRange",value:{from:c[0],to:c[1]}}],onFilter:l=>{i(l);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:a,dataSource:t,loading:r,generatedRowKey:l=>`${l.updated_time}`,classNames:{root:"oui-h-[calc(100%_-_49px)]"},pagination:e.pagination})]})};var ce=()=>{let[e]=react.useState(()=>{let x=new Date;return new Date(dateFns.getYear(x),dateFns.getMonth(x),dateFns.getDate(x),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:c}=ui.usePagination(),[l,{isLoading:g,meta:b,isValidating:y}]=hooks.useFundingFeeHistory({dataRange:[t[0].getTime(),dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime()],symbol:i,page:a,pageSize:n},{keepPreviousData:true}),d=x=>{x.name==="symbol"&&(r(x.value),s(1)),x.name==="dateRange"&&(o(J(x.value)),s(1));},m=react.useMemo(()=>c(b),[c,b]);return {dataSource:l,isLoading:g,isValidating:y,queryParameter:{symbol:i,dateRange:t},onFilter:d,pagination:m}};var me=()=>{let e=ce();return jsxRuntime.jsx(lt,{...e})};var Yt=()=>react.useMemo(()=>[{title:"Token",dataIndex:"token",width:80,render:(t,o)=>jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.TokenIcon,{name:t,size:"xs"}),jsxRuntime.jsx("span",{children:t})]})},{title:"Time",dataIndex:"updated_time",width:120,rule:"date"},{title:"Status",dataIndex:"status",width:120,formatter(t,o,i){switch(t){case "CREATED":case "SPLIT":return "Processing";case "COMPLETED":default:return "Completed"}}},{title:"Type",dataIndex:"type",width:80,formatter:t=>{switch(t){case "REFERRER_REBATE":return "Referral commission";case "REFEREE_REBATE":return "Referee rebate";case "BROKER_FEE":return "Broker fee";default:return "-"}}},{title:"Amount",dataIndex:"amount",width:80}],[]),Xt=[{label:"All",value:"All"},{label:"Referral commission",value:"REFERRER_REBATE"},{label:"Referee rebate",value:"REFEREE_REBATE"},{label:"Broker fee",value:"BROKER_FEE"}];var pe=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r,isValidating:a}=e,n=Yt(),{type:s,dateRange:c}=o;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"type",options:Xt,value:s},{type:"range",name:"dateRange",value:{from:c[0],to:c[1]}}],onFilter:l=>{i(l);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:n,dataSource:t,loading:r,className:"oui-font-semibold",classNames:{root:"oui-h-[calc(100%_-_49px)]"},pagination:e.pagination})]})};var jt=()=>{let[e]=react.useState(()=>{let x=new Date;return new Date(dateFns.getYear(x),dateFns.getMonth(x),dateFns.getDate(x),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:c}=ui.usePagination(),[l,{isLoading:g,meta:b,isValidating:y}]=hooks.useDistributionHistory({dataRange:[t[0].getTime(),dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime()],type:i,pageSize:n,page:a}),d=x=>{x.name==="type"&&(r(x.value),s(1)),x.name==="dateRange"&&(o(J(x.value)),s(1));},m=react.useMemo(()=>c(b),[c,b]);return {dataSource:l,isLoading:g,isValidating:y,queryParameter:{type:i,dateRange:t},onFilter:d,pagination:m}};var ge=()=>{let e=jt();return jsxRuntime.jsx(pe,{...e})};var eo=e=>{let{active:t="deposit",onTabChange:o}=e;return jsxRuntime.jsx(ui.Card,{children:jsxRuntime.jsxs(ui.Tabs,{value:t,onValueChange:o,variant:"contained",size:"xl",children:[jsxRuntime.jsx(ui.TabPanel,{title:"Deposits & Withdrawals",icon:jsxRuntime.jsx(ui.ArrowLeftRightIcon,{}),value:"deposit",children:jsxRuntime.jsx(ue,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"Funding",icon:jsxRuntime.jsx(ui.FeeTierIcon,{}),value:"funding",children:jsxRuntime.jsx(me,{})}),jsxRuntime.jsx(ui.TabPanel,{title:"Distribution",icon:jsxRuntime.jsx(ui.ServerFillIcon,{}),value:"distribution",children:jsxRuntime.jsx(ge,{})})]})})};var to=()=>{let[e,t]=react.useState("deposit");return {active:e,onTabChange:o=>t(o)}};var fe=()=>{let e=to();return jsxRuntime.jsx(eo,{...e})};var ye=e=>{let{periodTypes:t,period:o,onPeriodChange:i,aggregateValue:r,invisible:a,visible:n,volumeUpdateDate:s}=e;return jsxRuntime.jsxs(ui.Card,{title:jsxRuntime.jsx(Ee,{onPeriodChange:i,periodTypes:t,period:o,title:"Performance"}),id:"portfolio-overview-performance",children:[jsxRuntime.jsxs(ui.Grid,{cols:3,gap:4,children:[jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{label:`${o} ROI`,valueProps:{rule:"percentages",coloring:true,visible:n},children:a?"--":r.roi})}),jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{label:`${o} PnL`,valueProps:{coloring:true,showIdentifier:true,visible:n},children:a?"--":r.pnl})}),jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{classNames:{label:"oui-w-full"},label:jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx("span",{children:`${o} Volume (USDC)`}),jsxRuntime.jsx("span",{children:s})]}),children:a?"--":r.vol})})]}),jsxRuntime.jsxs(ui.Grid,{cols:2,gap:4,children:[jsxRuntime.jsx(ka,{data:e.data??[],invisible:e.invisible}),jsxRuntime.jsx(Da,{data:e.data??[],invisible:e.invisible||(e.data?.length??0)<=2})]})]})},ka=e=>jsxRuntime.jsxs(ui.Box,{mt:4,height:"188px",children:[jsxRuntime.jsx(ui.Text,{as:"div",size:"sm",className:"oui-mb-3",children:"Daily PnL"}),jsxRuntime.jsx(ui.Box,{r:"md",className:"oui-border oui-border-line-4 oui-h-[188px]",children:jsxRuntime.jsx(chart.PnLBarChart,{data:e.data,invisible:e.invisible||(e.data?.length??0)<=2})})]}),Da=e=>jsxRuntime.jsxs(ui.Box,{mt:4,children:[jsxRuntime.jsx(ui.Text,{as:"div",size:"sm",className:"oui-mb-3",children:"Cumulative PnL"}),jsxRuntime.jsx(ui.Box,{r:"md",className:"oui-border oui-border-line-4 oui-h-[188px]",children:jsxRuntime.jsx(chart.PnlLineChart,{data:e.data,invisible:e.invisible||(e.data?.length??0)<=2})})]});var be=()=>{let e=He(),[t]=hooks.useLocalStorage("orderly_assets_visible",true),{wrongNetwork:o,disabledConnect:i}=reactApp.useAppContext(),{state:r}=hooks.useAccount(),a=reactApp.useDataTap(e.data,{accountStatus:r.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:e.createFakeData({account_value:0,pnl:0},{account_value:500,pnl:500})}),n=react.useMemo(()=>a?.length??0>0?a:e.createFakeData({account_value:0,pnl:0},{account_value:500,pnl:500}),[a]),s=o||i||r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected;return {...e,data:n,invisible:s,visible:t}};var Ce=()=>{let e=be();return jsxRuntime.jsx(ye,{...e})};var ro=()=>jsxRuntime.jsx(Ne,{children:jsxRuntime.jsxs(ui.Grid,{cols:2,gap:4,children:[jsxRuntime.jsx(ae,{}),jsxRuntime.jsx(Ke,{}),jsxRuntime.jsx(ui.Grid.span,{colSpan:2,children:jsxRuntime.jsx(Ce,{})}),jsxRuntime.jsx(ui.Grid.span,{colSpan:2,children:jsxRuntime.jsx(fe,{})})]})});var go={};q(go,{FeeTierPage:()=>po});var gt=[{tier:1,maker_fee:"0.03%",taker_fee:"0.06%",volume_min:0,volume_max:5e5},{tier:2,maker_fee:"0.02%",taker_fee:"0.05%",volume_min:5e5,volume_max:25e5},{tier:3,maker_fee:"0.015%",taker_fee:"0.045%",volume_min:25e5,volume_max:1e7},{tier:4,maker_fee:"0.01%",taker_fee:"0.04%",volume_min:1e7,volume_max:5e7},{tier:5,maker_fee:"0.005%",taker_fee:"0.035%",volume_min:5e7,volume_max:125e6,or:"/",staking_min:3e5,staking_max:null},{tier:6,maker_fee:"0%",taker_fee:"0.03%",volume_min:125e6,volume_max:null,or:"/",staking:null,staking_min:null,staking_max:null}];var lo=()=>react.useMemo(()=>[{title:"Tier",dataIndex:"tier",align:"left",width:100},{title:"30 day volume (USDC)",dataIndex:"volume",align:"center",width:170,render:(t,o)=>{let{volume_min:i,volume_max:r,volume_node:a}=o;return a||(!i&&!r?jsxRuntime.jsx("div",{style:{fontVariantLigatures:"none"},children:"--"}):i&&!r?jsxRuntime.jsxs("div",{children:["Above ",utils.numberToHumanStyle(i,i===25e5?1:0)]}):jsxRuntime.jsxs("div",{children:[i&&utils.numberToHumanStyle(i,i===25e5?1:0)," - ",r&&utils.numberToHumanStyle(r,r===25e5?1:0)]}))}},{title:"Maker",dataIndex:"maker_fee",align:"right",width:100,render:t=>jsxRuntime.jsx(ui.Text,{children:t})},{title:"Taker",dataIndex:"taker_fee",align:"right",width:100,render:t=>jsxRuntime.jsx(ui.Text,{children:t})}],[]);function uo(e){let{dataAdapter:t}=e||{},[o,i]=react.useState(),{data:r}=hooks.useAccountInfo(),{state:a}=hooks.useAccount(),n=lo(),{data:s}=hooks.usePrivateQuery("/v1/volume/user/stats"),{columns:c,dataSource:l}=react.useMemo(()=>typeof t=="function"?t(n,gt):{columns:n,dataSource:gt},[t,n]),g=(m,x)=>{let{futures_taker_fee_rate:V=0,futures_maker_fee_rate:G=0}=x,te=`${new utils.Decimal(V).mul(.01).toString()}%`,$=`${new utils.Decimal(G).mul(.01).toString()}%`;for(let D of m)if(te===D.taker_fee&&$===D.maker_fee)return D.tier};react.useEffect(()=>{if(!r)return;let m=g(l,r);i(m);},[r,l]);let b=react.useMemo(()=>{let m=r?.futures_taker_fee_rate;if(!(typeof m>"u"))return `${new utils.Decimal(m).mul(.01).toString()}%`},[r]),y=react.useMemo(()=>{let m=r?.futures_maker_fee_rate;if(!(typeof m>"u"))return `${new utils.Decimal(m).mul(.01).toString()}%`},[r]);return {...reactApp.useDataTap({tier:o,vol:s?.perp_volume_last_30_days,takerFeeRate:b,makerFeeRate:y},{accountStatus:a.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading}),columns:c,dataSource:l,onRow:e?.onRow}}var co=e=>{let{columns:t,dataSource:o,tier:i,vol:r,takerFeeRate:a,makerFeeRate:n}=e;return jsxRuntime.jsxs(ui.Card,{title:jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"lg",children:"Fee tier"}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:"Updated daily by"}),jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:"2:00 UTC"})]})]}),className:"w-full",id:"oui-portfolio-fee-tier",children:[jsxRuntime.jsx(ui.Divider,{}),jsxRuntime.jsx(Ja,{tier:i,vol:r,takerFeeRate:a,makerFeeRate:n}),jsxRuntime.jsx(ja,{dataSource:o,columns:t,tier:i,onRow:e.onRow})]})},Ja=e=>jsxRuntime.jsxs(ui.Flex,{direction:"row",gapX:4,my:4,itemAlign:"stretch",children:[jsxRuntime.jsx(We,{label:"Your tier",value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.tier||"--"})}),jsxRuntime.jsx(We,{label:"30D trading volume (USDC)",value:jsxRuntime.jsx(ui.Text.numeral,{rule:"price",dp:2,rm:utils.Decimal.ROUND_DOWN,children:typeof e.vol!==void 0?`${e.vol}`:"-"})}),jsxRuntime.jsx(We,{label:"Taker fee rate",value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.takerFeeRate||"--"})}),jsxRuntime.jsx(We,{label:"Maker fee rate",value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.makerFeeRate||"--"})})]}),We=e=>jsxRuntime.jsxs(ui.Box,{gradient:"neutral",r:"lg",px:4,py:2,angle:184,width:"100%",border:true,borderColor:6,children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",className:"oui-leading-[18px]",children:e.label}),jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,className:"oui-leading-[24px] oui-mt-[2px]",children:e.value})]}),ja=e=>{let[t,o]=react.useState(void 0);react.useEffect(()=>{let r=document.getElementById("oui-fee-tier-content")?.getBoundingClientRect(),a=document.getElementById("oui-fee-tier-current")?.getBoundingClientRect();if(a&&r&&e.tier){let n=a.top-r.top;o(n);}else o(void 0);},[e.tier]);let i=react.useCallback((r,a)=>{let n=e?.onRow?.(r,a)??{normal:void 0,active:void 0};return a+1==e.tier?{...{id:"oui-fee-tier-current","data-state":"active",className:"group oui-h-12 oui-text-[rgba(0,0,0,0.88)] oui-pointer-events-none"},...n.active}:{"data-state":"none",className:"oui-h-12",...n.normal}},[e.tier,e.onRow]);return jsxRuntime.jsxs(ui.Box,{id:"oui-fee-tier-content",className:"oui-border-b oui-border-line-4 oui-relative",children:[t&&jsxRuntime.jsx(ui.Box,{angle:90,gradient:"brand",className:"oui-rounded-md oui-absolute oui-w-full",style:{top:`${t}px`,height:"48px"}}),jsxRuntime.jsx(ui.DataTable,{bordered:true,className:"oui-font-semibold",classNames:{root:"oui-bg-transparent"},onRow:i,columns:e.columns,dataSource:e.dataSource})]})};var mo=e=>{let t=uo(e);return jsxRuntime.jsx(co,{...t})};var po=e=>jsxRuntime.jsx(mo,{...e});var xo={};q(xo,{PositionsPage:()=>cn});var cn=e=>{let[t,o]=react.useState("Positions");return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gap:4,width:"100%",height:"100%",children:[jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsx(ui.Text,{size:"lg",children:"Positions"})}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui.Box,{width:"100%",className:"oui-h-[calc(100%_-_59px)]",children:jsxRuntime.jsxs(ui.Tabs,{value:t,onValueChange:i=>o(i),classNames:{tabsList:"!oui-border-none oui-pb-1",tabsContent:"oui-h-[calc(100%_-_28px)]"},className:"oui-h-full",children:[jsxRuntime.jsx(ui.TabPanel,{value:"Positions",title:"Positions",children:jsxRuntime.jsx(uiPositions.PositionsWidget,{...e})}),jsxRuntime.jsx(ui.TabPanel,{value:"Position history",title:"Position history",children:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{...e})}),jsxRuntime.jsx(ui.TabPanel,{value:"Liquidation",title:"Liquidation",children:jsxRuntime.jsx(uiPositions.LiquidationWidget,{})})]})})]})};var Co={};q(Co,{OrdersPage:()=>Cn});var Cn=e=>{let{sharePnLConfig:t}=e,o=react.useRef(null);return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gap:4,width:"100%",height:"100%",children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"lg",children:"Orders"}),jsxRuntime.jsx(ui.Tooltip,{content:"The downloaded data will reflect only the applied filters (e.g., status, time, side, and pagination) and may not include all records.",children:jsxRuntime.jsxs(ui.Button,{color:"gray",size:"sm",className:"oui-bg-base-4",onClick:()=>{o.current?.download?.();},children:["Download",jsxRuntime.jsx(hn,{className:"oui-text-base-contrast-36 oui-ml-[5px]"})]})})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui.Box,{width:"100%",className:"oui-h-[calc(100%_-_59px)]",children:jsxRuntime.jsx(uiOrders.OrdersWidget,{ref:o,sharePnLConfig:t})})]})},hn=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.999 1.007a5 5 0 1 0 0 10 5 5 0 0 0 0-10m0 2.5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1m0 1.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-1 0v-2.5a.5.5 0 0 1 .5-.5"})});var Ko={};q(Ko,{APIManagerPage:()=>Eo,APIManagerWidget:()=>Ze});var vo=e=>{let{filterTags:t,keyStatus:o}=e??{},[i,r]=react.useState(false),[a,n]=react.useState(false),[s,c]=react.useState(),{configStore:l}=react.useContext(hooks.OrderlyContext),g=l.get("brokerId"),{wrongNetwork:b,disabledConnect:y}=reactApp.useAppContext(),{state:d,account:m}=hooks.useAccount(),x=!b&&!y&&(d.status===types.AccountStatusEnum.EnableTrading||d.status===types.AccountStatusEnum.EnableTradingWithoutConnected),{data:V}=hooks.useQuery(`/v1/get_account?address=${m.address}&broker_id=${g}&chain_type=${m.walletAdapter?.chainNamespace}`),[G,{generateOrderlyKey:te,setIPRestriction:$,removeOrderlyKey:D,resetOrderlyKeyIPRestriction:Ye,refresh:Ae,isLoading:u,error:C}]=hooks.useApiKeyManager({keyInfo:{key_status:o}}),[v,h]=react.useState(void 0);react.useEffect(()=>{m.keyStore.getOrderlyKey()?.getPublicKey().then(P=>{h(P);});},[m,d]);let w=()=>{r(true);},oe=()=>{window.open("https://orderly.network/docs/build-on-evm/evm-api/api-authentication","_blank");},Z=()=>{r(false);},Go=async(P,_)=>{try{let S=(Xe,Se)=>{let{key:ai,secretKey:ni}=Xe;Z(),c({key:ai,screctKey:ni,ip:Se,permissions:_?.split(",")?.map(si=>Tt(si)).join(", ")}),n(!0);},H=await te(_);if(ui.toast.success("API key created"),(P?.length||0)>0){let Xe=H.key.startsWith("ed25519:")?H.key:`ed25519:${H.key}`,Se=await $(Xe,P);Se.success&&S(H,Se.data.ip_restriction_list?.join(","));}else S(H,void 0);}catch(S){S?.message&&ui.toast.error(S?.message);}return Promise.resolve(0)},kt=()=>{n(false),Ae();},$o=()=>{navigator.clipboard.writeText(JSON.stringify(s)),ui.toast.success("API info copied");},Zo=()=>{kt();},qo=P=>new Promise(async _=>{await D(P.orderly_key).then(async S=>{if(S?.success){ui.toast.success("API key deleted"),Ae();let H=await m.keyStore.getOrderlyKey()?.getPublicKey();P.orderly_key===H&&m.destroyOrderlyKey();}_(1);},S=>{}).catch(S=>{});}),Qo=async(P,_)=>{let S;(_?.length||0)===0?S=Ye(P.orderly_key,"ALLOW_ALL_IPS"):S=$(P.orderly_key,_);let H=await S;return H.success?(ui.toast.success("API key updated"),Ae(),Promise.resolve()):(ui.toast.error(H.message),Promise.reject())},Yo=()=>ui.toast.success("Account id copied"),Xo=P=>{typeof P<"u"&&navigator.clipboard.writeText(P.replace("ed25519:","")),ui.toast.success("API key copied");},Jo=()=>ui.toast.success("Secret key copied"),jo=()=>ui.toast.success("Restricted IP copied"),ei=react.useMemo(()=>G?.filter(P=>{let _=t?t?.includes(P.tag):true,S=v?!P.orderly_key.includes(v):true;return _&&S}),[G,t,v]),ti=P=>/^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])(,((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9]))*$/.test(P)?"":"The IP restriction format is incorrect. Please use the correct format: [xx.xx.xxx.x],[xx.xxx.xxx.xxx]",Dt=d.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,oi=reactApp.useDataTap(V?.account_id,{accountStatus:Dt}),ii=reactApp.useDataTap(V?.user_id,{accountStatus:Dt}),{pagination:ri}=ui.usePagination();return {address:oi??"--",uid:`${ii??"--"}`,onCreateApiKey:w,onReadApiGuide:oe,showCreateDialog:i,hideCreateDialog:Z,doCreate:Go,showCreatedDialog:a,hideCreatedDialog:kt,onCopyApiKeyInfo:$o,doConfirm:Zo,doDelete:qo,doEdit:Qo,canCreateApiKey:x,status:d.status,keys:ei,generateKey:s,onCopyAccountId:Yo,wrongNetwork:b,onCopyApiKey:Xo,onCopyApiSecretKey:Jo,onCopyIP:jo,verifyIP:ti,isLoading:u,pagination:ri}};function Tt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var wo=e=>{let[t,o]=react.useState(""),[i,r]=react.useState(true),[a,n]=react.useState(true),[s,c]=react.useState("");return react.useEffect(()=>{e.showCreateDialog||(o(""),r(true),n(true),c(""));},[e.showCreateDialog]),react.useEffect(()=>{t.length===0&&c("");},[t]),jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:e.showCreateDialog,onOpenChange:l=>{e.hideCreateDialog?.();},title:"Create API key",actions:{primary:{label:"Confirm",className:"oui-w-[120px] lg:oui-w-[154px]","data-testid":"oui-testid-apiKey-createApiKey-dialog-comfirm-btn",onClick:async()=>{if(t.length>0){let g=e.verifyIP(t);if(c(g),g.length>0)return}let l=[];i&&l.push("read"),a&&l.push("trading"),await e.doCreate(t,l.join(","));},disabled:!a&&!i,size:"md"}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:6,children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,width:"100%",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"2xs",children:"IP restriction (optional)"}),jsxRuntime.jsx("textarea",{"data-testid":"oui-testid-apiKey-createApiKey-dialog-textarea",placeholder:"Add IP addresses, separated by commas.",className:ui.cn("oui-text-sm oui-text-base-contrast-80 oui-p-3 oui-h-[100px] oui-rounded-xl oui-bg-base-6 oui-w-full","oui-border-0 focus:oui-border-2 focus:oui-border-primary-darken oui-outline-none","oui-placeholder-base-contrast-20",s.length>0&&"oui-outline-1 oui-outline-danger focus:oui-outline-none"),value:t,onChange:l=>{o(l.target.value);},style:{resize:"none"}}),s.length>0&&jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-relative",children:[jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-top-[10px]","oui-h-1 oui-w-1 oui-rounded-full oui-bg-danger")}),jsxRuntime.jsx(ui.Text,{color:"danger",size:"xs",className:"oui-ml-2",children:s})]})]}),jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:"Permissions"}),className:"oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:6,itemAlign:"start",className:"oui-mt-2",children:[jsxRuntime.jsx(Pe,{size:18,checked:i,onCheckedChange:l=>r(l),label:"Read",testid:"oui-testid-apiKey-createApiKey-dialog-read-checkbox"}),jsxRuntime.jsx(Pe,{size:18,checked:a,onCheckedChange:l=>n(l),label:"Trading",testid:"oui-testid-apiKey-createApiKey-dialog-trading-checkbox"})]})})]})})},Pe=e=>jsxRuntime.jsxs("button",{disabled:e.disabled,onClick:t=>{e.onCheckedChange(!e.checked);},className:"disabled:oui-cursor-not-allowed disabled:oui-opacity-50 oui-flex oui-items-center oui-gap-2","data-testid":e.testid,children:[e.checked?jsxRuntime.jsx("svg",{width:"props.size",height:e.size,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99072 2.92981C4.78172 2.92981 2.99072 4.72071 2.99072 6.92981V16.9298C2.99072 19.1389 4.78172 20.9298 6.99072 20.9298H16.9907C19.1997 20.9298 20.9907 19.1389 20.9907 16.9298V6.92981C20.9907 4.72071 19.1997 2.92981 16.9907 2.92981H6.99072ZM16.9853 7.31211C17.2125 7.09537 17.5236 7 17.8218 7C18.1201 7 18.4312 7.09537 18.6584 7.31211C19.1139 7.74546 19.1139 8.47384 18.6584 8.9072L10.5077 16.675C10.0534 17.1083 9.28909 17.1083 8.83472 16.675L5.34077 13.3459C4.88641 12.9126 4.88641 12.1841 5.34077 11.7508C5.79631 11.3175 6.56057 11.3175 7.01493 11.7508L9.67122 14.2822L16.9853 7.31211Z",fill:"white",fillOpacity:"0.54"})}):jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.99072 2.92981C4.78172 2.92981 2.99072 4.72071 2.99072 6.92981V16.9298C2.99072 19.1389 4.78172 20.9298 6.99072 20.9298H16.9907C19.1997 20.9298 20.9907 19.1389 20.9907 16.9298V6.92981C20.9907 4.72071 19.1997 2.92981 16.9907 2.92981H6.99072ZM6.99072 4.92981H16.9907C18.0957 4.92981 18.9907 5.82521 18.9907 6.92981V16.9298C18.9907 18.0344 18.0957 18.9298 16.9907 18.9298H6.99072C5.88572 18.9298 4.99072 18.0344 4.99072 16.9298V6.92981C4.99072 5.82521 5.88572 4.92981 6.99072 4.92981Z",fill:"white",fillOpacity:"0.54"})}),jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",children:e.label})]});var Io=e=>{let t=e.generateKey?.ip??"--";return jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:e.showCreatedDialog,onOpenChange:o=>{e.hideCreatedDialog?.();},title:"API key created",actions:{primary:{label:"OK","data-testid":"oui-testid-apiKey-createdApiKey-dialog-ok-btn",className:"oui-w-[120px] lg:oui-w-[154px] oui-bg-base-2 hover:oui-bg-base-3",size:"md",onClick:async()=>e.doConfirm()},secondary:{label:"Copy API info","data-testid":"oui-testid-apiKey-createdApiKey-dialog-copy-btn",className:"oui-w-[120px] lg:oui-w-[154px] oui-bg-primary-darken hover:oui-opacity-80",size:"md",onClick:async()=>e.onCopyApiKeyInfo()}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold",body:"oui-py-0 oui-pt-5"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,itemAlign:"start",children:[jsxRuntime.jsx(ui.Statistic,{label:"Account ID",children:jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:e.onCopyAccountId,"data-testid":"oui-testid-apiKey-createdApiKey-dialog-key-span",children:e.address})}),jsxRuntime.jsx(ui.Statistic,{label:"API key",children:jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:()=>e.onCopyApiKey(e.generateKey?.key),"data-testid":"oui-testid-apiKey-createdApiKey-dialog-key-span",children:e.generateKey?.key})}),jsxRuntime.jsxs(ui.Statistic,{label:"Secret key",children:[jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:e.onCopyApiSecretKey,children:e.generateKey?.screctKey})," "]}),jsxRuntime.jsx(ui.Statistic,{label:"IP",children:jsxRuntime.jsxs(ui.Flex,{width:320,gap:1,itemAlign:"center",className:"oui-text-base-contrast-80 oui-text-sm",children:[jsxRuntime.jsx(ui.Box,{className:"oui-max-h-[100px] oui-flex-1 oui-overflow-hidden oui-text-ellipsis oui-line-clamp-5 oui-break-all",children:t}),t!=="--"&&jsxRuntime.jsx(ui.Box,{width:16,height:16,className:"oui-cursor-pointer oui-flex-shrink-0",children:jsxRuntime.jsx(ui.CopyIcon,{color:"white",opacity:.54,size:16,onClick:o=>{e.generateKey?.ip&&navigator.clipboard.writeText(e.generateKey?.ip),e?.onCopyIP();}})})]})}),jsxRuntime.jsx(ui.Statistic,{label:"Permissions",children:jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,"data-testid":"oui-testid-apiKey-createdApiKey-dialog-permissions-span",children:e.generateKey?.permissions})}),jsxRuntime.jsx("div",{}),jsxRuntime.jsx(ui.Text,{color:"warning",size:"xs",className:"oui-text-center",children:"Please copy the API secret. Once you close this pop-up, the API secret will be encrypted."})]})})};var ko=e=>{let{item:t,open:o,setOpen:i,onDelete:r}=e;return jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:o,onOpenChange:i,title:"Delete API key",actions:{primary:{label:"Confirm","data-testid":"oui-testid-apiKey-deleteApiKey-dialog-confirm-btn",className:"oui-w-[120px] lg:oui-w-[154px]",size:"md",onClick:async()=>{await e.onDelete?.(t),i(false);}},secondary:{label:"Cancel",className:"oui-w-[120px] lg:oui-w-[154px]",size:"md",onClick:async()=>{i(false);}}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsxs(ui.Flex,{className:"oui-text-xs",children:["Delete your API key \xA0",jsxRuntime.jsx(ui.Text,{color:"primary",children:At(t?.orderly_key)}),"\xA0?"]})})};var _o=e=>{let{item:t,open:o,setOpen:i,onUpdate:r}=e,[a,n]=react.useState(t.ip_restriction_list?.join(",")),[s,c]=react.useState(true),[l,g]=react.useState(true),[b,y]=react.useState("");return react.useEffect(()=>{n(t.ip_restriction_list.join(",")),c(t.scope?.toLocaleLowerCase().includes("read")||false),g(t.scope?.toLocaleLowerCase().includes("trading")||false);},[t]),react.useEffect(()=>{a.length===0&&y("");},[a]),jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:o,onOpenChange:i,title:"Edit API key",actions:{primary:{label:"Confirm","data-testid":"oui-testid-apiKey-editApiKey-dialog-confirm-btn",className:"oui-w-[120px] lg:oui-w-[154px]",onClick:async()=>{if(a.length>0){let d=e.verifyIP(a);if(y(d),d.length>0)return}await e.onUpdate?.(t,a),i(false);},disabled:t.ip_restriction_list.join(",")===a,size:"md",fullWidth:true}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:6,children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,width:"100%",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"2xs",children:"IP restriction (optional)"}),jsxRuntime.jsx("textarea",{"data-testid":"oui-testid-apiKey-editApiKey-dialog-textarea",placeholder:"Add IP addresses, separated by commas.",className:ui.cn("oui-text-sm oui-text-base-contrast-80 oui-p-3 oui-h-[100px] oui-rounded-xl oui-bg-base-6 oui-w-full","oui-border-0 focus:oui-border-2 focus:oui-border-primary-darken oui-outline-none","oui-placeholder-base-contrast-20",b.length>0&&"oui-outline-1 oui-outline-danger focus:oui-outline-none"),value:a,onChange:d=>{n(d.target.value);},style:{resize:"none"}}),b.length>0&&jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-relative",children:[jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-top-[10px]","oui-h-1 oui-w-1 oui-rounded-full oui-bg-danger")}),jsxRuntime.jsx(ui.Text,{color:"danger",size:"xs",className:"oui-ml-2",children:b})]})]}),jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:"Permissions"}),className:"oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:6,itemAlign:"start",className:"oui-mt-2",children:[jsxRuntime.jsx(Pe,{disabled:true,size:18,checked:s,onCheckedChange:d=>c(d),label:"Read"}),jsxRuntime.jsx(Pe,{disabled:true,size:18,checked:l,onCheckedChange:d=>g(d),label:"Trading"})]})})]})})};var No=e=>jsxRuntime.jsxs(ui.Card,{title:"API keys",id:"portfolio-apikey-manager",className:"oui-bg-base-9 oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,width:"100%",className:"oui-font-semibold",children:[jsxRuntime.jsx(qn,{...e}),jsxRuntime.jsx(Qn,{...e})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Yn,{...e}),jsxRuntime.jsx(wo,{...e}),jsxRuntime.jsx(Io,{...e})]})]}),qn=e=>jsxRuntime.jsxs(ui.Flex,{width:"100%",gap:4,className:"oui-border-t-2 oui-border-line-6 oui-pt-4",children:[jsxRuntime.jsxs(ui.Flex,{py:2,px:4,direction:"column",itemAlign:"start",r:"xl",gradient:"neutral",angle:27,border:true,className:"oui-w-1/2",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"Account ID"}),jsxRuntime.jsx(ui.Text.formatted,{size:"base",inlist:80,rule:"address",copyable:e.address!=="--",copyIconSize:16,onCopy:e.onCopyAccountId,copyIconTestid:"oui-testid-apiKey-accountInfo-accountId-copy-btn",children:e.address})]}),jsxRuntime.jsxs(ui.Flex,{py:2,px:4,direction:"column",itemAlign:"start",r:"xl",gradient:"neutral",angle:27,border:true,className:"oui-w-1/2",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:"UID"}),jsxRuntime.jsx(ui.Text,{size:"base",inlist:80,children:e.uid})]})]}),Qn=e=>jsxRuntime.jsxs(ui.Flex,{width:"100%",direction:"row",className:"oui-text-sm oui-border-b-2 oui-border-line-6 oui-pb-4",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",width:"100%",gap:1,children:[jsxRuntime.jsxs(ui.Text,{intensity:54,children:["Create API keys to suit your trading needs. For your security, don't share your API keys with anyone."," "]}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",className:"oui-text-primary-light oui-fill-primary-light hover:oui-text-primary-darken oui-cursor-pointer oui-text-2xs md:oui-text-xs xl:oui-text-sm",onClick:e.onReadApiGuide,children:[jsxRuntime.jsx(ui.Text,{children:"Read API guide"}),jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M4.008 7.995c0-.368.298-.666.666-.666H9.71L7.733 5.331l.937-.936 3.143 3.122c.13.13.195.304.195.479a.67.67 0 0 1-.195.478L8.67 11.596l-.937-.937 1.978-1.998H4.674a.666.666 0 0 1-.666-.666"})})]})]}),jsxRuntime.jsx(uiConnector.AuthGuardTooltip,{side:"top",tooltip:{connectWallet:"Please connect wallet before create API key",signIn:"Please sign in before create API key",enableTrading:"Please enable trading before create API key",wrongNetwork:"Please switch to a supported network to create API key"},children:jsxRuntime.jsx(ui.Button,{size:"md",icon:jsxRuntime.jsx(ui.PlusIcon,{}),variant:"contained",color:"primary",onClick:e.onCreateApiKey,disabled:!e.canCreateApiKey,"data-testid":"oui-testid-apiKey-createApiKey-btn",children:"Create API key"})})]}),Yn=e=>jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:[{title:"API key",dataIndex:"orderly_key",render:o=>jsxRuntime.jsx(ui.Text.formatted,{rule:"",copyable:true,copyIconSize:16,onCopy:()=>{e.onCopyApiKey?.(o);},children:At(o)})},{title:"Permission type",dataIndex:"scope",render:o=>o?.split(",").map(i=>Tt(`${i}`)).join(", ")},{title:"Restricted IP",dataIndex:"ip_restriction_list",render:o=>{let i=o.join(",");return i.length===0&&(i="--"),jsxRuntime.jsx(ui.Tooltip,{content:i,className:"oui-max-w-[200px] oui-break-all",children:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx("div",{className:" oui-overflow-ellipsis oui-overflow-hidden",children:i}),i!=="--"&&jsxRuntime.jsx(ui.Box,{width:16,height:16,className:"oui-cursor-pointer",children:jsxRuntime.jsx(ui.CopyIcon,{color:"white",opacity:.54,size:16,onClick:r=>{navigator.clipboard.writeText(i),e?.onCopyIP();}})})]})})}},{title:"Expiration date",dataIndex:"expiration",render:o=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd",children:o})},{title:"",type:"action",dataIndex:"action",width:120,render:(o,i)=>jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:2,children:[jsxRuntime.jsx(Xn,{item:i,onUpdate:e.doEdit,verifyIP:e.verifyIP}),jsxRuntime.jsx(Jn,{item:i,onDelete:e.doDelete})]})}],loading:e.isLoading,dataSource:e.keys,emptyView:jsxRuntime.jsx(uiConnector.AuthGuardEmpty,{}),classNames:{},pagination:e.pagination,manualPagination:false}),Xn=e=>{let{item:t,onUpdate:o,verifyIP:i}=e,[r,a]=react.useState(false);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Button,{size:"xs",color:"primary",variant:"contained",onClick:n=>{n.stopPropagation(),a(true);},"data-testid":"oui-testid-apiKey-keyList-edit-btn",children:"Edit"}),r&&jsxRuntime.jsx(_o,{item:t,open:r,setOpen:a,onUpdate:o,verifyIP:i})]})},Jn=e=>{let{item:t,onDelete:o}=e,[i,r]=react.useState(false);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Button,{size:"xs",color:"gray",variant:"contained",onClick:a=>{a.stopPropagation(),r(true);},"data-testid":"oui-testid-apiKey-keyList-delete-btn",children:"Delete"}),i&&jsxRuntime.jsx(ko,{item:t,open:i,setOpen:r,onDelete:o})]})};function At(e){return typeof e>"u"?"-":`${`${e}`.replace("ed25519:","").slice(0,6)}*****`}var Ze=e=>{let t=vo(e);return jsxRuntime.jsx(No,{...t})};var Eo=e=>{let{filterTags:t,keyStatus:o="ACTIVE"}=e;return jsxRuntime.jsx(Ze,{filterTags:t,keyStatus:o})};var Vo={};q(Vo,{SettingPage:()=>Uo,SettingWidget:()=>Qe});var zo=e=>jsxRuntime.jsx(ui.Card,{title:"System upgrade",id:"portfolio-apikey-manager",className:"oui-bg-base-9 oui-font-semibold",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:4,width:"100%",itemAlign:"center",pt:4,className:"oui-font-semibold oui-border-t-2 oui-border-line-6",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",children:[jsxRuntime.jsx(ui.Text,{intensity:80,size:"base",children:"Cancel open orders during system upgrade"}),jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",children:"During the upgrade period, all open orders will be cancelled to manage your risk in case of high market volatility."})]}),jsxRuntime.jsxs(uiConnector.AuthGuardTooltip,{align:"end",children:[jsxRuntime.jsx(ui.Switch,{checked:e.maintenance_cancel_orders,onCheckedChange:t=>{e.setMaintainConfig(t);},disabled:e.isSetting||!e.canTouch,"data-testid":"oui-testid-setting-switch-btn"})," "]})]})});var Bo=()=>{let{data:e,mutate:t}=hooks.useAccountInfo(),{wrongNetwork:o,disabledConnect:i}=reactApp.useAppContext(),[r,{isMutating:a}]=hooks.useMutation("/v1/client/maintenance_config"),[n,s]=react.useState(false);react.useEffect(()=>{s(e?.maintenance_cancel_orders||false);},[e]);let c=hooks.useDebouncedCallback(y=>{r({maintenance_cancel_order_flag:y}).then(d=>{d.success||s(!y);});},300),l=y=>{s(y),c(y);},{state:g}=hooks.useAccount(),b=!o&&!i&&(g.status===types.AccountStatusEnum.EnableTrading||g.status===types.AccountStatusEnum.EnableTradingWithoutConnected);return {maintenance_cancel_orders:n,setMaintainConfig:l,isSetting:false,canTouch:b}};var Qe=()=>{let e=Bo();return jsxRuntime.jsx(zo,{...e})};var Uo=()=>jsxRuntime.jsx(Qe,{});
20
+ var ci=Object.defineProperty;var $=(e,t)=>{for(var o in t)ci(e,o,{get:t[o],enumerable:true});};var ot=e=>{let{children:t,leftSideProps:o}=e;return jsxRuntime.jsx(uiScaffold.Scaffold,{leftSidebar:e.hideSideBar?null:jsxRuntime.jsx(yi,{items:e.items,current:e.routerAdapter?.currentPath,...o,routerAdapter:e.routerAdapter}),routerAdapter:e.routerAdapter,classNames:{content:"lg:oui-mb-0",topNavbar:"oui-bg-base-9",leftSidebar:"oui-m-3 oui-p-4 oui-broder oui-border-[1px] oui-border-line oui-rounded-xl oui-bg-base-9"},...e,children:jsxRuntime.jsx(ui.Box,{mx:3,my:6,children:t})})},yi=e=>{let{expanded:t,setExpand:o}=uiScaffold.useScaffoldContext(),{t:i}=i18n.useTranslation();return jsxRuntime.jsx(uiScaffold.SideBar,{title:i("common.portfolio"),...e,open:t,onOpenChange:r=>o(r),onItemSelect:r=>{e.onItemSelect?.(r),e.routerAdapter?.onRouteChange?.({href:r.href||"",name:r.name});}})};var Et=(n=>(n.Overview="/portfolio",n.Positions="/portfolio/positions",n.Orders="/portfolio/orders",n.FeeTier="/portfolio/feeTier",n.ApiKey="/portfolio/apiKey",n.Setting="/portfolio/setting",n))(Et||{}),it=e=>{let{routerAdapter:t}=uiScaffold.useScaffoldContext(),[o,i]=react.useState(e.current??t?.currentPath??"/portfolio"),{t:r}=i18n.useTranslation();react.useEffect(()=>{(o||t?.currentPath)&&i(o||t?.currentPath||"/portfolio");},[o,t?.currentPath]);let a=react.useMemo(()=>[{name:r("common.overview"),href:"/portfolio",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.24316 2.19727C3.58641 2.19727 2.24316 3.54044 2.24316 5.19727V12.6973C2.24316 14.3541 3.58641 15.6973 5.24316 15.6973H12.7432C14.3999 15.6973 15.7432 14.3541 15.7432 12.6973V5.19727C15.7432 3.54044 14.3999 2.19727 12.7432 2.19727H5.24316ZM5.24316 3.69727H12.7432C13.5719 3.69727 14.2432 4.36882 14.2432 5.19727V12.6973C14.2432 13.2484 13.9319 13.734 13.4894 13.9947C13.3454 12.2235 11.4427 11.1973 8.99316 11.1973C6.54366 11.1973 4.60341 12.251 4.48566 13.9997C4.04241 13.739 3.74316 13.2484 3.74316 12.6973V5.19727C3.74316 4.36882 4.41441 3.69727 5.24316 3.69727ZM8.99316 5.19727C7.54341 5.19727 6.36816 6.37252 6.36816 7.82227C6.36816 9.27202 7.54341 10.4473 8.99316 10.4473C10.4429 10.4473 11.6182 9.27202 11.6182 7.82227C11.6182 6.37252 10.4429 5.19727 8.99316 5.19727Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:r("common.positions"),href:"/portfolio/positions",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M4.51 3.021a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3zm2.25 3a.76.76 0 0 1 .54.211.77.77 0 0 1 0 1.078l-.75.75a.77.77 0 0 1-.54.211h-.75a.75.75 0 0 1 0-1.5h.422l.54-.539a.76.76 0 0 1 .539-.21m3 .75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5m-3 2.25a.76.76 0 0 1 .54.211.77.77 0 0 1 0 1.079l-.75.75a.77.77 0 0 1-.54.21h-.75a.75.75 0 0 1 0-1.5h.422l.54-.539a.76.76 0 0 1 .539-.21m3 .75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:r("common.orders"),href:"/portfolio/orders",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.693 1.5C4.229 1.5 3.02 2.61 3.02 4.006v9.984c0 1.398 1.208 2.508 2.672 2.508h6.657c1.463 0 2.671-1.11 2.671-2.508V6.726c0-2.672-2.579-5.227-5.25-5.227zm4.828 1.593c1.33.352 2.562 1.58 2.906 2.906h-1.734c-.667 0-1.172-.472-1.172-1.008zm-3.75 2.906h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:r("portfolio.feeTier"),href:"/portfolio/feeTier",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.99829 1.51062C4.34154 1.51062 2.99829 2.85387 2.99829 4.51062V13.5106C2.99829 15.1674 4.34154 16.5106 5.99829 16.5106H11.9983C13.655 16.5106 14.9983 15.1674 14.9983 13.5106V4.51062C14.9983 2.85387 13.655 1.51062 11.9983 1.51062H5.99829ZM5.99829 3.76062H11.9983C12.4123 3.76062 12.7483 4.09662 12.7483 4.51062V6.01062C12.7483 6.42462 12.4123 6.76062 11.9983 6.76062H5.99829C5.58429 6.76062 5.24829 6.42462 5.24829 6.01062V4.51062C5.24829 4.09662 5.58429 3.76062 5.99829 3.76062ZM5.99829 8.26062C6.41229 8.26062 6.74829 8.59662 6.74829 9.01062C6.74829 9.42462 6.41229 9.76062 5.99829 9.76062C5.58429 9.76062 5.24829 9.42462 5.24829 9.01062C5.24829 8.59662 5.58429 8.26062 5.99829 8.26062ZM8.99829 8.26062C9.41229 8.26062 9.74829 8.59662 9.74829 9.01062C9.74829 9.42462 9.41229 9.76062 8.99829 9.76062C8.58429 9.76062 8.24829 9.42462 8.24829 9.01062C8.24829 8.59662 8.58429 8.26062 8.99829 8.26062ZM11.9983 8.26062C12.4123 8.26062 12.7483 8.59662 12.7483 9.01062C12.7483 9.42462 12.4123 9.76062 11.9983 9.76062C11.5843 9.76062 11.2483 9.42462 11.2483 9.01062C11.2483 8.59662 11.5843 8.26062 11.9983 8.26062ZM5.99829 10.5106C6.41229 10.5106 6.74829 10.8466 6.74829 11.2606C6.74829 11.6746 6.41229 12.0106 5.99829 12.0106C5.58429 12.0106 5.24829 11.6746 5.24829 11.2606C5.24829 10.8466 5.58429 10.5106 5.99829 10.5106ZM8.99829 10.5106C9.41229 10.5106 9.74829 10.8466 9.74829 11.2606C9.74829 11.6746 9.41229 12.0106 8.99829 12.0106C8.58429 12.0106 8.24829 11.6746 8.24829 11.2606C8.24829 10.8466 8.58429 10.5106 8.99829 10.5106ZM11.9983 10.5106C12.4123 10.5106 12.7483 10.8466 12.7483 11.2606V13.5106C12.7483 13.9246 12.4123 14.2606 11.9983 14.2606C11.5843 14.2606 11.2483 13.9246 11.2483 13.5106V11.2606C11.2483 10.8466 11.5843 10.5106 11.9983 10.5106ZM5.99829 12.7606C6.41229 12.7606 6.74829 13.0966 6.74829 13.5106C6.74829 13.9246 6.41229 14.2606 5.99829 14.2606C5.58429 14.2606 5.24829 13.9246 5.24829 13.5106C5.24829 13.0966 5.58429 12.7606 5.99829 12.7606ZM8.99829 12.7606C9.41229 12.7606 9.74829 13.0966 9.74829 13.5106C9.74829 13.9246 9.41229 14.2606 8.99829 14.2606C8.58429 14.2606 8.24829 13.9246 8.24829 13.5106C8.24829 13.0966 8.58429 12.7606 8.99829 12.7606Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:r("portfolio.apiKeys"),href:"/portfolio/apiKey",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M9.02124 1.49915C7.77849 1.49915 6.77124 2.5064 6.77124 3.74915C6.77124 4.70015 7.40049 5.55517 8.26974 5.86942L8.27124 8.24915H5.27124C4.85724 8.24915 4.52124 8.58515 4.52124 8.99915L4.52048 12.1304C3.65723 12.4274 3.02124 13.2981 3.02124 14.2491C3.02124 15.4919 4.02849 16.4991 5.27124 16.4991C6.51399 16.4991 7.52124 15.4919 7.52124 14.2491C7.52124 13.2981 6.92499 12.4596 6.02949 12.1206L6.02124 9.74915H9.02124H12.0212L12.0265 12.1319C11.1257 12.4446 10.5212 13.2981 10.5212 14.2491C10.5212 15.4919 11.5285 16.4991 12.7712 16.4991C14.014 16.4991 15.0212 15.4919 15.0212 14.2491C15.0212 13.2981 14.407 12.4611 13.5272 12.1281L13.5212 8.99915C13.5212 8.58515 13.1852 8.24915 12.7712 8.24915H9.77124L9.76899 5.86639C10.642 5.55814 11.2712 4.70015 11.2712 3.74915C11.2712 2.5064 10.264 1.49915 9.02124 1.49915Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})},{name:r("portfolio.setting"),href:"/portfolio/setting",icon:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.72601 1.84159C5.66251 2.17834 4.74527 2.7296 3.93677 3.48185C3.68702 3.7151 3.61052 4.09534 3.77252 4.39609C4.37327 5.50684 3.74476 6.69484 2.39026 6.76309C2.05801 6.78034 1.76477 7.02559 1.68677 7.34884C1.55252 7.90759 1.49927 8.37559 1.49927 8.98984C1.49927 9.50509 1.55476 10.0878 1.66351 10.6068C1.73101 10.9308 2.01302 11.1641 2.34302 11.1933C3.70652 11.3111 4.38152 12.3506 3.77252 13.6773C3.63752 13.9721 3.69902 14.3246 3.93677 14.5443C4.73327 15.2816 5.64826 15.8006 6.72601 16.1381C7.03351 16.2348 7.38076 16.1186 7.56976 15.8568C8.40376 14.7033 9.61352 14.6988 10.4055 15.8568C10.5923 16.1298 10.9343 16.2611 11.2493 16.1613C12.2895 15.8343 13.2585 15.2771 14.0618 14.5443C14.3093 14.3193 14.3745 13.9541 14.226 13.6541C13.602 12.3948 14.3198 11.2383 15.6083 11.2166C15.9503 11.2106 16.2548 10.9856 16.335 10.6541C16.4648 10.1163 16.4993 9.64759 16.4993 8.98984C16.4993 8.42434 16.4325 7.86709 16.3118 7.32559C16.2353 6.98359 15.936 6.74059 15.585 6.73984C14.3168 6.73759 13.6058 5.49109 14.226 4.39609C14.3985 4.09084 14.3445 3.71735 14.085 3.48185C13.2675 2.73935 12.2708 2.15959 11.226 1.84159C10.905 1.74409 10.5638 1.86409 10.3823 2.14609C9.65776 3.27109 8.30477 3.29135 7.59302 2.16935C7.41077 1.8821 7.05001 1.73809 6.72601 1.84159ZM8.99927 5.98984C10.656 5.98984 11.9993 7.33309 11.9993 8.98984C11.9993 10.6466 10.656 11.9898 8.99927 11.9898C7.34252 11.9898 5.99927 10.6466 5.99927 8.98984C5.99927 7.33309 7.34252 5.98984 8.99927 5.98984Z",className:"oui-fill-current group-data-[actived=true]:oui-fill-[url(#side-menu-gradient)]"})})}],[r]),n=hooks.useMediaQuery("(max-width: 768px)");return {items:a,current:o,hideSideBar:n,onItemSelect:s=>{typeof s.href>"u"||(i(s.href),t?.onRouteChange({href:s.href,name:s.name}));}}};var wi=e=>{let t=it({current:e.leftSideProps?.current});return jsxRuntime.jsx(ot,{...t,...e,children:e.children})};var so={};$(so,{AssetHistory:()=>ce,AssetHistoryWidget:()=>de,AssetWidget:()=>ne,AssetsChartWidget:()=>ze,AssetsUI:()=>ae,DistributionHistoryUI:()=>ge,DistributionHistoryWidget:()=>ye,FundingHistoryWidget:()=>fe,HistoryDataGroupWidget:()=>xe,OverviewContextProvider:()=>Le,OverviewPage:()=>no,PerformanceUI:()=>be,PerformanceWidget:()=>ve,useAssetHistoryColumns:()=>le,useAssetHistoryHook:()=>ue,useAssetsLineChartScript:()=>Me,useFundingHistoryColumns:()=>me,useFundingHistoryHook:()=>pe,usePerformanceScript:()=>he});var at=()=>{let{connect:e}=hooks.useWalletConnector(),{state:t}=hooks.useAccount(),{totalValue:o,freeCollateral:i}=hooks.useCollateral(),{wrongNetwork:r,disabledConnect:a}=reactApp.useAppContext(),[n]=hooks.usePositionStream(),[s]=hooks.useLeverage(),[l,u]=hooks.useLocalStorage("orderly_assets_visible",true),m=react.useMemo(()=>!r&&!a&&(t.status===types.AccountStatusEnum.EnableTrading||t.status===types.AccountStatusEnum.EnableTradingWithoutConnected),[t.status,r,a]),y=()=>{ui.modal.show(uiLeverage.LeverageWidgetId);},b=()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:"deposit"});},p=()=>{ui.modal.show(uiTransfer.DepositAndWithdrawWithDialogId,{activeTab:"withdraw"});};return {canTrade:m,connect:e,portfolioValue:o,freeCollateral:i,unrealPnL:n.aggregated.total_unreal_pnl,unrealROI:n.totalUnrealizedROI,currentLeverage:s,onLeverageEdit:y,visible:l,wrongNetwork:r,toggleVisible:()=>u(!l),onDeposit:b,onWithdraw:p}};var Bt=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.CardTitle,{children:t("common.overview")}),jsxRuntime.jsxs(ui.Flex,{gap:3,children:[jsxRuntime.jsx(ui.Button,{disabled:e.disabled,size:"md",color:"secondary",onClick:()=>e.onWithdraw?.(),icon:jsxRuntime.jsx(ui.ArrowUpSquareFillIcon,{}),"data-testid":"oui-testid-portfolio-assets-withdraw-btn",children:t("common.withdraw")}),jsxRuntime.jsx(ui.Button,{disabled:e.disabled,size:"md",onClick:()=>e.onDeposit?.(),icon:jsxRuntime.jsx(ui.ArrowDownSquareFillIcon,{}),"data-testid":"oui-testid-portfolio-assets-deposit-btn",children:t("common.deposit")})]})]})};var ae=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Card,{classNames:{footer:"oui-h-[48px]",root:"oui-h-[240px]"},title:jsxRuntime.jsx(Bt,{disabled:!e.canTrade,onDeposit:e.onDeposit,onWithdraw:e.onWithdraw}),children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:t("common.totalValue")}),jsxRuntime.jsx("button",{onClick:()=>{e.toggleVisible();},"data-testid":"oui-testid-portfolio-assets-eye-btn",children:e.visible?jsxRuntime.jsx(ui.EyeIcon,{size:16,color:"white"}):jsxRuntime.jsx(ui.EyeCloseIcon,{size:16,color:"white"})})]}),children:jsxRuntime.jsx(ui.Either,{value:e.canTrade,left:jsxRuntime.jsx(Zi,{}),children:jsxRuntime.jsx(ui.Text.numeral,{visible:e.visible,unit:"USDC",style:{"--oui-gradient-angle":"45deg"},unitClassName:"oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ml-1",className:ui.gradientTextVariants({className:"oui-font-bold oui-text-3xl",color:"brand"}),children:e.portfolioValue??"--"})})}),jsxRuntime.jsx(ui.Divider,{className:"oui-my-4",intensity:8}),jsxRuntime.jsx(uiConnector.AuthGuard,{buttonProps:{size:"lg",fullWidth:true},children:jsxRuntime.jsx(qi,{unrealROI:e.unrealROI,unrealPnL:e.unrealPnL,freeCollateral:e.freeCollateral,currentLeverage:e.currentLeverage,onLeverageEdit:e.onLeverageEdit,visible:e.visible})})]})})},Zi=()=>jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-h-9",children:[jsxRuntime.jsx(ui.Text.gradient,{color:"brand",weight:"bold",children:"--"}),jsxRuntime.jsx(ui.Text,{children:"USDC"})]}),qi=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Grid,{cols:3,className:"oui-h-12",children:[jsxRuntime.jsx(ui.Statistic,{label:t("common.unrealizedPnl"),children:jsxRuntime.jsxs(ui.Flex,{children:[jsxRuntime.jsx(ui.Text.numeral,{coloring:true,size:"lg",weight:"semibold",visible:e.visible,children:e.unrealPnL}),jsxRuntime.jsx(ui.Text.numeral,{coloring:true,rule:"percentages",size:"sm",weight:"semibold",prefix:"(",suffix:")",visible:e.visible,children:e.unrealROI})]})}),jsxRuntime.jsx(ui.Statistic,{label:t("leverage.maxAccountLeverage"),children:jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",children:[jsxRuntime.jsx("span",{"data-testid":"oui-testid-portfolio-assets-maxAccountLeverage-value",className:"oui-text-lg",children:e.currentLeverage}),jsxRuntime.jsx("span",{children:"x"}),jsxRuntime.jsx("button",{className:"oui-ml-1",onClick:()=>e.onLeverageEdit?.(),"data-testid":"oui-testid-portfolio-assets-maxAccountLeverage-edit-btn",children:jsxRuntime.jsx(ui.EditIcon,{color:"white",size:18})})]})}),jsxRuntime.jsx(ui.Statistic,{label:t("portfolio.overview.availableWithdraw"),align:"right",valueProps:{size:"lg",visible:e.visible},children:e.freeCollateral})]})};var ne=()=>{let{canTrade:e,connect:t,portfolioValue:o,onLeverageEdit:i,...r}=at();return jsxRuntime.jsx(ae,{onConnectWallet:t,canTrade:e,portfolioValue:o,onLeverageEdit:i,...r})};var Ne=(i=>(i.WEEK="7D",i.MONTH="30D",i.QUARTER="90D",i))(Ne||{}),Gt=(e,t)=>{let[o]=react.useState(()=>{let d=new Date;return new Date(dateFns.getYear(d),dateFns.getMonth(d),dateFns.getDate(d),0,0,0)}),{isRealtime:i=false}=t||{},r=Object.values(Ne),[a,n]=hooks.useLocalStorage(e,"7D"),{totalValue:s}=hooks.useCollateral(),l=d=>{switch(d){case "30D":return dateFns.subDays(o,35);case "90D":return dateFns.subDays(o,95);default:return dateFns.subDays(o,10)}},u=react.useMemo(()=>{switch(a){case "7D":return 7;case "30D":return 30;case "90D":return 90;default:return 7}},[a]),[m,y]=react.useState(l(a)),b=react.useMemo(()=>dateFns.addDays(o,1),[o]),[p]=hooks.useStatisticsDaily({startDate:m.toISOString().split("T")[0],endDate:b.toISOString().split("T")[0]},{ignoreAggregation:true}),[c]=hooks.useAssetsHistory({startTime:dateFns.subDays(o,2).getTime().toString(),endTime:b.getTime().toString(),pageSize:50}),f=d=>{y(l(d)),n(d);},ee=d=>{if(s==null)return null;let C=new utils.Decimal(s).sub(d.lastItem.account_value);if(Array.isArray(d.assetHistory)&&d.assetHistory.length>0&&typeof d.lastItem.snapshot_time<"u"){let S=[];for(let h=0;h<d.assetHistory.length;h++){let w=d.assetHistory[h];w.created_time>d.lastItem.snapshot_time&&S.push(w);}for(let h=0;h<S.length;h++){let w=S[h];w.side==="DEPOSIT"?w.trans_status==="COMPLETED"&&(C=C.sub(w.amount)):w.side==="WITHDRAW"&&w.trans_status!=="FAILED"&&(C=C.add(w.amount));}}return C.toNumber()},V=(d,C)=>{let S=d[d.length-1],h=dateFns.format(o,"yyyy-MM-dd");return {...S,date:h,perp_volume:0,account_value:C!==null?C:S?.account_value??0,pnl:ee({lastItem:S,assetHistory:c})??0}},G=(d,C)=>!Array.isArray(d)||d.length===0?d:(d[d.length-1].date,dateFns.format(o,"yyyy-MM-dd"),d.concat([V(d,C)])),te=(d,C)=>{let S=C?G(d,s):d;return S.slice(Math.max(0,S.length-u))},D=react.useMemo(()=>s==null?[]:te(p,i),[p,s,c,i]),et=react.useMemo(()=>{let d=utils.zero,C=utils.zero,S=utils.zero;if(Array.isArray(D)&&D.length){D.forEach(ie=>{C=C.add(ie.pnl);});let h=D[0],w=p.findIndex(ie=>ie.date===h.date),oe=p[w-1]?.account_value;typeof oe>"u"||oe===0?S=utils.zero:S=C.div(oe);}if(p.length>0)for(let h=0;h<u;h++){let w=p[p.length-1-h];w&&(d=d.add(w.perp_volume??0));}return {vol:d.toNumber(),pnl:C.toNumber(),roi:S.toNumber()}},[D,p,u]);return {periodTypes:r,period:a,onPeriodChange:f,data:D,aggregateValue:et,createFakeData:(d,C)=>Array.from({length:2},(S,h)=>({date:dateFns.format(h===0?m:new Date,"yyyy-MM-dd"),...h===0?d:C})),volumeUpdateDate:p?.[p.length-1]?.date??""}};var $t=react.createContext({}),lr="portfolio_performance_period",Ee=()=>react.useContext($t),Le=({children:e})=>{let t=Gt(lr,{isRealtime:true});return jsxRuntime.jsx($t.Provider,{value:{...t},children:e})};var Me=()=>{let e=Ee(),{wrongNetwork:t,disabledConnect:o}=reactApp.useAppContext(),{state:i}=hooks.useAccount(),r=reactApp.useDataTap(e.data,{accountStatus:i.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:e.createFakeData({account_value:0},{account_value:500})}),a=react.useMemo(()=>r?.length??0>0?r:e.createFakeData({account_value:0},{account_value:500}),[r]),n=t||o||!e.data.length;return {...e,data:a,invisible:n}};var We=e=>{let{t}=i18n.useTranslation(),o=react.useMemo(()=>({"7D":t("common.select.7d"),"30D":t("common.select.30d"),"90D":t("common.select.90d")}),[t]);return jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.CardTitle,{children:e.title}),jsxRuntime.jsx("div",{className:"oui-min-w-14",children:jsxRuntime.jsx(ui.Select.options,{size:"xs",value:e.period,onValueChange:e.onPeriodChange,options:e.periodTypes.map(i=>({value:i,label:o[i]}))})})]})};var Zt=e=>{let{onPeriodChange:t,periodTypes:o,period:i,data:r}=e,{t:a}=i18n.useTranslation();return jsxRuntime.jsx(ui.Card,{title:jsxRuntime.jsx(We,{onPeriodChange:t,periodTypes:o,period:i,title:a("common.assets")}),id:"portfolio-overview-assets-chart",classNames:{content:"oui-h-[168px] oui-pb-0"},children:jsxRuntime.jsx(chart.AssetLineChart,{data:e.data,invisible:e.invisible})})};var ze=()=>{let e=Me();return jsxRuntime.jsx(Zt,{...e})};var le=()=>{let{data:e}=hooks.useQuery("/v1/public/chain_info"),{t}=i18n.useTranslation();return react.useMemo(()=>[{title:t("common.token"),dataIndex:"token",width:80,render:i=>jsxRuntime.jsxs(ui.Flex,{gapX:1,children:[jsxRuntime.jsx(ui.TokenIcon,{name:i,size:"xs"}),jsxRuntime.jsx("span",{children:i})]})},{title:t("common.time"),dataIndex:"created_time",width:80,rule:"date"},{title:t("portfolio.overview.column.txId"),dataIndex:"tx_id",width:120,render:(i,r)=>{if(!i)return jsxRuntime.jsx("div",{className:"oui-text-base-contrast-54",children:"-"});let s=`${e?.find(l=>parseInt(r.chain_id)===parseInt(l.chain_id))?.explorer_base_url}/tx/${i}`;return jsxRuntime.jsx("a",{href:s,target:"_blank",children:jsxRuntime.jsx(ui.Text.formatted,{copyable:!!i,rule:"txId",className:"oui-underline-offset-4 oui-underline oui-decoration-dashed oui-decoration-line-16",onCopy:l=>{l.preventDefault(),l.stopPropagation(),ui.toast.success(t("common.copy.copied"));},children:i})})}},{title:t("common.status"),dataIndex:"trans_status",width:100,render:i=>({[types.AssetHistoryStatusEnum.NEW]:t("assetHistory.status.pending"),[types.AssetHistoryStatusEnum.CONFIRM]:t("assetHistory.status.confirm"),[types.AssetHistoryStatusEnum.PROCESSING]:t("assetHistory.status.processing"),[types.AssetHistoryStatusEnum.COMPLETED]:t("assetHistory.status.completed"),[types.AssetHistoryStatusEnum.FAILED]:t("assetHistory.status.failed")})[i]||ui.capitalizeFirstLetter(i.toLowerCase())},{title:t("common.type"),dataIndex:"side",width:80,render:i=>jsxRuntime.jsx(ui.Text,{color:i==="DEPOSIT"?"deposit":"withdraw",children:t(i==="DEPOSIT"?"common.deposit":"common.withdraw")})},{title:t("common.amount"),dataIndex:"amount",width:100,rule:"price",formatter:(i,r)=>r.side==="WITHDRAW"?-(i-(r.fee??0)):i-(r.fee??0),numeralProps:{coloring:true,showIdentifier:true}}],[e,t])};var Y=e=>{let{from:t,to:o}=e;return typeof o>"u"&&(o=new Date),dateFns.differenceInDays(t,o)===0?[t,dateFns.setHours(o,23)]:[t,o]};var ue=()=>{let[e]=react.useState(()=>{let c=new Date;return new Date(dateFns.getYear(c),dateFns.getMonth(c),dateFns.getDate(c),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:l}=ui.usePagination(),[u,{meta:m,isLoading:y}]=hooks.useAssetsHistory({startTime:t[0].getTime().toString(),endTime:dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime().toString(),page:a,pageSize:n,side:i}),b=c=>{c.name==="side"&&(r(c.value),s(1)),c.name==="dateRange"&&(o(Y(c.value)),s(1));},p=react.useMemo(()=>l(m),[l,m]);return {dataSource:u,total:m?.total,isLoading:y,queryParameter:{side:i,dateRange:t},onFilter:b,pagination:p}};var ce=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r}=e,{side:a,dateRange:n}=o,s=le(),{t:l}=i18n.useTranslation(),u=react.useMemo(()=>[{label:l("common.all"),value:"All"},{label:l("common.deposit"),value:"DEPOSIT"},{label:l("common.withdraw"),value:"WITHDRAW"}],[l]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"side",options:u,value:a},{type:"range",name:"dateRange",value:{from:n[0],to:n[1]}}],onFilter:m=>{i(m);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,loading:r,classNames:{root:"oui-h-[calc(100%_-_49px)]"},columns:s,dataSource:t,pagination:e.pagination})]})};var de=()=>{let e=ue();return jsxRuntime.jsx(ce,{...e})};var me=()=>{let{t:e}=i18n.useTranslation();return react.useMemo(()=>[{title:e("common.symbol"),dataIndex:"symbol",width:80,rule:"symbol",textProps:{showIcon:true}},{title:e("common.time"),dataIndex:"created_time",width:120,rule:"date"},{title:e("portfolio.overview.column.funding&AnnualRate"),dataIndex:"funding_rate",width:80,render:(o,i)=>jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:6,children:i.funding_rate}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx(ui.Text.numeral,{rule:"percentages",dp:6,children:i.annual_rate})]})},{title:e("portfolio.overview.column.paymentType"),dataIndex:"payment_type",width:80,render:o=>{switch(o){case "Pay":case "Paid":return e("portfolio.overview.column.paymentType.paid");case "Receive":case "Received":return e("portfolio.overview.column.paymentType.received");default:return o}}},{title:`${e("portfolio.overview.column.fundingFee")} (USDC)`,dataIndex:"funding_fee",width:80,rule:"price",formatter(o,i,r){return Number(o)*-1},numeralProps:{coloring:true,showIdentifier:true,ignoreDP:true}}],[e])};var mt=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r}=e,a=me(),n=hooks.useSymbolsInfo(),{symbol:s,dateRange:l}=o;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"symbol",isCombine:true,options:[{label:"All",value:"All"},...Object.keys(n).map(u=>({label:u.split("_")[1],value:u}))],value:s,valueFormatter:u=>u==="All"?"All":u.split("_")[1]},{type:"range",name:"dateRange",value:{from:l[0],to:l[1]}}],onFilter:u=>{i(u);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:a,dataSource:t,loading:r,generatedRowKey:u=>`${u.updated_time}`,classNames:{root:"oui-h-[calc(100%_-_49px)]"},pagination:e.pagination})]})};var pe=()=>{let[e]=react.useState(()=>{let f=new Date;return new Date(dateFns.getYear(f),dateFns.getMonth(f),dateFns.getDate(f),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:l}=ui.usePagination(),[u,{isLoading:m,meta:y,isValidating:b}]=hooks.useFundingFeeHistory({dataRange:[t[0].getTime(),dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime()],symbol:i,page:a,pageSize:n},{keepPreviousData:true}),p=f=>{f.name==="symbol"&&(r(f.value),s(1)),f.name==="dateRange"&&(o(Y(f.value)),s(1));},c=react.useMemo(()=>l(y),[l,y]);return {dataSource:u,isLoading:m,isValidating:b,queryParameter:{symbol:i,dateRange:t},onFilter:p,pagination:c}};var fe=()=>{let e=pe();return jsxRuntime.jsx(mt,{...e})};var jt=()=>{let{t:e}=i18n.useTranslation();return react.useMemo(()=>[{title:e("common.token"),dataIndex:"token",width:80,render:(o,i)=>jsxRuntime.jsxs(ui.Flex,{gapX:2,children:[jsxRuntime.jsx(ui.TokenIcon,{name:o,size:"xs"}),jsxRuntime.jsx("span",{children:o})]})},{title:e("common.time"),dataIndex:"updated_time",width:120,rule:"date"},{title:e("common.status"),dataIndex:"status",width:120,formatter(o,i,r){switch(o){case "CREATED":case "SPLIT":return e("portfolio.assetHistory.status.processing");case "COMPLETED":default:return e("portfolio.assetHistory.status.completed")}}},{title:e("common.type"),dataIndex:"type",width:80,formatter:o=>{switch(o){case "REFERRER_REBATE":return e("portfolio.overview.distribution.type.referralCommission");case "REFEREE_REBATE":return e("portfolio.overview.distribution.type.refereeRebate");case "BROKER_FEE":return e("portfolio.overview.distribution.type.brokerFee");default:return "-"}}},{title:e("common.amount"),dataIndex:"amount",width:80}],[e])};var ge=e=>{let{dataSource:t,queryParameter:o,onFilter:i,isLoading:r,isValidating:a}=e,n=jt(),{type:s,dateRange:l}=o,{t:u}=i18n.useTranslation(),m=react.useMemo(()=>[{label:u("common.all"),value:"All"},{label:u("portfolio.overview.distribution.type.referralCommission"),value:"REFERRER_REBATE"},{label:u("portfolio.overview.distribution.type.refereeRebate"),value:"REFEREE_REBATE"},{label:u("portfolio.overview.distribution.type.brokerFee"),value:"BROKER_FEE"}],[u]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.DataFilter,{items:[{type:"select",name:"type",options:m,value:s},{type:"range",name:"dateRange",value:{from:l[0],to:l[1]}}],onFilter:y=>{i(y);}}),jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:n,dataSource:t,loading:r,className:"oui-font-semibold",classNames:{root:"oui-h-[calc(100%_-_49px)]"},pagination:e.pagination})]})};var to=()=>{let[e]=react.useState(()=>{let f=new Date;return new Date(dateFns.getYear(f),dateFns.getMonth(f),dateFns.getDate(f),0,0,0)}),[t,o]=react.useState([utils.subtractDaysFromCurrentDate(90,e),e]),[i,r]=react.useState("All"),{page:a,pageSize:n,setPage:s,parsePagination:l}=ui.usePagination(),[u,{isLoading:m,meta:y,isValidating:b}]=hooks.useDistributionHistory({dataRange:[t[0].getTime(),dateFns.set(t[1],{hours:23,minutes:59,seconds:59,milliseconds:0}).getTime()],type:i,pageSize:n,page:a}),p=f=>{f.name==="type"&&(r(f.value),s(1)),f.name==="dateRange"&&(o(Y(f.value)),s(1));},c=react.useMemo(()=>l(y),[l,y]);return {dataSource:u,isLoading:m,isValidating:b,queryParameter:{type:i,dateRange:t},onFilter:p,pagination:c}};var ye=()=>{let e=to();return jsxRuntime.jsx(ge,{...e})};var oo=e=>{let{active:t="deposit",onTabChange:o}=e,{t:i}=i18n.useTranslation();return jsxRuntime.jsx(ui.Card,{children:jsxRuntime.jsxs(ui.Tabs,{value:t,onValueChange:o,variant:"contained",size:"xl",children:[jsxRuntime.jsx(ui.TabPanel,{title:i("portfolio.overview.deposits&Withdrawals"),icon:jsxRuntime.jsx(ui.ArrowLeftRightIcon,{}),value:"deposit",children:jsxRuntime.jsx(de,{})}),jsxRuntime.jsx(ui.TabPanel,{title:i("common.funding"),icon:jsxRuntime.jsx(ui.FeeTierIcon,{}),value:"funding",children:jsxRuntime.jsx(fe,{})}),jsxRuntime.jsx(ui.TabPanel,{title:i("portfolio.overview.distribution"),icon:jsxRuntime.jsx(ui.ServerFillIcon,{}),value:"distribution",children:jsxRuntime.jsx(ye,{})})]})})};var io=()=>{let[e,t]=react.useState("deposit");return {active:e,onTabChange:o=>t(o)}};var xe=()=>{let e=io();return jsxRuntime.jsx(oo,{...e})};var be=e=>{let{periodTypes:t,period:o,onPeriodChange:i,aggregateValue:r,invisible:a,visible:n,volumeUpdateDate:s}=e,{t:l}=i18n.useTranslation(),u=react.useMemo(()=>({"7D":l("common.select.7d"),"30D":l("common.select.30d"),"90D":l("common.select.90d")}),[l]);return jsxRuntime.jsxs(ui.Card,{title:jsxRuntime.jsx(We,{onPeriodChange:i,periodTypes:t,period:o,title:l("portfolio.overview.performance")}),id:"portfolio-overview-performance",children:[jsxRuntime.jsxs(ui.Grid,{cols:3,gap:4,children:[jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{label:l("portfolio.overview.performance.roi",{period:u[o]}),valueProps:{rule:"percentages",coloring:true,visible:n},children:a?"--":r.roi})}),jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{label:l("portfolio.overview.performance.pnl",{period:u[o]}),valueProps:{coloring:true,showIdentifier:true,visible:n},children:a?"--":r.pnl})}),jsxRuntime.jsx(ui.Box,{gradient:"neutral",r:"md",px:4,py:2,angle:184,border:true,borderColor:6,children:jsxRuntime.jsx(ui.Statistic,{classNames:{label:"oui-w-full"},label:jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx("span",{children:l("portfolio.overview.performance.volume",{period:u[o]})}),jsxRuntime.jsx("span",{children:s})]}),children:a?"--":r.vol})})]}),jsxRuntime.jsxs(ui.Grid,{cols:2,gap:4,children:[jsxRuntime.jsx(Za,{data:e.data??[],invisible:e.invisible}),jsxRuntime.jsx(qa,{data:e.data??[],invisible:e.invisible||(e.data?.length??0)<=2})]})]})},Za=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{mt:4,height:"188px",children:[jsxRuntime.jsx(ui.Text,{as:"div",size:"sm",className:"oui-mb-3",children:t("portfolio.overview.performance.dailyPnl")}),jsxRuntime.jsx(ui.Box,{r:"md",className:"oui-border oui-border-line-4 oui-h-[188px]",children:jsxRuntime.jsx(chart.PnLBarChart,{data:e.data,invisible:e.invisible||(e.data?.length??0)<=2})})]})},qa=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Box,{mt:4,children:[jsxRuntime.jsx(ui.Text,{as:"div",size:"sm",className:"oui-mb-3",children:t("portfolio.overview.performance.cumulativePnl")}),jsxRuntime.jsx(ui.Box,{r:"md",className:"oui-border oui-border-line-4 oui-h-[188px]",children:jsxRuntime.jsx(chart.PnlLineChart,{data:e.data,invisible:e.invisible||(e.data?.length??0)<=2})})]})};var he=()=>{let e=Ee(),[t]=hooks.useLocalStorage("orderly_assets_visible",true),{wrongNetwork:o,disabledConnect:i}=reactApp.useAppContext(),{state:r}=hooks.useAccount(),a=reactApp.useDataTap(e.data,{accountStatus:r.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,fallbackData:e.createFakeData({account_value:0,pnl:0},{account_value:500,pnl:500})}),n=react.useMemo(()=>a?.length??0>0?a:e.createFakeData({account_value:0,pnl:0},{account_value:500,pnl:500}),[a]),s=o||i||r.status<types.AccountStatusEnum.EnableTrading&&r.status!==types.AccountStatusEnum.EnableTradingWithoutConnected;return {...e,data:n,invisible:s,visible:t}};var ve=()=>{let e=he();return jsxRuntime.jsx(be,{...e})};var no=()=>jsxRuntime.jsx(Le,{children:jsxRuntime.jsxs(ui.Grid,{cols:2,gap:4,children:[jsxRuntime.jsx(ne,{}),jsxRuntime.jsx(ze,{}),jsxRuntime.jsx(ui.Grid.span,{colSpan:2,children:jsxRuntime.jsx(ve,{})}),jsxRuntime.jsx(ui.Grid.span,{colSpan:2,children:jsxRuntime.jsx(xe,{})})]})});var yo={};$(yo,{FeeTierPage:()=>go});var Ct=[{tier:1,maker_fee:"0.03%",taker_fee:"0.06%",volume_min:0,volume_max:5e5},{tier:2,maker_fee:"0.02%",taker_fee:"0.05%",volume_min:5e5,volume_max:25e5},{tier:3,maker_fee:"0.015%",taker_fee:"0.045%",volume_min:25e5,volume_max:1e7},{tier:4,maker_fee:"0.01%",taker_fee:"0.04%",volume_min:1e7,volume_max:5e7},{tier:5,maker_fee:"0.005%",taker_fee:"0.035%",volume_min:5e7,volume_max:125e6,or:"/",staking_min:3e5,staking_max:null},{tier:6,maker_fee:"0%",taker_fee:"0.03%",volume_min:125e6,volume_max:null,or:"/",staking:null,staking_min:null,staking_max:null}];var uo=()=>{let{t:e}=i18n.useTranslation();return react.useMemo(()=>[{title:e("portfolio.feeTier.column.tier"),dataIndex:"tier",align:"left",width:100},{title:`${e("portfolio.feeTier.column.30dVolume")} (USDC)`,dataIndex:"volume",align:"center",width:170,render:(o,i)=>{let{volume_min:r,volume_max:a,volume_node:n}=i;return n||(!r&&!a?jsxRuntime.jsx("div",{style:{fontVariantLigatures:"none"},children:"--"}):r&&!a?jsxRuntime.jsx("div",{children:e("portfolio.feeTier.column.30dVolume.above",{volume:utils.numberToHumanStyle(r,r===25e5?1:0)})}):jsxRuntime.jsxs("div",{children:[r&&utils.numberToHumanStyle(r,r===25e5?1:0)," - ",a&&utils.numberToHumanStyle(a,a===25e5?1:0)]}))}},{title:e("portfolio.feeTier.column.maker"),dataIndex:"maker_fee",align:"right",width:100,render:o=>jsxRuntime.jsx(ui.Text,{children:o})},{title:e("portfolio.feeTier.column.taker"),dataIndex:"taker_fee",align:"right",width:100,render:o=>jsxRuntime.jsx(ui.Text,{children:o})}],[e])};function co(e){let{dataAdapter:t}=e||{},[o,i]=react.useState(),{data:r}=hooks.useAccountInfo(),{state:a}=hooks.useAccount(),n=uo(),{data:s}=hooks.usePrivateQuery("/v1/volume/user/stats"),{columns:l,dataSource:u}=react.useMemo(()=>typeof t=="function"?t(n,Ct):{columns:n,dataSource:Ct},[t,n]),m=(c,f)=>{let{futures_taker_fee_rate:ee=0,futures_maker_fee_rate:V=0}=f,G=`${new utils.Decimal(ee).mul(.01).toString()}%`,te=`${new utils.Decimal(V).mul(.01).toString()}%`;for(let D of c)if(G===D.taker_fee&&te===D.maker_fee)return D.tier};react.useEffect(()=>{if(!r)return;let c=m(u,r);i(c);},[r,u]);let y=react.useMemo(()=>{let c=r?.futures_taker_fee_rate;if(!(typeof c>"u"))return `${new utils.Decimal(c).mul(.01).toString()}%`},[r]),b=react.useMemo(()=>{let c=r?.futures_maker_fee_rate;if(!(typeof c>"u"))return `${new utils.Decimal(c).mul(.01).toString()}%`},[r]);return {...reactApp.useDataTap({tier:o,vol:s?.perp_volume_last_30_days,takerFeeRate:y,makerFeeRate:b},{accountStatus:a.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading}),columns:l,dataSource:u,onRow:e?.onRow}}var po=e=>{let{columns:t,dataSource:o,tier:i,vol:r,takerFeeRate:a,makerFeeRate:n}=e,{t:s}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Card,{title:jsxRuntime.jsxs(ui.Flex,{justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"lg",children:s("portfolio.feeTier")}),jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:s("portfolio.feeTier.updatedDailyBy")}),jsxRuntime.jsx(ui.Text,{size:"xs",intensity:80,children:"2:00 UTC"})]})]}),className:"w-full",id:"oui-portfolio-fee-tier",children:[jsxRuntime.jsx(ui.Divider,{}),jsxRuntime.jsx(Cn,{tier:i,vol:r,takerFeeRate:a,makerFeeRate:n}),jsxRuntime.jsx(hn,{dataSource:o,columns:t,tier:i,onRow:e.onRow})]})},Cn=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"row",gapX:4,my:4,itemAlign:"stretch",children:[jsxRuntime.jsx(Ue,{label:t("portfolio.feeTier.header.yourTier"),value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.tier||"--"})}),jsxRuntime.jsx(Ue,{label:`${t("portfolio.feeTier.header.30dVolume")} (USDC)`,value:jsxRuntime.jsx(ui.Text.numeral,{rule:"price",dp:2,rm:utils.Decimal.ROUND_DOWN,children:typeof e.vol!==void 0?`${e.vol}`:"-"})}),jsxRuntime.jsx(Ue,{label:t("portfolio.feeTier.header.takerFeeRate"),value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.takerFeeRate||"--"})}),jsxRuntime.jsx(Ue,{label:t("portfolio.feeTier.header.makerFeeRate"),value:jsxRuntime.jsx(ui.Text.gradient,{color:"brand",angle:270,size:"base",children:e.makerFeeRate||"--"})})]})},Ue=e=>jsxRuntime.jsxs(ui.Box,{gradient:"neutral",r:"lg",px:4,py:2,angle:184,width:"100%",border:true,borderColor:6,children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:36,size:"2xs",weight:"semibold",className:"oui-leading-[18px]",children:e.label}),jsxRuntime.jsx(ui.Text,{size:"base",intensity:80,className:"oui-leading-[24px] oui-mt-[2px]",children:e.value})]}),hn=e=>{let[t,o]=react.useState(void 0);react.useEffect(()=>{let r=document.getElementById("oui-fee-tier-content")?.getBoundingClientRect(),a=document.getElementById("oui-fee-tier-current")?.getBoundingClientRect();if(a&&r&&e.tier){let n=a.top-r.top;o(n);}else o(void 0);},[e.tier]);let i=react.useCallback((r,a)=>{let n=e?.onRow?.(r,a)??{normal:void 0,active:void 0};return a+1==e.tier?{...{id:"oui-fee-tier-current","data-state":"active",className:"group oui-h-12 oui-text-[rgba(0,0,0,0.88)] oui-pointer-events-none"},...n.active}:{"data-state":"none",className:"oui-h-12",...n.normal}},[e.tier,e.onRow]);return jsxRuntime.jsxs(ui.Box,{id:"oui-fee-tier-content",className:"oui-border-b oui-border-line-4 oui-relative",children:[t&&jsxRuntime.jsx(ui.Box,{angle:90,gradient:"brand",className:"oui-rounded-md oui-absolute oui-w-full",style:{top:`${t}px`,height:"48px"}}),jsxRuntime.jsx(ui.DataTable,{bordered:true,className:"oui-font-semibold",classNames:{root:"oui-bg-transparent"},onRow:i,columns:e.columns,dataSource:e.dataSource})]})};var fo=e=>{let t=co(e);return jsxRuntime.jsx(po,{...t})};var go=e=>jsxRuntime.jsx(fo,{...e});var Co={};$(Co,{PositionsPage:()=>_n});var _n=e=>{let[t,o]=react.useState("Positions"),{t:i}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gap:4,width:"100%",height:"100%",children:[jsxRuntime.jsx(ui.Flex,{children:jsxRuntime.jsx(ui.Text,{size:"lg",children:i("common.positions")})}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui.Box,{width:"100%",className:"oui-h-[calc(100%_-_59px)]",children:jsxRuntime.jsxs(ui.Tabs,{value:t,onValueChange:r=>o(r),classNames:{tabsList:"!oui-border-none oui-pb-1",tabsContent:"oui-h-[calc(100%_-_28px)]"},className:"oui-h-full",children:[jsxRuntime.jsx(ui.TabPanel,{value:"Positions",title:i("common.positions"),children:jsxRuntime.jsx(uiPositions.PositionsWidget,{...e})}),jsxRuntime.jsx(ui.TabPanel,{value:"Position history",title:i("positions.positionHistory"),children:jsxRuntime.jsx(uiPositions.PositionHistoryWidget,{...e})}),jsxRuntime.jsx(ui.TabPanel,{value:"Liquidation",title:i("positions.liquidation"),children:jsxRuntime.jsx(uiPositions.LiquidationWidget,{})})]})})]})};var vo={};$(vo,{OrdersPage:()=>On});var On=e=>{let{sharePnLConfig:t}=e,{t:o}=i18n.useTranslation(),i=react.useRef(null),r=()=>{i.current?.download?.();};return jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",gap:4,width:"100%",height:"100%",children:[jsxRuntime.jsxs(ui.Flex,{width:"100%",justify:"between",children:[jsxRuntime.jsx(ui.Text,{size:"lg",children:o("common.orders")}),jsxRuntime.jsx(ui.Tooltip,{content:o("orders.download.tooltip"),children:jsxRuntime.jsxs(ui.Button,{color:"gray",size:"sm",className:"oui-bg-base-4",onClick:r,children:[o("common.download"),jsxRuntime.jsx(Bn,{className:"oui-text-base-contrast-36 oui-ml-[5px]"})]})})]}),jsxRuntime.jsx(ui.Divider,{className:"oui-w-full"}),jsxRuntime.jsx(ui.Box,{width:"100%",className:"oui-h-[calc(100%_-_59px)]",children:jsxRuntime.jsx(uiOrders.OrdersWidget,{ref:i,sharePnLConfig:t})})]})},Bn=e=>jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsx("path",{d:"M5.999 1.007a5 5 0 1 0 0 10 5 5 0 0 0 0-10m0 2.5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1m0 1.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-1 0v-2.5a.5.5 0 0 1 .5-.5"})});var Mo={};$(Mo,{APIManagerPage:()=>Lo,APIManagerWidget:()=>Je});var wo=e=>{let{filterTags:t,keyStatus:o}=e??{},[i,r]=react.useState(false),[a,n]=react.useState(false),[s,l]=react.useState(),{configStore:u}=react.useContext(hooks.OrderlyContext),m=u.get("brokerId"),{wrongNetwork:y,disabledConnect:b}=reactApp.useAppContext(),{state:p,account:c}=hooks.useAccount(),{t:f}=i18n.useTranslation(),ee=!y&&!b&&(p.status===types.AccountStatusEnum.EnableTrading||p.status===types.AccountStatusEnum.EnableTradingWithoutConnected),{data:V}=hooks.useQuery(`/v1/get_account?address=${c.address}&broker_id=${m}&chain_type=${c.walletAdapter?.chainNamespace}`),[G,{generateOrderlyKey:te,setIPRestriction:D,removeOrderlyKey:et,resetOrderlyKeyIPRestriction:_t,refresh:d,isLoading:C,error:S}]=hooks.useApiKeyManager({keyInfo:{key_status:o}}),[h,w]=react.useState(void 0);react.useEffect(()=>{c.keyStore.getOrderlyKey()?.getPublicKey().then(v=>{w(v);});},[c,p]);let oe=()=>{r(true);},ie=()=>{window.open("https://orderly.network/docs/build-on-evm/evm-api/api-authentication","_blank");},Kt=()=>{r(false);},Zo=async(v,_)=>{try{let A=(tt,Ie)=>{let{key:si,secretKey:li}=tt;Kt(),l({key:si,screctKey:li,ip:Ie,permissions:_?.split(",")?.map(ui=>Ft(ui)).join(", ")}),n(!0);},K=await te(_);if(ui.toast.success(f("portfolio.apiKey.created")),(v?.length||0)>0){let tt=K.key.startsWith("ed25519:")?K.key:`ed25519:${K.key}`,Ie=await D(tt,v);Ie.success&&A(K,Ie.data.ip_restriction_list?.join(","));}else A(K,void 0);}catch(A){A?.message&&ui.toast.error(A?.message);}return Promise.resolve(0)},Ht=()=>{n(false),d();},qo=()=>{navigator.clipboard.writeText(JSON.stringify(s)),ui.toast.success(f("portfolio.apiKey.apiInfo.copied"));},Qo=()=>{Ht();},Yo=v=>new Promise(async _=>{await et(v.orderly_key).then(async A=>{if(A?.success){ui.toast.success(f("portfolio.apiKey.deleted")),d();let K=await c.keyStore.getOrderlyKey()?.getPublicKey();v.orderly_key===K&&c.destroyOrderlyKey();}_(1);},A=>{}).catch(A=>{});}),Xo=async(v,_)=>{let A;(_?.length||0)===0?A=_t(v.orderly_key,"ALLOW_ALL_IPS"):A=D(v.orderly_key,_);let K=await A;return K.success?(ui.toast.success(f("portfolio.apiKey.updated")),d(),Promise.resolve()):(ui.toast.error(K.message),Promise.reject())},Jo=()=>ui.toast.success(f("portfolio.apiKey.accountId.copied")),jo=v=>{typeof v<"u"&&navigator.clipboard.writeText(v.replace("ed25519:","")),ui.toast.success(f("portfolio.apiKey.column.apiKey.copy"));},ei=()=>ui.toast.success(f("portfolio.apiKey.secretKey.copied")),ti=()=>ui.toast.success(f("portfolio.apiKey.column.restrictedIP.copy")),oi=react.useMemo(()=>G?.filter(v=>{let _=t?t?.includes(v.tag):true,A=h?!v.orderly_key.includes(h):true;return _&&A}),[G,t,h]),ii=v=>/^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])(,((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9]))*$/.test(v)?"":"The IP restriction format is incorrect. Please use the correct format: [xx.xx.xxx.x],[xx.xxx.xxx.xxx]",Nt=p.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading,ri=reactApp.useDataTap(V?.account_id,{accountStatus:Nt}),ai=reactApp.useDataTap(V?.user_id,{accountStatus:Nt}),{pagination:ni}=ui.usePagination();return {address:ri??"--",uid:`${ai??"--"}`,onCreateApiKey:oe,onReadApiGuide:ie,showCreateDialog:i,hideCreateDialog:Kt,doCreate:Zo,showCreatedDialog:a,hideCreatedDialog:Ht,onCopyApiKeyInfo:qo,doConfirm:Qo,doDelete:Yo,doEdit:Xo,canCreateApiKey:ee,status:p.status,keys:oi,generateKey:s,onCopyAccountId:Jo,wrongNetwork:y,onCopyApiKey:jo,onCopyApiSecretKey:ei,onCopyIP:ti,verifyIP:ii,isLoading:C,pagination:ni}};function Ft(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ao=e=>{let[t,o]=react.useState(""),[i,r]=react.useState(true),[a,n]=react.useState(true),[s,l]=react.useState(""),{t:u}=i18n.useTranslation();return react.useEffect(()=>{e.showCreateDialog||(o(""),r(true),n(true),l(""));},[e.showCreateDialog]),react.useEffect(()=>{t.length===0&&l("");},[t]),jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:e.showCreateDialog,onOpenChange:m=>{e.hideCreateDialog?.();},title:u("portfolio.apiKey.create.dialog.title"),actions:{primary:{label:u("common.confirm"),className:"oui-w-[120px] lg:oui-w-[154px]","data-testid":"oui-testid-apiKey-createApiKey-dialog-comfirm-btn",onClick:async()=>{if(t.length>0){let y=e.verifyIP(t);if(l(y),y.length>0)return}let m=[];i&&m.push("read"),a&&m.push("trading"),await e.doCreate(t,m.join(","));},disabled:!a&&!i,size:"md"}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:6,children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,width:"100%",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"2xs",children:u("portfolio.apiKey.create.ipRestriction")}),jsxRuntime.jsx("textarea",{"data-testid":"oui-testid-apiKey-createApiKey-dialog-textarea",placeholder:u("portfolio.apiKey.create.ipRestriction.placeholder"),className:ui.cn("oui-text-sm oui-text-base-contrast-80 oui-p-3 oui-h-[100px] oui-rounded-xl oui-bg-base-6 oui-w-full","oui-border-0 focus:oui-border-2 focus:oui-border-primary-darken oui-outline-none","oui-placeholder-base-contrast-20",s.length>0&&"oui-outline-1 oui-outline-danger focus:oui-outline-none"),value:t,onChange:m=>{o(m.target.value);},style:{resize:"none"}}),s.length>0&&jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-relative",children:[jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-top-[10px]","oui-h-1 oui-w-1 oui-rounded-full oui-bg-danger")}),jsxRuntime.jsx(ui.Text,{color:"danger",size:"xs",className:"oui-ml-2",children:s})]})]}),jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:u("portfolio.apiKey.permissions")}),className:"oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:6,itemAlign:"start",className:"oui-mt-2",children:[jsxRuntime.jsx(Pe,{size:18,checked:i,onCheckedChange:m=>r(m),label:u("portfolio.apiKey.permissions.read"),testid:"oui-testid-apiKey-createApiKey-dialog-read-checkbox"}),jsxRuntime.jsx(Pe,{size:18,checked:a,onCheckedChange:m=>n(m),label:u("portfolio.apiKey.permissions.trading"),testid:"oui-testid-apiKey-createApiKey-dialog-trading-checkbox"})]})})]})})},Pe=e=>jsxRuntime.jsxs("button",{disabled:e.disabled,onClick:t=>{e.onCheckedChange(!e.checked);},className:"disabled:oui-cursor-not-allowed disabled:oui-opacity-50 oui-flex oui-items-center oui-gap-2","data-testid":e.testid,children:[e.checked?jsxRuntime.jsx("svg",{width:"props.size",height:e.size,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99072 2.92981C4.78172 2.92981 2.99072 4.72071 2.99072 6.92981V16.9298C2.99072 19.1389 4.78172 20.9298 6.99072 20.9298H16.9907C19.1997 20.9298 20.9907 19.1389 20.9907 16.9298V6.92981C20.9907 4.72071 19.1997 2.92981 16.9907 2.92981H6.99072ZM16.9853 7.31211C17.2125 7.09537 17.5236 7 17.8218 7C18.1201 7 18.4312 7.09537 18.6584 7.31211C19.1139 7.74546 19.1139 8.47384 18.6584 8.9072L10.5077 16.675C10.0534 17.1083 9.28909 17.1083 8.83472 16.675L5.34077 13.3459C4.88641 12.9126 4.88641 12.1841 5.34077 11.7508C5.79631 11.3175 6.56057 11.3175 7.01493 11.7508L9.67122 14.2822L16.9853 7.31211Z",fill:"white",fillOpacity:"0.54"})}):jsxRuntime.jsx("svg",{width:e.size,height:e.size,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M6.99072 2.92981C4.78172 2.92981 2.99072 4.72071 2.99072 6.92981V16.9298C2.99072 19.1389 4.78172 20.9298 6.99072 20.9298H16.9907C19.1997 20.9298 20.9907 19.1389 20.9907 16.9298V6.92981C20.9907 4.72071 19.1997 2.92981 16.9907 2.92981H6.99072ZM6.99072 4.92981H16.9907C18.0957 4.92981 18.9907 5.82521 18.9907 6.92981V16.9298C18.9907 18.0344 18.0957 18.9298 16.9907 18.9298H6.99072C5.88572 18.9298 4.99072 18.0344 4.99072 16.9298V6.92981C4.99072 5.82521 5.88572 4.92981 6.99072 4.92981Z",fill:"white",fillOpacity:"0.54"})}),jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",className:"oui-break-normal oui-whitespace-nowrap",children:e.label})]});var Do=e=>{let t=e.generateKey?.ip??"--",{t:o}=i18n.useTranslation();return jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:e.showCreatedDialog,onOpenChange:i=>{e.hideCreatedDialog?.();},title:o("portfolio.apiKey.created"),actions:{primary:{label:o("common.ok"),"data-testid":"oui-testid-apiKey-createdApiKey-dialog-ok-btn",className:"oui-w-[120px] lg:oui-w-[154px] oui-bg-base-2 hover:oui-bg-base-3",size:"md",onClick:async()=>e.doConfirm()},secondary:{label:o("portfolio.apiKey.created.button.copyApiInfo"),"data-testid":"oui-testid-apiKey-createdApiKey-dialog-copy-btn",className:"oui-w-[120px] lg:oui-w-[154px] oui-bg-primary-darken hover:oui-opacity-80",size:"md",onClick:async()=>e.onCopyApiKeyInfo()}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold",body:"oui-py-0 oui-pt-5"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,itemAlign:"start",children:[jsxRuntime.jsx(ui.Statistic,{label:o("portfolio.apiKey.accountId"),children:jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:e.onCopyAccountId,"data-testid":"oui-testid-apiKey-createdApiKey-dialog-key-span",children:e.address})}),jsxRuntime.jsx(ui.Statistic,{label:o("portfolio.apiKey.column.apiKey"),children:jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:()=>e.onCopyApiKey(e.generateKey?.key),"data-testid":"oui-testid-apiKey-createdApiKey-dialog-key-span",children:e.generateKey?.key})}),jsxRuntime.jsxs(ui.Statistic,{label:o("portfolio.apiKey.secretKey"),children:[jsxRuntime.jsx(ui.Text.formatted,{size:"sm",intensity:80,copyable:true,copyIconSize:16,className:"oui-break-all",onCopy:e.onCopyApiSecretKey,children:e.generateKey?.screctKey})," "]}),jsxRuntime.jsx(ui.Statistic,{label:o("portfolio.apiKey.ip"),children:jsxRuntime.jsxs(ui.Flex,{width:320,gap:1,itemAlign:"center",className:"oui-text-base-contrast-80 oui-text-sm",children:[jsxRuntime.jsx(ui.Box,{className:"oui-max-h-[100px] oui-flex-1 oui-overflow-hidden oui-text-ellipsis oui-line-clamp-5 oui-break-all",children:t}),t!=="--"&&jsxRuntime.jsx(ui.Box,{width:16,height:16,className:"oui-cursor-pointer oui-flex-shrink-0",children:jsxRuntime.jsx(ui.CopyIcon,{color:"white",opacity:.54,size:16,onClick:i=>{e.generateKey?.ip&&navigator.clipboard.writeText(e.generateKey?.ip),e?.onCopyIP();}})})]})}),jsxRuntime.jsx(ui.Statistic,{label:o("portfolio.apiKey.permissions"),children:jsxRuntime.jsx(ui.Text,{size:"sm",intensity:80,"data-testid":"oui-testid-apiKey-createdApiKey-dialog-permissions-span",children:e.generateKey?.permissions})}),jsxRuntime.jsx("div",{}),jsxRuntime.jsx(ui.Text,{color:"warning",size:"xs",className:"oui-text-center",children:o("portfolio.apiKey.created.warning")})]})})};var ko=e=>{let{item:t,open:o,setOpen:i,onDelete:r}=e,{t:a}=i18n.useTranslation();return jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:o,onOpenChange:i,title:a("portfolio.apiKey.delete.dialog.title"),actions:{primary:{label:a("common.confirm"),"data-testid":"oui-testid-apiKey-deleteApiKey-dialog-confirm-btn",className:"oui-w-[120px] lg:oui-w-[154px]",size:"md",onClick:async()=>{await e.onDelete?.(t),i(false);}},secondary:{label:a("common.cancel"),className:"oui-w-[120px] lg:oui-w-[154px]",size:"md",onClick:async()=>{i(false);}}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsx(ui.Flex,{className:"oui-text-xs",children:jsxRuntime.jsx(i18n.Trans,{i18nKey:"portfolio.apiKey.delete.dialog.description",values:{apiKey:Dt(t?.orderly_key)},components:[jsxRuntime.jsx(ui.Text,{color:"primary",className:"oui-px-1"})]})})})};var Ko=e=>{let{item:t,open:o,setOpen:i,onUpdate:r}=e,[a,n]=react.useState(t.ip_restriction_list?.join(",")),[s,l]=react.useState(true),[u,m]=react.useState(true),[y,b]=react.useState(""),{t:p}=i18n.useTranslation();return react.useEffect(()=>{n(t.ip_restriction_list.join(",")),l(t.scope?.toLocaleLowerCase().includes("read")||false),m(t.scope?.toLocaleLowerCase().includes("trading")||false);},[t]),react.useEffect(()=>{a.length===0&&b("");},[a]),jsxRuntime.jsx(ui.SimpleDialog,{size:"sm",open:o,onOpenChange:i,title:p("portfolio.apiKey.edit.dialog.title"),actions:{primary:{label:p("common.confirm"),"data-testid":"oui-testid-apiKey-editApiKey-dialog-confirm-btn",className:"oui-w-[120px] lg:oui-w-[154px]",onClick:async()=>{if(a.length>0){let c=e.verifyIP(a);if(b(c),c.length>0)return}await e.onUpdate?.(t,a),i(false);},disabled:t.ip_restriction_list.join(",")===a,size:"md",fullWidth:true}},classNames:{footer:"oui-justify-center",content:"oui-bg-base-8 oui-w-[300px] lg:oui-w-[360px] oui-font-semibold"},children:jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:6,children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:1,width:"100%",itemAlign:"start",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"2xs",children:p("portfolio.apiKey.create.ipRestriction")}),jsxRuntime.jsx("textarea",{"data-testid":"oui-testid-apiKey-editApiKey-dialog-textarea",placeholder:p("portfolio.apiKey.create.ipRestriction.placeholder"),className:ui.cn("oui-text-sm oui-text-base-contrast-80 oui-p-3 oui-h-[100px] oui-rounded-xl oui-bg-base-6 oui-w-full","oui-border-0 focus:oui-border-2 focus:oui-border-primary-darken oui-outline-none","oui-placeholder-base-contrast-20",y.length>0&&"oui-outline-1 oui-outline-danger focus:oui-outline-none"),value:a,onChange:c=>{n(c.target.value);},style:{resize:"none"}}),y.length>0&&jsxRuntime.jsxs(ui.Flex,{gap:1,className:"oui-relative",children:[jsxRuntime.jsx("div",{className:ui.cn("oui-absolute oui-top-[10px]","oui-h-1 oui-w-1 oui-rounded-full oui-bg-danger")}),jsxRuntime.jsx(ui.Text,{color:"danger",size:"xs",className:"oui-ml-2",children:y})]})]}),jsxRuntime.jsx(ui.Statistic,{label:jsxRuntime.jsx(ui.Text,{size:"xs",intensity:54,children:p("portfolio.apiKey.permissions")}),className:"oui-w-full",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:6,itemAlign:"start",className:"oui-mt-2",children:[jsxRuntime.jsx(Pe,{disabled:true,size:18,checked:s,onCheckedChange:c=>l(c),label:p("portfolio.apiKey.permissions.read")}),jsxRuntime.jsx(Pe,{disabled:true,size:18,checked:u,onCheckedChange:c=>m(c),label:p("portfolio.apiKey.permissions.trading")})]})})]})})};var No=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Card,{title:t("portfolio.apiKeys"),id:"portfolio-apikey-manager",className:"oui-bg-base-9 oui-font-semibold",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:4,width:"100%",className:"oui-font-semibold",children:[jsxRuntime.jsx(vs,{...e}),jsxRuntime.jsx(Ts,{...e})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(ws,{...e}),jsxRuntime.jsx(Ao,{...e}),jsxRuntime.jsx(Do,{...e})]})]})},vs=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{width:"100%",gap:4,className:"oui-border-t-2 oui-border-line-6 oui-pt-4",children:[jsxRuntime.jsxs(ui.Flex,{py:2,px:4,direction:"column",itemAlign:"start",r:"xl",gradient:"neutral",angle:27,border:true,className:"oui-w-1/2",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:t("portfolio.apiKey.accountId")}),jsxRuntime.jsx(ui.Text.formatted,{size:"base",inlist:80,rule:"address",copyable:e.address!=="--",copyIconSize:16,onCopy:e.onCopyAccountId,copyIconTestid:"oui-testid-apiKey-accountInfo-accountId-copy-btn",children:e.address})]}),jsxRuntime.jsxs(ui.Flex,{py:2,px:4,direction:"column",itemAlign:"start",r:"xl",gradient:"neutral",angle:27,border:true,className:"oui-w-1/2",children:[jsxRuntime.jsx(ui.Text,{size:"xs",intensity:36,children:t("portfolio.apiKey.uid")}),jsxRuntime.jsx(ui.Text,{size:"base",inlist:80,children:e.uid})]})]})},Ts=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsxs(ui.Flex,{width:"100%",direction:"row",className:"oui-text-sm oui-border-b-2 oui-border-line-6 oui-pb-4",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",width:"100%",gap:1,children:[jsxRuntime.jsx(ui.Text,{intensity:54,children:t("portfolio.apiKey.description")}),jsxRuntime.jsxs(ui.Flex,{itemAlign:"center",className:"oui-text-primary-light oui-fill-primary-light hover:oui-text-primary-darken oui-cursor-pointer oui-text-2xs md:oui-text-xs xl:oui-text-sm",onClick:e.onReadApiGuide,children:[jsxRuntime.jsx(ui.Text,{children:t("portfolio.apiKey.readApiGuide")}),jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M4.008 7.995c0-.368.298-.666.666-.666H9.71L7.733 5.331l.937-.936 3.143 3.122c.13.13.195.304.195.479a.67.67 0 0 1-.195.478L8.67 11.596l-.937-.937 1.978-1.998H4.674a.666.666 0 0 1-.666-.666"})})]})]}),jsxRuntime.jsx(uiConnector.AuthGuardTooltip,{side:"top",tooltip:{connectWallet:t("portfolio.apiKey.create.connectWallet.tooltip"),signIn:t("portfolio.apiKey.create.signIn.tooltip"),enableTrading:t("portfolio.apiKey.create.enableTrading.tooltip"),wrongNetwork:t("portfolio.apiKey.create.wrongNetwork.tooltip")},children:jsxRuntime.jsx(ui.Button,{size:"md",icon:jsxRuntime.jsx(ui.PlusIcon,{}),variant:"contained",color:"primary",onClick:e.onCreateApiKey,disabled:!e.canCreateApiKey,"data-testid":"oui-testid-apiKey-createApiKey-btn",children:t("portfolio.apiKey.create.dialog.title")})})]})},ws=e=>{let{t}=i18n.useTranslation(),o=[{title:t("portfolio.apiKey.column.apiKey"),dataIndex:"orderly_key",render:i=>jsxRuntime.jsx(ui.Text.formatted,{rule:"",copyable:true,copyIconSize:16,onCopy:()=>{e.onCopyApiKey?.(i);},children:Dt(i)})},{title:t("portfolio.apiKey.column.permissionType"),dataIndex:"scope",render:i=>i?.split(",").map(r=>Ft(`${r}`)).join(", ")},{title:t("portfolio.apiKey.column.restrictedIP"),dataIndex:"ip_restriction_list",render:i=>{let r=i.join(",");return r.length===0&&(r="--"),jsxRuntime.jsx(ui.Tooltip,{content:r,className:"oui-max-w-[200px] oui-break-all",children:jsxRuntime.jsxs(ui.Flex,{gap:1,children:[jsxRuntime.jsx("div",{className:" oui-overflow-ellipsis oui-overflow-hidden",children:r}),r!=="--"&&jsxRuntime.jsx(ui.Box,{width:16,height:16,className:"oui-cursor-pointer",children:jsxRuntime.jsx(ui.CopyIcon,{color:"white",opacity:.54,size:16,onClick:a=>{navigator.clipboard.writeText(r),e?.onCopyIP();}})})]})})}},{title:t("portfolio.apiKey.column.expirationDate"),dataIndex:"expiration",render:i=>jsxRuntime.jsx(ui.Text.formatted,{rule:"date",formatString:"yyyy-MM-dd",children:i})},{title:"",type:"action",dataIndex:"action",width:120,render:(i,r)=>jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:2,children:[jsxRuntime.jsx(Ps,{item:r,onUpdate:e.doEdit,verifyIP:e.verifyIP}),jsxRuntime.jsx(Ss,{item:r,onDelete:e.doDelete})]})}];return jsxRuntime.jsx(uiConnector.AuthGuardDataTable,{bordered:true,columns:o,loading:e.isLoading,dataSource:e.keys,emptyView:jsxRuntime.jsx(uiConnector.AuthGuardEmpty,{}),classNames:{},pagination:e.pagination,manualPagination:false})},Ps=e=>{let{item:t,onUpdate:o,verifyIP:i}=e,[r,a]=react.useState(false),{t:n}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Button,{size:"xs",color:"primary",variant:"contained",onClick:s=>{s.stopPropagation(),a(true);},"data-testid":"oui-testid-apiKey-keyList-edit-btn",children:n("common.edit")}),r&&jsxRuntime.jsx(Ko,{item:t,open:r,setOpen:a,onUpdate:o,verifyIP:i})]})},Ss=e=>{let{item:t,onDelete:o}=e,[i,r]=react.useState(false),{t:a}=i18n.useTranslation();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ui.Button,{size:"xs",color:"gray",variant:"contained",onClick:n=>{n.stopPropagation(),r(true);},"data-testid":"oui-testid-apiKey-keyList-delete-btn",children:a("common.delete")}),i&&jsxRuntime.jsx(ko,{item:t,open:i,setOpen:r,onDelete:o})]})};function Dt(e){return typeof e>"u"?"-":`${`${e}`.replace("ed25519:","").slice(0,6)}*****`}var Je=e=>{let t=wo(e);return jsxRuntime.jsx(No,{...t})};var Lo=e=>{let{filterTags:t,keyStatus:o="ACTIVE"}=e;return jsxRuntime.jsx(Je,{filterTags:t,keyStatus:o})};var $o={};$($o,{SettingPage:()=>Go,SettingWidget:()=>je});var Bo=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.Card,{title:t("portfolio.setting.systemUpgrade"),id:"portfolio-apikey-manager",className:"oui-bg-base-9 oui-font-semibold",children:jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:4,width:"100%",itemAlign:"center",pt:4,className:"oui-font-semibold oui-border-t-2 oui-border-line-6",children:[jsxRuntime.jsxs(ui.Flex,{direction:"column",itemAlign:"start",className:"oui-flex-1",children:[jsxRuntime.jsx(ui.Text,{intensity:80,size:"base",children:t("portfolio.setting.cancelOpenOrders")}),jsxRuntime.jsx(ui.Text,{intensity:54,size:"sm",children:t("portfolio.setting.cancelOpenOrders.description")})]}),jsxRuntime.jsx(uiConnector.AuthGuardTooltip,{align:"end",children:jsxRuntime.jsx(ui.Switch,{checked:e.maintenance_cancel_orders,onCheckedChange:o=>{e.setMaintainConfig(o);},disabled:e.isSetting||!e.canTouch,"data-testid":"oui-testid-setting-switch-btn"})})]})})};var Vo=()=>{let{data:e,mutate:t}=hooks.useAccountInfo(),{wrongNetwork:o,disabledConnect:i}=reactApp.useAppContext(),[r,{isMutating:a}]=hooks.useMutation("/v1/client/maintenance_config"),[n,s]=react.useState(false);react.useEffect(()=>{s(e?.maintenance_cancel_orders||false);},[e]);let l=hooks.useDebouncedCallback(b=>{r({maintenance_cancel_order_flag:b}).then(p=>{p.success||s(!b);});},300),u=b=>{s(b),l(b);},{state:m}=hooks.useAccount(),y=!o&&!i&&(m.status===types.AccountStatusEnum.EnableTrading||m.status===types.AccountStatusEnum.EnableTradingWithoutConnected);return {maintenance_cancel_orders:n,setMaintainConfig:u,isSetting:false,canTouch:y}};var je=()=>{let e=Vo();return jsxRuntime.jsx(Bo,{...e})};var Go=()=>jsxRuntime.jsx(je,{});
20
21
 
21
- exports.APIManagerModule = Ko;
22
- exports.FeeTierModule = go;
23
- exports.OrdersModule = Co;
24
- exports.OverviewModule = ao;
25
- exports.PortfolioLayout = Je;
26
- exports.PortfolioLayoutWidget = Ci;
27
- exports.PortfolioLeftSidebarPath = Rt;
28
- exports.PositionsModule = xo;
29
- exports.SettingModule = Vo;
30
- exports.usePortfolioLayoutScript = je;
22
+ exports.APIManagerModule = Mo;
23
+ exports.FeeTierModule = yo;
24
+ exports.OrdersModule = vo;
25
+ exports.OverviewModule = so;
26
+ exports.PortfolioLayout = ot;
27
+ exports.PortfolioLayoutWidget = wi;
28
+ exports.PortfolioLeftSidebarPath = Et;
29
+ exports.PositionsModule = Co;
30
+ exports.SettingModule = $o;
31
+ exports.usePortfolioLayoutScript = it;
31
32
  //# sourceMappingURL=out.js.map
32
33
  //# sourceMappingURL=index.js.map