@orderly.network/ui-scaffold 2.3.1 → 2.3.2

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.
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { installExtension, ExtensionPositionEnum, tv, Flex, Text, Tooltip, Button, cn, modal, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, EVMAvatar, Divider, DropdownMenuItem, ChevronDownIcon, Box, toast, PopoverRoot, PopoverAnchor, PopoverContent, useScreen, SimpleSheet, SimpleDialog, Logo, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, ChevronLeftIcon, ChevronRightIcon, useOrderlyTheme, useObserverElement, Spinner, ChainIcon, Popover, ExtensionSlot, Grid, EyeIcon, EyeCloseIcon, formatAddress, ScrollArea, CopyIcon, TextField, inputFormatter, SimpleDialogFooter } from '@orderly.network/ui';
2
- import { AccountStatusEnum, AnnouncementType, TrackerEventName } from '@orderly.network/types';
3
2
  import { useTranslation, i18n, useLocaleContext, Trans } from '@orderly.network/i18n';
3
+ import { AccountStatusEnum, AnnouncementType, TrackerEventName } from '@orderly.network/types';
4
4
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
5
5
  import { useWalletConnector, useAccount, useChains, useTrack, useLocalStorage, useWS, useMaintenanceStatus, useQuery, MaintenanceStatus, useConfig, WsNetworkStatus, useWsStatus, useCollateral, usePositionStream, useMarginRatio, useLeverage, OrderlyContext, useIndexPricesStream, useEventEmitter, useSubAccountQuery } from '@orderly.network/hooks';
6
6
  import { WalletConnectorModalId } from '@orderly.network/ui-connector';
@@ -14,8 +14,8 @@ import { format } from 'date-fns';
14
14
  import { produce } from 'immer';
15
15
  import Pc from 'jsqr';
16
16
 
17
- var Ke=e=>{let{t}=useTranslation(),{accountState:o,onDisconnect:n,onOpenExplorer:i}=e,r=o.validating||e.disabledConnect;if(!r&&(o.status===AccountStatusEnum.EnableTrading||o.status===AccountStatusEnum.EnableTradingWithoutConnected))return jsx(Hi,{address:o.address,onDisconnect:n,onOpenExplorer:i});if(o.status<=AccountStatusEnum.NotConnected||r)return jsx(Button,{"data-testid":"oui-testid-nav-bar-connectWallet-btn",size:"md",variant:r?void 0:"gradient",angle:45,className:"wallet-connect-button",loading:o.validating,disabled:r,onClick:()=>{e.connect().then(a=>{}).catch(a=>{});},children:t("connector.connectWallet")});if(o.status<=AccountStatusEnum.NotSignedIn)return jsx(Button,{size:"md",onClick:()=>e.onCrateAccount(),children:t("connector.signIn")});if(o.status<=AccountStatusEnum.DisabledTrading)return jsx(Button,{size:"md",onClick:()=>{e.onCreateOrderlyKey().then(a=>{}).catch(a=>{});},children:t("connector.enableTrading")})},Hi=e=>{let{address:t,onDisconnect:o}=e,{t:n}=useTranslation();return jsxs(DropdownMenuRoot,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"md",variant:"gradient",angle:45,"data-testid":"oui-testid-nav-bar-address-btn",children:jsx(Text.formatted,{rule:"address",className:"oui-text-[rgba(0,0,0,.88)]",children:t})})}),jsx(DropdownMenuPortal,{children:jsxs(DropdownMenuContent,{size:"xl",align:"end",onCloseAutoFocus:i=>i.preventDefault(),style:{width:"280px"},className:"oui-py-5 oui-font-semibold",sideOffset:12,children:[jsx(DropdownMenuGroup,{children:jsxs(Flex,{px:4,children:[jsxs(Flex,{gap:2,className:"oui-flex-1",children:[jsx(EVMAvatar,{address:t,size:"md"}),jsx(Text.formatted,{rule:"address",size:"base",children:t})]}),jsxs(Flex,{gap:2,children:[jsx("button",{"data-testid":"oui-testid-nav-bar-dropDownMenuItem-copyAddress",onClick:async()=>{await navigator.clipboard.writeText(t);},children:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",className:"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",children:jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v4.5a3 3 0 0 0 3 3 3 3 0 0 0 3 3h4.5a3 3 0 0 0 3-3v-4.5a3 3 0 0 0-3-3 3 3 0 0 0-3-3zm7.5 4.5a1.5 1.5 0 0 1 1.5 1.5v4.5a1.5 1.5 0 0 1-1.5 1.5h-4.5a1.5 1.5 0 0 1-1.5-1.5h3a3 3 0 0 0 3-3z"})})}),jsx("button",{onClick:()=>e.onOpenExplorer(),children:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",className:"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",children:jsx("path",{d:"M12.7432 15.7432C14.3999 15.7432 15.7432 14.3999 15.7432 12.7432V5.24316C15.7432 3.58641 14.3999 2.24316 12.7432 2.24316H5.24316C3.58641 2.24316 2.24316 3.58641 2.24316 5.24316V12.7432C2.24316 14.3999 3.58641 15.7432 5.24316 15.7432H12.7432ZM6.74316 11.9932C6.55116 11.9932 6.35092 11.9287 6.20392 11.7824C5.91142 11.4892 5.91142 10.9972 6.20392 10.7039L9.20392 7.70392L7.49316 5.99316H11.9932V10.4932L10.2824 8.78241L7.28241 11.7824C7.13616 11.9287 6.93516 11.9932 6.74316 11.9932Z"})})})]})]})}),jsx(Divider,{className:"oui-mx-4 oui-my-3",intensity:8}),jsx(DropdownMenuGroup,{children:jsx(DropdownMenuItem,{size:"xl",onSelect:i=>{i.preventDefault(),o();},"data-testid":"oui-testid-nav-bar-dropDownMenuItem-disconnect",children:jsxs(Flex,{gap:2,className:"oui-text-danger-light",children:[jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97 14.03a.75.75 0 0 1 0-1.06l.262-.263C2.594 12.354 1.5 11.108 1.5 9.06c0-2.447 1.563-3.75 3.75-3.75H6a.75.75 0 0 1 0 1.5h-.75C3.837 6.81 3 7.508 3 9.06s.837 2.25 2.25 2.25h.38l1.188-1.188a.75.75 0 0 1-.068-.312v-.75c0-1.162.381-2.19 1.172-2.883.645-.565 1.512-.867 2.578-.867h1.13l1.34-1.34a.75.75 0 0 1 1.061 1.06l-9 9a.75.75 0 0 1-1.06 0m6.14-7.2L8.27 8.668c.065-.583.281-1.056.635-1.367.289-.253.684-.419 1.205-.473M7.825 12.8l3.414-3.415c-.126 2.12-1.496 3.297-3.414 3.415m7.705-6.58a.75.75 0 0 0-1.06 1.06c.508.509.53 1.202.53 1.72 0 .739-.014 1.203-.53 1.72-.165.164-.455.307-.825.405a3.8 3.8 0 0 1-.895.125H12a.75.75 0 0 0 0 1.5h.75c.31 0 .787-.045 1.28-.175.48-.127 1.065-.36 1.5-.795.97-.97.97-1.991.97-2.75v-.06c0-.51.002-1.778-.97-2.75",fill:"currentcolor"})}),jsx("span",{children:n("connector.disconnect")})]})})})]})})]})};var yt=()=>{let{t:e}=useTranslation(),{disconnect:t,connectedChain:o}=useWalletConnector(),{account:n,state:i}=useAccount(),{connectWallet:r,disabledConnect:a}=useAppContext(),[s,{findByChainId:l}]=useChains(),d=async()=>{modal.show(WalletConnectorModalId).then(u=>{},u=>{});},c=async()=>{modal.show(WalletConnectorModalId).then(u=>{},u=>{});},p=()=>{n.once("validate:end",u=>{u<AccountStatusEnum.EnableTrading?h({status:u}):toast.success(e("connector.walletConnected"));}),modal.show(ChainSelectorDialogId).then(u=>{u.wrongNetwork||(i.status<AccountStatusEnum.EnableTrading?h(i):toast.success(e("connector.walletConnected")));},u=>{});},f=async()=>{let u=await r();u&&(u.wrongNetwork?p():h(u));},h=u=>{u.validating||u.status<=AccountStatusEnum.Connected||(u.status<AccountStatusEnum.SignedIn&&d(),u.status<AccountStatusEnum.EnableTrading&&c());},v=useCallback(()=>{if(!o)return;let u=l(o.id,"network_infos");if(u){let{explorer_base_url:b}=u;b&&(b.endsWith("/")?window.open(`${b}address/${n.address}`):window.open(`${b}/address/${n.address}`));}},[i,o]),x=async()=>{localStorage.removeItem("orderly_link_device"),await t({label:i.connectWallet?.name}),await n.disconnect();};return {address:i.address,accountState:i,connect:f,onCrateAccount:d,onCreateOrderlyKey:c,onOpenExplorer:v,onDisconnect:x,disabledConnect:a}};var Ro=()=>{let e=yt();return jsx(Ke,{...e})};installExtension({name:"account-menu",scope:["*"],positions:[ExtensionPositionEnum.AccountMenu],builder:yt,__isInternal:true})(e=>jsx(Ke,{...e}));var Qe=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.AccountMenu});var Yi=e=>{let{totalValue:t=0,visible:o=true,onToggleVisibility:n,visibleAvailable:i=true}=e,{t:r}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:r("common.totalValue")}),i&&jsx("button",{onClick:()=>n?.(),children:o?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})}),jsx(Text,{intensity:54,children:"\u2248"})]}),jsx(Text.numeral,{visible:e.visible,unit:"USDC",unitClassName:"oui-text-base-contrast-20 oui-ml-1",as:"div",children:t??"-"})]})},Ji=e=>{let{freeCollateral:t,visible:o,onToggleVisibility:n,visibleAvailable:i=true}=e,{t:r}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:r("trading.asset.freeCollateral")}),i&&jsx("button",{onClick:()=>n?.(),children:o?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})})]}),jsx(Text.numeral,{unit:"USDC",unitClassName:"oui-text-base-contrast-20 oui-ml-1",visible:o,as:"div",children:t??"-"})]})},ji=e=>{let{currentLeverage:t}=e,{t:o}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsx(Box,{children:jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:o("leverage.currentLeverage")})}),jsx(Text.numeral,{as:"div",unit:"x",children:t??0})]})},er=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsx(Box,{children:jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:t("leverage.maxLeverage")})}),jsx(Text,{color:"primary",as:"div",children:`${e.maxLeverage??"--"}x`})]})},tr=e=>{let{visible:t,onToggleVisibility:o,visibleAvailable:n=true}=e,{t:i}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:i("common.unrealizedPnl")}),n&&jsx("button",{onClick:()=>o?.(),children:t?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})})]}),jsx(Text.numeral,{as:"div",coloring:true,showIdentifier:true,weight:"semibold",visible:t,suffix:jsx(Text.numeral,{coloring:true,prefix:"(",suffix:")",rule:"percentages",children:e.unrealized_pnl_ROI??"-"}),children:e.unrealPnL??"-"})]})},or=e=>{let{totalValue:t,keys:o,elementKeys:n}=e,{t:i}=useTranslation(),r=s=>l=>{l.preventDefault(),l.stopPropagation(),e.onKeyToTop(s);},a=n.map(s=>{switch(s){case "totalValue":return jsxs(Ae,{onSetTop:r("totalValue"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("totalValue"),onClick:()=>e.onToggleItemByKey("totalValue")}),jsx("span",{children:i("common.totalValue")})]}),jsx(Text.numeral,{visible:e.visible,unit:"USDC",className:"group-hover:-oui-translate-x-5 oui-transition-transform",unitClassName:"oui-text-base-contrast-36 oui-ml-1",children:t??"-"})]},s);case "freeCollateral":return jsxs(Ae,{onSetTop:r("freeCollateral"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("freeCollateral"),onClick:()=>e.onToggleItemByKey("freeCollateral")}),jsx("span",{children:i("trading.asset.freeCollateral")})]}),jsx(Text.numeral,{unit:"USDC",visible:e.visible,className:"group-hover:-oui-translate-x-5 oui-transition-transform",unitClassName:"oui-text-base-contrast-36 oui-ml-1",children:e.freeCollateral??"-"})]},s);case "unrealPnL":return jsxs(Ae,{onSetTop:r("unrealPnL"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("unrealPnL"),onClick:()=>e.onToggleItemByKey("unrealPnL")}),jsx("span",{children:i("common.unrealizedPnl")})]}),jsx(Text.numeral,{coloring:true,showIdentifier:true,visible:e.visible,className:"group-hover:-oui-translate-x-5 oui-transition-transform",suffix:jsx(Text.numeral,{coloring:true,prefix:"(",visible:e.visible,suffix:")",rule:"percentages",children:e.unrealized_pnl_ROI??"-"}),children:e.unrealPnL??"-"})]},s);case "currentLeverage":return jsxs(Ae,{onSetTop:r("currentLeverage"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("currentLeverage"),onClick:()=>e.onToggleItemByKey("currentLeverage")}),jsx("span",{children:i("leverage.currentLeverage")})]}),jsx(Text.numeral,{className:"group-hover:-oui-translate-x-5 oui-transition-transform",unit:"x",children:e.currentLeverage??"-"})]},s);case "maxLeverage":return jsxs(Ae,{onSetTop:r("maxLeverage"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("maxLeverage"),onClick:()=>e.onToggleItemByKey("maxLeverage")}),jsx("span",{children:i("leverage.maxLeverage")})]}),jsx(Text,{className:"group-hover:-oui-translate-x-5 oui-transition-transform",color:"primary",children:`${e.maxLeverage??"-"}x`})]},s);default:return null}});return jsx(Flex,{className:"oui-text-2xs oui-font-semibold",direction:"column",gapY:1,children:a})},Ae=e=>jsxs("div",{className:"oui-w-full oui-relative oui-group hover:oui-bg-base-6 oui-px-[6px] oui-py-1 oui-rounded",children:[jsx(Flex,{justify:"between",width:"100%",children:e.children}),jsx("button",{className:"oui-absolute oui-right-1 oui-top-1",onClick:e.onSetTop,children:jsxs("svg",{className:"group-hover:oui-opacity-100 group-hover:oui-translate-x-0 oui-opacity-0 oui-translate-x-3 oui-transition-all oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"16",height:"16",rx:"2",fill:"rgb(var(--oui-color-primary-darken))"}),jsx("path",{d:"M3.507 3.999a.5.5 0 1 0 0 1h9a.5.5 0 0 0 0-1zm4 8.006a.5.5 0 0 0 1 0V7.724l1.5 1.484.703-.703-2.343-2.36a.515.515 0 0 0-.72 0l-2.343 2.36.703.703 1.5-1.484z"})]})})]}),Te=e=>jsx("button",{onClick:e.onClick,children:e.active?jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:jsx("path",{d:"M7.506.977a.56.56 0 0 0-.365.16C6.367 1.88 6.13 2.5 6.413 3.348c-.661.506-1.078.63-1.903.63-1.127 0-1.863.137-2.364.637v.016a1.187 1.187 0 0 0 0 1.686l1.4 1.411-2.385 2.385a.513.513 0 0 0-.015.717.514.514 0 0 0 .719 0l2.394-2.395 1.403 1.396a1.19 1.19 0 0 0 1.687 0h.016c.501-.5.64-1.142.64-2.358 0-.773.16-1.319.64-1.893.924.271 1.462.012 2.22-.746a.5.5 0 0 0 .14-.36c0-.175-.044-.445-.156-.78a4 4 0 0 0-.984-1.577 4 4 0 0 0-1.578-.984C7.95 1.02 7.682.977 7.506.977",fill:"currentcolor",className:"oui-text-primary-light"})}):jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:jsx("path",{d:"M7.506.977a.56.56 0 0 0-.365.16C6.367 1.88 6.13 2.5 6.413 3.348c-.661.506-1.078.63-1.903.63-1.127 0-1.863.137-2.364.637v.016a1.187 1.187 0 0 0 0 1.686l1.4 1.411-2.385 2.385a.513.513 0 0 0-.015.717.514.514 0 0 0 .719 0l2.394-2.395 1.403 1.396a1.19 1.19 0 0 0 1.687 0h.016c.501-.5.64-1.142.64-2.358 0-.773.16-1.319.64-1.893.924.271 1.462.012 2.22-.746a.5.5 0 0 0 .14-.36c0-.175-.044-.445-.156-.78a4 4 0 0 0-.984-1.577 4 4 0 0 0-1.578-.984C7.95 1.02 7.682.977 7.506.977m.193 1.027c.531.098 1.066.45 1.447.83.381.382.706.848.84 1.459-.477.458-.77.494-1.247.243a.5.5 0 0 0-.583.087c-.91.91-1.15 1.736-1.15 2.85 0 .97-.057 1.33-.36 1.655-.085.092-.203.078-.281 0L2.849 5.615a.18.18 0 0 1-.012-.255c.178-.217.576-.386 1.669-.386 1.306.001 2-.335 2.859-1.14a.5.5 0 0 0 .094-.578c-.257-.513-.217-.784.24-1.252",fill:"currentcolor"})})});var At=e=>{let{keys:t,...o}=e,n=0,i=$t.useRef(0);useEffect(()=>{let a=new ResizeObserver(s=>{if(Array.isArray(s)&&s.length>0){let l=s[0].contentRect.width;l>1556?i.current=5:l>1480?i.current=4:l>1366?i.current=3:l>1280?i.current=2:l>1180?i.current=1:i.current=0;}});return a.observe(document.body),()=>{a.disconnect();}},[]);let r=t.slice(0,i.current).map((a,s)=>{switch(a){case "freeCollateral":return jsx(Ji,{freeCollateral:e.freeCollateral,visible:e.visible,onToggleVisibility:e.onToggleVisibility,visibleAvailable:s===n});case "unrealPnL":return jsx(tr,{unrealPnL:e.unrealPnL,unrealized_pnl_ROI:e.unrealized_pnl_ROI,visible:e.visible,onToggleVisibility:e.onToggleVisibility,visibleAvailable:s===n});case "currentLeverage":return n++,jsx(ji,{currentLeverage:e.currentLeverage});case "maxLeverage":return n++,jsx(er,{maxLeverage:e.maxLeverage});case "totalValue":default:return jsx(Yi,{totalValue:e.totalValue,onToggleVisibility:e.onToggleVisibility,visible:e.visible,visibleAvailable:s===n})}});return jsxs("div",{className:"oui-flex oui-items-center oui-gap-6",children:[jsx(nr,{elements:r}),jsx(Popover,{content:jsx(or,{totalValue:o.totalValue,freeCollateral:e.freeCollateral,maxLeverage:e.maxLeverage,currentLeverage:e.currentLeverage,unrealized_pnl_ROI:e.unrealized_pnl_ROI,unrealPnL:e.unrealPnL,keys:t,elementKeys:e.elementKeys,onToggleItemByKey:e.onToggleItemByKey,onKeyToTop:e.onKeyToTop,visible:e.visible}),contentProps:{onOpenAutoFocus:a=>a.preventDefault(),sideOffset:12,className:"oui-p-1"},arrow:true,children:jsx("div",{className:"oui-cursor-pointer oui-group",children:jsx(ir,{})})})]})},nr=e=>jsx("div",{className:"oui-flex oui-gap-6",children:e.elements.map((t,o)=>jsx("div",{children:t},o))}),ir=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-base-contrast-36 hover:oui-fill-primary-light group-data-[state=open]:oui-fill-primary-light",children:jsx("path",{d:"M10.007 8.335a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333m-5.84 0a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333m11.666 0a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333"})});var Fo=()=>{let[e,t]=useLocalStorage("accountSummaryTypes",["totalValue"]),[o,n]=useState(["totalValue","freeCollateral","unrealPnL","currentLeverage","maxLeverage"]),{freeCollateral:i,totalValue:r}=useCollateral({dp:2}),{state:a}=useAccount(),[s,l]=useLocalStorage("orderly_assets_visible",true),[{aggregated:d,totalUnrealizedROI:c}]=usePositionStream(),{wrongNetwork:p,disabledConnect:f}=useAppContext(),{currentLeverage:h}=useMarginRatio(),{maxLeverage:v}=useLeverage(),x=m=>{e.includes(m)?t(e.filter(C=>C!==m)):t([...e,m]);},u=m=>{if(!e.includes(m)){t([m,...e]),n([m,...o.filter(C=>C!==m)]);return}t([m,...e.filter(C=>C!==m)]),n([m,...o.filter(C=>C!==m)]);},b=p||f||a.status<AccountStatusEnum.EnableTrading&&a.status!==AccountStatusEnum.EnableTradingWithoutConnected;return {totalValue:b?null:r,freeCollateral:b?null:i,maxLeverage:b?null:v,currentLeverage:b?null:h,unrealPnL:b?null:d?.total_unreal_pnl,unrealized_pnl_ROI:b?null:c,keys:e,elementKeys:o,visible:s,wrongNetwork:p,onToggleItemByKey:x,onKeyToTop:u,onToggleVisibility:()=>l(!s)}};var qe=()=>{let e=Fo();return jsx(At,{...e,elementKeys:e.elementKeys})};var Eo=()=>{let[e,t]=useState(false),[o,n]=useState(false),{state:i}=useAccount(),{connectedChain:r}=useWalletConnector(),{currentChainId:a,wrongNetwork:s,disabledConnect:l,setCurrentChainId:d}=useAppContext(),c=useConfig("networkId"),p=()=>{t(false);},f=()=>{n(true),p();},h=()=>{n(false);};return {isConnected:!!r,currentChainId:a,wrongNetwork:s,disabledConnect:l,accountStatus:i.status,networkId:c,open:e,onOpenChange:t,hide:p,onChainChangeBefore:f,onChainChangeAfter:h,loading:o,setCurrentChainId:d}};var Xe=e=>{let{t}=useTranslation();if(e.wrongNetwork&&e.isConnected&&!e.disabledConnect)return jsx(Tooltip,{open:true,hideWhenDetached:true,content:t("connector.wrongNetwork.tooltip"),className:"oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children:jsx(Button,{color:"warning",size:"md",onClick:()=>{modal.show(ChainSelectorDialogId,{networkId:e.networkId}).then(i=>{!i.wrongNetwork&&e.accountStatus<AccountStatusEnum.EnableTrading&&modal.show(WalletConnectorModalId).then(r=>{},r=>{});},i=>{});},children:t("connector.wrongNetwork")})});let o=()=>{if(e.loading)return jsx(Spinner,{className:"oui-w-[18px] oui-h-[18px]"});if(e.currentChainId)return jsx(ChainIcon,{chainId:e.currentChainId,size:"xs"})},n=jsxs(Flex,{intensity:500,justify:"center",className:cn("oui-relative oui-cursor-pointer","oui-w-11 oui-h-8","oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px]"),children:[o(),jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg",className:"oui-absolute oui-right-0 oui-bottom-0",children:[jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_490_5080",x1:"10",y1:"5",x2:"-5.79673e-08",y2:"5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})}),jsx("path",{d:"M10 7V0L0 10H7C8.65685 10 10 8.65685 10 7Z",fill:"url(#paint0_linear_490_5080)"})]})]});return jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:n}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:i=>i.preventDefault(),onClick:i=>i.stopPropagation(),sideOffset:4,collisionPadding:{right:16},className:cn("oui-bg-base-8 oui-w-[456px] oui-p-4 oui-rounded-xl","oui-border oui-border-line-6","oui-font-semibold"),children:jsx(ChainSelectorWidget,{close:e.hide,onChainChangeBefore:e.onChainChangeBefore,onChainChangeAfter:e.onChainChangeAfter})})})]})};var zo=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(n=>{n?.chainId&&e.setCurrentChainId(n?.chainId),toast.success(t("connector.networkSwitched"));},n=>{});},children:jsxs(Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-8 oui-w-8 oui-flex oui-items-center oui-justify-center",children:[jsx(ChainIcon,{chainId:e.currentChainId,size:"xs",className:"oui-h-[18px] oui-w-[18px]"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var de=()=>{let e=Eo(),{isMobile:t}=useScreen();return t?jsx(zo,{...e}):jsx(Xe,{...e})};var kt=e=>{let[t,o]=useState(false),[n,i]=useState(false),[r,a]=useState(i18n.language),{languages:s,onLanguageBeforeChanged:l,onLanguageChanged:d,popup:c}=useLocaleContext(),{track:p,setIdentify:f}=useTrack(),{isMobile:h}=useScreen(),v=async(u,b)=>{i(true),a(u),await l(u),await i18n.changeLanguage(u),await d(u),o(false),e?.setOpen?.(false),i(false),p(TrackerEventName.switchLanguage,{language:b,language_code:u}),f({language_code:u});},x=useMemo(()=>({...c,...e?.popup,mode:e?.popup?.mode||c?.mode||(h?"sheet":"modal")}),[c,e?.popup,h]);return {open:e?.open||t,onOpenChange:e?.setOpen||o,languages:s,selectedLang:r,onLangChange:v,loading:n,popup:x}};var Vt=e=>{let{languages:t,popup:o}=e,{t:n}=useTranslation(),{isMobile:i}=useScreen();if(t.length<=1)return null;let r=jsx(ea,{className:cn("oui-size-6 lg:oui-size-5","oui-cursor-pointer oui-text-base-contrast-80","hover:oui-fill-base-contrast oui-transition-colors",i&&"oui-h-[18px] oui-w-[18px]"),id:"language-switcher-icon",onClick:()=>e.onOpenChange(true)}),a=jsx(Text,{weight:"semibold",children:n("languageSwitcher.language")}),s=t.map(c=>{let p=e.selectedLang===c.localCode;return jsx(jr,{className:cn(["modal","sheet"].includes(o.mode??"")&&"oui-w-[calc((100%_-_4px)/2)] lg:oui-w-[calc((100%_-_8px)/3)]"),selected:p,item:c,onClick:()=>e.onLangChange(c.localCode,c.displayName),loading:e.loading},c.localCode)}),l=jsx(Flex,{gap:1,className:"oui-flex-wrap",children:s}),d=jsx(Box,{mt:4,children:jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-warning-darken",children:n("languageSwitcher.tips")})});if(o?.mode==="sheet"&&i)return jsxs(Fragment,{children:[r,jsxs(SimpleSheet,{open:e.open,onOpenChange:e.onOpenChange,classNames:{content:cn("oui-px-5 oui-pb-5",o?.className),body:"oui-pb-[env(safe-area-inset-bottom)]"},contentProps:{style:o?.style},title:a,children:[l,d]})]});if(o?.mode==="dropdown"){let c=jsx(Box,{mt:4,className:cn("oui-custom-scrollbar oui-max-h-[348px] oui-overflow-y-auto","oui-grid oui-gap-1 oui-pr-[6px]"),children:s});return jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:r}),jsx(DropdownMenuPortal,{children:jsxs(DropdownMenuContent,{onCloseAutoFocus:p=>p.preventDefault(),onClick:p=>p.stopPropagation(),sideOffset:10,align:"start",collisionPadding:{right:16},className:cn("oui-w-[320px] lg:oui-w-[360px]","oui-rounded-xl oui-bg-base-8 oui-p-5","oui-border oui-border-line-6","oui-font-semibold"),children:[a,c,d]})})]})}return jsxs(Fragment,{children:[r,jsxs(SimpleDialog,{title:a,open:e.open,onOpenChange:e.onOpenChange,size:i?"sm":"xl",classNames:{content:o?.className},contentProps:{style:o?.style},children:[l,d]})]})},jr=e=>{let{item:t}=e,o=()=>e.loading&&e.selected?jsx(Spinner,{size:"sm"}):e.selected?jsx(Box,{gradient:"brand",r:"full",width:4,height:4}):null;return jsx("button",{className:cn("oui-group oui-rounded-md hover:oui-bg-base-5",e.selected&&"oui-bg-base-5",e.className),onClick:e.onClick,children:jsxs(Flex,{justify:"between",className:"oui-h-10",px:3,children:[jsx(Flex,{itemAlign:"center",width:"100%",className:"oui-gap-x-[6px]",children:jsx(Text,{size:"2xs",className:cn("oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80",e.selected&&"oui-text-base-contrast-80"),children:t.displayName})}),o()]})})},ea=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M10 1.678a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 1 0 0-16.667m0 1.667c1.1 0 2.308 2.527 2.492 5.831l-4.975.01c.183-3.304 1.382-5.84 2.482-5.84m-2.943.67c-.717 1.393-1.1 3.242-1.193 5.165L3.38 9.174c.248-2.271 1.778-4.176 3.676-5.159m5.889.003c1.898.983 3.388 2.835 3.676 5.168l-2.483-.008c-.078-2-.52-3.758-1.193-5.16m-9.56 6.83 2.483-.02c.092 1.923.478 3.803 1.191 5.182a6.79 6.79 0 0 1-3.674-5.162m4.118.007 4.975-.01c-.184 3.303-1.38 5.833-2.48 5.833s-2.312-2.519-2.495-5.823m6.64-.008 2.471-.008c-.287 2.208-1.68 4.18-3.672 5.162.74-1.53 1.108-3.23 1.2-5.154"})})});var Ft=e=>{let t=kt(e);return jsx(Vt,{...t})};var Zo=e=>{let[t,o]=useState({}),{data:n=[],isLoading:i,mutate:r}=useSubAccountQuery("/v1/client/aggregate/positions",{errorRetryCount:3,accountId:e});return useEffect(()=>{if(i)return;if(!n||n.length===0){o({});return}let a=n.reduce((s,l)=>{let d=l.account_id;return s[d]?s[d]=new Decimal(s[d]).plus(l.unsettled_pnl).toNumber():s[d]=new Decimal(l.unsettled_pnl).toNumber(),s},{});o(a);},[n,i]),{accountValue:t}};var Et=()=>{let[e,t]=useState(false),[o,n]=useState([]),{data:i}=useIndexPricesStream(),{isMobile:r}=useScreen(),{state:a,subAccount:s,switchAccount:l}=useAccount(),{t:d}=useTranslation(),c=a.mainAccountId,{accountValue:p}=Zo(c),f=a.accountId,h=useRef(false),v=useMemo(()=>{if(!a.subAccounts||!a.subAccounts.length)return [];let C=a.subAccounts.find(P=>P.id===f);return C?[C,...a.subAccounts.filter(P=>P.id!==f)]:[...a.subAccounts]},[a.subAccounts,f]),x=useMemo(()=>({mode:r?"sheet":"modal"}),[r]),u=useCallback(C=>s.create(C),[s]),b=useCallback(C=>l(C).catch(P=>{}).then(P=>{toast.success(d("subAccount.modal.switch.success.description"));}),[l]),m=useMemo(()=>{let C=p[c]??0,P=c&&a.address?{id:c,userAddress:a.address,holding:o,accountValue:qo(o,C,i||{})}:void 0,H=v.map(Ne=>{let wt=p[Ne.id]??0;return {...Ne,accountValue:qo(Ne.holding||[],wt,i||{})}});return {mainAccount:P,subAccounts:H}},[c,a.address,o,v,p,i]);return useEffect(()=>{if(!e){h.current=false;return}!h.current&&c&&(h.current=true,s.refresh().then(C=>{n(C[c]||[]);}));},[e,c,s]),{mainAccount:m.mainAccount,currentAccountId:f,open:e,onOpenChange:t,popup:x,createSubAccount:u,subAccounts:m.subAccounts,onSwitch:b}},qo=(e,t,o)=>e.reduce((i,r)=>{let a=pa(r.token,o);return a?i+new Decimal(r.holding).times(a).toNumber():i},0)+t,pa=(e,t)=>{if(e==="USDC")return 1;let o=`PERP_${e}_USDC`;return t[o]??0};var Ht=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M10 2.5C8.16892 2.5 6.66667 4.00225 6.66667 5.83333C6.66667 7.66441 8.16892 9.16667 10 9.16667C11.8311 9.16667 13.3333 7.66441 13.3333 5.83333C13.3333 4.00225 11.8311 2.5 10 2.5ZM10 4.16667C10.9303 4.16667 11.6667 4.90299 11.6667 5.83333C11.6667 6.76368 10.9303 7.5 10 7.5C9.06965 7.5 8.33333 6.76368 8.33333 5.83333C8.33333 4.90299 9.06965 4.16667 10 4.16667ZM10 11.6667C8.54587 11.6667 6.82264 12.0082 5.37435 12.5798C4.65021 12.8656 3.99558 13.205 3.47168 13.641C2.94778 14.0769 2.5 14.6662 2.5 15.4167V17.5H17.5V16.6667V15.4167C17.5 14.6662 17.0522 14.0769 16.5283 13.641C16.0044 13.205 15.3498 12.8656 14.6257 12.5798C13.1774 12.0082 11.4541 11.6667 10 11.6667ZM10 13.3333C11.1784 13.3333 12.7884 13.645 14.0153 14.1292C14.6288 14.3713 15.1475 14.66 15.4622 14.9219C15.777 15.1838 15.8333 15.3622 15.8333 15.4167V15.8333H4.16667V15.4167C4.16667 15.3622 4.22299 15.1838 4.53776 14.9219C4.85253 14.66 5.37124 14.3713 5.9847 14.1292C7.21162 13.645 8.82163 13.3333 10 13.3333Z",fill:"white",fillOpacity:"0.98"})})}),$o=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M6 16L2 12L6 8L7.0625 9.0625L4.875 11.25H11V12.75H4.875L7.0625 14.9375L6 16ZM14 11L12.9375 9.9375L15.125 7.75H9V6.25H15.125L12.9375 4.0625L14 3L18 7L14 11Z"})})}),Ot=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M9.25 14H10.75V10.75H14V9.25H10.75V6H9.25V9.25H6V10.75H9.25V14ZM4.5 17C4.0875 17 3.73437 16.8531 3.44062 16.5594C3.14687 16.2656 3 15.9125 3 15.5V4.5C3 4.0875 3.14687 3.73438 3.44062 3.44063C3.73437 3.14688 4.0875 3 4.5 3H15.5C15.9125 3 16.2656 3.14688 16.5594 3.44063C16.8531 3.73438 17 4.0875 17 4.5V15.5C17 15.9125 16.8531 16.2656 16.5594 16.5594C16.2656 16.8531 15.9125 17 15.5 17H4.5ZM4.5 15.5H15.5V4.5H4.5V15.5Z"})})}),Xo=forwardRef((e,t)=>{let{size:o=12,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M9.95551 2.00049C9.81619 2.00049 9.67686 2.05318 9.57074 2.15918L5.43256 6.29785L5.24945 7.25049L6.20209 7.06738L10.3403 2.9292C10.443 2.82645 10.4999 2.68968 10.4999 2.54443C10.4999 2.39918 10.443 2.26218 10.3403 2.15918C10.2341 2.05318 10.0948 2.00049 9.95551 2.00049ZM3.12494 2.25C2.37147 2.25 1.74994 2.87153 1.74994 3.625V9.375C1.74994 10.1285 2.37147 10.75 3.12494 10.75H8.87494C9.62841 10.75 10.2499 10.1285 10.2499 9.375V5.25C10.2509 5.18374 10.2386 5.11796 10.2139 5.05648C10.1892 4.99499 10.1525 4.93903 10.106 4.89185C10.0595 4.84466 10.0041 4.8072 9.94293 4.78162C9.8818 4.75605 9.8162 4.74288 9.74994 4.74288C9.68368 4.74288 9.61807 4.75605 9.55695 4.78162C9.49582 4.8072 9.44038 4.84466 9.39386 4.89185C9.34734 4.93903 9.31066 4.99499 9.28595 5.05648C9.26124 5.11796 9.249 5.18374 9.24994 5.25V9.375C9.24994 9.58803 9.08797 9.75 8.87494 9.75H3.12494C2.91191 9.75 2.74994 9.58803 2.74994 9.375V3.625C2.74994 3.41197 2.91191 3.25 3.12494 3.25H7.24994C7.3162 3.25094 7.38198 3.2387 7.44346 3.21399C7.50494 3.18928 7.5609 3.1526 7.60809 3.10608C7.65527 3.05956 7.69274 3.00412 7.71832 2.94299C7.74389 2.88186 7.75706 2.81626 7.75706 2.75C7.75706 2.68374 7.74389 2.61814 7.71832 2.55701C7.69274 2.49588 7.65527 2.44044 7.60809 2.39392C7.5609 2.3474 7.50494 2.31072 7.44346 2.28601C7.38198 2.2613 7.3162 2.24906 7.24994 2.25H3.12494Z"})})});var Ca=e=>{let{t}=useTranslation(),o=useMemo(()=>({leading:e.accountId.slice(0,6),middle:e.accountId.slice(6,-4),trailing:e.accountId.slice(-4)}),[e.accountId]),n=useCallback(()=>{navigator.clipboard.writeText(e.accountId),toast.success(t("common.copy.copied"));},[e.accountId]);return jsxs(Flex,{className:"oui-min-h-[50px] oui-w-[180px]",gap:2,justify:"between",itemAlign:"center",children:[jsxs(Text,{className:"oui-w-full oui-break-all oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text,{className:"oui-text-base-contrast",children:o.leading}),jsx(Text,{children:o.middle}),jsx(Text,{className:"oui-text-base-contrast",children:o.trailing})]}),jsx(CopyIcon,{onClick:n,className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast"})]})},zt=e=>{let{t}=useTranslation();return jsx(Fragment,{children:jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",className:cn("oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4","oui-border oui-border-base-6",e.isCurrent&&" oui-border-[#38E2FE] ",!e.isCurrent&&"hover:oui-border-base-contrast-16"),children:[jsx("div",{className:"oui-absolute oui-inset-0 oui-z-0 ",onClick:()=>{e.isCurrent||e.onSwitch?.(e.accountId);}}),e.isCurrent&&jsx("div",{className:cn("oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54","oui-text-[10px] oui-font-semibold oui-text-black","oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]"),children:t("subAccount.modal.current")}),jsxs(Flex,{direction:"column",itemAlign:"start",gap:1,className:"oui-z-[2]",children:[e.isMainAccount?jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast",children:formatAddress(e.userAddress??"")}):jsxs(Flex,{justify:"start",itemAlign:"center",className:"oui-cursor-pointer oui-gap-[2px] oui-fill-base-contrast-54 hover:oui-fill-base-contrast",onClick:o=>{e.onEdit?.({accountId:e.accountId,description:e.description??""}),o.stopPropagation(),o.preventDefault();},children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast",children:e.description}),jsx(Xo,{className:"oui-fill-base-contrast-54 hover:oui-fill-base-contrast"})]}),jsx(Tooltip,{content:jsx(Ca,{accountId:e.accountId}),children:jsxs(Text,{className:"oui-text-2xs oui-leading-3 oui-text-base-contrast-36 hover:oui-text-base-contrast",children:["ID: ",formatAddress(e.accountId)]})})]},e.accountId),jsxs(Flex,{className:"oui-text-xs",itemAlign:"end",gap:1,children:[jsx(Text.numeral,{rule:"price",dp:2,children:e.accountValue??0}),jsx(Text,{children:"USDC"})]})]})})};var Je=e=>{let{t}=useTranslation();return jsx(TextField,{placeholder:`Sub-account ${(e.subAccountCount??0)+1}`,fullWidth:true,label:t("subAccount.modal.nickName.label"),value:e.nickName,onChange:o=>{e.setNickName(o.target.value);},formatters:[inputFormatter.createRegexInputFormatter(/[^a-zA-Z0-9@,\s_-]/g)],classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},maxLength:20,minLength:1,autoComplete:"off",helpText:t("subAccount.modal.create.nickname.role"),className:"oui-mb-4",color:e.invalid?"danger":void 0})};var rn=10,sn=e=>{let{t}=useTranslation(),{isMobile:o}=useScreen(),[n,i]=useState(false),[r,a]=useState(void 0),{state:s}=useAccount(),[l,d]=useState(false),[c,p]=useState(false),f=useMemo(()=>s.subAccounts?.length??0,[s]),h=useMemo(()=>f>=rn?jsx(Tooltip,{className:"oui-max-w-[188px]",content:t("subAccount.modal.create.max.description"),children:jsx(Ot,{className:cn("oui-cursor-not-allowed oui-fill-base-contrast-20")})}):jsx(Ot,{className:cn("oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast"),onClick:()=>{i(true);}}),[f]),v=jsxs(Flex,{py:3,direction:"column",justify:"between",itemAlign:"start",width:"100%",children:[jsx(Text,{weight:"semibold",children:t("subAccount.modal.create.title")}),jsx(Text,{className:"oui-text-2xs oui-text-base-contrast-36",children:t("subAccount.modal.create.description",{subAccountCount:f,remainingCount:rn-f})})]}),x=()=>{a(""),d(false),p(false);},u=m=>!m||!(m.length>=1&&m.length<=20)?(d(true),true):(d(false),false),b=m=>{let C=`Sub-account ${f+1}`;m&&(C=m.trim()),p(true),e.create(C).then(P=>{x(),toast.success(t("subAccount.modal.create.success.description")),i(false);}).catch(P=>{toast.error(t("subAccount.modal.create.failed.description"));}).finally(()=>{p(false);});};return jsxs(Fragment,{children:[h,jsx(SimpleDialog,{title:v,open:n,onOpenChange:m=>{x(),i(m);},size:o?"sm":"xl",actions:{primary:{label:t("common.confirm"),disabled:l||c,loading:c,onClick:()=>{u(r)||b(r);}}},classNames:{content:"oui-w-[360px]"},children:jsx(Je,{nickName:r,setNickName:m=>{u(m),a(m);},subAccountCount:f,invalid:l})})]})};var ln=e=>{let{subAccount:t}=useAccount(),[o,n]=useState(false),{t:i}=useTranslation(),[r,a]=useState(void 0),[s,l]=useState(false),d=c=>{if(!c||!(c.length>=1&&c.length<=20))return l(true),true;l(false);};return useEffect(()=>{a(e.nickName),l(false),n(false);},[e.nickName,e.open]),jsx(SimpleDialog,{title:jsx(Text,{children:i("subAccount.modal.edit.title")}),open:e.open,onOpenChange:e.onOpenChange,classNames:{content:"oui-w-[360px]"},actions:{primary:{label:i("common.confirm"),disabled:o||s,loading:o,onClick:()=>{d(r)||(n(true),t?.update({subAccountId:e.accountId,description:r}).catch(c=>{toast.error(i("subAccount.modal.edit.failed.description"));}).then(c=>{toast.success(i("subAccount.modal.edit.success.description")),e.onOpenChange(false);}).finally(()=>{n(false);}));}},secondary:{label:i("common.cancel"),onClick:()=>e.onOpenChange(false)}},children:jsx(Je,{nickName:r,setNickName:c=>{d(c),a(c??"");},invalid:s})})};function Ut(e){let{t}=useTranslation(),{isMobile:o}=useScreen(),n=useRef(null),i=useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null);},[]),r=jsx(Text,{weight:"semibold",children:t("subAccount.modal.title")}),a=useMemo(()=>o?jsx(Flex,{className:"oui-bg-base-6 oui-h-8 oui-w-8 oui-rounded-md",itemAlign:"center",justify:"center",children:jsx(Ht,{className:cn("oui-cursor-pointer"),onClick:()=>e.onOpenChange(true)})}):jsx(Ht,{className:cn("oui-cursor-pointer")}),[o]),[s,l]=useState(false),[d,c]=useState(void 0),p=jsx(Flex,{direction:"column",itemAlign:"start",justify:"center",px:5,width:"100%",className:"oui-h-[120px]",children:jsx(Text,{className:"oui-text-center oui-text-xs oui-font-semibold oui-text-base-contrast-36",children:t("subAccount.modal.noAccount.description")})}),f=()=>e.subAccounts?.length?jsx(ScrollArea,{className:"oui-custom-scrollbar oui-max-h-[200px] oui-w-full oui-overflow-y-auto",children:jsx(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:e.subAccounts.map(v=>jsx(zt,{accountId:v.id,description:v.description,isMainAccount:false,isCurrent:v.id===e.currentAccountId,onSwitch:x=>{e.onSwitch?.(x);},accountValue:v.accountValue??0,onEdit:()=>{c({accountId:v.id,description:v.description??""}),l(true);}},v.id))})}):p,h=jsxs(Fragment,{children:[jsxs(Flex,{direction:"column",gap:5,itemAlign:"start",width:"100%",children:[!o&&r,jsxs(Flex,{direction:"column",gap:5,itemAlign:"start",width:"100%",children:[jsxs(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast-54",children:t("subAccount.modal.mainAccount.title")}),jsx(zt,{accountId:e.mainAccount?.id??"",isMainAccount:true,userAddress:e.mainAccount?.userAddress??"",isCurrent:e.currentAccountId===e.mainAccount?.id,onSwitch:v=>{e.onSwitch?.(v);},accountValue:e.mainAccount?.accountValue??0})]}),jsxs(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",gap:2,children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast-54",children:t("subAccount.modal.subAccounts.title")}),jsxs(Flex,{justify:"end",gap:2,children:[e.subAccounts.length>0&&jsx($o,{className:"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast",onClick:()=>{let v="TransferDialogId";o&&(v="TransferSheetId"),modal.show(v);}}),jsx(sn,{create:e.createSubAccount})]})]}),f()]})]})]}),jsx(ln,{accountId:d?.accountId??"",nickName:d?.description??"",open:s,onOpenChange:l})]});return o?jsxs(Fragment,{children:[a,jsx(SimpleDialog,{title:r,open:e.open,onOpenChange:e.onOpenChange,size:"xs",classNames:{content:"oui-w-[300px]"},children:h})]}):jsxs(PopoverRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(PopoverAnchor,{children:jsx("div",{onMouseEnter:()=>{e.onOpenChange(true);},onMouseLeave:()=>{n.current=setTimeout(()=>{e.onOpenChange(false);},150);},children:a})}),jsx(PopoverContent,{align:"start",side:"bottom",sideOffset:16,collisionPadding:{right:16},onMouseEnter:i,onMouseLeave:()=>{e.onOpenChange(false),n.current&&clearTimeout(n.current);},className:cn("oui-w-[300px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-5"),children:h})]})}var ke=()=>{let e=Et();return jsx(Ut,{...e})};var ot=e=>{let{classNames:t,currentPath:o,item:n,onClick:i,...r}=e,a=useMemo(()=>e.currentPath?.[0]===e.item.href,[o]),s=useCallback(()=>{Array.isArray(e.item.children)||e.onClick?.([e.item]);},[e.item]),l=jsxs("button",{id:n.id,"data-testid":n.testid,...r,disabled:e.item.disabled,"data-actived":a,className:cn("oui-group oui-relative oui-h-[32px] oui-rounded oui-px-3 oui-py-1 oui-text-sm oui-text-base-contrast-36 hover:oui-bg-base-7",t?.navItem),onClick:s,children:[jsxs("span",{className:"oui-flex oui-items-center",children:[jsx(fn,{isActive:a,item:e.item}),jsx(Text.gradient,{color:a?"brand":"inherit",angle:45,className:"oui-whitespace-nowrap oui-break-normal",children:e.item.name}),Array.isArray(e.item.children)&&jsx("span",{className:"oui-ml-1 group-data-[open=true]:oui-rotate-180",children:a?jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M2.913 4.515a.5.5 0 0 0-.328.202.51.51 0 0 0 .14.701L5.722 7.41a.51.51 0 0 0 .562 0l2.995-1.992a.51.51 0 0 0 .14-.7.51.51 0 0 0-.701-.14L6.002 6.382 3.287 4.577a.5.5 0 0 0-.374-.062",fill:"url(#mainNavDropDownIcon)"}),jsx("defs",{children:jsxs("linearGradient",{id:"mainNavDropDownIcon",x1:"9.502",y1:"5.994",x2:"2.502",y2:"5.994",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}):jsx(ChevronDownIcon,{size:12,color:"white"})})]}),jsx(Box,{invisible:!a,position:"absolute",bottom:0,left:"50%",height:"3px",r:"full",width:"60%",gradient:"brand",angle:45,className:"-oui-translate-x-1/2 "})]});return Array.isArray(e.item.children)?jsx(is,{items:e.item.children,className:t?.subMenu,current:e.currentPath?.[1],onItemClick:d=>{e.onClick?.([e.item,d]);},children:l}):l},is=e=>{let[t,o]=useState(false),n=useRef(null),i=useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null);},[]),r=e.children.props.className;return jsxs(PopoverRoot,{open:t,children:[jsx(PopoverAnchor,{children:jsx("div",{className:"oui-group","data-open":t,onMouseEnter:()=>{o(true);},onMouseLeave:()=>{n.current=setTimeout(()=>{o(false);},150);},children:cloneElement(e.children,{className:cn(r,t&&"oui-bg-base-7")})})}),jsx(PopoverContent,{align:"start",onMouseEnter:i,onMouseLeave:()=>{o(false),n.current&&clearTimeout(n.current);},className:cn("oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",e.className),children:e.items.map((a,s)=>jsx(rs,{item:a,onClick:e.onItemClick,active:a.href===e.current},s))})]})},rs=e=>{let{item:t}=e;return jsxs(Flex,{px:2,py:3,gapX:2,"data-active":e.active??false,className:cn("oui-group oui-w-full oui-cursor-pointer oui-items-start oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5"),r:"md",onClick:()=>{e.onClick(t);},"data-testid":t.testid,children:[!!e.item.icon&&jsx("div",{className:"oui-relative oui-size-6 oui-translate-y-1",children:jsx(fn,{isActive:e.active??false,item:e.item})}),jsxs("div",{className:"oui-flex-1",children:[jsx(as,{item:t,isActive:e.active}),typeof t.description<"u"&&jsx(Text,{size:"2xs",as:"div",intensity:36,children:t.description})]})]})},as=e=>{let{item:{name:t},isActive:o}=e;return jsxs(Flex,{itemAlign:"center",width:"100%",position:"relative",children:[jsxs("div",{className:"oui-flex oui-flex-1",children:[jsx(Text.gradient,{color:o?"brand":"inherit",size:"xs",as:"div",intensity:80,weight:"semibold",className:"oui-whitespace-nowrap oui-break-normal",children:t}),typeof e.item.tag<"u"&&jsx(ss,{item:e.item})]}),e.item.target==="_blank"&&jsx(cs,{})]})},ss=e=>jsx("div",{className:"oui-ml-1 oui-inline-flex oui-rounded oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)] oui-px-2 oui-py-1",children:jsx(Text.gradient,{color:"brand",size:"3xs",className:"oui-whitespace-nowrap oui-break-normal",children:e.item.tag})}),dn="oui-flex oui-border oui-border-line oui-w-6 oui-h-6 oui-rounded-md oui-justify-center oui-items-center oui-absolute oui-left-0 oui-top-0",fn=e=>{let{item:t,isActive:o}=e;return e.item.icon?typeof e.item.icon=="string"?jsx("span",{className:"oui-mr-1 oui-size-[20px]",children:jsx("img",{src:o&&e.item.activeIcon||e.item.icon,className:"oui-max-h-full oui-max-w-full"})}):jsxs(Fragment,{children:[jsx("div",{className:cn(dn,"group-hover:oui-invisible group-data-[active=true]:oui-invisible"),children:e.item.icon}),jsx("div",{className:cn(dn,"oui-invisible group-hover:oui-visible group-data-[active=true]:oui-visible"),children:e.item.activeIcon||e.item.icon})]}):null},cs=()=>jsxs(Fragment,{children:[jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-absolute oui-right-0 oui-top-0 group-hover:oui-invisible",children:jsx("path",{d:"M14.159 17.492a3.333 3.333 0 0 0 3.333-3.333V5.826a3.333 3.333 0 0 0-3.333-3.334H5.826a3.333 3.333 0 0 0-3.334 3.334v8.333a3.333 3.333 0 0 0 3.334 3.333zm-6.667-4.166a.85.85 0 0 1-.599-.235.86.86 0 0 1 0-1.198l3.333-3.333-1.9-1.901h5v5l-1.901-1.9L8.09 13.09a.84.84 0 0 1-.599.235",fill:"#fff",fillOpacity:".2"})}),jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-invisible oui-absolute oui-right-0 oui-top-0 group-hover:oui-visible",children:[jsx("path",{d:"M14.159 17.492a3.333 3.333 0 0 0 3.333-3.333V5.826a3.333 3.333 0 0 0-3.333-3.334H5.826a3.333 3.333 0 0 0-3.334 3.334v8.333a3.333 3.333 0 0 0 3.334 3.333zm-6.667-4.166a.85.85 0 0 1-.599-.235.86.86 0 0 1 0-1.198l3.333-3.333-1.9-1.901h5v5l-1.901-1.9L8.09 13.09a.84.84 0 0 1-.599.235",fill:"url(#outlineIcon)"}),jsx("defs",{children:jsxs("linearGradient",{id:"outlineIcon",x1:"17.492",y1:"9.992",x2:"2.492",y2:"9.992",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})]});var vn=e=>jsx(Fragment,{children:jsx(ot,{item:e.item,onClick:e.onItemClick,classNames:{navItem:cn("oui-text-base-contrast-54 -oui-ml-2",e.className)}})});var Qt=60;function qt(){let[e,t]=useState(false),[o,n]=useState(true),[i,r]=useState(false),[a,s]=useState(Qt),[l,d]=useState(""),[c,p]=useState(""),f=useEventEmitter(),{track:h}=useTrack(),{state:v,account:x}=useAccount(),[u,{findByChainId:b}]=useChains(void 0,{pick:"network_infos",filter:F=>F.network_infos?.bridge_enable||F.network_infos?.bridgeless}),m=()=>{let F=b(x.chainId);return {wallet:v?.connectWallet?.name,network:F?.network_infos.name}},C=useCallback(async()=>{try{let F=await x.createApiKey(30);d(F.secretKey),n(!1),h(TrackerEventName.signLinkDeviceMessageSuccess,m());}catch(F){F instanceof Error&&F.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&f.emit("wallet:sign-message-with-ledger-error",{message:F.message,userAddress:x.address}),H();}},[x]),P=useCallback(()=>{t(true),C(),h(TrackerEventName.clickLinkDeviceButton,m());},[x]),H=useCallback(()=>{t(false);},[]),Ne=useCallback(()=>{r(true),h(TrackerEventName.linkDeviceModalClickConfirm,{});},[]),wt=useCallback(()=>{navigator.clipboard.writeText(c);},[c]);return useEffect(()=>{e||(r(false),n(true),s(Qt),d(""),p(""));},[e]),useEffect(()=>{if(a===0){H();return}if(!i)return;let F=setTimeout(()=>{s(a-1);},1e3);return ()=>clearTimeout(F)},[a,i]),useEffect(()=>{if(i&&l){let F=Math.floor(Date.now()/1e3)+Qt,Pi={k:l,t:F,a:x.address,i:x.chainId,n:x.walletAdapter?.chainNamespace},ki=fs(Pi);p(ki);}},[i,l]),{open:e,onOpenChange:t,showDialog:P,hideDialog:H,loading:o,seconds:a,confirm:i,onConfirm:Ne,url:c,copyUrl:wt}}function fs(e){let t=JSON.stringify(e),o=window.btoa(t);return `${window.location.origin}?link=${o}`}var nt=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018"})})}),it=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",...n,xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441"})})}),rt=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z"})})});rt.displayName="CommuntiyXIcon";nt.displayName="CommuntiyTelegramIcon";it.displayName="CommuntiyDiscordIcon";var Xt=$t.forwardRef((e,t)=>{let{opacity:o=1,...n}=e;return jsxs("svg",{ref:t,width:"45",height:"14",viewBox:"0 0 45 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.352 2.558a.063.063 0 0 1-.04.112H2.419a.063.063 0 0 1-.04-.112A4.73 4.73 0 0 1 5.365 1.5c1.132 0 2.171.396 2.987 1.058M3.518 7.546a.18.18 0 0 0-.148-.08H.886a.085.085 0 0 0-.083.11 4.75 4.75 0 0 0 4.562 3.429 4.75 4.75 0 0 0 4.562-3.43.085.085 0 0 0-.082-.108H7.36a.18.18 0 0 0-.148.079 2.252 2.252 0 0 1-3.694 0m3.518-2.812a.18.18 0 0 0 .134.061h2.598c.06 0 .101-.057.082-.113a4.8 4.8 0 0 0-.801-1.432.17.17 0 0 0-.132-.062H1.814a.17.17 0 0 0-.132.062A4.8 4.8 0 0 0 .88 4.682a.085.085 0 0 0 .081.113h2.6c.05 0 .099-.023.133-.06a2.25 2.25 0 0 1 1.67-.742c.663 0 1.258.286 1.67.741M7.6 6.95a.067.067 0 0 1-.063-.086 2.26 2.26 0 0 0-.079-1.45.067.067 0 0 1 .061-.093h2.45c.03 0 .058.022.063.052a4.8 4.8 0 0 1 .04 1.52.064.064 0 0 1-.065.057zm-4.407-.086a.067.067 0 0 1-.063.086H.723a.064.064 0 0 1-.064-.056 4.8 4.8 0 0 1 .039-1.52.065.065 0 0 1 .063-.053h2.45c.047 0 .079.049.061.093a2.25 2.25 0 0 0-.079 1.45",fill:"#fff",fillOpacity:o}),jsx("path",{d:"M11.272 4.438h1.685v1.61l-.275-.312q.237-.511.662-.874.425-.361.949-.487.524-.124 1.073.038v1.585q-.661-.224-1.223-.125-.55.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.148 3.22q0-.923.4-1.697.41-.774 1.123-1.211a2.95 2.95 0 0 1 1.573-.437 2.7 2.7 0 0 1 1.523.437 2.8 2.8 0 0 1 1.01 1.198q.363.762.363 1.71 0 .95-.362 1.71-.35.762-1.011 1.199a2.7 2.7 0 0 1-1.523.437 2.95 2.95 0 0 1-1.573-.437 3.1 3.1 0 0 1-1.124-1.198 3.7 3.7 0 0 1-.4-1.71m1.748 0q0 .5.224.924.225.412.612.65.387.236.861.236.475 0 .862-.237.386-.237.611-.649.225-.424.225-.924 0-.498-.225-.91-.225-.425-.611-.65a1.6 1.6 0 0 0-.862-.237q-.474 0-.861.237a1.6 1.6 0 0 0-.612.65q-.224.412-.224.91m3.395-6.016h1.685v9.237h-1.685zm4.192 5.329h3.97l-.387.537a2 2 0 0 0-.25-.9 1.63 1.63 0 0 0-.612-.623 1.64 1.64 0 0 0-.861-.225q-.487 0-.886.25a1.6 1.6 0 0 0-.625.686 2.1 2.1 0 0 0-.224.961q0 .537.224.974.239.436.662.687.425.25.961.25.525 0 .937-.238.423-.25.661-.674l1.386.624q-.45.787-1.236 1.26-.786.463-1.798.463-.96 0-1.747-.437a3.3 3.3 0 0 1-1.248-1.198 3.34 3.34 0 0 1-.45-1.71q0-.924.437-1.686.45-.775 1.223-1.21.774-.45 1.723-.45 1.061 0 1.885.537.825.536 1.21 1.448.4.898.226 1.96h-5.181zm6.221-2.534h1.685v1.61l-.274-.312q.237-.511.661-.874.425-.361.949-.487.525-.124 1.073.038v1.585q-.661-.224-1.223-.125-.549.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.885-2.796h1.686v9.237H35.86zm4.359 9.324q.224.487.587.737.362.262.836.262.711 0 1.186-.5.487-.486.487-1.26V9.08l.262.35a2.43 2.43 0 0 1-.911 1.011q-.6.362-1.373.362-.8 0-1.386-.337a2.3 2.3 0 0 1-.886-.936q-.312-.6-.312-1.386V4.438h1.685v3.408q0 .436.162.761.162.312.462.5.312.174.761.174.45 0 .8-.175a1.3 1.3 0 0 0 .549-.511q.187-.338.187-.75V4.439H45v5.767q0 .936-.45 1.685a3.07 3.07 0 0 1-1.21 1.186 3.4 3.4 0 0 1-1.698.424q-.973 0-1.735-.474a3.3 3.3 0 0 1-1.186-1.26z",fill:"#fff",fillOpacity:o})]})});var at=$t.forwardRef((e,t)=>{let{size:o=18,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 18 18",ref:t,className:"oui-fill-success-light",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"M9.02092 2.92969C6.18562 2.92969 3.51037 4.13854 1.68502 6.18754C1.40947 6.49676 1.446 6.96671 1.75537 7.24218C2.0646 7.51743 2.53447 7.48143 2.81002 7.17183C4.35112 5.44196 6.6141 4.42969 9.02092 4.42969C11.4205 4.42969 13.6369 5.43123 15.185 7.17183C15.4603 7.48143 15.9301 7.51743 16.2397 7.24218C16.5492 6.96694 16.5853 6.49699 16.31 6.18754C14.4787 4.12856 11.8512 2.92969 9.02092 2.92969ZM9.02092 5.92969C7.04092 5.92969 5.20867 6.78461 3.93502 8.25019C3.6633 8.56294 3.6927 9.03318 4.00537 9.30468C4.31797 9.57618 4.7883 9.54693 5.06002 9.23418C6.05175 8.09343 7.47982 7.42968 9.02092 7.42968C10.5348 7.42968 11.9446 8.08144 12.935 9.18769C13.2113 9.49593 13.681 9.51093 13.9897 9.23418C14.2983 8.95818 14.3364 8.48793 14.06 8.17968C12.7879 6.75896 10.9659 5.92969 9.02092 5.92969ZM9.02092 8.92968C7.91917 8.92968 6.89242 9.40218 6.18502 10.2189C5.91375 10.5317 5.94225 11.0019 6.25537 11.2734C6.56835 11.5449 7.03875 11.5164 7.31002 11.2029C7.73542 10.7124 8.3589 10.4297 9.02092 10.4297C9.6684 10.4297 10.2604 10.7072 10.685 11.1797C10.962 11.4879 11.4552 11.5037 11.7631 11.2262C12.0712 10.9494 12.087 10.4799 11.81 10.1717C11.1037 9.38643 10.0983 8.92968 9.02092 8.92968ZM8.99752 11.9297C8.81609 11.9297 8.64374 12.0047 8.50537 12.1404C8.50537 12.1404 7.3935 13.2362 6.95842 13.6637C6.52342 14.0919 6.7968 14.9319 7.49752 14.9297H9.63037H10.4975C11.1864 14.9319 11.477 14.0739 11.0366 13.6404C10.5961 13.2069 9.51322 12.1404 9.51314 12.1404C9.37469 12.0047 9.17894 11.9297 8.99752 11.9297Z"})})});at.displayName="SignalIcon";var Le=e=>{let{size:t=20,viewBox:o,...n}=e;return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:`${t}px`,height:`${t}px`,fill:"none",viewBox:"0 0 20 20",...n,children:jsx("path",{d:"M10.012 1.66602C5.40954 1.66602 1.67871 5.39685 1.67871 9.99935C1.67871 14.6018 5.40954 18.3327 10.012 18.3327C14.6145 18.3327 18.3454 14.6018 18.3454 9.99935C18.3454 5.39685 14.6145 1.66602 10.012 1.66602ZM10.012 5.83268C10.472 5.83268 10.8454 6.20602 10.8454 6.66602V10.8327C10.8454 11.2927 10.472 11.666 10.012 11.666C9.55204 11.666 9.17871 11.2927 9.17871 10.8327V6.66602C9.17871 6.20602 9.55204 5.83268 10.012 5.83268ZM10.012 12.4993C10.472 12.4993 10.8454 12.8727 10.8454 13.3327C10.8454 13.7927 10.472 14.166 10.012 14.166C9.55204 14.166 9.17871 13.7927 9.17871 13.3327C9.17871 12.8727 9.55204 12.4993 10.012 12.4993Z",fill:"#FF7D00"})})};var he=e=>{let{size:t=16,...o}=e;return jsx("svg",{width:`${t}px`,height:`${t}px`,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:jsx("path",{d:"M3.32972 2.60449C3.15912 2.60449 2.98072 2.66183 2.85052 2.79183C2.59019 3.0525 2.59019 3.48982 2.85052 3.75049L7.03806 7.93782L2.85052 12.1252C2.59019 12.3858 2.59019 12.8232 2.85052 13.0838C3.11092 13.3438 3.54852 13.3438 3.80892 13.0838L7.99639 8.89649L12.1839 13.0838C12.4443 13.3438 12.8819 13.3438 13.1423 13.0838C13.4026 12.8232 13.4026 12.3858 13.1423 12.1252L8.95472 7.93782L13.1423 3.75049C13.4026 3.48982 13.4026 3.0525 13.1423 2.79183C13.0121 2.66183 12.8336 2.60449 12.6631 2.60449C12.4925 2.60449 12.3141 2.66183 12.1839 2.79183L7.99639 6.97916L3.80892 2.79183C3.67872 2.66183 3.50032 2.60449 3.32972 2.60449Z",fill:"currentColor"})})};var Yt=e=>jsxs("svg",{width:"200",height:"24",viewBox:"0 0 200 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("path",{d:"M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z",fill:"white"}),jsx("path",{d:"M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z",fill:"white"}),jsx("path",{d:"M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z",fill:"white"}),jsx("path",{d:"M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z",fill:"white"}),jsx("path",{d:"M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z",fill:"white"}),jsx("path",{d:"M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z",fill:"white"}),jsx("path",{d:"M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z",fill:"white"}),jsx("path",{d:"M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z",fill:"white"}),jsx("path",{d:"M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z",fill:"white"}),jsx("path",{d:"M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z",fill:"white"}),jsx("path",{d:"M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z",fill:"white"}),jsx("path",{d:"M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z",fill:"white"}),jsx("path",{d:"M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z",fill:"white"})]});var $=e=>{let{appIcons:t}=useAppConfig();if(e.src)return jsx(Logo,{src:e.src,alt:e.alt});let{main:o}=t||{};return o?.img?jsx("img",{src:o?.img}):o?.component?o.component:jsx(Yt,{})};var jt=e=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsx(Ls,{className:"oui-text-base-contrast-80 oui-cursor-pointer hover:oui-fill-base-contrast oui-transition-colors",onClick:e.showDialog}),jsx(SimpleDialog,{title:jsx(Text,{weight:"semibold",children:t("common.confirm")}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",contentProps:{onInteractOutside:o=>{document.querySelector("#privy-dialog")&&o.preventDefault();}},children:jsx(In,{...e})})]})},In=e=>e.loading?jsx(ks,{}):e.confirm?jsx(As,{hideDialog:e.hideDialog,seconds:e.seconds,url:e.url,copyUrl:e.copyUrl}):jsx(Ps,{hideDialog:e.hideDialog,onConfirm:e.onConfirm}),As=e=>{let{t}=useTranslation(),o={primary:{label:t("common.ok"),onClick:e.hideDialog,size:"md"}};return jsxs(Flex,{direction:"column",gapY:3,children:[jsx(Text,{size:"base",intensity:98,children:t("linkDevice.scanQRCode")}),jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-center",children:jsx(Trans,{i18nKey:"linkDevice.createQRCode.success.description"})}),jsxs(Text,{size:"sm",intensity:54,children:[`${t("common.countdown")}: `,jsxs(Text.gradient,{color:"brand",className:"oui-tabular-nums",children:[e.seconds,"s"]})]}),jsx(Flex,{className:cn("oui-w-[240px] oui-h-[240px] ","oui-border oui-border-base-contrast-20 oui-rounded-2xl"),justify:"center",itemAlign:"center",children:jsx(Flex,{className:"oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white",justify:"center",itemAlign:"center",children:jsx(Ts,{width:196,height:196,content:e.url})})}),jsxs(Flex,{direction:"row",gap:1,className:cn("oui-cursor-pointer","oui-group oui-text-base-contrast-54 hover:oui-text-base-contrast"),onClick:e.copyUrl,children:[jsx(CopyIcon,{size:16,opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"}),jsx(Text,{size:"2xs",weight:"regular",children:t("linkDevice.createQRCode.success.copyUrl")})]}),jsx(SimpleDialogFooter,{actions:o,className:"oui-w-full oui-p-0 !oui-pt-8"})]})},Ts=e=>{let t=useRef(null);return useEffect(()=>{if(!t.current||!e.content)return;let o=qrcode(e.content),n=e.width,i=e.height,r=t.current.getContext("2d"),a=o.modules,s=n/a.length,l=i/a.length;for(let d=0;d<a.length;++d){let c=a[d];for(let p=0;p<c.length;++p){r.fillStyle=c[p]?"#000":"#fff";let f=Math.ceil((p+1)*s)-Math.floor(p*s),h=Math.ceil((d+1)*l)-Math.floor(d*l);r.fillRect(Math.round(p*s),Math.round(d*l),f,h);}}},[t,e.content]),jsx("canvas",{width:e.width,height:e.height,ref:t})},Ps=e=>{let{t}=useTranslation(),o={secondary:{label:t("common.cancel"),onClick:e.hideDialog,className:"oui-flex-1",size:"md"},primary:{label:t("common.confirm"),onClick:e.onConfirm,className:"oui-flex-1",size:"md"}};return jsxs(Flex,{direction:"column",children:[jsx($,{}),jsx(Text,{size:"base",intensity:98,className:"oui-mt-5",children:t("linkDevice.createQRCode.linkMobileDevice")}),jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-center oui-mt-3",children:jsx(Trans,{i18nKey:"linkDevice.createQRCode.linkMobileDevice.description",values:{hostname:window.location.hostname}})}),jsx(SimpleDialogFooter,{actions:o,className:"oui-w-full oui-p-0 !oui-pt-8"})]})},ks=()=>{let{t:e}=useTranslation();return jsxs(Flex,{direction:"column",gap:5,children:[jsx(Rs,{}),jsx(Text,{size:"sm",intensity:98,children:e("linkDevice.createQRCode.loading.description")})]})},Rs=()=>jsxs("svg",{width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-animate-spin",children:[jsx("path",{d:"M11.4858 52.1631C10.4698 52.5965 9.28872 52.1259 8.91766 51.0855C7.68926 47.6412 7.04029 44.0121 7.00182 40.3463C6.95634 36.0129 7.76483 31.713 9.38113 27.6921C10.9974 23.6712 13.3899 20.0079 16.4219 16.9116C18.9868 14.2923 21.967 12.122 25.2375 10.4861C26.2253 9.99202 27.4035 10.4698 27.8369 11.4858L28.8571 13.8773C29.2904 14.8933 28.8139 16.0615 27.8336 16.5706C25.3569 17.8567 23.0959 19.5294 21.1375 21.5293C18.7119 24.0064 16.7979 26.9369 15.5049 30.1537C14.2119 33.3704 13.5651 36.8103 13.6015 40.277C13.6308 43.076 14.1051 45.8482 15.0026 48.4906C15.3579 49.5365 14.8933 50.7096 13.8773 51.143L11.4858 52.1631Z",fill:"url(#paint0_linear_177_6754)"}),jsx("path",{d:"M73 40C73 58.2254 58.2254 73 40 73C21.7746 73 7 58.2254 7 40C7 21.7746 21.7746 7 40 7C58.2254 7 73 21.7746 73 40ZM13.6 40C13.6 54.5803 25.4197 66.4 40 66.4C54.5803 66.4 66.4 54.5803 66.4 40C66.4 25.4197 54.5803 13.6 40 13.6C25.4197 13.6 13.6 25.4197 13.6 40Z",fill:"white",fillOpacity:"0.06"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_177_6754",x1:"73",y1:"40",x2:"7",y2:"40",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Ls=e=>{let{size:t=20,viewBox:o,...n}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...n,children:[jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})};var Pn=e=>{let[t,o]=useState(false),{account:n}=useAccount(),{t:i}=useTranslation(),r=async()=>{localStorage.removeItem("orderly_link_device"),await n.disconnect();},a=()=>{o(true);},s=()=>{o(false);};return jsxs(Fragment,{children:[jsx(SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:s,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await r(),s();},size:"md",variant:"outlined",color:"danger"}},children:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:a,children:[jsx(Os,{}),jsx(An,{}),jsx(_s,{}),jsx(An,{}),jsx(zs,{})]})]})},An=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(eo,{}),jsx(eo,{}),jsx(eo,{})]}),Os=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),zs=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),_s=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),eo=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var De=()=>{let{isMobile:e}=useScreen(),t=qt();return e?jsx(Pn,{...t}):jsx(jt,{...t})};var Ln=e=>{let{items:t,classNames:o}=e;return !Array.isArray(t)||t.length===0?null:jsx(Flex,{className:cn("oui-gap-1",o?.root),children:t?.map((n,i)=>jsx(ot,{item:n,currentPath:e.current,onClick:e.onItemClick},i))})};installExtension({name:"default-main-nav-menus",scope:["*"],positions:[ExtensionPositionEnum.MainMenus],__isInternal:true})(e=>jsx(Ln,{...e}));var Vn=e=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MainMenus,...e});var to=e=>{let{maintenanceDialogInfo:t,showAnnouncement:o,currentTip:n}=e,{t:i}=useTranslation(),{isMobile:r}=useScreen(),a=$t.useMemo(()=>n?r?jsx(ac,{...e}):jsx(rc,{...e}):null,[n,r,e]);return t?jsx(Dialog,{open:true,children:jsxs(DialogContent,{closable:false,onOpenAutoFocus:s=>s.preventDefault(),className:"oui-w-[320px] lg:oui-w-auto",children:[jsx(DialogHeader,{children:jsx(DialogTitle,{children:i("maintenance.dialog.title")})}),jsx(Divider,{}),jsx(DialogBody,{className:"oui-text-2xs lg:oui-text-xs",children:t})]})}):o?jsx(Flex,{style:e.style,className:cn("oui-announcement","oui-overflow-hidden oui-rounded-xl oui-font-semibold",e.className),children:a},n?.announcement_id):null},rc=e=>{let{currentTip:t,currentIndex:o,tips:n,prevTips:i,nextTips:r,closeTips:a,mutiLine:s,contentRef:l,isAnimating:d}=e,c=n.length,{i18n:p}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{justify:"center",width:"100%",py:2,pl:4,gapX:2,itemAlign:s?"start":"center",className:cn("oui-mr-[125px] oui-relative oui-overflow-hidden",t?.url&&"oui-cursor-pointer","oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100",d&&"oui-translate-y-1/2 oui-opacity-0"),onClick:()=>{t?.url&&window.open(t?.url,"_blank");},children:[jsx(Hn,{type:t?.type}),jsx(Text,{size:"xs",intensity:80,ref:l,className:"oui-leading-[18px]",children:t?.i18n?.[p.language]||t?.message})]}),jsxs(Flex,{gapX:4,justify:"center",className:cn("oui-absolute oui-right-4 oui-top-2/4 -oui-translate-y-2/4"),children:[jsx(En,{currentIndex:o,tipsCount:c,prevTips:i,nextTips:r}),jsx(he,{onClick:a,size:20,className:"oui-text-base-contrast-80 hover:oui-text-base-contrast"})]})]})},ac=e=>{let{currentTip:t,currentIndex:o,tips:n,prevTips:i,nextTips:r,closeTips:a,isAnimating:s}=e,l=n.length,{i18n:d}=useTranslation();return jsxs(Flex,{p:3,gapX:2,itemAlign:"start",width:"100%",className:"oui-relative oui-overflow-hidden",children:[jsxs(Flex,{gapY:2,direction:"column",className:cn("oui-items-start oui-justify-start oui-w-full"),children:[jsx("div",{className:cn("oui-w-full",t?.url&&"oui-cursor-pointer"),onClick:()=>{t?.url&&window.open(t?.url,"_blank");},children:jsx(Text,{size:"xs",className:"oui-leading-5",intensity:80,children:t?.i18n?.[d.language]||t?.message})}),jsxs(Flex,{width:"100%",justify:"between",children:[jsx("div",{children:jsx(Hn,{type:t?.type})}),jsx(En,{currentIndex:o,tipsCount:l,prevTips:i,nextTips:r})]})]}),jsx(he,{onClick:a,size:18,className:"oui-mt-[2px]"})]})},En=e=>{let{currentIndex:t,tipsCount:o,prevTips:n,nextTips:i}=e;return jsxs("div",{className:"oui-flex oui-items-center oui-justify-center oui-gap-1 oui-text-base-contrast-54",children:[jsx(ChevronLeftIcon,{size:20,opacity:1,className:" oui-text-base-contrast-54 hover:oui-text-base-contrast-80 oui-flex-shrink-0 oui-w-4 lg:oui-w-5 oui-h-4 lg:oui-h-5 oui-cursor-pointer ",onClick:n}),jsxs("div",{className:"oui-text-base-contrast-54 oui-text-sm",children:[t+1,"/",o]}),jsx(ChevronRightIcon,{size:20,opacity:1,className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80 oui-flex-shrink-0 oui-w-4 lg:oui-w-5 oui-h-4 lg:oui-h-5 oui-cursor-pointer ",onClick:i})]})},Hn=({type:e})=>{let{t}=useTranslation(),{label:o,className:n}=useMemo(()=>{let i={[AnnouncementType.Listing]:{label:t("announcement.type.listing"),className:"oui-bg-primary/15 oui-text-primary"},[AnnouncementType.Maintenance]:{label:t("announcement.type.maintenance"),className:"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken"},[AnnouncementType.Delisting]:{label:t("announcement.type.delisting"),className:"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken"}};return i[e]||{label:e,className:i[AnnouncementType.Listing].className}},[e,t]);return o?jsx(Flex,{justify:"center",px:2,r:"base",className:cn("oui-text-2xs oui-leading-[18px] oui-font-medium","oui-break-normal oui-whitespace-nowrap",n),children:o}):null};var vc=1e3*60*60*24,ut="-1",Kn="orderly_announcement",Cc=e=>produce(e,t=>{Array.isArray(t.rows)&&t.rows.sort((o,n)=>o.updated_time&&n.updated_time?n.updated_time-o.updated_time:0);}),oo=e=>{let[t,o]=useState(0),[n,i]=useState(false),{showAnnouncement:r,setShowAnnouncement:a}=useAppContext(),{tips:s,maintenanceDialogInfo:l}=bc(),{getComponentTheme:d}=useOrderlyTheme(),c=useMemo(()=>{let{dataAdapter:m}=d("announcement")||{};return typeof m=="function"?m(s.rows||[]):s.rows||[]},[s]),[p,f]=useLocalStorage(Kn,{}),h=()=>{f(m=>({...m,show:false}));},v=useRef(null),x=$t.useCallback(()=>{if(n)return;let m=c.length;i(true),o(C=>(C-1+m)%m),setTimeout(()=>{i(false);},200);},[n,c]),u=$t.useCallback(()=>{if(n)return;let m=c.length;i(true),o(C=>(C+1)%m),setTimeout(()=>{i(false);},200);},[n,c]);useEffect(()=>{let m=c.length;if(!(!r||m<=1))return v.current=setInterval(u,3e3),()=>{v.current&&clearTimeout(v.current);}},[c,r,u]),useEffect(()=>{let m=c.length;a(!!m&&p.show&&!e?.hideTips);},[c,p,e?.hideTips,a]);let b=wc();return {maintenanceDialogInfo:l,tips:c,currentIndex:t,currentTip:c?.[t],closeTips:h,nextTips:u,prevTips:x,showAnnouncement:r,isAnimating:n,...b}};function bc(){let e=useWS(),[t,o]=useLocalStorage(Kn,{}),[n,i]=useState({}),[r,a]=useState(),{startTime:s,endTime:l,status:d,brokerName:c}=useMaintenanceStatus(),{t:p}=useTranslation(),{data:f}=useQuery("/v2/public/announcement",{revalidateOnFocus:false,refreshInterval:60*60*1e3,formatter:x=>x}),h=(x,u,b)=>p("maintenance.tips.description",{brokerName:x,startDate:u,endDate:b}),v=(x,u)=>p("maintenance.dialog.description",{brokerName:x,endDate:u});return useEffect(()=>{let x=e.subscribe("announcement",{onMessage(u){u&&(i(b=>produce(b,m=>{Array.isArray(m.rows)||(m.rows=[]);let C=m.rows.findIndex(P=>P.announcement_id===u.announcement_id);C!==-1&&m.rows.splice(C,1),m.rows.push({announcement_id:u.announcement_id,message:u.message,url:u.url,i18n:u.i18n,type:u.type,updated_time:u.updated_time});})),o(b=>({...b,show:true})));},onError(u){}});return ()=>{x?.();}},[e]),useEffect(()=>{if(!f?.rows)return;let x=f.last_updated_time??0;(t.lastUpdateTime??0)<x?(i(b=>({...b,rows:f?.rows})),o({show:true,lastUpdateTime:x})):i(b=>produce(b,m=>{if(f?.rows?.length){let C=new Set(b.rows?.map(H=>H.announcement_id)),P=b.rows?.find(H=>H.announcement_id===ut);m.rows=[],f.rows.forEach(H=>{C.has(H.announcement_id)||m.rows?.push(H);}),P&&m.rows.unshift(P);}else {let C=m.rows?.findIndex(P=>P.announcement_id===ut);C!==void 0&&C!==-1&&m.rows?.splice(C,1);}}));},[f]),useEffect(()=>{let x=s?Gn(s):"-",u=l?Gn(l):"-";if(d===MaintenanceStatus.Maintenance){a(v(c,u));return}a(void 0),s?s<getTimestamp()+vc&&i(b=>produce(b,m=>{Array.isArray(m.rows)||(m.rows=[]),m.rows=[{announcement_id:ut,type:AnnouncementType.Maintenance,message:h(c,x,u)},...m.rows.filter(C=>C.type!==AnnouncementType.Maintenance)];})):i(b=>produce(b,m=>{let C=m.rows?.findIndex(P=>P.announcement_id===ut);C!==void 0&&C!==-1&&m.rows?.splice(C,1);}));},[s,l,d,c,p]),{tips:Cc(n),maintenanceDialogInfo:r}}function wc(){let[e,t]=useState(false),o=useRef(null);return useObserverElement(o.current,n=>{t(n.contentRect.height>20);}),{mutiLine:e,contentRef:o}}function Gn(e){let t=format(new UTCDateMini(e),"MMM dd");return `${format(new UTCDateMini(e),"h:mm aa")} (UTC) on ${t}`}var Ee=e=>{let{hideTips:t,...o}=e,n=oo({hideTips:t});return jsx(to,{...n,...o})};var Ce=e=>{let{mainMenus:t,current:o,onRouteChange:n}=e,i=useMemo(()=>t?.every(a=>a.href!==o),[t,o]),r=useMemo(()=>t?.map(a=>{let s=o===a.href;return jsxs(Flex,{direction:"column",itemAlign:"center",justify:"center",className:"oui-flex-1",onClick:()=>{n?.({href:a.href,name:a.name});},children:[jsx(Text,{children:s?a.activeIcon:a.inactiveIcon}),jsx(Text,{children:a.name})]},a.name)}),[t,o,n]);return i||!t?null:jsx(Flex,{width:"100%",height:64,px:3,itemAlign:"center",justify:"between",className:"oui-bg-base-9",children:r})};function io(){let[e,t]=useState(false),[o,n]=useLocalStorage("orderly_qr_code_scan_tooltip_open",true),i=()=>{t(true);},r=()=>{t(false);},a=s=>{Ac(s)&&(window.location.href=s);};return useEffect(()=>{o&&setTimeout(()=>{n(false);},8e3);},[o]),{open:e,onOpenChange:t,showDialog:i,hideDialog:r,onScanSuccess:a,showScanTooltip:o}}function Ac(e){try{let t=new URL(e);return ["http:","https:"].includes(t.protocol)}catch{return false}}var be=320,we=320,mt=2,Jn=e=>{let t=useRef(null),o=useRef(null),n=()=>{let i=t.current,r=o.current;if(!i||!r)return;let a=r.getContext("2d");if(i.readyState===i.HAVE_ENOUGH_DATA){let s=i.videoWidth,l=i.videoHeight,d=r.width/r.height,c=s/l,p,f,h,v;c>d?(v=l,h=l*d,p=(s-h)/2,f=0):(h=s,v=s/d,p=0,f=(l-v)/2),a.drawImage(i,p,f,h,v,0,0,r.width,r.height);let x=a.getImageData(0,0,r.width,r.height),u=Pc(x.data,x.width,x.height,{inversionAttempts:"dontInvert"});u?.data&&e.onSuccess?.(u.data);}requestAnimationFrame(n);};return useEffect(()=>{let i=t.current;if(!(!open||!i))return navigator?.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:be*mt},height:{ideal:we*mt}}}).then(r=>{i.srcObject=r,i.setAttribute("playsinline","true"),i.play(),i.onloadeddata=()=>{requestAnimationFrame(n);};}).catch(r=>{}),()=>{let r=i.srcObject;r&&r.getTracks().forEach(s=>s.stop()),i.srcObject=null;}},[t,o]),jsxs(Fragment,{children:[jsx("video",{ref:t,width:be,height:we,className:"oui-hidden oui-rounded-2xl oui-bg-base-10"}),jsx("canvas",{ref:o,width:be*mt,height:we*mt,style:{width:be,height:we},className:"oui-rounded-2xl oui-bg-base-10"})]})};var ro=e=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsx(Tooltip,{open:e.showScanTooltip,content:t("linkDevice.scanQRCode.tooltip"),className:"oui-bg-base-6 oui-text-2xs oui-font-semibold oui-text-warning-darken",arrow:{className:"!oui-fill-base-6"},children:jsx(Flex,{className:"oui-h-8 oui-w-8 oui-cursor-pointer oui-items-center oui-justify-center oui-rounded-md oui-bg-base-5 oui-px-[6px]",onClick:e.showDialog,children:jsx(Hc,{className:"oui-text-base-contrast-80"})})}),jsx(SimpleDialog,{title:jsx($,{}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",children:jsx(Ec,{...e})})]})},Ec=e=>{let{t}=useTranslation();return jsxs(Flex,{justify:"center",direction:"column",gapY:5,children:[jsxs(Box,{width:be,height:we,className:"oui-relative",children:[jsx(Jn,{onSuccess:e.onScanSuccess}),jsxs(Fragment,{children:[jsx(zc,{}),jsx(dt,{className:"oui-absolute oui-left-[-1.5px] oui-top-[-1.5px]"}),jsx(dt,{className:"oui-absolute oui-right-[-1.5px] oui-top-[-1.5px] oui-rotate-90"}),jsx(dt,{className:"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] -oui-rotate-90"}),jsx(dt,{className:"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] -oui-rotate-180"})]})]}),jsx(Text,{size:"sm",intensity:98,weight:"semibold",children:t("linkDevice.scanQRCode")}),jsx("span",{className:"oui-px-3 oui-text-center",children:jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-break-words",children:jsx(Trans,{i18nKey:"linkDevice.scanQRCode.description",components:[jsx(Oc,{className:"oui-mx-1 oui-inline-block oui-text-base-contrast-80"},"0")]})})})]})},Hc=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v.75a.75.75 0 0 0 1.5 0v-.75a1.5 1.5 0 0 1 1.5-1.5h2.25a.75.75 0 0 0 0-1.5zm5.25 0a.75.75 0 0 0 0 1.5h2.25a1.5 1.5 0 0 1 1.5 1.5v.75a.75.75 0 0 0 1.5 0v-.75a3 3 0 0 0-3-3zm-7.5 9a.75.75 0 0 0-.75.75v.75a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 0-1.5h-2.25a1.5 1.5 0 0 1-1.5-1.5v-.75a.75.75 0 0 0-.75-.75m12 0a.75.75 0 0 0-.75.75v.75a1.5 1.5 0 0 1-1.5 1.5h-2.25a.75.75 0 0 0 0 1.5h2.25a3 3 0 0 0 3-3v-.75a.75.75 0 0 0-.75-.75M5.25 8.999a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75"})}),Oc=e=>{let{size:t=20,...o}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})},zc=()=>jsx("div",{className:cn("oui-absolute oui-left-[30px] oui-top-0","oui-h-[2px] oui-w-[calc(100%-60px)] oui-rounded-full","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]","oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]","oui-animate-scan-qr-code")}),dt=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",...e,children:[jsx("path",{d:"M62 2H18C9.16344 2 2 9.16344 2 18V62",stroke:"url(#paint0_linear_136_6227)",strokeWidth:"3",strokeLinecap:"round"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_136_6227",x1:"2",y1:"32",x2:"62",y2:"32",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var ao=()=>{let e=io();return jsx(ro,{...e})};var lo=e=>{let{wrongNetwork:t,disabledConnect:o}=useAppContext(),{state:n}=useAccount(),i=useMemo(()=>Array.isArray(e?.initialMenu)?e?.campaigns:e?.mainMenus?.find(f=>e.current?f.href===e.current:f.href===e?.initialMenu),[e?.mainMenus,e?.initialMenu]),r=useMemo(()=>i?.isHomePageInMobile?jsx($,{...e?.logo}):jsx(Text,{className:"oui-text-2xl oui-font-bold oui-text-base-contrast",children:i?.name}),[i,e?.logo]),a=useMemo(()=>!!(!i||i.isSubMenuInMobile),[i]),s=useMemo(()=>i?.isSubMenuInMobile?i?.name:e?.subItems?.some(f=>f.href===e?.current)?e?.subItems?.find(f=>f.href===e?.current)?.name:null,[e?.subItems,e?.current,i]),l=()=>{let f=e.mainMenus?.find(h=>h.href===e.initialMenu);i?.isSubMenuInMobile&&(f=i?.subMenuBackNav),e?.routerAdapter?.onRouteChange(f);},d=()=>n.status===AccountStatusEnum.EnableTradingWithoutConnected?jsx(De,{}):t?null:jsx(Fragment,{children:jsx(de,{})}),c=useMemo(()=>!(n.status===AccountStatusEnum.EnableTradingWithoutConnected||o),[n.status,o]),p=useMemo(()=>n.status>=AccountStatusEnum.EnableTrading,[n.status]);return a?jsxs(Flex,{width:"100%",height:44,px:3,direction:"row",itemAlign:"center",justify:"center",className:"oui-relative",children:[jsx(ChevronLeftIcon,{className:"oui-absolute oui-left-6 oui-text-base-contrast-54",onClick:l}),jsx(Text,{className:"oui-text-base oui-font-bold oui-text-base-contrast",children:s})]}):jsxs(Flex,{width:"100%",height:44,px:3,itemAlign:"center",justify:"between",children:[jsx(Flex,{children:r}),jsxs(Flex,{gapX:2,children:[c&&jsx(ao,{}),p&&jsx(ke,{}),d(),jsx(Qe,{})]})]})};var uo=e=>{let{brokerName:t}=e,{ip:o,content:n,restrictedOpen:i}=e.restrictedInfo||{},{t:r}=useTranslation();if(!i)return;let a=()=>typeof n=="function"?jsx("span",{children:n({ip:o,brokerName:t})}):n||jsx("span",{children:r("restrictedInfo.description.default",{brokerName:t,ip:o})});return jsx(Flex,{ref:e.container,justify:"center",className:cn("oui-restricted-info","oui-rounded-xl oui-p-[7px]","oui-text-warning-darken",e.className),children:jsxs(Flex,{className:cn("oui-min-h-[20px] oui-gap-1","oui-text-2xs md:oui-text-sm oui-leading-4","oui-items-start lg:oui-justify-center",e.mutiLine?"lg:oui-items-start":"lg:oui-items-center"),children:[jsx(Le,{size:20,className:"oui-flex-shrink-0 oui-w-4 oui-h-4 lg:oui-w-5 lg:oui-h-5"}),a()]})})};var mo=()=>{let{restrictedInfo:e}=useAppContext(),t=useConfig("brokerName"),o=useRef(null),[n,i]=useState(false);return useObserverElement(o.current,r=>{i(r.contentRect.height>28);}),{restrictedInfo:e,brokerName:t,container:o,mutiLine:n}};var He=e=>{let t=mo();return jsx(uo,{...e,...t})};var po=e=>{let{classNames:t}=e;return jsxs("div",{style:{paddingBottom:`calc(${e.bottomNavHeight}px + 12px + env(safe-area-inset-bottom))`},className:cn("oui-scaffold-root oui-w-full oui-overflow-hidden oui-bg-base-10",t?.root),children:[jsx("header",{ref:e.topNavbarRef,className:cn("oui-scaffold-topNavbar","oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10",t?.topNavbar),children:e.topBar??jsx(lo,{...e.mainNavProps,routerAdapter:e.routerAdapter})}),jsxs(Box,{className:cn("oui-scaffold-container",t?.container),children:[jsx(He,{className:"oui-mx-1 oui-mb-1 oui-bg-base-6"}),jsx(Ee,{className:"oui-mx-1 oui-mb-1 oui-bg-base-6",hideTips:e.restrictedInfo?.restrictedOpen}),jsx(Box,{height:"100%",width:"100%",className:cn("oui-scaffold-content",t?.content),children:e.children})]}),jsx("footer",{ref:e.bottomNavRef,className:cn("oui-scaffold-bottomNav","oui-fixed oui-bottom-0 oui-z-10","oui-w-full oui-bg-base-9","oui-pb-[calc(env(safe-area-inset-bottom))]",t?.bottomNav),children:e.bottomNav??jsx(Ce,{mainMenus:e?.bottomNavProps?.mainMenus,current:e?.bottomNavProps?.current||e?.mainNavProps?.initialMenu,onRouteChange:e.routerAdapter?.onRouteChange})})]})};var go=e=>{let{restrictedInfo:t,showAnnouncement:o}=useAppContext(),[n,i]=ft(48),[r,a]=ft(29),[s,l]=ft(64),[d,c]=ft(0,[o]),[p,f]=useLocalStorage("orderly_scaffold_expanded",true),{isMobile:h}=useScreen(),v=e.leftSideProps?.maxWidth||185,x=e.leftSideProps?.minWidth||98,u=!!e.leftSidebar;return {topNavbarRef:n,footerRef:r,topNavbarHeight:i,footerHeight:a,announcementRef:d,announcementHeight:c,restrictedInfo:t,expand:p,setExpand:f,isMobile:h,sideBarExpandWidth:v,sideBarCollaspedWidth:x,hasLeftSidebar:u,footerProps:e.footerProps,routerAdapter:e.routerAdapter,mainNavProps:e.mainNavProps,bottomNavProps:e.bottomNavProps,bottomNavRef:s,bottomNavHeight:l}},ft=(e,t=[])=>{let o=useRef(null),[n,i]=useState(e);return useObserverElement(o.current,r=>{i(r.contentRect.height);}),useEffect(()=>{if(!o.current)return;let r=o.current?.getBoundingClientRect().height;i(r);},[o,...t]),[o,n]};var xo=e=>{let{t}=useTranslation(),o=useMemo(()=>{switch(e.wsStatus){case WsNetworkStatus.Connected:return "oui-fill-success-light oui-text-success-light";case WsNetworkStatus.Disconnected:return "oui-fill-danger-light oui-text-danger-light";case WsNetworkStatus.Unstable:return "oui-fill-warning-light oui-text-warning-light"}},[e.wsStatus]),n=i=>{window.open(i,"_blank");};return jsxs(Flex,{direction:"row",justify:"between",height:28,px:3,width:"100%",children:[jsxs(Flex,{children:[jsxs(Flex,{direction:"row",itemAlign:"center",gap:1,className:o,children:[jsx(at,{fillOpacity:1,fill:"currentColor"}),jsx(Text,{size:"2xs",children:t("scaffold.footer.operational")})]}),jsx(Divider,{direction:"vertical",className:"oui-h-[18px] oui-px-1 oui-ml-2 oui-border-line-12"}),jsxs(Flex,{gap:2,children:[jsx(Text,{intensity:54,size:"2xs",children:t("scaffold.footer.joinCommunity")}),jsxs(Flex,{direction:"row",gap:1,children:[typeof e.telegramUrl<"u"&&jsx(nt,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.telegramUrl)}),typeof e.discordUrl<"u"&&jsx(it,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.discordUrl)}),typeof e.twitterUrl<"u"&&jsx(rt,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.twitterUrl)})]}),typeof e?.trailing<"u"&&jsxs(Fragment,{children:[jsx(Divider,{direction:"vertical",className:"oui-h-[18px] oui-border-line-12"}),e?.trailing]})]})]}),jsxs(Flex,{direction:"row",gap:1,className:"oui-scaffold-footer-powered-by",children:[jsx(Text,{intensity:54,size:"2xs",children:t("scaffold.footer.poweredBy")}),jsx(Xt,{})]})]})};var li=()=>({wsStatus:useWsStatus()});var vo=e=>{let t=li();return jsx(xo,{...t,...e})};var hl=tv({slots:{button:["oui-min-h-10","oui-px-3","oui-py-2","oui-rounded-md","oui-w-full","oui-text-left","oui-text-base","oui-text-base-contrast-36","oui-group","hover:oui-bg-base-8","oui-transition-colors","group-data-[state=closed]/bar:oui-w-[42px]","oui-overflow-hidden"],icon:[]},variants:{mode:{"icon-only":{button:"oui-w-10",icon:"w-6 h-6"},full:{button:"oui-full",icon:"w-6 h-6"}},active:{true:{button:"oui-bg-base-5 hover:oui-bg-base-5"}},open:{true:{button:""}}}}),pi=memo(e=>{let{item:t,mode:o,open:n,onClick:i,active:r,...a}=e,{button:s}=hl({mode:o,active:e.active,open:e.open}),l=jsx("button",{"data-actived":e.active,disabled:t.disabled,className:s(),onClick:()=>{e.onClick?.(t);},children:jsxs(Flex,{itemAlign:"center",gap:2,as:"span",children:[jsx("div",{children:t.icon}),e.open&&jsx(Text.gradient,{color:e.active?"brand":"inherit",angle:45,size:"base",className:"oui-break-all oui-animate-in oui-fade-in",children:t.name})]})});return e.open?jsx("li",{className:"oui-min-w-[120px]",children:l}):jsx("li",{children:jsx(Tooltip,{content:t.name,side:"right",align:"center",sideOffset:20,children:l})})});pi.displayName="LeftMenuItem";var xl=e=>jsxs(Box,{py:6,children:[jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-pointer-events-none oui-invisible oui-absolute",children:jsx("defs",{children:jsxs("linearGradient",{id:"side-menu-gradient",x1:"15.7432",y1:"8.94726",x2:"2.24316",y2:"8.94726",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})}),jsx("ul",{className:"oui-space-y-4",children:e.menus?.map((t,o)=>t?.hide?null:jsx(pi,{item:t,open:e.open,active:t.href===e.current,onClick:e.onItemSelect},o))})]}),vl=e=>{let{title:t}=e,o=typeof t=="string"?jsx(Text,{intensity:54,size:"xs",children:t}):t,n={className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.onToggle};return jsxs(Flex,{justify:e.open?"between":"center",itemAlign:"center",className:"oui-h-6",children:[e.open?o:null,e.open?jsx(bl,{...n}):jsx(Cl,{...n})]})},_e=e=>{let{open:t=true,items:o,current:n,onItemSelect:i}=e;return jsxs(Box,{"data-state":t?"opened":"closed",className:cn("oui-group/bar",e.className),style:e.style,children:[jsx(vl,{open:t,title:e.title,onToggle:()=>{e.onOpenChange?.(!t);}}),jsx(xl,{menus:o,current:n,onItemSelect:i,open:t})]})};_e.displayName="SideBar";var Cl=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),bl=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})});var gi=e=>{let[t,o]=useState(e?.items?.[0].href||"/"),{expanded:n,setExpand:i}=We();return {items:[],current:t,open:n,onOpenChange:r=>{i?.(r);},onItemSelect:r=>{r.href&&o(r.href);},...e}};var ht=e=>{let t=gi(e);return jsx(_e,{...t})};var fi=e=>{let{classNames:t}=e;return jsxs("div",{style:{height:`calc(100vh - ${e.footerHeight}px)`},className:cn("oui-scaffold-root oui-font-semibold","oui-bg-base-10 oui-text-base-contrast","oui-flex oui-flex-col","oui-custom-scrollbar oui-overflow-auto",t?.root),children:[jsx(Box,{ref:e.topNavbarRef,className:cn("oui-scaffold-topNavbar oui-bg-base-9",t?.topNavbar),children:e.topBar??jsx(Co,{...e.mainNavProps})}),jsxs("div",{className:cn("oui-scaffold-container","oui-relative oui-h-full","oui-min-w-[1018px]",t?.container),children:[jsxs(Box,{px:2,ref:e.announcementRef,children:[jsx(He,{className:cn("oui-scaffold-restricted-info","oui-relative oui-z-[1]","oui-mt-2","oui-bg-base-9","oui-min-w-[994px]")}),jsx(Ee,{className:cn("oui-scaffold-maintenance-tips","oui-mt-2","oui-relative oui-z-[1]","oui-bg-base-9","oui-min-w-[994px]"),hideTips:e.restrictedInfo?.restrictedOpen})]}),e.hasLeftSidebar?jsxs(Grid,{className:cn("oui-box-content oui-flex oui-transition-all xl:oui-grid","oui-min-h-full oui-flex-1",t?.body),style:{gridTemplateColumns:`${e.expand?`${e.sideBarExpandWidth}px`:`${e.sideBarCollaspedWidth}px`} 1fr`},children:[jsx("div",{className:cn(t?.leftSidebar),children:isValidElement(e.leftSidebar)?e.leftSidebar:jsx(ht,{...e.leftSideProps})}),jsx(Box,{width:"100%",className:cn("oui-overflow-hidden",t?.content),children:e.children})]}):jsx(Box,{height:"100%",className:cn(t?.content),children:e.children})]}),jsx(Box,{ref:e.footerRef,className:cn("oui-scaffold-footer oui-w-full oui-bg-base-10","oui-fixed oui-bottom-0 oui-z-50","oui-border-t oui-border-line-12",t?.footer),children:e.footer||jsx(vo,{...e.footerProps})})]})};var vt=createContext({}),We=()=>useContext(vt);function hi(e,t){return typeof e=="string"&&(e=parseInt(e)),t.some(o=>o.network_infos.chain_id===e)}var xi=e=>{let[t]=useChains(),{networkId:o}=useContext(OrderlyContext),n=r=>hi(r,o==="testnet"?t.testnet:t.mainnet),i=r=>{e.setExpand(r);};return jsx(vt.Provider,{value:{routerAdapter:e.routerAdapter,expanded:e.expanded,setExpand:i,checkChainSupport:n,topNavbarHeight:e.topNavbarHeight,footerHeight:e.footerHeight,announcementHeight:e.announcementHeight},children:e.children})};var vi=e=>{let t=go(e),o=()=>t.isMobile?jsx(po,{...e,...t,children:e.children}):jsx(fi,{...e,...t,children:e.children});return jsx(xi,{routerAdapter:e.routerAdapter,expanded:t.expand,setExpand:t.setExpand,topNavbarHeight:t.topNavbarHeight,footerHeight:t.footerHeight,announcementHeight:t.announcementHeight,children:o()})};var wo=(n=>(n.menuLeading="menuLeading",n.menuTailing="menuTailing",n.navTailing="navTailing",n))(wo||{}),Ci=e=>{let{onItemClick:t,campaignPosition:o="navTailing"}=e,{state:n}=useAccount(),{routerAdapter:i}=We(),{connectedChain:r}=useWalletConnector(),{wrongNetwork:a,disabledConnect:s}=useAppContext(),[l,d]=useState(()=>typeof e.initialMenu>"u"?[]:Array.isArray(e.initialMenu)?e.initialMenu:[e.initialMenu]),c=h=>v=>{let x=v[v.length-1];if(!x)return;x.target!=="_blank"&&d(v.map(m=>m.href));let u=v[v.length-1],b={href:u.href,name:u.name,scope:h,target:u.target};if(typeof t=="function"){t(b);return}i?.onRouteChange(b);},p=useMemo(()=>{let h={leading:null,trailing:null,logo:{},mainMenus:[],products:[],...e,campaignPosition:o};return e.leading&&(h.leading=e.leading),e.trailing&&(h.trailing=e.trailing),e.campaigns&&(o==="menuTailing"?h.mainMenus=[...h.mainMenus,e.campaigns]:o==="menuLeading"?h.mainMenus=[e.campaigns,...h.mainMenus]:h.campaigns=e.campaigns),h},[e]),f={};return p.mainMenus&&p.mainMenus.length&&(f.mainMenus={items:p.mainMenus,current:l,onItemClick:c("mainMenu")}),p.campaigns&&p.campaigns.children?.length&&(f.campaigns={item:p.campaigns,current:l,onItemClick:c("campaign")}),{...p,isConnected:!!r,wrongNetwork:a,...f,status:n.status,disabledConnect:s}};var So=e=>{let{className:t,logo:o,classNames:n,campaigns:i,campaignPosition:r}=e,a=r==="navTailing"&&i,s=!e.wrongNetwork&&!e.disabledConnect&&e.status>=AccountStatusEnum.SignedIn,l=e.status>=AccountStatusEnum.EnableTrading,d=!e.disabledConnect&&e.wrongNetwork&&e.isConnected,{isDesktop:c}=useScreen(),p=useMemo(()=>typeof e.children>"u"?null:jsx(Flex,{grow:true,children:e.children}),[e.children]);return jsxs(Flex,{width:"100%",as:"header",itemAlign:"center",height:"48px",justify:"between",px:3,gapX:3,className:cn("oui-main-nav oui-font-semibold",t,n?.root),children:[jsxs(Flex,{itemAlign:"center",className:cn("oui-gap-3","oui-overflow-hidden"),children:[jsx($,{...o}),e.leading,jsx(Vn,{...e.mainMenus,classNames:n?.mainNav}),!!a&&jsx(vn,{...i,className:n?.campaignButton}),e.trailing]}),p,jsxs(Flex,{itemAlign:"center",className:"oui-gap-2",children:[jsx(qe,{}),s&&jsxs(Fragment,{children:[jsx(Divider,{direction:"vertical",className:"oui-h-8",intensity:8}),jsx(De,{})]}),jsx(Ft,{}),l&&jsx(ke,{}),c&&jsx(de,{}),!d&&jsx(Qe,{})]})]})};So.displayName="MainNav";var Co=e=>{let{children:t,classNames:o,...n}=e,i=Ci(n);return jsx(So,{classNames:o,...i,children:t})};var Si=e=>{let{isMobile:t}=useScreen(),{mainMenus:o,...n}=e;return t?jsx(Ce,{mainMenus:o,...n}):null};var No=e=>{let{showTips:t,showDialog:o,tipsContent:n,closeTips:i,dialogContent:r}=e,{t:a}=useTranslation();return o?jsx(Dialog,{open:true,children:jsxs(DialogContent,{closable:false,onOpenAutoFocus:s=>s.preventDefault(),className:"oui-w-[320px] md:oui-w-auto",children:[jsx(DialogHeader,{children:jsx(DialogTitle,{children:a("maintenance.dialog.title")})}),jsx(Divider,{}),jsx(DialogBody,{className:"oui-text-2xs md:oui-text-xs",children:r})]})}):t?jsxs(Flex,{className:cn("oui-bg-warning-darken/10 oui-text-warning-darken oui-text-2xs md:oui-text-sm oui-relative oui-gap-1","oui-mx-1 md:oui-mx-0 md:oui-w-full oui-pl-2 md:oui-pl-4 oui-pr-9 md:oui-pr-[60px] oui-py-2 md:oui-py-3","oui-leading-4","oui-rounded-xl md:oui-rounded-none","oui-min-h-[48px]","oui-justify-start oui-items-start","xl:oui-justify-center xl:oui-items-center xl:oui-px-4"),children:[jsxs("div",{className:"oui-flex oui-items-start oui-justify-start oui-gap-1 ",children:[jsx(Le,{size:20,className:"oui-flex-shrink-0 oui-w-4 md:oui-w-5 oui-h-4 md:oui-h-5 "}),jsx(Box,{className:"oui-font-semibold oui-leading-4",children:n})]}),jsx(he,{size:16,className:"oui-absolute oui-right-2 md:oui-right-4 oui-text-secondary/[0.36] hover:oui-text-secondary/80 oui-cursor-pointer -oui-translate-y-2/4 oui-top-2/4",onClick:i})]}):jsx(Fragment,{})};function Ai(e){let t=format(new UTCDateMini(e),"MMM dd");return `${format(new UTCDateMini(e),"h:mm aa")} (UTC) on ${t}`}var iu=1e3*60*60*24,Ti=()=>{let{t:e}=useTranslation(),[t,o]=useState(false),[n,i]=useState(false),{startTime:r,endTime:a,status:s,brokerName:l}=useMaintenanceStatus(),d=useMemo(()=>r?Ai(r):"-",[r]),c=useMemo(()=>a?Ai(a):"-",[a]),p=()=>{window.localStorage.setItem(`Maintenance_${r}`,"1"),o(false);};useEffect(()=>{if(s===2){o(false),i(true);return}i(false),r&&r<getTimestamp()+iu&&(window.localStorage.getItem(`Maintenance_${r}`)||o(true));},[r,s]);let f=e("maintenance.tips.description",{brokerName:l,startDate:d,endDate:c}),h=e("maintenance.dialog.description",{brokerName:l,endDate:c});return {tipsContent:f,showTips:t,closeTips:p,showDialog:n,dialogContent:h}};var ru=()=>{let e=Ti();return jsx(No,{...e})};
17
+ var Ke=e=>{let{t}=useTranslation(),{accountState:o,onDisconnect:n,onOpenExplorer:i}=e,r=o.validating||e.disabledConnect;if(!r&&(o.status===AccountStatusEnum.EnableTrading||o.status===AccountStatusEnum.EnableTradingWithoutConnected))return jsx(Hi,{address:o.address,onDisconnect:n,onOpenExplorer:i});if(o.status<=AccountStatusEnum.NotConnected||r)return jsx(Button,{"data-testid":"oui-testid-nav-bar-connectWallet-btn",size:"md",variant:r?void 0:"gradient",angle:45,className:"wallet-connect-button",loading:o.validating,disabled:r,onClick:()=>{e.connect().then(a=>{}).catch(a=>{});},children:t("connector.connectWallet")});if(o.status<=AccountStatusEnum.NotSignedIn)return jsx(Button,{size:"md",onClick:()=>e.onCrateAccount(),children:t("connector.createAccount")});if(o.status<=AccountStatusEnum.DisabledTrading)return jsx(Button,{size:"md",onClick:()=>{e.onCreateOrderlyKey().then(a=>{}).catch(a=>{});},children:t("connector.enableTrading")})},Hi=e=>{let{address:t,onDisconnect:o}=e,{t:n}=useTranslation();return jsxs(DropdownMenuRoot,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsx(Button,{size:"md",variant:"gradient",angle:45,"data-testid":"oui-testid-nav-bar-address-btn",children:jsx(Text.formatted,{rule:"address",className:"oui-text-[rgba(0,0,0,.88)]",children:t})})}),jsx(DropdownMenuPortal,{children:jsxs(DropdownMenuContent,{size:"xl",align:"end",onCloseAutoFocus:i=>i.preventDefault(),style:{width:"280px"},className:"oui-py-5 oui-font-semibold",sideOffset:12,children:[jsx(DropdownMenuGroup,{children:jsxs(Flex,{px:4,children:[jsxs(Flex,{gap:2,className:"oui-flex-1",children:[jsx(EVMAvatar,{address:t,size:"md"}),jsx(Text.formatted,{rule:"address",size:"base",children:t})]}),jsxs(Flex,{gap:2,children:[jsx("button",{"data-testid":"oui-testid-nav-bar-dropDownMenuItem-copyAddress",onClick:async()=>{await navigator.clipboard.writeText(t);},children:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",className:"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",children:jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v4.5a3 3 0 0 0 3 3 3 3 0 0 0 3 3h4.5a3 3 0 0 0 3-3v-4.5a3 3 0 0 0-3-3 3 3 0 0 0-3-3zm7.5 4.5a1.5 1.5 0 0 1 1.5 1.5v4.5a1.5 1.5 0 0 1-1.5 1.5h-4.5a1.5 1.5 0 0 1-1.5-1.5h3a3 3 0 0 0 3-3z"})})}),jsx("button",{onClick:()=>e.onOpenExplorer(),children:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",className:"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",children:jsx("path",{d:"M12.7432 15.7432C14.3999 15.7432 15.7432 14.3999 15.7432 12.7432V5.24316C15.7432 3.58641 14.3999 2.24316 12.7432 2.24316H5.24316C3.58641 2.24316 2.24316 3.58641 2.24316 5.24316V12.7432C2.24316 14.3999 3.58641 15.7432 5.24316 15.7432H12.7432ZM6.74316 11.9932C6.55116 11.9932 6.35092 11.9287 6.20392 11.7824C5.91142 11.4892 5.91142 10.9972 6.20392 10.7039L9.20392 7.70392L7.49316 5.99316H11.9932V10.4932L10.2824 8.78241L7.28241 11.7824C7.13616 11.9287 6.93516 11.9932 6.74316 11.9932Z"})})})]})]})}),jsx(Divider,{className:"oui-mx-4 oui-my-3",intensity:8}),jsx(DropdownMenuGroup,{children:jsx(DropdownMenuItem,{size:"xl",onSelect:i=>{i.preventDefault(),o();},"data-testid":"oui-testid-nav-bar-dropDownMenuItem-disconnect",children:jsxs(Flex,{gap:2,className:"oui-text-danger-light",children:[jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97 14.03a.75.75 0 0 1 0-1.06l.262-.263C2.594 12.354 1.5 11.108 1.5 9.06c0-2.447 1.563-3.75 3.75-3.75H6a.75.75 0 0 1 0 1.5h-.75C3.837 6.81 3 7.508 3 9.06s.837 2.25 2.25 2.25h.38l1.188-1.188a.75.75 0 0 1-.068-.312v-.75c0-1.162.381-2.19 1.172-2.883.645-.565 1.512-.867 2.578-.867h1.13l1.34-1.34a.75.75 0 0 1 1.061 1.06l-9 9a.75.75 0 0 1-1.06 0m6.14-7.2L8.27 8.668c.065-.583.281-1.056.635-1.367.289-.253.684-.419 1.205-.473M7.825 12.8l3.414-3.415c-.126 2.12-1.496 3.297-3.414 3.415m7.705-6.58a.75.75 0 0 0-1.06 1.06c.508.509.53 1.202.53 1.72 0 .739-.014 1.203-.53 1.72-.165.164-.455.307-.825.405a3.8 3.8 0 0 1-.895.125H12a.75.75 0 0 0 0 1.5h.75c.31 0 .787-.045 1.28-.175.48-.127 1.065-.36 1.5-.795.97-.97.97-1.991.97-2.75v-.06c0-.51.002-1.778-.97-2.75",fill:"currentcolor"})}),jsx("span",{children:n("connector.disconnect")})]})})})]})})]})};var Nt=()=>{let{t:e}=useTranslation(),{disconnect:t,connectedChain:o}=useWalletConnector(),{account:n,state:i}=useAccount(),{connectWallet:r,disabledConnect:a}=useAppContext(),[s,{findByChainId:l}]=useChains(),d=async()=>{modal.show(WalletConnectorModalId).then(u=>{},u=>{});},c=async()=>{modal.show(WalletConnectorModalId).then(u=>{},u=>{});},p=()=>{n.once("validate:end",u=>{u<AccountStatusEnum.EnableTrading?h({status:u}):toast.success(e("connector.walletConnected"));}),modal.show(ChainSelectorDialogId).then(u=>{u.wrongNetwork||(i.status<AccountStatusEnum.EnableTrading?h(i):toast.success(e("connector.walletConnected")));},u=>{});},v=async()=>{let u=await r();u&&(u.wrongNetwork?p():h(u));},h=u=>{u.validating||u.status<=AccountStatusEnum.Connected||(u.status<AccountStatusEnum.SignedIn&&d(),u.status<AccountStatusEnum.EnableTrading&&c());},f=useCallback(()=>{if(!o)return;let u=l(o.id,"network_infos");if(u){let{explorer_base_url:b}=u;b&&(b.endsWith("/")?window.open(`${b}address/${n.address}`):window.open(`${b}/address/${n.address}`));}},[i,o]),x=async()=>{localStorage.removeItem("orderly_link_device"),await t({label:i.connectWallet?.name}),await n.disconnect();};return {address:i.address,accountState:i,connect:v,onCrateAccount:d,onCreateOrderlyKey:c,onOpenExplorer:f,onDisconnect:x,disabledConnect:a}};var ko=()=>{let e=Nt();return jsx(Ke,{...e})};installExtension({name:"account-menu",scope:["*"],positions:[ExtensionPositionEnum.AccountMenu],builder:Nt,__isInternal:true})(e=>jsx(Ke,{...e}));var qe=()=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.AccountMenu});var Yi=e=>{let{totalValue:t=0,visible:o=true,onToggleVisibility:n,visibleAvailable:i=true}=e,{t:r}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:r("common.totalValue")}),i&&jsx("button",{onClick:()=>n?.(),children:o?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})}),jsx(Text,{intensity:54,children:"\u2248"})]}),jsx(Text.numeral,{visible:e.visible,unit:"USDC",unitClassName:"oui-text-base-contrast-20 oui-ml-1",as:"div",children:t??"-"})]})},Ji=e=>{let{freeCollateral:t,visible:o,onToggleVisibility:n,visibleAvailable:i=true}=e,{t:r}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:r("trading.asset.freeCollateral")}),i&&jsx("button",{onClick:()=>n?.(),children:o?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})})]}),jsx(Text.numeral,{unit:"USDC",unitClassName:"oui-text-base-contrast-20 oui-ml-1",visible:o,as:"div",children:t??"-"})]})},ji=e=>{let{currentLeverage:t}=e,{t:o}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsx(Box,{children:jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:o("leverage.currentLeverage")})}),jsx(Text.numeral,{as:"div",unit:"x",children:t??0})]})},er=e=>{let{t}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsx(Box,{children:jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:t("leverage.maxLeverage")})}),jsx(Text,{color:"primary",as:"div",children:`${e.maxLeverage??"--"}x`})]})},tr=e=>{let{visible:t,onToggleVisibility:o,visibleAvailable:n=true}=e,{t:i}=useTranslation();return jsxs(Flex,{direction:"column",gap:0,className:"oui-text-2xs",itemAlign:"start",children:[jsxs(Flex,{gap:1,itemAlign:"center",children:[jsx(Text,{intensity:54,className:"oui-whitespace-nowrap",children:i("common.unrealizedPnl")}),n&&jsx("button",{onClick:()=>o?.(),children:t?jsx(EyeIcon,{size:12,className:"oui-text-primary-light",opacity:1}):jsx(EyeCloseIcon,{size:12,className:"oui-text-primary-light",opacity:1})})]}),jsx(Text.numeral,{as:"div",coloring:true,showIdentifier:true,weight:"semibold",visible:t,suffix:jsx(Text.numeral,{coloring:true,prefix:"(",suffix:")",rule:"percentages",children:e.unrealized_pnl_ROI??"-"}),children:e.unrealPnL??"-"})]})},or=e=>{let{totalValue:t,keys:o,elementKeys:n}=e,{t:i}=useTranslation(),r=s=>l=>{l.preventDefault(),l.stopPropagation(),e.onKeyToTop(s);},a=n.map(s=>{switch(s){case "totalValue":return jsxs(Ae,{onSetTop:r("totalValue"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("totalValue"),onClick:()=>e.onToggleItemByKey("totalValue")}),jsx("span",{children:i("common.totalValue")})]}),jsx(Text.numeral,{visible:e.visible,unit:"USDC",className:"group-hover:-oui-translate-x-5 oui-transition-transform",unitClassName:"oui-text-base-contrast-36 oui-ml-1",children:t??"-"})]},s);case "freeCollateral":return jsxs(Ae,{onSetTop:r("freeCollateral"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("freeCollateral"),onClick:()=>e.onToggleItemByKey("freeCollateral")}),jsx("span",{children:i("trading.asset.freeCollateral")})]}),jsx(Text.numeral,{unit:"USDC",visible:e.visible,className:"group-hover:-oui-translate-x-5 oui-transition-transform",unitClassName:"oui-text-base-contrast-36 oui-ml-1",children:e.freeCollateral??"-"})]},s);case "unrealPnL":return jsxs(Ae,{onSetTop:r("unrealPnL"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("unrealPnL"),onClick:()=>e.onToggleItemByKey("unrealPnL")}),jsx("span",{children:i("common.unrealizedPnl")})]}),jsx(Text.numeral,{coloring:true,showIdentifier:true,visible:e.visible,className:"group-hover:-oui-translate-x-5 oui-transition-transform",suffix:jsx(Text.numeral,{coloring:true,prefix:"(",visible:e.visible,suffix:")",rule:"percentages",children:e.unrealized_pnl_ROI??"-"}),children:e.unrealPnL??"-"})]},s);case "currentLeverage":return jsxs(Ae,{onSetTop:r("currentLeverage"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("currentLeverage"),onClick:()=>e.onToggleItemByKey("currentLeverage")}),jsx("span",{children:i("leverage.currentLeverage")})]}),jsx(Text.numeral,{className:"group-hover:-oui-translate-x-5 oui-transition-transform",unit:"x",children:e.currentLeverage??"-"})]},s);case "maxLeverage":return jsxs(Ae,{onSetTop:r("maxLeverage"),children:[jsxs(Flex,{className:"oui-text-base-contrast-54",gapX:2,children:[jsx(Te,{active:o.includes("maxLeverage"),onClick:()=>e.onToggleItemByKey("maxLeverage")}),jsx("span",{children:i("leverage.maxLeverage")})]}),jsx(Text,{className:"group-hover:-oui-translate-x-5 oui-transition-transform",color:"primary",children:`${e.maxLeverage??"-"}x`})]},s);default:return null}});return jsx(Flex,{className:"oui-text-2xs oui-font-semibold",direction:"column",gapY:1,children:a})},Ae=e=>jsxs("div",{className:"oui-w-full oui-relative oui-group hover:oui-bg-base-6 oui-px-[6px] oui-py-1 oui-rounded",children:[jsx(Flex,{justify:"between",width:"100%",children:e.children}),jsx("button",{className:"oui-absolute oui-right-1 oui-top-1",onClick:e.onSetTop,children:jsxs("svg",{className:"group-hover:oui-opacity-100 group-hover:oui-translate-x-0 oui-opacity-0 oui-translate-x-3 oui-transition-all oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("rect",{width:"16",height:"16",rx:"2",fill:"rgb(var(--oui-color-primary-darken))"}),jsx("path",{d:"M3.507 3.999a.5.5 0 1 0 0 1h9a.5.5 0 0 0 0-1zm4 8.006a.5.5 0 0 0 1 0V7.724l1.5 1.484.703-.703-2.343-2.36a.515.515 0 0 0-.72 0l-2.343 2.36.703.703 1.5-1.484z"})]})})]}),Te=e=>jsx("button",{onClick:e.onClick,children:e.active?jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:jsx("path",{d:"M7.506.977a.56.56 0 0 0-.365.16C6.367 1.88 6.13 2.5 6.413 3.348c-.661.506-1.078.63-1.903.63-1.127 0-1.863.137-2.364.637v.016a1.187 1.187 0 0 0 0 1.686l1.4 1.411-2.385 2.385a.513.513 0 0 0-.015.717.514.514 0 0 0 .719 0l2.394-2.395 1.403 1.396a1.19 1.19 0 0 0 1.687 0h.016c.501-.5.64-1.142.64-2.358 0-.773.16-1.319.64-1.893.924.271 1.462.012 2.22-.746a.5.5 0 0 0 .14-.36c0-.175-.044-.445-.156-.78a4 4 0 0 0-.984-1.577 4 4 0 0 0-1.578-.984C7.95 1.02 7.682.977 7.506.977",fill:"currentcolor",className:"oui-text-primary-light"})}):jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:jsx("path",{d:"M7.506.977a.56.56 0 0 0-.365.16C6.367 1.88 6.13 2.5 6.413 3.348c-.661.506-1.078.63-1.903.63-1.127 0-1.863.137-2.364.637v.016a1.187 1.187 0 0 0 0 1.686l1.4 1.411-2.385 2.385a.513.513 0 0 0-.015.717.514.514 0 0 0 .719 0l2.394-2.395 1.403 1.396a1.19 1.19 0 0 0 1.687 0h.016c.501-.5.64-1.142.64-2.358 0-.773.16-1.319.64-1.893.924.271 1.462.012 2.22-.746a.5.5 0 0 0 .14-.36c0-.175-.044-.445-.156-.78a4 4 0 0 0-.984-1.577 4 4 0 0 0-1.578-.984C7.95 1.02 7.682.977 7.506.977m.193 1.027c.531.098 1.066.45 1.447.83.381.382.706.848.84 1.459-.477.458-.77.494-1.247.243a.5.5 0 0 0-.583.087c-.91.91-1.15 1.736-1.15 2.85 0 .97-.057 1.33-.36 1.655-.085.092-.203.078-.281 0L2.849 5.615a.18.18 0 0 1-.012-.255c.178-.217.576-.386 1.669-.386 1.306.001 2-.335 2.859-1.14a.5.5 0 0 0 .094-.578c-.257-.513-.217-.784.24-1.252",fill:"currentcolor"})})});var Tt=e=>{let{keys:t,...o}=e,n=0,i=$t.useRef(0);useEffect(()=>{let a=new ResizeObserver(s=>{if(Array.isArray(s)&&s.length>0){let l=s[0].contentRect.width;l>1556?i.current=5:l>1480?i.current=4:l>1366?i.current=3:l>1280?i.current=2:l>1180?i.current=1:i.current=0;}});return a.observe(document.body),()=>{a.disconnect();}},[]);let r=t.slice(0,i.current).map((a,s)=>{switch(a){case "freeCollateral":return jsx(Ji,{freeCollateral:e.freeCollateral,visible:e.visible,onToggleVisibility:e.onToggleVisibility,visibleAvailable:s===n});case "unrealPnL":return jsx(tr,{unrealPnL:e.unrealPnL,unrealized_pnl_ROI:e.unrealized_pnl_ROI,visible:e.visible,onToggleVisibility:e.onToggleVisibility,visibleAvailable:s===n});case "currentLeverage":return n++,jsx(ji,{currentLeverage:e.currentLeverage});case "maxLeverage":return n++,jsx(er,{maxLeverage:e.maxLeverage});case "totalValue":default:return jsx(Yi,{totalValue:e.totalValue,onToggleVisibility:e.onToggleVisibility,visible:e.visible,visibleAvailable:s===n})}});return jsxs("div",{className:"oui-flex oui-items-center oui-gap-6",children:[jsx(nr,{elements:r}),jsx(Popover,{content:jsx(or,{totalValue:o.totalValue,freeCollateral:e.freeCollateral,maxLeverage:e.maxLeverage,currentLeverage:e.currentLeverage,unrealized_pnl_ROI:e.unrealized_pnl_ROI,unrealPnL:e.unrealPnL,keys:t,elementKeys:e.elementKeys,onToggleItemByKey:e.onToggleItemByKey,onKeyToTop:e.onKeyToTop,visible:e.visible}),contentProps:{onOpenAutoFocus:a=>a.preventDefault(),sideOffset:12,className:"oui-p-1"},arrow:true,children:jsx("div",{className:"oui-cursor-pointer oui-group",children:jsx(ir,{})})})]})},nr=e=>jsx("div",{className:"oui-flex oui-gap-6",children:e.elements.map((t,o)=>jsx("div",{children:t},o))}),ir=()=>jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-fill-base-contrast-36 hover:oui-fill-primary-light group-data-[state=open]:oui-fill-primary-light",children:jsx("path",{d:"M10.007 8.335a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333m-5.84 0a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333m11.666 0a1.666 1.666 0 1 1 0 3.333 1.666 1.666 0 0 1 0-3.333"})});var Fo=()=>{let[e,t]=useLocalStorage("accountSummaryTypes",["totalValue"]),[o,n]=useState(["totalValue","freeCollateral","unrealPnL","currentLeverage","maxLeverage"]),{freeCollateral:i,totalValue:r}=useCollateral({dp:2}),{state:a}=useAccount(),[s,l]=useLocalStorage("orderly_assets_visible",true),[{aggregated:d,totalUnrealizedROI:c}]=usePositionStream(),{wrongNetwork:p,disabledConnect:v}=useAppContext(),{currentLeverage:h}=useMarginRatio(),{maxLeverage:f}=useLeverage(),x=m=>{e.includes(m)?t(e.filter(C=>C!==m)):t([...e,m]);},u=m=>{if(!e.includes(m)){t([m,...e]),n([m,...o.filter(C=>C!==m)]);return}t([m,...e.filter(C=>C!==m)]),n([m,...o.filter(C=>C!==m)]);},b=p||v||a.status<AccountStatusEnum.EnableTrading&&a.status!==AccountStatusEnum.EnableTradingWithoutConnected;return {totalValue:b?null:r,freeCollateral:b?null:i,maxLeverage:b?null:f,currentLeverage:b?null:h,unrealPnL:b?null:d?.total_unreal_pnl,unrealized_pnl_ROI:b?null:c,keys:e,elementKeys:o,visible:s,wrongNetwork:p,onToggleItemByKey:x,onKeyToTop:u,onToggleVisibility:()=>l(!s)}};var $e=()=>{let e=Fo();return jsx(Tt,{...e,elementKeys:e.elementKeys})};var Eo=()=>{let[e,t]=useState(false),[o,n]=useState(false),{state:i}=useAccount(),{connectedChain:r}=useWalletConnector(),{currentChainId:a,wrongNetwork:s,disabledConnect:l,setCurrentChainId:d}=useAppContext(),c=useConfig("networkId"),p=()=>{t(false);},v=()=>{n(true),p();},h=()=>{n(false);};return {isConnected:!!r,currentChainId:a,wrongNetwork:s,disabledConnect:l,accountStatus:i.status,networkId:c,open:e,onOpenChange:t,hide:p,onChainChangeBefore:v,onChainChangeAfter:h,loading:o,setCurrentChainId:d}};var Ye=e=>{let{t}=useTranslation();if(e.wrongNetwork&&e.isConnected&&!e.disabledConnect)return jsx(Tooltip,{open:true,hideWhenDetached:true,content:t("connector.wrongNetwork.tooltip"),className:"oui-bg-base-5",arrow:{className:"oui-fill-base-5"},children:jsx(Button,{color:"warning",size:"md",onClick:()=>{modal.show(ChainSelectorDialogId,{networkId:e.networkId}).then(i=>{!i.wrongNetwork&&e.accountStatus<AccountStatusEnum.EnableTrading&&modal.show(WalletConnectorModalId).then(r=>{},r=>{});},i=>{});},children:t("connector.wrongNetwork")})});let o=()=>{if(e.loading)return jsx(Spinner,{className:"oui-w-[18px] oui-h-[18px]"});if(e.currentChainId)return jsx(ChainIcon,{chainId:e.currentChainId,size:"xs"})},n=jsxs(Flex,{intensity:500,justify:"center",className:cn("oui-relative oui-cursor-pointer","oui-w-11 oui-h-8","oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px]"),children:[o(),jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg",className:"oui-absolute oui-right-0 oui-bottom-0",children:[jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_490_5080",x1:"10",y1:"5",x2:"-5.79673e-08",y2:"5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})}),jsx("path",{d:"M10 7V0L0 10H7C8.65685 10 10 8.65685 10 7Z",fill:"url(#paint0_linear_490_5080)"})]})]});return jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:n}),jsx(DropdownMenuPortal,{children:jsx(DropdownMenuContent,{onCloseAutoFocus:i=>i.preventDefault(),onClick:i=>i.stopPropagation(),sideOffset:4,collisionPadding:{right:16},className:cn("oui-bg-base-8 oui-w-[456px] oui-p-4 oui-rounded-xl","oui-border oui-border-line-6","oui-font-semibold"),children:jsx(ChainSelectorWidget,{close:e.hide,onChainChangeBefore:e.onChainChangeBefore,onChainChangeAfter:e.onChainChangeAfter})})})]})};var zo=e=>{let{t}=useTranslation();return jsx("button",{onClick:o=>{modal.show(ChainSelectorSheetId,{bridgeLessOnly:false,isWrongNetwork:e.wrongNetwork}).then(n=>{n?.chainId&&e.setCurrentChainId(n?.chainId),toast.success(t("connector.networkSwitched"));},n=>{});},children:jsxs(Box,{className:"oui-relative oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px] oui-bg-base-5 oui-px-2 oui-h-8 oui-w-8 oui-flex oui-items-center oui-justify-center",children:[jsx(ChainIcon,{chainId:e.currentChainId,size:"xs",className:"oui-h-[18px] oui-w-[18px]"}),jsx("div",{className:"oui-absolute oui-right-0 oui-bottom-0",children:jsxs("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M9 6V0L0 9h6a3 3 0 0 0 3-3",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"9",y1:"4.5",x2:"0",y2:"4.5",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})})]})})};var de=()=>{let e=Eo(),{isMobile:t}=useScreen();return t?jsx(zo,{...e}):jsx(Ye,{...e})};var kt=e=>{let[t,o]=useState(false),[n,i]=useState(false),[r,a]=useState(i18n.language),{languages:s,onLanguageBeforeChanged:l,onLanguageChanged:d,popup:c}=useLocaleContext(),{track:p,setIdentify:v}=useTrack(),{isMobile:h}=useScreen(),f=async(u,b)=>{i(true),a(u),await l(u),await i18n.changeLanguage(u),await d(u),o(false),e?.setOpen?.(false),i(false),p(TrackerEventName.switchLanguage,{language:b,language_code:u}),v({language_code:u});},x=useMemo(()=>({...c,...e?.popup,mode:e?.popup?.mode||c?.mode||(h?"sheet":"modal")}),[c,e?.popup,h]);return {open:e?.open||t,onOpenChange:e?.setOpen||o,languages:s,selectedLang:r,onLangChange:f,loading:n,popup:x}};var Ft=e=>{let{languages:t,popup:o}=e,{t:n}=useTranslation(),{isMobile:i}=useScreen();if(t.length<=1)return null;let r=jsx(ea,{className:cn("oui-size-6 lg:oui-size-5","oui-cursor-pointer oui-text-base-contrast-80","hover:oui-fill-base-contrast oui-transition-colors",i&&"oui-h-[18px] oui-w-[18px]"),id:"language-switcher-icon",onClick:()=>e.onOpenChange(true)}),a=jsx(Text,{weight:"semibold",children:n("languageSwitcher.language")}),s=t.map(c=>{let p=e.selectedLang===c.localCode;return jsx(jr,{className:cn(["modal","sheet"].includes(o.mode??"")&&"oui-w-[calc((100%_-_4px)/2)] lg:oui-w-[calc((100%_-_8px)/3)]"),selected:p,item:c,onClick:()=>e.onLangChange(c.localCode,c.displayName),loading:e.loading},c.localCode)}),l=jsx(Flex,{gap:1,className:"oui-flex-wrap",children:s}),d=jsx(Box,{mt:4,children:jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-warning-darken",children:n("languageSwitcher.tips")})});if(o?.mode==="sheet"&&i)return jsxs(Fragment,{children:[r,jsxs(SimpleSheet,{open:e.open,onOpenChange:e.onOpenChange,classNames:{content:cn("oui-px-5 oui-pb-5",o?.className),body:"oui-pb-[env(safe-area-inset-bottom)]"},contentProps:{style:o?.style},title:a,children:[l,d]})]});if(o?.mode==="dropdown"){let c=jsx(Box,{mt:4,className:cn("oui-custom-scrollbar oui-max-h-[348px] oui-overflow-y-auto","oui-grid oui-gap-1 oui-pr-[6px]"),children:s});return jsxs(DropdownMenuRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(DropdownMenuTrigger,{asChild:true,children:r}),jsx(DropdownMenuPortal,{children:jsxs(DropdownMenuContent,{onCloseAutoFocus:p=>p.preventDefault(),onClick:p=>p.stopPropagation(),sideOffset:10,align:"start",collisionPadding:{right:16},className:cn("oui-w-[320px] lg:oui-w-[360px]","oui-rounded-xl oui-bg-base-8 oui-p-5","oui-border oui-border-line-6","oui-font-semibold"),children:[a,c,d]})})]})}return jsxs(Fragment,{children:[r,jsxs(SimpleDialog,{title:a,open:e.open,onOpenChange:e.onOpenChange,size:i?"sm":"xl",classNames:{content:o?.className},contentProps:{style:o?.style},children:[l,d]})]})},jr=e=>{let{item:t}=e,o=()=>e.loading&&e.selected?jsx(Spinner,{size:"sm"}):e.selected?jsx(Box,{gradient:"brand",r:"full",width:4,height:4}):null;return jsx("button",{className:cn("oui-group oui-rounded-md hover:oui-bg-base-5",e.selected&&"oui-bg-base-5",e.className),onClick:e.onClick,children:jsxs(Flex,{justify:"between",className:"oui-h-10",px:3,children:[jsx(Flex,{itemAlign:"center",width:"100%",className:"oui-gap-x-[6px]",children:jsx(Text,{size:"2xs",className:cn("oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80",e.selected&&"oui-text-base-contrast-80"),children:t.displayName})}),o()]})})},ea=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M10 1.678a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 1 0 0-16.667m0 1.667c1.1 0 2.308 2.527 2.492 5.831l-4.975.01c.183-3.304 1.382-5.84 2.482-5.84m-2.943.67c-.717 1.393-1.1 3.242-1.193 5.165L3.38 9.174c.248-2.271 1.778-4.176 3.676-5.159m5.889.003c1.898.983 3.388 2.835 3.676 5.168l-2.483-.008c-.078-2-.52-3.758-1.193-5.16m-9.56 6.83 2.483-.02c.092 1.923.478 3.803 1.191 5.182a6.79 6.79 0 0 1-3.674-5.162m4.118.007 4.975-.01c-.184 3.303-1.38 5.833-2.48 5.833s-2.312-2.519-2.495-5.823m6.64-.008 2.471-.008c-.287 2.208-1.68 4.18-3.672 5.162.74-1.53 1.108-3.23 1.2-5.154"})})});var Pe=e=>{let t=kt(e);return jsx(Ft,{...t})};var Zo=e=>{let[t,o]=useState({}),{data:n=[],isLoading:i,mutate:r}=useSubAccountQuery("/v1/client/aggregate/positions",{errorRetryCount:3,accountId:e});return useEffect(()=>{if(i)return;if(!n||n.length===0){o({});return}let a=n.reduce((s,l)=>{let d=l.account_id;return s[d]?s[d]=new Decimal(s[d]).plus(l.unsettled_pnl).toNumber():s[d]=new Decimal(l.unsettled_pnl).toNumber(),s},{});o(a);},[n,i]),{accountValue:t}};var Et=()=>{let[e,t]=useState(false),[o,n]=useState([]),{data:i}=useIndexPricesStream(),{isMobile:r}=useScreen(),{state:a,subAccount:s,switchAccount:l}=useAccount(),{t:d}=useTranslation(),c=a.mainAccountId,{accountValue:p}=Zo(c),v=a.accountId,h=useRef(false),f=useMemo(()=>{if(!a.subAccounts||!a.subAccounts.length)return [];let C=a.subAccounts.find(P=>P.id===v);return C?[C,...a.subAccounts.filter(P=>P.id!==v)]:[...a.subAccounts]},[a.subAccounts,v]),x=useMemo(()=>({mode:r?"sheet":"modal"}),[r]),u=useCallback(C=>s.create(C),[s]),b=useCallback(C=>l(C).catch(P=>{}).then(P=>{toast.success(d("subAccount.modal.switch.success.description"));}),[l]),m=useMemo(()=>{let C=p[c]??0,P=c&&a.address?{id:c,userAddress:a.address,holding:o,accountValue:qo(o,C,i||{})}:void 0,H=f.map(Ne=>{let St=p[Ne.id]??0;return {...Ne,accountValue:qo(Ne.holding||[],St,i||{})}});return {mainAccount:P,subAccounts:H}},[c,a.address,o,f,p,i]);return useEffect(()=>{if(!e){h.current=false;return}!h.current&&c&&(h.current=true,s.refresh().then(C=>{n(C[c]||[]);}));},[e,c,s]),{mainAccount:m.mainAccount,currentAccountId:v,open:e,onOpenChange:t,popup:x,createSubAccount:u,subAccounts:m.subAccounts,onSwitch:b}},qo=(e,t,o)=>e.reduce((i,r)=>{let a=pa(r.token,o);return a?i+new Decimal(r.holding).times(a).toNumber():i},0)+t,pa=(e,t)=>{if(e==="USDC")return 1;let o=`PERP_${e}_USDC`;return t[o]??0};var Ht=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M10 2.5C8.16892 2.5 6.66667 4.00225 6.66667 5.83333C6.66667 7.66441 8.16892 9.16667 10 9.16667C11.8311 9.16667 13.3333 7.66441 13.3333 5.83333C13.3333 4.00225 11.8311 2.5 10 2.5ZM10 4.16667C10.9303 4.16667 11.6667 4.90299 11.6667 5.83333C11.6667 6.76368 10.9303 7.5 10 7.5C9.06965 7.5 8.33333 6.76368 8.33333 5.83333C8.33333 4.90299 9.06965 4.16667 10 4.16667ZM10 11.6667C8.54587 11.6667 6.82264 12.0082 5.37435 12.5798C4.65021 12.8656 3.99558 13.205 3.47168 13.641C2.94778 14.0769 2.5 14.6662 2.5 15.4167V17.5H17.5V16.6667V15.4167C17.5 14.6662 17.0522 14.0769 16.5283 13.641C16.0044 13.205 15.3498 12.8656 14.6257 12.5798C13.1774 12.0082 11.4541 11.6667 10 11.6667ZM10 13.3333C11.1784 13.3333 12.7884 13.645 14.0153 14.1292C14.6288 14.3713 15.1475 14.66 15.4622 14.9219C15.777 15.1838 15.8333 15.3622 15.8333 15.4167V15.8333H4.16667V15.4167C4.16667 15.3622 4.22299 15.1838 4.53776 14.9219C4.85253 14.66 5.37124 14.3713 5.9847 14.1292C7.21162 13.645 8.82163 13.3333 10 13.3333Z",fill:"white",fillOpacity:"0.98"})})}),$o=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M6 16L2 12L6 8L7.0625 9.0625L4.875 11.25H11V12.75H4.875L7.0625 14.9375L6 16ZM14 11L12.9375 9.9375L15.125 7.75H9V6.25H15.125L12.9375 4.0625L14 3L18 7L14 11Z"})})}),Ot=forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M9.25 14H10.75V10.75H14V9.25H10.75V6H9.25V9.25H6V10.75H9.25V14ZM4.5 17C4.0875 17 3.73437 16.8531 3.44062 16.5594C3.14687 16.2656 3 15.9125 3 15.5V4.5C3 4.0875 3.14687 3.73438 3.44062 3.44063C3.73437 3.14688 4.0875 3 4.5 3H15.5C15.9125 3 16.2656 3.14688 16.5594 3.44063C16.8531 3.73438 17 4.0875 17 4.5V15.5C17 15.9125 16.8531 16.2656 16.5594 16.5594C16.2656 16.8531 15.9125 17 15.5 17H4.5ZM4.5 15.5H15.5V4.5H4.5V15.5Z"})})}),Xo=forwardRef((e,t)=>{let{size:o=12,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 12 12",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",ref:t,...n,children:jsx("path",{d:"M9.95551 2.00049C9.81619 2.00049 9.67686 2.05318 9.57074 2.15918L5.43256 6.29785L5.24945 7.25049L6.20209 7.06738L10.3403 2.9292C10.443 2.82645 10.4999 2.68968 10.4999 2.54443C10.4999 2.39918 10.443 2.26218 10.3403 2.15918C10.2341 2.05318 10.0948 2.00049 9.95551 2.00049ZM3.12494 2.25C2.37147 2.25 1.74994 2.87153 1.74994 3.625V9.375C1.74994 10.1285 2.37147 10.75 3.12494 10.75H8.87494C9.62841 10.75 10.2499 10.1285 10.2499 9.375V5.25C10.2509 5.18374 10.2386 5.11796 10.2139 5.05648C10.1892 4.99499 10.1525 4.93903 10.106 4.89185C10.0595 4.84466 10.0041 4.8072 9.94293 4.78162C9.8818 4.75605 9.8162 4.74288 9.74994 4.74288C9.68368 4.74288 9.61807 4.75605 9.55695 4.78162C9.49582 4.8072 9.44038 4.84466 9.39386 4.89185C9.34734 4.93903 9.31066 4.99499 9.28595 5.05648C9.26124 5.11796 9.249 5.18374 9.24994 5.25V9.375C9.24994 9.58803 9.08797 9.75 8.87494 9.75H3.12494C2.91191 9.75 2.74994 9.58803 2.74994 9.375V3.625C2.74994 3.41197 2.91191 3.25 3.12494 3.25H7.24994C7.3162 3.25094 7.38198 3.2387 7.44346 3.21399C7.50494 3.18928 7.5609 3.1526 7.60809 3.10608C7.65527 3.05956 7.69274 3.00412 7.71832 2.94299C7.74389 2.88186 7.75706 2.81626 7.75706 2.75C7.75706 2.68374 7.74389 2.61814 7.71832 2.55701C7.69274 2.49588 7.65527 2.44044 7.60809 2.39392C7.5609 2.3474 7.50494 2.31072 7.44346 2.28601C7.38198 2.2613 7.3162 2.24906 7.24994 2.25H3.12494Z"})})});var Ca=e=>{let{t}=useTranslation(),o=useMemo(()=>({leading:e.accountId.slice(0,6),middle:e.accountId.slice(6,-4),trailing:e.accountId.slice(-4)}),[e.accountId]),n=useCallback(()=>{navigator.clipboard.writeText(e.accountId),toast.success(t("common.copy.copied"));},[e.accountId]);return jsxs(Flex,{className:"oui-min-h-[50px] oui-w-[180px]",gap:2,justify:"between",itemAlign:"center",children:[jsxs(Text,{className:"oui-w-full oui-break-all oui-text-2xs oui-text-base-contrast-36",children:[jsx(Text,{className:"oui-text-base-contrast",children:o.leading}),jsx(Text,{children:o.middle}),jsx(Text,{className:"oui-text-base-contrast",children:o.trailing})]}),jsx(CopyIcon,{onClick:n,className:"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast"})]})},zt=e=>{let{t}=useTranslation();return jsx(Fragment,{children:jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",className:cn("oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4","oui-border oui-border-base-6",e.isCurrent&&" oui-border-[#38E2FE] ",!e.isCurrent&&"hover:oui-border-base-contrast-16"),children:[jsx("div",{className:"oui-absolute oui-inset-0 oui-z-0 ",onClick:()=>{e.isCurrent||e.onSwitch?.(e.accountId);}}),e.isCurrent&&jsx("div",{className:cn("oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54","oui-text-[10px] oui-font-semibold oui-text-black","oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]"),children:t("subAccount.modal.current")}),jsxs(Flex,{direction:"column",itemAlign:"start",gap:1,className:"oui-z-[2]",children:[e.isMainAccount?jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast",children:formatAddress(e.userAddress??"")}):jsxs(Flex,{justify:"start",itemAlign:"center",className:"oui-cursor-pointer oui-gap-[2px] oui-fill-base-contrast-54 hover:oui-fill-base-contrast",onClick:o=>{e.onEdit?.({accountId:e.accountId,description:e.description??""}),o.stopPropagation(),o.preventDefault();},children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast",children:e.description}),jsx(Xo,{className:"oui-fill-base-contrast-54 hover:oui-fill-base-contrast"})]}),jsx(Tooltip,{content:jsx(Ca,{accountId:e.accountId}),children:jsxs(Text,{className:"oui-text-2xs oui-leading-3 oui-text-base-contrast-36 hover:oui-text-base-contrast",children:["ID: ",formatAddress(e.accountId)]})})]},e.accountId),jsxs(Flex,{className:"oui-text-xs",itemAlign:"end",gap:1,children:[jsx(Text.numeral,{rule:"price",dp:2,children:e.accountValue??0}),jsx(Text,{children:"USDC"})]})]})})};var je=e=>{let{t}=useTranslation();return jsx(TextField,{placeholder:`Sub-account ${(e.subAccountCount??0)+1}`,fullWidth:true,label:t("subAccount.modal.nickName.label"),value:e.nickName,onChange:o=>{e.setNickName(o.target.value);},formatters:[inputFormatter.createRegexInputFormatter(/[^a-zA-Z0-9@,\s_-]/g)],classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},maxLength:20,minLength:1,autoComplete:"off",helpText:t("subAccount.modal.create.nickname.role"),className:"oui-mb-4",color:e.invalid?"danger":void 0})};var rn=10,sn=e=>{let{t}=useTranslation(),{isMobile:o}=useScreen(),[n,i]=useState(false),[r,a]=useState(void 0),{state:s}=useAccount(),[l,d]=useState(false),[c,p]=useState(false),v=useMemo(()=>s.subAccounts?.length??0,[s]),h=useMemo(()=>v>=rn?jsx(Tooltip,{className:"oui-max-w-[188px]",content:t("subAccount.modal.create.max.description"),children:jsx(Ot,{className:cn("oui-cursor-not-allowed oui-fill-base-contrast-20")})}):jsx(Ot,{className:cn("oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast"),onClick:()=>{i(true);}}),[v]),f=jsxs(Flex,{py:3,direction:"column",justify:"between",itemAlign:"start",width:"100%",children:[jsx(Text,{weight:"semibold",children:t("subAccount.modal.create.title")}),jsx(Text,{className:"oui-text-2xs oui-text-base-contrast-36",children:t("subAccount.modal.create.description",{subAccountCount:v,remainingCount:rn-v})})]}),x=()=>{a(""),d(false),p(false);},u=m=>!m||!(m.length>=1&&m.length<=20)?(d(true),true):(d(false),false),b=m=>{let C=`Sub-account ${v+1}`;m&&(C=m.trim()),p(true),e.create(C).then(P=>{x(),toast.success(t("subAccount.modal.create.success.description")),i(false);}).catch(P=>{toast.error(t("subAccount.modal.create.failed.description"));}).finally(()=>{p(false);});};return jsxs(Fragment,{children:[h,jsx(SimpleDialog,{title:f,open:n,onOpenChange:m=>{x(),i(m);},size:o?"sm":"xl",actions:{primary:{label:t("common.confirm"),disabled:l||c,loading:c,onClick:()=>{u(r)||b(r);}}},classNames:{content:"oui-w-[360px]"},children:jsx(je,{nickName:r,setNickName:m=>{u(m),a(m);},subAccountCount:v,invalid:l})})]})};var ln=e=>{let{subAccount:t}=useAccount(),[o,n]=useState(false),{t:i}=useTranslation(),[r,a]=useState(void 0),[s,l]=useState(false),d=c=>{if(!c||!(c.length>=1&&c.length<=20))return l(true),true;l(false);};return useEffect(()=>{a(e.nickName),l(false),n(false);},[e.nickName,e.open]),jsx(SimpleDialog,{title:jsx(Text,{children:i("subAccount.modal.edit.title")}),open:e.open,onOpenChange:e.onOpenChange,classNames:{content:"oui-w-[360px]"},actions:{primary:{label:i("common.confirm"),disabled:o||s,loading:o,onClick:()=>{d(r)||(n(true),t?.update({subAccountId:e.accountId,description:r}).catch(c=>{toast.error(i("subAccount.modal.edit.failed.description"));}).then(c=>{toast.success(i("subAccount.modal.edit.success.description")),e.onOpenChange(false);}).finally(()=>{n(false);}));}},secondary:{label:i("common.cancel"),onClick:()=>e.onOpenChange(false)}},children:jsx(je,{nickName:r,setNickName:c=>{d(c),a(c??"");},invalid:s})})};function Ut(e){let{t}=useTranslation(),{isMobile:o}=useScreen(),n=useRef(null),i=useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null);},[]),r=jsx(Text,{weight:"semibold",children:t("subAccount.modal.title")}),a=useMemo(()=>o?jsx(Flex,{className:"oui-bg-base-6 oui-h-8 oui-w-8 oui-rounded-md",itemAlign:"center",justify:"center",children:jsx(Ht,{className:cn("oui-cursor-pointer"),onClick:()=>e.onOpenChange(true)})}):jsx(Ht,{className:cn("oui-cursor-pointer")}),[o]),[s,l]=useState(false),[d,c]=useState(void 0),p=jsx(Flex,{direction:"column",itemAlign:"start",justify:"center",px:5,width:"100%",className:"oui-h-[120px]",children:jsx(Text,{className:"oui-text-center oui-text-xs oui-font-semibold oui-text-base-contrast-36",children:t("subAccount.modal.noAccount.description")})}),v=()=>e.subAccounts?.length?jsx(ScrollArea,{className:"oui-custom-scrollbar oui-max-h-[200px] oui-w-full oui-overflow-y-auto",children:jsx(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:e.subAccounts.map(f=>jsx(zt,{accountId:f.id,description:f.description,isMainAccount:false,isCurrent:f.id===e.currentAccountId,onSwitch:x=>{e.onSwitch?.(x);},accountValue:f.accountValue??0,onEdit:()=>{c({accountId:f.id,description:f.description??""}),l(true);}},f.id))})}):p,h=jsxs(Fragment,{children:[jsxs(Flex,{direction:"column",gap:5,itemAlign:"start",width:"100%",children:[!o&&r,jsxs(Flex,{direction:"column",gap:5,itemAlign:"start",width:"100%",children:[jsxs(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast-54",children:t("subAccount.modal.mainAccount.title")}),jsx(zt,{accountId:e.mainAccount?.id??"",isMainAccount:true,userAddress:e.mainAccount?.userAddress??"",isCurrent:e.currentAccountId===e.mainAccount?.id,onSwitch:f=>{e.onSwitch?.(f);},accountValue:e.mainAccount?.accountValue??0})]}),jsxs(Flex,{direction:"column",gap:2,itemAlign:"start",width:"100%",children:[jsxs(Flex,{justify:"between",itemAlign:"center",width:"100%",gap:2,children:[jsx(Text,{className:"oui-text-xs oui-leading-3 oui-text-base-contrast-54",children:t("subAccount.modal.subAccounts.title")}),jsxs(Flex,{justify:"end",gap:2,children:[e.subAccounts.length>0&&jsx($o,{className:"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast",onClick:()=>{let f="TransferDialogId";o&&(f="TransferSheetId"),modal.show(f);}}),jsx(sn,{create:e.createSubAccount})]})]}),v()]})]})]}),jsx(ln,{accountId:d?.accountId??"",nickName:d?.description??"",open:s,onOpenChange:l})]});return o?jsxs(Fragment,{children:[a,jsx(SimpleDialog,{title:r,open:e.open,onOpenChange:e.onOpenChange,size:"xs",classNames:{content:"oui-w-[300px]"},children:h})]}):jsxs(PopoverRoot,{open:e.open,onOpenChange:e.onOpenChange,children:[jsx(PopoverAnchor,{children:jsx("div",{onMouseEnter:()=>{e.onOpenChange(true);},onMouseLeave:()=>{n.current=setTimeout(()=>{e.onOpenChange(false);},150);},children:a})}),jsx(PopoverContent,{align:"start",side:"bottom",sideOffset:16,collisionPadding:{right:16},onMouseEnter:i,onMouseLeave:()=>{e.onOpenChange(false),n.current&&clearTimeout(n.current);},className:cn("oui-w-[300px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-5"),children:h})]})}var ke=()=>{let e=Et();return jsx(Ut,{...e})};var nt=e=>{let{classNames:t,currentPath:o,item:n,onClick:i,...r}=e,a=useMemo(()=>e.currentPath?.[0]===e.item.href,[o]),s=useCallback(()=>{Array.isArray(e.item.children)||e.onClick?.([e.item]);},[e.item]),l=jsxs("button",{id:n.id,"data-testid":n.testid,...r,disabled:e.item.disabled,"data-actived":a,className:cn("oui-group oui-relative oui-h-[32px] oui-rounded oui-px-3 oui-py-1 oui-text-sm oui-text-base-contrast-36 hover:oui-bg-base-7",t?.navItem),onClick:s,children:[jsxs("span",{className:"oui-flex oui-items-center",children:[jsx(fn,{isActive:a,item:e.item}),jsx(Text.gradient,{color:a?"brand":"inherit",angle:45,className:"oui-whitespace-nowrap oui-break-normal",children:e.item.name}),Array.isArray(e.item.children)&&jsx("span",{className:"oui-ml-1 group-data-[open=true]:oui-rotate-180",children:a?jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M2.913 4.515a.5.5 0 0 0-.328.202.51.51 0 0 0 .14.701L5.722 7.41a.51.51 0 0 0 .562 0l2.995-1.992a.51.51 0 0 0 .14-.7.51.51 0 0 0-.701-.14L6.002 6.382 3.287 4.577a.5.5 0 0 0-.374-.062",fill:"url(#mainNavDropDownIcon)"}),jsx("defs",{children:jsxs("linearGradient",{id:"mainNavDropDownIcon",x1:"9.502",y1:"5.994",x2:"2.502",y2:"5.994",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}):jsx(ChevronDownIcon,{size:12,color:"white"})})]}),jsx(Box,{invisible:!a,position:"absolute",bottom:0,left:"50%",height:"3px",r:"full",width:"60%",gradient:"brand",angle:45,className:"-oui-translate-x-1/2 "})]});return Array.isArray(e.item.children)?jsx(is,{items:e.item.children,className:t?.subMenu,current:e.currentPath?.[1],onItemClick:d=>{e.onClick?.([e.item,d]);},children:l}):l},is=e=>{let[t,o]=useState(false),n=useRef(null),i=useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null);},[]),r=e.children.props.className;return jsxs(PopoverRoot,{open:t,children:[jsx(PopoverAnchor,{children:jsx("div",{className:"oui-group","data-open":t,onMouseEnter:()=>{o(true);},onMouseLeave:()=>{n.current=setTimeout(()=>{o(false);},150);},children:cloneElement(e.children,{className:cn(r,t&&"oui-bg-base-7")})})}),jsx(PopoverContent,{align:"start",onMouseEnter:i,onMouseLeave:()=>{o(false),n.current&&clearTimeout(n.current);},className:cn("oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",e.className),children:e.items.map((a,s)=>jsx(rs,{item:a,onClick:e.onItemClick,active:a.href===e.current},s))})]})},rs=e=>{let{item:t}=e;return jsxs(Flex,{px:2,py:3,gapX:2,"data-active":e.active??false,className:cn("oui-group oui-w-full oui-cursor-pointer oui-items-start oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5"),r:"md",onClick:()=>{e.onClick(t);},"data-testid":t.testid,children:[!!e.item.icon&&jsx("div",{className:"oui-relative oui-size-6 oui-translate-y-1",children:jsx(fn,{isActive:e.active??false,item:e.item})}),jsxs("div",{className:"oui-flex-1",children:[jsx(as,{item:t,isActive:e.active}),typeof t.description<"u"&&jsx(Text,{size:"2xs",as:"div",intensity:36,children:t.description})]})]})},as=e=>{let{item:{name:t},isActive:o}=e;return jsxs(Flex,{itemAlign:"center",width:"100%",position:"relative",children:[jsxs("div",{className:"oui-flex oui-flex-1",children:[jsx(Text.gradient,{color:o?"brand":"inherit",size:"xs",as:"div",intensity:80,weight:"semibold",className:"oui-whitespace-nowrap oui-break-normal",children:t}),typeof e.item.tag<"u"&&jsx(ss,{item:e.item})]}),e.item.target==="_blank"&&jsx(cs,{})]})},ss=e=>jsx("div",{className:"oui-ml-1 oui-inline-flex oui-rounded oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)] oui-px-2 oui-py-1",children:jsx(Text.gradient,{color:"brand",size:"3xs",className:"oui-whitespace-nowrap oui-break-normal",children:e.item.tag})}),dn="oui-flex oui-border oui-border-line oui-w-6 oui-h-6 oui-rounded-md oui-justify-center oui-items-center oui-absolute oui-left-0 oui-top-0",fn=e=>{let{item:t,isActive:o}=e;return e.item.icon?typeof e.item.icon=="string"?jsx("span",{className:"oui-mr-1 oui-size-[20px]",children:jsx("img",{src:o&&e.item.activeIcon||e.item.icon,className:"oui-max-h-full oui-max-w-full"})}):jsxs(Fragment,{children:[jsx("div",{className:cn(dn,"group-hover:oui-invisible group-data-[active=true]:oui-invisible"),children:e.item.icon}),jsx("div",{className:cn(dn,"oui-invisible group-hover:oui-visible group-data-[active=true]:oui-visible"),children:e.item.activeIcon||e.item.icon})]}):null},cs=()=>jsxs(Fragment,{children:[jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-absolute oui-right-0 oui-top-0 group-hover:oui-invisible",children:jsx("path",{d:"M14.159 17.492a3.333 3.333 0 0 0 3.333-3.333V5.826a3.333 3.333 0 0 0-3.333-3.334H5.826a3.333 3.333 0 0 0-3.334 3.334v8.333a3.333 3.333 0 0 0 3.334 3.333zm-6.667-4.166a.85.85 0 0 1-.599-.235.86.86 0 0 1 0-1.198l3.333-3.333-1.9-1.901h5v5l-1.901-1.9L8.09 13.09a.84.84 0 0 1-.599.235",fill:"#fff",fillOpacity:".2"})}),jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-invisible oui-absolute oui-right-0 oui-top-0 group-hover:oui-visible",children:[jsx("path",{d:"M14.159 17.492a3.333 3.333 0 0 0 3.333-3.333V5.826a3.333 3.333 0 0 0-3.333-3.334H5.826a3.333 3.333 0 0 0-3.334 3.334v8.333a3.333 3.333 0 0 0 3.334 3.333zm-6.667-4.166a.85.85 0 0 1-.599-.235.86.86 0 0 1 0-1.198l3.333-3.333-1.9-1.901h5v5l-1.901-1.9L8.09 13.09a.84.84 0 0 1-.599.235",fill:"url(#outlineIcon)"}),jsx("defs",{children:jsxs("linearGradient",{id:"outlineIcon",x1:"17.492",y1:"9.992",x2:"2.492",y2:"9.992",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]})]});var vn=e=>jsx(Fragment,{children:jsx(nt,{item:e.item,onClick:e.onItemClick,classNames:{navItem:cn("oui-text-base-contrast-54 -oui-ml-2",e.className)}})});var Kt=60;function qt(){let[e,t]=useState(false),[o,n]=useState(true),[i,r]=useState(false),[a,s]=useState(Kt),[l,d]=useState(""),[c,p]=useState(""),v=useEventEmitter(),{track:h}=useTrack(),{state:f,account:x}=useAccount(),[u,{findByChainId:b}]=useChains(void 0,{pick:"network_infos",filter:F=>F.network_infos?.bridge_enable||F.network_infos?.bridgeless}),m=()=>{let F=b(x.chainId);return {wallet:f?.connectWallet?.name,network:F?.network_infos.name}},C=useCallback(async()=>{try{let F=await x.createApiKey(30);d(F.secretKey),n(!1),h(TrackerEventName.signLinkDeviceMessageSuccess,m());}catch(F){F instanceof Error&&F.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1&&v.emit("wallet:sign-message-with-ledger-error",{message:F.message,userAddress:x.address}),H();}},[x]),P=useCallback(()=>{t(true),C(),h(TrackerEventName.clickLinkDeviceButton,m());},[x]),H=useCallback(()=>{t(false);},[]),Ne=useCallback(()=>{r(true),h(TrackerEventName.linkDeviceModalClickConfirm,{});},[]),St=useCallback(()=>{navigator.clipboard.writeText(c);},[c]);return useEffect(()=>{e||(r(false),n(true),s(Kt),d(""),p(""));},[e]),useEffect(()=>{if(a===0){H();return}if(!i)return;let F=setTimeout(()=>{s(a-1);},1e3);return ()=>clearTimeout(F)},[a,i]),useEffect(()=>{if(i&&l){let F=Math.floor(Date.now()/1e3)+Kt,Pi={k:l,t:F,a:x.address,i:x.chainId,n:x.walletAdapter?.chainNamespace},Ri=fs(Pi);p(Ri);}},[i,l]),{open:e,onOpenChange:t,showDialog:P,hideDialog:H,loading:o,seconds:a,confirm:i,onConfirm:Ne,url:c,copyUrl:St}}function fs(e){let t=JSON.stringify(e),o=window.btoa(t);return `${window.location.origin}?link=${o}`}var it=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018"})})}),rt=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",...n,xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441"})})}),at=$t.forwardRef((e,t)=>{let{size:o=20,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 20 20",ref:t,fill:"#fff",fillOpacity:".54",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z"})})});at.displayName="CommuntiyXIcon";it.displayName="CommuntiyTelegramIcon";rt.displayName="CommuntiyDiscordIcon";var Xt=$t.forwardRef((e,t)=>{let{opacity:o=1,...n}=e;return jsxs("svg",{ref:t,width:"45",height:"14",viewBox:"0 0 45 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.352 2.558a.063.063 0 0 1-.04.112H2.419a.063.063 0 0 1-.04-.112A4.73 4.73 0 0 1 5.365 1.5c1.132 0 2.171.396 2.987 1.058M3.518 7.546a.18.18 0 0 0-.148-.08H.886a.085.085 0 0 0-.083.11 4.75 4.75 0 0 0 4.562 3.429 4.75 4.75 0 0 0 4.562-3.43.085.085 0 0 0-.082-.108H7.36a.18.18 0 0 0-.148.079 2.252 2.252 0 0 1-3.694 0m3.518-2.812a.18.18 0 0 0 .134.061h2.598c.06 0 .101-.057.082-.113a4.8 4.8 0 0 0-.801-1.432.17.17 0 0 0-.132-.062H1.814a.17.17 0 0 0-.132.062A4.8 4.8 0 0 0 .88 4.682a.085.085 0 0 0 .081.113h2.6c.05 0 .099-.023.133-.06a2.25 2.25 0 0 1 1.67-.742c.663 0 1.258.286 1.67.741M7.6 6.95a.067.067 0 0 1-.063-.086 2.26 2.26 0 0 0-.079-1.45.067.067 0 0 1 .061-.093h2.45c.03 0 .058.022.063.052a4.8 4.8 0 0 1 .04 1.52.064.064 0 0 1-.065.057zm-4.407-.086a.067.067 0 0 1-.063.086H.723a.064.064 0 0 1-.064-.056 4.8 4.8 0 0 1 .039-1.52.065.065 0 0 1 .063-.053h2.45c.047 0 .079.049.061.093a2.25 2.25 0 0 0-.079 1.45",fill:"#fff",fillOpacity:o}),jsx("path",{d:"M11.272 4.438h1.685v1.61l-.275-.312q.237-.511.662-.874.425-.361.949-.487.524-.124 1.073.038v1.585q-.661-.224-1.223-.125-.55.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.148 3.22q0-.923.4-1.697.41-.774 1.123-1.211a2.95 2.95 0 0 1 1.573-.437 2.7 2.7 0 0 1 1.523.437 2.8 2.8 0 0 1 1.01 1.198q.363.762.363 1.71 0 .95-.362 1.71-.35.762-1.011 1.199a2.7 2.7 0 0 1-1.523.437 2.95 2.95 0 0 1-1.573-.437 3.1 3.1 0 0 1-1.124-1.198 3.7 3.7 0 0 1-.4-1.71m1.748 0q0 .5.224.924.225.412.612.65.387.236.861.236.475 0 .862-.237.386-.237.611-.649.225-.424.225-.924 0-.498-.225-.91-.225-.425-.611-.65a1.6 1.6 0 0 0-.862-.237q-.474 0-.861.237a1.6 1.6 0 0 0-.612.65q-.224.412-.224.91m3.395-6.016h1.685v9.237h-1.685zm4.192 5.329h3.97l-.387.537a2 2 0 0 0-.25-.9 1.63 1.63 0 0 0-.612-.623 1.64 1.64 0 0 0-.861-.225q-.487 0-.886.25a1.6 1.6 0 0 0-.625.686 2.1 2.1 0 0 0-.224.961q0 .537.224.974.239.436.662.687.425.25.961.25.525 0 .937-.238.423-.25.661-.674l1.386.624q-.45.787-1.236 1.26-.786.463-1.798.463-.96 0-1.747-.437a3.3 3.3 0 0 1-1.248-1.198 3.34 3.34 0 0 1-.45-1.71q0-.924.437-1.686.45-.775 1.223-1.21.774-.45 1.723-.45 1.061 0 1.885.537.825.536 1.21 1.448.4.898.226 1.96h-5.181zm6.221-2.534h1.685v1.61l-.274-.312q.237-.511.661-.874.425-.361.949-.487.525-.124 1.073.038v1.585q-.661-.224-1.223-.125-.549.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.885-2.796h1.686v9.237H35.86zm4.359 9.324q.224.487.587.737.362.262.836.262.711 0 1.186-.5.487-.486.487-1.26V9.08l.262.35a2.43 2.43 0 0 1-.911 1.011q-.6.362-1.373.362-.8 0-1.386-.337a2.3 2.3 0 0 1-.886-.936q-.312-.6-.312-1.386V4.438h1.685v3.408q0 .436.162.761.162.312.462.5.312.174.761.174.45 0 .8-.175a1.3 1.3 0 0 0 .549-.511q.187-.338.187-.75V4.439H45v5.767q0 .936-.45 1.685a3.07 3.07 0 0 1-1.21 1.186 3.4 3.4 0 0 1-1.698.424q-.973 0-1.735-.474a3.3 3.3 0 0 1-1.186-1.26z",fill:"#fff",fillOpacity:o})]})});var st=$t.forwardRef((e,t)=>{let{size:o=18,...n}=e;return jsx("svg",{width:o,height:o,viewBox:"0 0 18 18",ref:t,className:"oui-fill-success-light",xmlns:"http://www.w3.org/2000/svg",...n,children:jsx("path",{d:"M9.02092 2.92969C6.18562 2.92969 3.51037 4.13854 1.68502 6.18754C1.40947 6.49676 1.446 6.96671 1.75537 7.24218C2.0646 7.51743 2.53447 7.48143 2.81002 7.17183C4.35112 5.44196 6.6141 4.42969 9.02092 4.42969C11.4205 4.42969 13.6369 5.43123 15.185 7.17183C15.4603 7.48143 15.9301 7.51743 16.2397 7.24218C16.5492 6.96694 16.5853 6.49699 16.31 6.18754C14.4787 4.12856 11.8512 2.92969 9.02092 2.92969ZM9.02092 5.92969C7.04092 5.92969 5.20867 6.78461 3.93502 8.25019C3.6633 8.56294 3.6927 9.03318 4.00537 9.30468C4.31797 9.57618 4.7883 9.54693 5.06002 9.23418C6.05175 8.09343 7.47982 7.42968 9.02092 7.42968C10.5348 7.42968 11.9446 8.08144 12.935 9.18769C13.2113 9.49593 13.681 9.51093 13.9897 9.23418C14.2983 8.95818 14.3364 8.48793 14.06 8.17968C12.7879 6.75896 10.9659 5.92969 9.02092 5.92969ZM9.02092 8.92968C7.91917 8.92968 6.89242 9.40218 6.18502 10.2189C5.91375 10.5317 5.94225 11.0019 6.25537 11.2734C6.56835 11.5449 7.03875 11.5164 7.31002 11.2029C7.73542 10.7124 8.3589 10.4297 9.02092 10.4297C9.6684 10.4297 10.2604 10.7072 10.685 11.1797C10.962 11.4879 11.4552 11.5037 11.7631 11.2262C12.0712 10.9494 12.087 10.4799 11.81 10.1717C11.1037 9.38643 10.0983 8.92968 9.02092 8.92968ZM8.99752 11.9297C8.81609 11.9297 8.64374 12.0047 8.50537 12.1404C8.50537 12.1404 7.3935 13.2362 6.95842 13.6637C6.52342 14.0919 6.7968 14.9319 7.49752 14.9297H9.63037H10.4975C11.1864 14.9319 11.477 14.0739 11.0366 13.6404C10.5961 13.2069 9.51322 12.1404 9.51314 12.1404C9.37469 12.0047 9.17894 11.9297 8.99752 11.9297Z"})})});st.displayName="SignalIcon";var De=e=>{let{size:t=20,viewBox:o,...n}=e;return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:`${t}px`,height:`${t}px`,fill:"none",viewBox:"0 0 20 20",...n,children:jsx("path",{d:"M10.012 1.66602C5.40954 1.66602 1.67871 5.39685 1.67871 9.99935C1.67871 14.6018 5.40954 18.3327 10.012 18.3327C14.6145 18.3327 18.3454 14.6018 18.3454 9.99935C18.3454 5.39685 14.6145 1.66602 10.012 1.66602ZM10.012 5.83268C10.472 5.83268 10.8454 6.20602 10.8454 6.66602V10.8327C10.8454 11.2927 10.472 11.666 10.012 11.666C9.55204 11.666 9.17871 11.2927 9.17871 10.8327V6.66602C9.17871 6.20602 9.55204 5.83268 10.012 5.83268ZM10.012 12.4993C10.472 12.4993 10.8454 12.8727 10.8454 13.3327C10.8454 13.7927 10.472 14.166 10.012 14.166C9.55204 14.166 9.17871 13.7927 9.17871 13.3327C9.17871 12.8727 9.55204 12.4993 10.012 12.4993Z",fill:"#FF7D00"})})};var he=e=>{let{size:t=16,...o}=e;return jsx("svg",{width:`${t}px`,height:`${t}px`,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:jsx("path",{d:"M3.32972 2.60449C3.15912 2.60449 2.98072 2.66183 2.85052 2.79183C2.59019 3.0525 2.59019 3.48982 2.85052 3.75049L7.03806 7.93782L2.85052 12.1252C2.59019 12.3858 2.59019 12.8232 2.85052 13.0838C3.11092 13.3438 3.54852 13.3438 3.80892 13.0838L7.99639 8.89649L12.1839 13.0838C12.4443 13.3438 12.8819 13.3438 13.1423 13.0838C13.4026 12.8232 13.4026 12.3858 13.1423 12.1252L8.95472 7.93782L13.1423 3.75049C13.4026 3.48982 13.4026 3.0525 13.1423 2.79183C13.0121 2.66183 12.8336 2.60449 12.6631 2.60449C12.4925 2.60449 12.3141 2.66183 12.1839 2.79183L7.99639 6.97916L3.80892 2.79183C3.67872 2.66183 3.50032 2.60449 3.32972 2.60449Z",fill:"currentColor"})})};var Yt=e=>jsxs("svg",{width:"200",height:"24",viewBox:"0 0 200 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("path",{d:"M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z",fill:"white"}),jsx("path",{d:"M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z",fill:"white"}),jsx("path",{d:"M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z",fill:"white"}),jsx("path",{d:"M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z",fill:"white"}),jsx("path",{d:"M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z",fill:"white"}),jsx("path",{d:"M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z",fill:"white"}),jsx("path",{d:"M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z",fill:"white"}),jsx("path",{d:"M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z",fill:"white"}),jsx("path",{d:"M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z",fill:"white"}),jsx("path",{d:"M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z",fill:"white"}),jsx("path",{d:"M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z",fill:"white"}),jsx("path",{d:"M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z",fill:"white"}),jsx("path",{d:"M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z",fill:"white"})]});var $=e=>{let{appIcons:t}=useAppConfig();if(e.src)return jsx(Logo,{src:e.src,alt:e.alt});let{main:o}=t||{};return o?.img?jsx("img",{src:o?.img}):o?.component?o.component:jsx(Yt,{})};var jt=e=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsx(Ls,{className:"oui-text-base-contrast-80 oui-cursor-pointer hover:oui-fill-base-contrast oui-transition-colors",onClick:e.showDialog}),jsx(SimpleDialog,{title:jsx(Text,{weight:"semibold",children:t("common.confirm")}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",contentProps:{onInteractOutside:o=>{document.querySelector("#privy-dialog")&&o.preventDefault();}},children:jsx(In,{...e})})]})},In=e=>e.loading?jsx(Rs,{}):e.confirm?jsx(As,{hideDialog:e.hideDialog,seconds:e.seconds,url:e.url,copyUrl:e.copyUrl}):jsx(Ps,{hideDialog:e.hideDialog,onConfirm:e.onConfirm}),As=e=>{let{t}=useTranslation(),o={primary:{label:t("common.ok"),onClick:e.hideDialog,size:"md"}};return jsxs(Flex,{direction:"column",gapY:3,children:[jsx(Text,{size:"base",intensity:98,children:t("linkDevice.scanQRCode")}),jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-center",children:jsx(Trans,{i18nKey:"linkDevice.createQRCode.success.description"})}),jsxs(Text,{size:"sm",intensity:54,children:[`${t("common.countdown")}: `,jsxs(Text.gradient,{color:"brand",className:"oui-tabular-nums",children:[e.seconds,"s"]})]}),jsx(Flex,{className:cn("oui-w-[240px] oui-h-[240px] ","oui-border oui-border-base-contrast-20 oui-rounded-2xl"),justify:"center",itemAlign:"center",children:jsx(Flex,{className:"oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white",justify:"center",itemAlign:"center",children:jsx(Ts,{width:196,height:196,content:e.url})})}),jsxs(Flex,{direction:"row",gap:1,className:cn("oui-cursor-pointer","oui-group oui-text-base-contrast-54 hover:oui-text-base-contrast"),onClick:e.copyUrl,children:[jsx(CopyIcon,{size:16,opacity:1,className:"oui-text-base-contrast-54 group-hover:oui-text-base-contrast"}),jsx(Text,{size:"2xs",weight:"regular",children:t("linkDevice.createQRCode.success.copyUrl")})]}),jsx(SimpleDialogFooter,{actions:o,className:"oui-w-full oui-p-0 !oui-pt-8"})]})},Ts=e=>{let t=useRef(null);return useEffect(()=>{if(!t.current||!e.content)return;let o=qrcode(e.content),n=e.width,i=e.height,r=t.current.getContext("2d"),a=o.modules,s=n/a.length,l=i/a.length;for(let d=0;d<a.length;++d){let c=a[d];for(let p=0;p<c.length;++p){r.fillStyle=c[p]?"#000":"#fff";let v=Math.ceil((p+1)*s)-Math.floor(p*s),h=Math.ceil((d+1)*l)-Math.floor(d*l);r.fillRect(Math.round(p*s),Math.round(d*l),v,h);}}},[t,e.content]),jsx("canvas",{width:e.width,height:e.height,ref:t})},Ps=e=>{let{t}=useTranslation(),o={secondary:{label:t("common.cancel"),onClick:e.hideDialog,className:"oui-flex-1",size:"md"},primary:{label:t("common.confirm"),onClick:e.onConfirm,className:"oui-flex-1",size:"md"}};return jsxs(Flex,{direction:"column",children:[jsx($,{}),jsx(Text,{size:"base",intensity:98,className:"oui-mt-5",children:t("linkDevice.createQRCode.linkMobileDevice")}),jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-text-center oui-mt-3",children:jsx(Trans,{i18nKey:"linkDevice.createQRCode.linkMobileDevice.description",values:{hostname:window.location.hostname}})}),jsx(SimpleDialogFooter,{actions:o,className:"oui-w-full oui-p-0 !oui-pt-8"})]})},Rs=()=>{let{t:e}=useTranslation();return jsxs(Flex,{direction:"column",gap:5,children:[jsx(ks,{}),jsx(Text,{size:"sm",intensity:98,children:e("linkDevice.createQRCode.loading.description")})]})},ks=()=>jsxs("svg",{width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-animate-spin",children:[jsx("path",{d:"M11.4858 52.1631C10.4698 52.5965 9.28872 52.1259 8.91766 51.0855C7.68926 47.6412 7.04029 44.0121 7.00182 40.3463C6.95634 36.0129 7.76483 31.713 9.38113 27.6921C10.9974 23.6712 13.3899 20.0079 16.4219 16.9116C18.9868 14.2923 21.967 12.122 25.2375 10.4861C26.2253 9.99202 27.4035 10.4698 27.8369 11.4858L28.8571 13.8773C29.2904 14.8933 28.8139 16.0615 27.8336 16.5706C25.3569 17.8567 23.0959 19.5294 21.1375 21.5293C18.7119 24.0064 16.7979 26.9369 15.5049 30.1537C14.2119 33.3704 13.5651 36.8103 13.6015 40.277C13.6308 43.076 14.1051 45.8482 15.0026 48.4906C15.3579 49.5365 14.8933 50.7096 13.8773 51.143L11.4858 52.1631Z",fill:"url(#paint0_linear_177_6754)"}),jsx("path",{d:"M73 40C73 58.2254 58.2254 73 40 73C21.7746 73 7 58.2254 7 40C7 21.7746 21.7746 7 40 7C58.2254 7 73 21.7746 73 40ZM13.6 40C13.6 54.5803 25.4197 66.4 40 66.4C54.5803 66.4 66.4 54.5803 66.4 40C66.4 25.4197 54.5803 13.6 40 13.6C25.4197 13.6 13.6 25.4197 13.6 40Z",fill:"white",fillOpacity:"0.06"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_177_6754",x1:"73",y1:"40",x2:"7",y2:"40",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),Ls=e=>{let{size:t=20,viewBox:o,...n}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...n,children:[jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})};var Pn=e=>{let[t,o]=useState(false),{account:n}=useAccount(),{t:i}=useTranslation(),r=async()=>{localStorage.removeItem("orderly_link_device"),await n.disconnect();},a=()=>{o(true);},s=()=>{o(false);};return jsxs(Fragment,{children:[jsx(SimpleDialog,{open:t,onOpenChange:o,title:i("common.tips"),size:"xs",actions:{secondary:{label:i("common.cancel"),onClick:s,size:"md",fullWidth:true},primary:{label:i("connector.disconnect"),onClick:async()=>{await r(),s();},size:"md",variant:"outlined",color:"danger"}},children:jsx(Text,{intensity:54,size:"sm",children:i("linkDevice.scanQRCode.connected.description")})}),jsxs(Flex,{className:"oui-text-base-contrast oui-px-[6px]",intensity:500,height:28,r:"md",onClick:a,children:[jsx(Os,{}),jsx(An,{}),jsx(_s,{}),jsx(An,{}),jsx(zs,{})]})]})},An=()=>jsxs(Flex,{className:"oui-gap-x-[1px] oui-px-[1px]",children:[jsx(eo,{}),jsx(eo,{}),jsx(eo,{})]}),Os=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M4.5 2.93a2.25 2.25 0 0 0-2.25 2.25v5.25a.75.75 0 0 0-.75.75v1.5c0 1.272.93 2.25 2.25 2.25h10.5c1.318 0 2.25-.978 2.25-2.25v-1.5a.75.75 0 0 0-.75-.75V5.18a2.25 2.25 0 0 0-2.25-2.25zm0 1.5h9a.75.75 0 0 1 .75.75v5.25H3.75V5.18a.75.75 0 0 1 .75-.75M3 11.93h12v.75c0 .46-.277.75-.75.75H3.75c-.474 0-.75-.29-.75-.75z"})}),zs=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M13.498 3.715a2.25 2.25 0 0 0-2.25-2.25h-4.5a2.25 2.25 0 0 0-2.25 2.25v10.5a2.25 2.25 0 0 0 2.25 2.25h4.5a2.25 2.25 0 0 0 2.25-2.25zm-1.5 0v9.75h-6v-9.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m-2.25 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"})}),_s=e=>jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.007 6a5 5 0 1 1 10 0 5 5 0 0 1-10 0m7.486-2.344A.6.6 0 0 1 8.91 3.5c.15 0 .305.048.418.156a.55.55 0 0 1 0 .798L5.254 8.337a.62.62 0 0 1-.837 0L2.67 6.673a.55.55 0 0 1 0-.798.62.62 0 0 1 .837 0l1.329 1.266z",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"11.007",y1:"5.999",x2:"1.007",y2:"5.999",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]}),eo=e=>jsxs("svg",{width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333",fill:"url(#a)"}),jsx("defs",{children:jsxs("linearGradient",{id:"a",x1:"1.333",y1:"1.001",x2:"0",y2:"1.001",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var Ve=()=>{let{isMobile:e}=useScreen(),t=qt();return e?jsx(Pn,{...t}):jsx(jt,{...t})};var Ln=e=>{let{items:t,classNames:o}=e;return !Array.isArray(t)||t.length===0?null:jsx(Flex,{className:cn("oui-gap-1",o?.root),children:t?.map((n,i)=>jsx(nt,{item:n,currentPath:e.current,onClick:e.onItemClick},i))})};installExtension({name:"default-main-nav-menus",scope:["*"],positions:[ExtensionPositionEnum.MainMenus],__isInternal:true})(e=>jsx(Ln,{...e}));var Vn=e=>jsx(ExtensionSlot,{position:ExtensionPositionEnum.MainMenus,...e});var to=e=>{let{maintenanceDialogInfo:t,showAnnouncement:o,currentTip:n}=e,{t:i}=useTranslation(),{isMobile:r}=useScreen(),a=$t.useMemo(()=>n?r?jsx(ac,{...e}):jsx(rc,{...e}):null,[n,r,e]);return t?jsx(Dialog,{open:true,children:jsxs(DialogContent,{closable:false,onOpenAutoFocus:s=>s.preventDefault(),className:"oui-w-[320px] lg:oui-w-auto",children:[jsx(DialogHeader,{children:jsx(DialogTitle,{children:i("maintenance.dialog.title")})}),jsx(Divider,{}),jsx(DialogBody,{className:"oui-text-2xs lg:oui-text-xs",children:t})]})}):o?jsx(Flex,{style:e.style,className:cn("oui-announcement","oui-overflow-hidden oui-rounded-xl oui-font-semibold",e.className),children:a},n?.announcement_id):null},rc=e=>{let{currentTip:t,currentIndex:o,tips:n,prevTips:i,nextTips:r,closeTips:a,mutiLine:s,contentRef:l,isAnimating:d}=e,c=n.length,{i18n:p}=useTranslation();return jsxs(Fragment,{children:[jsxs(Flex,{justify:"center",width:"100%",py:2,pl:4,gapX:2,itemAlign:s?"start":"center",className:cn("oui-mr-[125px] oui-relative oui-overflow-hidden",t?.url&&"oui-cursor-pointer","oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100",d&&"oui-translate-y-1/2 oui-opacity-0"),onClick:()=>{t?.url&&window.open(t?.url,"_blank");},children:[jsx(Hn,{type:t?.type}),jsx(Text,{size:"xs",intensity:80,ref:l,className:"oui-leading-[18px]",children:t?.i18n?.[p.language]||t?.message})]}),jsxs(Flex,{gapX:4,justify:"center",className:cn("oui-absolute oui-right-4 oui-top-2/4 -oui-translate-y-2/4"),children:[jsx(En,{currentIndex:o,tipsCount:c,prevTips:i,nextTips:r}),jsx(he,{onClick:a,size:20,className:"oui-text-base-contrast-80 hover:oui-text-base-contrast"})]})]})},ac=e=>{let{currentTip:t,currentIndex:o,tips:n,prevTips:i,nextTips:r,closeTips:a,isAnimating:s}=e,l=n.length,{i18n:d}=useTranslation();return jsxs(Flex,{p:3,gapX:2,itemAlign:"start",width:"100%",className:"oui-relative oui-overflow-hidden",children:[jsxs(Flex,{gapY:2,direction:"column",className:cn("oui-items-start oui-justify-start oui-w-full"),children:[jsx("div",{className:cn("oui-w-full",t?.url&&"oui-cursor-pointer"),onClick:()=>{t?.url&&window.open(t?.url,"_blank");},children:jsx(Text,{size:"xs",className:"oui-leading-5",intensity:80,children:t?.i18n?.[d.language]||t?.message})}),jsxs(Flex,{width:"100%",justify:"between",children:[jsx("div",{children:jsx(Hn,{type:t?.type})}),jsx(En,{currentIndex:o,tipsCount:l,prevTips:i,nextTips:r})]})]}),jsx(he,{onClick:a,size:18,className:"oui-mt-[2px]"})]})},En=e=>{let{currentIndex:t,tipsCount:o,prevTips:n,nextTips:i}=e;return jsxs("div",{className:"oui-flex oui-items-center oui-justify-center oui-gap-1 oui-text-base-contrast-54",children:[jsx(ChevronLeftIcon,{size:20,opacity:1,className:" oui-text-base-contrast-54 hover:oui-text-base-contrast-80 oui-flex-shrink-0 oui-w-4 lg:oui-w-5 oui-h-4 lg:oui-h-5 oui-cursor-pointer ",onClick:n}),jsxs("div",{className:"oui-text-base-contrast-54 oui-text-sm",children:[t+1,"/",o]}),jsx(ChevronRightIcon,{size:20,opacity:1,className:"oui-text-base-contrast-54 hover:oui-text-base-contrast-80 oui-flex-shrink-0 oui-w-4 lg:oui-w-5 oui-h-4 lg:oui-h-5 oui-cursor-pointer ",onClick:i})]})},Hn=({type:e})=>{let{t}=useTranslation(),{label:o,className:n}=useMemo(()=>{let i={[AnnouncementType.Listing]:{label:t("announcement.type.listing"),className:"oui-bg-primary/15 oui-text-primary"},[AnnouncementType.Maintenance]:{label:t("announcement.type.maintenance"),className:"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken"},[AnnouncementType.Delisting]:{label:t("announcement.type.delisting"),className:"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken"}};return i[e]||{label:e,className:i[AnnouncementType.Listing].className}},[e,t]);return o?jsx(Flex,{justify:"center",px:2,r:"base",className:cn("oui-text-2xs oui-leading-[18px] oui-font-medium","oui-break-normal oui-whitespace-nowrap",n),children:o}):null};var vc=1e3*60*60*24,mt="-1",Qn="orderly_announcement",Cc=e=>produce(e,t=>{Array.isArray(t.rows)&&t.rows.sort((o,n)=>o.updated_time&&n.updated_time?n.updated_time-o.updated_time:0);}),oo=e=>{let[t,o]=useState(0),[n,i]=useState(false),{showAnnouncement:r,setShowAnnouncement:a}=useAppContext(),{tips:s,maintenanceDialogInfo:l}=bc(),{getComponentTheme:d}=useOrderlyTheme(),c=useMemo(()=>{let{dataAdapter:m}=d("announcement")||{};return typeof m=="function"?m(s.rows||[]):s.rows||[]},[s]),[p,v]=useLocalStorage(Qn,{}),h=()=>{v(m=>({...m,show:false}));},f=useRef(null),x=$t.useCallback(()=>{if(n)return;let m=c.length;i(true),o(C=>(C-1+m)%m),setTimeout(()=>{i(false);},200);},[n,c]),u=$t.useCallback(()=>{if(n)return;let m=c.length;i(true),o(C=>(C+1)%m),setTimeout(()=>{i(false);},200);},[n,c]);useEffect(()=>{let m=c.length;if(!(!r||m<=1))return f.current=setInterval(u,3e3),()=>{f.current&&clearTimeout(f.current);}},[c,r,u]),useEffect(()=>{let m=c.length;a(!!m&&p.show&&!e?.hideTips);},[c,p,e?.hideTips,a]);let b=wc();return {maintenanceDialogInfo:l,tips:c,currentIndex:t,currentTip:c?.[t],closeTips:h,nextTips:u,prevTips:x,showAnnouncement:r,isAnimating:n,...b}};function bc(){let e=useWS(),[t,o]=useLocalStorage(Qn,{}),[n,i]=useState({}),[r,a]=useState(),{startTime:s,endTime:l,status:d,brokerName:c}=useMaintenanceStatus(),{t:p}=useTranslation(),{data:v}=useQuery("/v2/public/announcement",{revalidateOnFocus:false,refreshInterval:60*60*1e3,formatter:x=>x}),h=(x,u,b)=>p("maintenance.tips.description",{brokerName:x,startDate:u,endDate:b}),f=(x,u)=>p("maintenance.dialog.description",{brokerName:x,endDate:u});return useEffect(()=>{let x=e.subscribe("announcement",{onMessage(u){u&&(i(b=>produce(b,m=>{Array.isArray(m.rows)||(m.rows=[]);let C=m.rows.findIndex(P=>P.announcement_id===u.announcement_id);C!==-1&&m.rows.splice(C,1),m.rows.push({announcement_id:u.announcement_id,message:u.message,url:u.url,i18n:u.i18n,type:u.type,updated_time:u.updated_time});})),o(b=>({...b,show:true})));},onError(u){}});return ()=>{x?.();}},[e]),useEffect(()=>{if(!v?.rows)return;let x=v.last_updated_time??0;(t.lastUpdateTime??0)<x?(i(b=>({...b,rows:v?.rows})),o({show:true,lastUpdateTime:x})):i(b=>produce(b,m=>{if(v?.rows?.length){let C=new Set(b.rows?.map(H=>H.announcement_id)),P=b.rows?.find(H=>H.announcement_id===mt);m.rows=[],v.rows.forEach(H=>{C.has(H.announcement_id)||m.rows?.push(H);}),P&&m.rows.unshift(P);}else {let C=m.rows?.findIndex(P=>P.announcement_id===mt);C!==void 0&&C!==-1&&m.rows?.splice(C,1);}}));},[v]),useEffect(()=>{let x=s?Gn(s):"-",u=l?Gn(l):"-";if(d===MaintenanceStatus.Maintenance){a(f(c,u));return}a(void 0),s?s<getTimestamp()+vc&&i(b=>produce(b,m=>{Array.isArray(m.rows)||(m.rows=[]),m.rows=[{announcement_id:mt,type:AnnouncementType.Maintenance,message:h(c,x,u)},...m.rows.filter(C=>C.type!==AnnouncementType.Maintenance)];})):i(b=>produce(b,m=>{let C=m.rows?.findIndex(P=>P.announcement_id===mt);C!==void 0&&C!==-1&&m.rows?.splice(C,1);}));},[s,l,d,c,p]),{tips:Cc(n),maintenanceDialogInfo:r}}function wc(){let[e,t]=useState(false),o=useRef(null);return useObserverElement(o.current,n=>{t(n.contentRect.height>20);}),{mutiLine:e,contentRef:o}}function Gn(e){let t=format(new UTCDateMini(e),"MMM dd");return `${format(new UTCDateMini(e),"h:mm aa")} (UTC) on ${t}`}var He=e=>{let{hideTips:t,...o}=e,n=oo({hideTips:t});return jsx(to,{...n,...o})};var Ce=e=>{let{mainMenus:t,current:o,onRouteChange:n}=e,i=useMemo(()=>t?.every(a=>a.href!==o),[t,o]),r=useMemo(()=>t?.map(a=>{let s=o===a.href;return jsxs(Flex,{direction:"column",itemAlign:"center",justify:"center",className:"oui-flex-1",onClick:()=>{n?.({href:a.href,name:a.name});},children:[jsx(Text,{children:s?a.activeIcon:a.inactiveIcon}),jsx(Text,{children:a.name})]},a.name)}),[t,o,n]);return i||!t?null:jsx(Flex,{width:"100%",height:64,px:3,itemAlign:"center",justify:"between",className:"oui-bg-base-9",children:r})};function io(){let[e,t]=useState(false),[o,n]=useLocalStorage("orderly_qr_code_scan_tooltip_open",true),i=()=>{t(true);},r=()=>{t(false);},a=s=>{Ac(s)&&(window.location.href=s);};return useEffect(()=>{o&&setTimeout(()=>{n(false);},8e3);},[o]),{open:e,onOpenChange:t,showDialog:i,hideDialog:r,onScanSuccess:a,showScanTooltip:o}}function Ac(e){try{let t=new URL(e);return ["http:","https:"].includes(t.protocol)}catch{return false}}var be=320,we=320,dt=2,Jn=e=>{let t=useRef(null),o=useRef(null),n=()=>{let i=t.current,r=o.current;if(!i||!r)return;let a=r.getContext("2d");if(i.readyState===i.HAVE_ENOUGH_DATA){let s=i.videoWidth,l=i.videoHeight,d=r.width/r.height,c=s/l,p,v,h,f;c>d?(f=l,h=l*d,p=(s-h)/2,v=0):(h=s,f=s/d,p=0,v=(l-f)/2),a.drawImage(i,p,v,h,f,0,0,r.width,r.height);let x=a.getImageData(0,0,r.width,r.height),u=Pc(x.data,x.width,x.height,{inversionAttempts:"dontInvert"});u?.data&&e.onSuccess?.(u.data);}requestAnimationFrame(n);};return useEffect(()=>{let i=t.current;if(!(!open||!i))return navigator?.mediaDevices.getUserMedia({video:{facingMode:"environment",width:{ideal:be*dt},height:{ideal:we*dt}}}).then(r=>{i.srcObject=r,i.setAttribute("playsinline","true"),i.play(),i.onloadeddata=()=>{requestAnimationFrame(n);};}).catch(r=>{}),()=>{let r=i.srcObject;r&&r.getTracks().forEach(s=>s.stop()),i.srcObject=null;}},[t,o]),jsxs(Fragment,{children:[jsx("video",{ref:t,width:be,height:we,className:"oui-hidden oui-rounded-2xl oui-bg-base-10"}),jsx("canvas",{ref:o,width:be*dt,height:we*dt,style:{width:be,height:we},className:"oui-rounded-2xl oui-bg-base-10"})]})};var ro=e=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsx(Tooltip,{open:e.showScanTooltip,content:t("linkDevice.scanQRCode.tooltip"),className:"oui-bg-base-6 oui-text-2xs oui-font-semibold oui-text-warning-darken",arrow:{className:"!oui-fill-base-6"},children:jsx(Flex,{className:"oui-h-8 oui-w-8 oui-cursor-pointer oui-items-center oui-justify-center oui-rounded-md oui-bg-base-5 oui-px-[6px]",onClick:e.showDialog,children:jsx(Hc,{className:"oui-text-base-contrast-80"})})}),jsx(SimpleDialog,{title:jsx($,{}),open:e.open,onOpenChange:e.onOpenChange,size:"sm",children:jsx(Ec,{...e})})]})},Ec=e=>{let{t}=useTranslation();return jsxs(Flex,{justify:"center",direction:"column",gapY:5,children:[jsxs(Box,{width:be,height:we,className:"oui-relative",children:[jsx(Jn,{onSuccess:e.onScanSuccess}),jsxs(Fragment,{children:[jsx(zc,{}),jsx(pt,{className:"oui-absolute oui-left-[-1.5px] oui-top-[-1.5px]"}),jsx(pt,{className:"oui-absolute oui-right-[-1.5px] oui-top-[-1.5px] oui-rotate-90"}),jsx(pt,{className:"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] -oui-rotate-90"}),jsx(pt,{className:"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] -oui-rotate-180"})]})]}),jsx(Text,{size:"sm",intensity:98,weight:"semibold",children:t("linkDevice.scanQRCode")}),jsx("span",{className:"oui-px-3 oui-text-center",children:jsx(Text,{size:"2xs",intensity:54,weight:"regular",className:"oui-break-words",children:jsx(Trans,{i18nKey:"linkDevice.scanQRCode.description",components:[jsx(Oc,{className:"oui-mx-1 oui-inline-block oui-text-base-contrast-80"},"0")]})})})]})},Hc=e=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M5.249 2.243a3 3 0 0 0-3 3v.75a.75.75 0 0 0 1.5 0v-.75a1.5 1.5 0 0 1 1.5-1.5h2.25a.75.75 0 0 0 0-1.5zm5.25 0a.75.75 0 0 0 0 1.5h2.25a1.5 1.5 0 0 1 1.5 1.5v.75a.75.75 0 0 0 1.5 0v-.75a3 3 0 0 0-3-3zm-7.5 9a.75.75 0 0 0-.75.75v.75a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 0-1.5h-2.25a1.5 1.5 0 0 1-1.5-1.5v-.75a.75.75 0 0 0-.75-.75m12 0a.75.75 0 0 0-.75.75v.75a1.5 1.5 0 0 1-1.5 1.5h-2.25a.75.75 0 0 0 0 1.5h2.25a3 3 0 0 0 3-3v-.75a.75.75 0 0 0-.75-.75M5.25 8.999a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75"})}),Oc=e=>{let{size:t=20,...o}=e;return jsxs("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o,children:[jsx("path",{d:"M19.167 7.583a1.74 1.74 0 0 0-1.731-1.75h-4.038a1.74 1.74 0 0 0-1.731 1.75v8.167c0 .967.775 1.75 1.73 1.75h4.039a1.74 1.74 0 0 0 1.73-1.75zm-1.154 0v7.584H12.82V7.583A.58.58 0 0 1 13.398 7h4.038a.58.58 0 0 1 .577.583m-2.02 8.75a.58.58 0 0 1-.576.584.58.58 0 0 1-.577-.584.58.58 0 0 1 .577-.583.58.58 0 0 1 .577.583"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.666 5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5.08.08 0 0 1-.078.078h-1.51a.08.08 0 0 1-.08-.078.834.834 0 0 0-.833-.833h-10A.834.834 0 0 0 3.333 5v5.633c0 .11.09.2.2.2h7.1c.11 0 .2.09.2.2V12.3a.2.2 0 0 1-.2.2H2.7a.2.2 0 0 0-.2.2v.633c0 .511.308.834.834.834h7.3c.11 0 .2.09.2.2v1.266a.2.2 0 0 1-.2.2h-7.3c-1.465 0-2.5-1.086-2.5-2.5v-1.666c0-.392.27-.72.635-.81.107-.026.198-.113.198-.224z"})]})},zc=()=>jsx("div",{className:cn("oui-absolute oui-left-[30px] oui-top-0","oui-h-[2px] oui-w-[calc(100%-60px)] oui-rounded-full","oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]","oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]","oui-animate-scan-qr-code")}),pt=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",...e,children:[jsx("path",{d:"M62 2H18C9.16344 2 2 9.16344 2 18V62",stroke:"url(#paint0_linear_136_6227)",strokeWidth:"3",strokeLinecap:"round"}),jsx("defs",{children:jsxs("linearGradient",{id:"paint0_linear_136_6227",x1:"2",y1:"32",x2:"62",y2:"32",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})]});var ao=()=>{let e=io();return jsx(ro,{...e})};var lo=e=>{let{wrongNetwork:t,disabledConnect:o}=useAppContext(),{state:n}=useAccount(),i=useMemo(()=>Array.isArray(e?.initialMenu)?e?.campaigns:e?.mainMenus?.find(f=>e.current?f.href===e.current:f.href===e?.initialMenu),[e?.mainMenus,e?.initialMenu]),r=useMemo(()=>i?.isHomePageInMobile?jsx($,{...e?.logo}):jsx(Text,{className:"oui-text-2xl oui-font-bold oui-text-base-contrast",children:i?.name}),[i,e?.logo]),a=useMemo(()=>!!(!i||i.isSubMenuInMobile),[i]),s=useMemo(()=>i?.isSubMenuInMobile?i?.name:e?.subItems?.some(f=>f.href===e?.current)?e?.subItems?.find(f=>f.href===e?.current)?.name:null,[e?.subItems,e?.current,i]),l=()=>{let f=e.mainMenus?.find(x=>x.href===e.initialMenu);i?.isSubMenuInMobile&&(f=i?.subMenuBackNav),e?.routerAdapter?.onRouteChange(f);},d=n.status===AccountStatusEnum.EnableTradingWithoutConnected,c=!d&&!t,p=useMemo(()=>!(n.status===AccountStatusEnum.EnableTradingWithoutConnected||n.status===AccountStatusEnum.EnableTrading||o),[n.status,o]),v=useMemo(()=>n.status>=AccountStatusEnum.EnableTrading,[n.status]);if(a)return jsxs(Flex,{width:"100%",height:44,px:3,direction:"row",itemAlign:"center",justify:"center",className:"oui-relative",children:[jsx(ChevronLeftIcon,{className:"oui-absolute oui-left-6 oui-text-base-contrast-54",onClick:l}),jsx(Text,{className:"oui-text-base oui-font-bold oui-text-base-contrast",children:s})]});let h=()=>{let f=jsx(Pe,{}),x=p&&jsx(ao,{}),u=v&&jsx(ke,{}),b=d&&jsx(Ve,{}),m=c&&jsx(de,{}),C=jsx(qe,{});return typeof e.customRender=="function"?e.customRender?.({title:r,languageSwitcher:f,scanQRCode:x,subAccount:u,linkDevice:b,chainMenu:m,walletConnect:C}):jsxs(Fragment,{children:[r,jsxs(Flex,{gapX:2,children:[e.leading,f,x,u,b,m,C,e.trailing]})]})};return jsx(Flex,{width:"100%",height:44,px:3,itemAlign:"center",justify:"between",className:e.classNames?.mainNav?.root,children:h()})};var uo=e=>{let{brokerName:t}=e,{ip:o,content:n,restrictedOpen:i}=e.restrictedInfo||{},{t:r}=useTranslation();if(!i)return;let a=()=>typeof n=="function"?jsx("span",{children:n({ip:o,brokerName:t})}):n||jsx("span",{children:r("restrictedInfo.description.default",{brokerName:t,ip:o})});return jsx(Flex,{ref:e.container,justify:"center",className:cn("oui-restricted-info","oui-rounded-xl oui-p-[7px]","oui-text-warning-darken",e.className),children:jsxs(Flex,{className:cn("oui-min-h-[20px] oui-gap-1","oui-text-2xs md:oui-text-sm oui-leading-4","oui-items-start lg:oui-justify-center",e.mutiLine?"lg:oui-items-start":"lg:oui-items-center"),children:[jsx(De,{size:20,className:"oui-flex-shrink-0 oui-w-4 oui-h-4 lg:oui-w-5 lg:oui-h-5"}),a()]})})};var mo=()=>{let{restrictedInfo:e}=useAppContext(),t=useConfig("brokerName"),o=useRef(null),[n,i]=useState(false);return useObserverElement(o.current,r=>{i(r.contentRect.height>28);}),{restrictedInfo:e,brokerName:t,container:o,mutiLine:n}};var Oe=e=>{let t=mo();return jsx(uo,{...e,...t})};var po=e=>{let{classNames:t}=e;return jsxs("div",{style:{paddingBottom:`calc(${e.bottomNavHeight}px + 12px + env(safe-area-inset-bottom))`},className:cn("oui-scaffold-root oui-w-full oui-overflow-hidden oui-bg-base-10",t?.root),children:[jsx("header",{ref:e.topNavbarRef,className:cn("oui-scaffold-topNavbar","oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10",t?.topNavbar),children:e.topBar??jsx(lo,{...e.mainNavProps,routerAdapter:e.routerAdapter})}),jsxs(Box,{className:cn("oui-scaffold-container",t?.container),children:[jsx(Oe,{className:"oui-mx-1 oui-mb-1 oui-bg-base-6"}),jsx(He,{className:"oui-mx-1 oui-mb-1 oui-bg-base-6",hideTips:e.restrictedInfo?.restrictedOpen}),jsx(Box,{height:"100%",width:"100%",className:cn("oui-scaffold-content",t?.content),children:e.children})]}),jsx("footer",{ref:e.bottomNavRef,className:cn("oui-scaffold-bottomNav","oui-fixed oui-bottom-0 oui-z-10","oui-w-full oui-bg-base-9","oui-pb-[calc(env(safe-area-inset-bottom))]",t?.bottomNav),children:e.bottomNav??jsx(Ce,{mainMenus:e?.bottomNavProps?.mainMenus,current:e?.bottomNavProps?.current||e?.mainNavProps?.initialMenu,onRouteChange:e.routerAdapter?.onRouteChange})})]})};var go=e=>{let{restrictedInfo:t,showAnnouncement:o}=useAppContext(),[n,i]=ht(48),[r,a]=ht(29),[s,l]=ht(64),[d,c]=ht(0,[o]),[p,v]=useLocalStorage("orderly_scaffold_expanded",true),{isMobile:h}=useScreen(),f=e.leftSideProps?.maxWidth||185,x=e.leftSideProps?.minWidth||98,u=!!e.leftSidebar;return {topNavbarRef:n,footerRef:r,topNavbarHeight:i,footerHeight:a,announcementRef:d,announcementHeight:c,restrictedInfo:t,expand:p,setExpand:v,isMobile:h,sideBarExpandWidth:f,sideBarCollaspedWidth:x,hasLeftSidebar:u,footerProps:e.footerProps,routerAdapter:e.routerAdapter,mainNavProps:e.mainNavProps,bottomNavProps:e.bottomNavProps,bottomNavRef:s,bottomNavHeight:l}},ht=(e,t=[])=>{let o=useRef(null),[n,i]=useState(e);return useObserverElement(o.current,r=>{i(r.contentRect.height);}),useEffect(()=>{if(!o.current)return;let r=o.current?.getBoundingClientRect().height;i(r);},[o,...t]),[o,n]};var xo=e=>{let{t}=useTranslation(),o=useMemo(()=>{switch(e.wsStatus){case WsNetworkStatus.Connected:return "oui-fill-success-light oui-text-success-light";case WsNetworkStatus.Disconnected:return "oui-fill-danger-light oui-text-danger-light";case WsNetworkStatus.Unstable:return "oui-fill-warning-light oui-text-warning-light"}},[e.wsStatus]),n=i=>{window.open(i,"_blank");};return jsxs(Flex,{direction:"row",justify:"between",height:28,px:3,width:"100%",children:[jsxs(Flex,{children:[jsxs(Flex,{direction:"row",itemAlign:"center",gap:1,className:o,children:[jsx(st,{fillOpacity:1,fill:"currentColor"}),jsx(Text,{size:"2xs",children:t("scaffold.footer.operational")})]}),jsx(Divider,{direction:"vertical",className:"oui-h-[18px] oui-px-1 oui-ml-2 oui-border-line-12"}),jsxs(Flex,{gap:2,children:[jsx(Text,{intensity:54,size:"2xs",children:t("scaffold.footer.joinCommunity")}),jsxs(Flex,{direction:"row",gap:1,children:[typeof e.telegramUrl<"u"&&jsx(it,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.telegramUrl)}),typeof e.discordUrl<"u"&&jsx(rt,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.discordUrl)}),typeof e.twitterUrl<"u"&&jsx(at,{className:"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",fill:"currentColor",fillOpacity:1,onClick:i=>n(e.twitterUrl)})]}),typeof e?.trailing<"u"&&jsxs(Fragment,{children:[jsx(Divider,{direction:"vertical",className:"oui-h-[18px] oui-border-line-12"}),e?.trailing]})]})]}),jsxs(Flex,{direction:"row",gap:1,className:"oui-scaffold-footer-powered-by",children:[jsx(Text,{intensity:54,size:"2xs",children:t("scaffold.footer.poweredBy")}),jsx(Xt,{})]})]})};var li=()=>({wsStatus:useWsStatus()});var vo=e=>{let t=li();return jsx(xo,{...t,...e})};var hl=tv({slots:{button:["oui-min-h-10","oui-px-3","oui-py-2","oui-rounded-md","oui-w-full","oui-text-left","oui-text-base","oui-text-base-contrast-36","oui-group","hover:oui-bg-base-8","oui-transition-colors","group-data-[state=closed]/bar:oui-w-[42px]","oui-overflow-hidden"],icon:[]},variants:{mode:{"icon-only":{button:"oui-w-10",icon:"w-6 h-6"},full:{button:"oui-full",icon:"w-6 h-6"}},active:{true:{button:"oui-bg-base-5 hover:oui-bg-base-5"}},open:{true:{button:""}}}}),pi=memo(e=>{let{item:t,mode:o,open:n,onClick:i,active:r,...a}=e,{button:s}=hl({mode:o,active:e.active,open:e.open}),l=jsx("button",{"data-actived":e.active,disabled:t.disabled,className:s(),onClick:()=>{e.onClick?.(t);},children:jsxs(Flex,{itemAlign:"center",gap:2,as:"span",children:[jsx("div",{children:t.icon}),e.open&&jsx(Text.gradient,{color:e.active?"brand":"inherit",angle:45,size:"base",className:"oui-break-all oui-animate-in oui-fade-in",children:t.name})]})});return e.open?jsx("li",{className:"oui-min-w-[120px]",children:l}):jsx("li",{children:jsx(Tooltip,{content:t.name,side:"right",align:"center",sideOffset:20,children:l})})});pi.displayName="LeftMenuItem";var xl=e=>jsxs(Box,{py:6,children:[jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"oui-pointer-events-none oui-invisible oui-absolute",children:jsx("defs",{children:jsxs("linearGradient",{id:"side-menu-gradient",x1:"15.7432",y1:"8.94726",x2:"2.24316",y2:"8.94726",gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"rgb(var(--oui-gradient-brand-end))"}),jsx("stop",{offset:"1",stopColor:"rgb(var(--oui-gradient-brand-start))"})]})})}),jsx("ul",{className:"oui-space-y-4",children:e.menus?.map((t,o)=>t?.hide?null:jsx(pi,{item:t,open:e.open,active:t.href===e.current,onClick:e.onItemSelect},o))})]}),vl=e=>{let{title:t}=e,o=typeof t=="string"?jsx(Text,{intensity:54,size:"xs",children:t}):t,n={className:"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer",onClick:e.onToggle};return jsxs(Flex,{justify:e.open?"between":"center",itemAlign:"center",className:"oui-h-6",children:[e.open?o:null,e.open?jsx(bl,{...n}):jsx(Cl,{...n})]})},We=e=>{let{open:t=true,items:o,current:n,onItemSelect:i}=e;return jsxs(Box,{"data-state":t?"opened":"closed",className:cn("oui-group/bar",e.className),style:e.style,children:[jsx(vl,{open:t,title:e.title,onToggle:()=>{e.onOpenChange?.(!t);}}),jsx(xl,{menus:o,current:n,onItemSelect:i,open:t})]})};We.displayName="SideBar";var Cl=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M6.326 8.826a.84.84 0 0 0-.6.234L2.16 12.627v-2.135H.492v4.167c0 .46.373.833.834.833h4.166v-1.667H3.357l3.567-3.567a.857.857 0 0 0 0-1.198.84.84 0 0 0-.598-.234M10.502.492V2.16h2.135L9.07 5.726a.857.857 0 0 0 0 1.199.86.86 0 0 0 1.197 0l3.568-3.568v2.135h1.667V1.326a.834.834 0 0 0-.834-.834z"})}),bl=e=>jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M14.668.492a.85.85 0 0 0-.599.234l-3.567 3.568V2.159H8.835v4.167c0 .46.373.833.833.833h4.167V5.492H11.7l3.569-3.567a.86.86 0 0 0 0-1.199.85.85 0 0 0-.6-.234m-12.5 8.334v1.666h2.135L.736 14.06a.86.86 0 0 0 0 1.198.86.86 0 0 0 1.198 0l3.568-3.567v2.134h1.666V9.66a.834.834 0 0 0-.833-.833z"})});var gi=e=>{let[t,o]=useState(e?.items?.[0].href||"/"),{expanded:n,setExpand:i}=Ge();return {items:[],current:t,open:n,onOpenChange:r=>{i?.(r);},onItemSelect:r=>{r.href&&o(r.href);},...e}};var xt=e=>{let t=gi(e);return jsx(We,{...t})};var fi=e=>{let{classNames:t}=e;return jsxs("div",{style:{height:`calc(100vh - ${e.footerHeight}px)`},className:cn("oui-scaffold-root oui-font-semibold","oui-bg-base-10 oui-text-base-contrast","oui-flex oui-flex-col","oui-custom-scrollbar oui-overflow-auto",t?.root),children:[jsx(Box,{ref:e.topNavbarRef,className:cn("oui-scaffold-topNavbar oui-bg-base-9",t?.topNavbar),children:e.topBar??jsx(Co,{...e.mainNavProps})}),jsxs("div",{className:cn("oui-scaffold-container","oui-relative oui-h-full","oui-min-w-[1018px]",t?.container),children:[jsxs(Box,{px:2,ref:e.announcementRef,children:[jsx(Oe,{className:cn("oui-scaffold-restricted-info","oui-relative oui-z-[1]","oui-mt-2","oui-bg-base-9","oui-min-w-[994px]")}),jsx(He,{className:cn("oui-scaffold-maintenance-tips","oui-mt-2","oui-relative oui-z-[1]","oui-bg-base-9","oui-min-w-[994px]"),hideTips:e.restrictedInfo?.restrictedOpen})]}),e.hasLeftSidebar?jsxs(Grid,{className:cn("oui-box-content oui-flex oui-transition-all xl:oui-grid","oui-min-h-full oui-flex-1",t?.body),style:{gridTemplateColumns:`${e.expand?`${e.sideBarExpandWidth}px`:`${e.sideBarCollaspedWidth}px`} 1fr`},children:[jsx("div",{className:cn(t?.leftSidebar),children:isValidElement(e.leftSidebar)?e.leftSidebar:jsx(xt,{...e.leftSideProps})}),jsx(Box,{width:"100%",className:cn("oui-overflow-hidden",t?.content),children:e.children})]}):jsx(Box,{height:"100%",className:cn(t?.content),children:e.children})]}),jsx(Box,{ref:e.footerRef,className:cn("oui-scaffold-footer oui-w-full oui-bg-base-10","oui-fixed oui-bottom-0 oui-z-50","oui-border-t oui-border-line-12",t?.footer),children:e.footer||jsx(vo,{...e.footerProps})})]})};var Ct=createContext({}),Ge=()=>useContext(Ct);function hi(e,t){return typeof e=="string"&&(e=parseInt(e)),t.some(o=>o.network_infos.chain_id===e)}var xi=e=>{let[t]=useChains(),{networkId:o}=useContext(OrderlyContext),n=r=>hi(r,o==="testnet"?t.testnet:t.mainnet),i=r=>{e.setExpand(r);};return jsx(Ct.Provider,{value:{routerAdapter:e.routerAdapter,expanded:e.expanded,setExpand:i,checkChainSupport:n,topNavbarHeight:e.topNavbarHeight,footerHeight:e.footerHeight,announcementHeight:e.announcementHeight},children:e.children})};var vi=e=>{let t=go(e),o=()=>t.isMobile?jsx(po,{...e,...t,children:e.children}):jsx(fi,{...e,...t,children:e.children});return jsx(xi,{routerAdapter:e.routerAdapter,expanded:t.expand,setExpand:t.setExpand,topNavbarHeight:t.topNavbarHeight,footerHeight:t.footerHeight,announcementHeight:t.announcementHeight,children:o()})};var wo=(n=>(n.menuLeading="menuLeading",n.menuTailing="menuTailing",n.navTailing="navTailing",n))(wo||{}),Ci=e=>{let{onItemClick:t,campaignPosition:o="navTailing"}=e,{state:n}=useAccount(),{routerAdapter:i}=Ge(),{connectedChain:r}=useWalletConnector(),{wrongNetwork:a,disabledConnect:s}=useAppContext(),[l,d]=useState(()=>typeof e.initialMenu>"u"?[]:Array.isArray(e.initialMenu)?e.initialMenu:[e.initialMenu]),c=h=>f=>{let x=f[f.length-1];if(!x)return;x.target!=="_blank"&&d(f.map(m=>m.href));let u=f[f.length-1],b={href:u.href,name:u.name,scope:h,target:u.target};if(typeof t=="function"){t(b);return}i?.onRouteChange(b);},p=useMemo(()=>{let h={leading:null,trailing:null,logo:{},mainMenus:[],products:[],...e,campaignPosition:o};return e.leading&&(h.leading=e.leading),e.trailing&&(h.trailing=e.trailing),e.campaigns&&(o==="menuTailing"?h.mainMenus=[...h.mainMenus,e.campaigns]:o==="menuLeading"?h.mainMenus=[e.campaigns,...h.mainMenus]:h.campaigns=e.campaigns),h},[e]),v={};return p.mainMenus&&p.mainMenus.length&&(v.mainMenus={items:p.mainMenus,current:l,onItemClick:c("mainMenu")}),p.campaigns&&p.campaigns.children?.length&&(v.campaigns={item:p.campaigns,current:l,onItemClick:c("campaign")}),{...p,isConnected:!!r,wrongNetwork:a,...v,status:n.status,disabledConnect:s}};var So=e=>{let{className:t,logo:o,classNames:n,campaigns:i,campaignPosition:r}=e,a=r==="navTailing"&&i,s=!e.wrongNetwork&&!e.disabledConnect&&e.status>=AccountStatusEnum.SignedIn,l=e.status>=AccountStatusEnum.EnableTrading,d=!e.disabledConnect&&e.wrongNetwork&&e.isConnected,{isDesktop:c}=useScreen(),p=useMemo(()=>typeof e.children>"u"?null:jsx(Flex,{grow:true,children:e.children}),[e.children]);return jsxs(Flex,{width:"100%",as:"header",itemAlign:"center",height:"48px",justify:"between",px:3,gapX:3,className:cn("oui-main-nav oui-font-semibold",t,n?.root),children:[jsxs(Flex,{itemAlign:"center",className:cn("oui-gap-3","oui-overflow-hidden"),children:[jsx($,{...o}),e.leading,jsx(Vn,{...e.mainMenus,classNames:n?.mainNav}),!!a&&jsx(vn,{...i,className:n?.campaignButton}),e.trailing]}),p,jsxs(Flex,{itemAlign:"center",className:"oui-gap-2",children:[jsx($e,{}),s&&jsxs(Fragment,{children:[jsx(Divider,{direction:"vertical",className:"oui-h-8",intensity:8}),jsx(Ve,{})]}),jsx(Pe,{}),l&&jsx(ke,{}),c&&jsx(de,{}),!d&&jsx(qe,{})]})]})};So.displayName="MainNav";var Co=e=>{let{children:t,classNames:o,...n}=e,i=Ci(n);return jsx(So,{classNames:o,...i,children:t})};var Si=e=>{let{isMobile:t}=useScreen(),{mainMenus:o,...n}=e;return t?jsx(Ce,{mainMenus:o,...n}):null};var No=e=>{let{showTips:t,showDialog:o,tipsContent:n,closeTips:i,dialogContent:r}=e,{t:a}=useTranslation();return o?jsx(Dialog,{open:true,children:jsxs(DialogContent,{closable:false,onOpenAutoFocus:s=>s.preventDefault(),className:"oui-w-[320px] md:oui-w-auto",children:[jsx(DialogHeader,{children:jsx(DialogTitle,{children:a("maintenance.dialog.title")})}),jsx(Divider,{}),jsx(DialogBody,{className:"oui-text-2xs md:oui-text-xs",children:r})]})}):t?jsxs(Flex,{className:cn("oui-bg-warning-darken/10 oui-text-warning-darken oui-text-2xs md:oui-text-sm oui-relative oui-gap-1","oui-mx-1 md:oui-mx-0 md:oui-w-full oui-pl-2 md:oui-pl-4 oui-pr-9 md:oui-pr-[60px] oui-py-2 md:oui-py-3","oui-leading-4","oui-rounded-xl md:oui-rounded-none","oui-min-h-[48px]","oui-justify-start oui-items-start","xl:oui-justify-center xl:oui-items-center xl:oui-px-4"),children:[jsxs("div",{className:"oui-flex oui-items-start oui-justify-start oui-gap-1 ",children:[jsx(De,{size:20,className:"oui-flex-shrink-0 oui-w-4 md:oui-w-5 oui-h-4 md:oui-h-5 "}),jsx(Box,{className:"oui-font-semibold oui-leading-4",children:n})]}),jsx(he,{size:16,className:"oui-absolute oui-right-2 md:oui-right-4 oui-text-secondary/[0.36] hover:oui-text-secondary/80 oui-cursor-pointer -oui-translate-y-2/4 oui-top-2/4",onClick:i})]}):jsx(Fragment,{})};function Ai(e){let t=format(new UTCDateMini(e),"MMM dd");return `${format(new UTCDateMini(e),"h:mm aa")} (UTC) on ${t}`}var iu=1e3*60*60*24,Ti=()=>{let{t:e}=useTranslation(),[t,o]=useState(false),[n,i]=useState(false),{startTime:r,endTime:a,status:s,brokerName:l}=useMaintenanceStatus(),d=useMemo(()=>r?Ai(r):"-",[r]),c=useMemo(()=>a?Ai(a):"-",[a]),p=()=>{window.localStorage.setItem(`Maintenance_${r}`,"1"),o(false);};useEffect(()=>{if(s===2){o(false),i(true);return}i(false),r&&r<getTimestamp()+iu&&(window.localStorage.getItem(`Maintenance_${r}`)||o(true));},[r,s]);let v=e("maintenance.tips.description",{brokerName:l,startDate:d,endDate:c}),h=e("maintenance.dialog.description",{brokerName:l,endDate:c});return {tipsContent:v,showTips:t,closeTips:p,showDialog:n,dialogContent:h}};var ru=()=>{let e=Ti();return jsx(No,{...e})};
18
18
 
19
- export { Ro as AccountMenuWidget, qe as AccountSummaryWidget, to as Announcement, Ee as AnnouncementWidget, Ce as BottomNav, Si as BottomNavWidget, wo as CampaignPositionEnum, Xe as ChainMenu, de as ChainMenuWidget, xo as Footer, vo as FooterWidget, Vt as LanguageSwitcher, Ft as LanguageSwitcherWidget, $ as MainLogo, lo as MainNavMobile, Co as MainNavWidget, No as MaintenanceTipsUI, ru as MaintenanceTipsWidget, uo as RestrictedInfo, He as RestrictedInfoWidget, vi as Scaffold, vt as ScaffoldContext, ro as ScanQRCode, ao as ScanQRCodeWidget, _e as SideBar, ht as SideNavbarWidget, oo as useAnnouncementScript, kt as useLanguageSwitcherScript, mo as useRestrictedInfoScript, We as useScaffoldContext, io as useScanQRCodeScript };
19
+ export { ko as AccountMenuWidget, $e as AccountSummaryWidget, to as Announcement, He as AnnouncementWidget, Ce as BottomNav, Si as BottomNavWidget, wo as CampaignPositionEnum, Ye as ChainMenu, de as ChainMenuWidget, xo as Footer, vo as FooterWidget, Ft as LanguageSwitcher, Pe as LanguageSwitcherWidget, $ as MainLogo, lo as MainNavMobile, Co as MainNavWidget, No as MaintenanceTipsUI, ru as MaintenanceTipsWidget, uo as RestrictedInfo, Oe as RestrictedInfoWidget, vi as Scaffold, Ct as ScaffoldContext, ro as ScanQRCode, ao as ScanQRCodeWidget, We as SideBar, xt as SideNavbarWidget, oo as useAnnouncementScript, kt as useLanguageSwitcherScript, mo as useRestrictedInfoScript, Ge as useScaffoldContext, io as useScanQRCodeScript };
20
20
  //# sourceMappingURL=out.js.map
21
21
  //# sourceMappingURL=index.mjs.map