@orderly.network/ui-scaffold 2.5.2 → 2.5.3-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +13 -2
  2. package/dist/index.d.mts +41 -9
  3. package/dist/index.d.ts +41 -9
  4. package/dist/index.js +42 -39
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +7 -7
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/styles.css +1 -1
  9. package/package.json +10 -10
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/accountMenu/menu.widget.tsx","../src/components/accountMenu/menu.ui.tsx","../src/components/accountMenu/useWidgetBuilder.script.ts","../src/components/main/mainNav.script.ts","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/announcement/announcement.ui.tsx","../src/components/icons/communtiyIcons.tsx","../src/components/icons/orderlyNetworkTextIcon.tsx","../src/components/icons/signal.tsx","../src/components/icons/infoIcon.tsx","../src/components/icons/closeIcon.tsx","../src/components/icons/orderlyLogo.tsx","../src/components/announcement/announcement.script.tsx","../src/components/announcement/announcement.widget.tsx","../src/components/bottomNav/bottomNav.ui.mobile.tsx","../src/components/main/mainNav.ui.mobile.tsx","../src/components/chainMenu/chainMenu.widget.tsx","../src/components/chainMenu/chainMenu.script.ts","../src/components/chainMenu/chainMenu.ui.tsx","../src/components/chainMenu/chainMenu.ui.mobile.tsx","../src/components/languageSwitcher/languageSwitcher.script.ts","../src/components/languageSwitcher/languageSwitcher.ui.tsx","../src/components/languageSwitcher/widget.tsx","../src/components/leftNav/leftNav.ui.tsx","../src/components/main/mainLogo.tsx","../src/components/subAccount/subAccount.script.ts","../src/components/subAccount/useAccountValue.tsx","../src/components/subAccount/subAccount.ui.tsx","../src/components/subAccount/components/accountItem.tsx","../src/components/subAccount/icons.tsx","../src/components/subAccount/components/createSubAccountModal.tsx","../src/components/subAccount/components/common.tsx","../src/components/subAccount/components/editNickNameModal.tsx","../src/components/subAccount/subAccount.widget.tsx","../src/components/leftNav/communityIcon.tsx","../src/components/scanQRCode/scanQRCode.script.ts","../src/components/scanQRCode/scanQRCode.ui.tsx","../src/components/scanQRCode/scanner.tsx","../src/components/scanQRCode/scanQRCode.widget.tsx","../src/components/main/linkDevice/widget.tsx","../src/components/main/linkDevice/linkDevice.script.tsx","../src/components/main/linkDevice/linkDevice.ui.tsx","../src/components/main/linkDevice/linkDevice.ui.mobile.tsx","../src/components/restrictedInfo/restrictedInfo.ui.tsx","../src/components/restrictedInfo/restrictedInfo.script.tsx","../src/components/restrictedInfo/restrictedInfo.widget.tsx","../src/components/scaffold/scaffold.script.ts","../src/components/scaffold/scaffold.ui.tsx","../src/components/footer/footer.ui.tsx","../src/components/footer/footer.script.tsx","../src/components/footer/footer.widget.tsx","../src/components/sidebar/sidebar.ui.tsx","../src/components/sidebar/useSideNavBuilder.script.tsx","../src/components/sidebar/sidebar.widget.tsx","../src/components/scaffold/scaffoldProvider.tsx","../src/components/scaffold/scaffoldContext.ts","../src/utils/chain.ts","../src/components/scaffold/scaffold.widget.tsx","../src/components/main/mainNav.ui.tsx","../src/components/accountSummary/accountSummary.ui.tsx","../src/components/accountSummary/useWidgetBuilder.script.ts","../src/components/accountSummary/accountSummary.widget.tsx","../src/components/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainNav.widget.tsx","../src/components/bottomNav/bottomNav.widget.tsx","../src/components/maintenanceTips/ui.tsx","../src/components/maintenanceTips/script.tsx","../src/components/maintenanceTips/widget.tsx","../src/components/leftNav/leftNav.script.ts","../src/components/leftNav/leftNav.widget.tsx"],"names":["ExtensionPositionEnum","ExtensionSlot","installExtension","useTranslation","AccountStatusEnum","Button","Divider","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","EVMAvatar","Flex","Text","jsx","jsxs","AccountMenu","props","state","onDisconnect","onOpenExplorer","disabled","WalletMenu","r","e","address","t","event","useAccount","useChains","useWalletConnector","WalletConnectorModalId","modal","toast","useCallback","useAppContext","ChainSelectorDialogId","useAccountMenu","disconnect","connectedChain","account","connectWallet","disabledConnect","_","findByChainId","onCrateAccount","res","err","onCreateOrderlyKey","switchChain","status","statusChangeHandler","error","connect","nextState","chainInfo","explorer_base_url","AccountMenuWidget","WalletConnectButtonExtension","useMemo","useState","Box","cn","React","AnnouncementType","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","useScreen","CommuntiyTelegramIcon","ref","size","rest","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Fragment","Announcement","maintenanceDialogInfo","showAnnouncement","currentTip","isMobile","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","i18n","RenderTipsType","SwitchTips","tipsCount","type","label","className","map","useEffect","useRef","UTCDateMini","format","produce","MaintenanceStatus","useLocalStorage","useMaintenanceStatus","useQuery","useWS","useObserverElement","useOrderlyTheme","getTimestamp","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","options","setCurrentIndex","setIsAnimating","setShowAnnouncement","_tips","useAnnouncementData","getComponentTheme","dataAdapter","announcementStore","setStore","prev","intervalRef","prevIndex","multiLineState","useMultiLine","ws","setTips","setMaintenanceDialogInfo","startTime","endTime","brokerName","announcements","data","getMaintentTipsContent","startDate","endDate","getMaintentDialogContent","unsubscribe","message","idx","tip","apiTime","existingIds","maintenanceTip","item","getTimeString","index","setMutiLine","entry","timestamp","date","AnnouncementWidget","hideTips","BottomNav","mainMenus","current","onRouteChange","isSubmenu","menu","menus","isActive","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","wrongNetwork","setCurrentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","ChainSelectorSheetId","ChainMenuUiMobile","ChainMenuWidget","useTrack","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","LanguageSwitcher","LanguageIcon","header","languageList","selected","LanguageItem","context","footer","renderTrailing","LanguageSwitcherWidget","Sheet","SheetContent","useModal","VectorIcon","SwapHorizIcon","PeopleIcon","useAppConfig","Logo","MainLogo","appIcons","main","useIndexPricesStream","Decimal","useSubAccountQuery","useAccountValue","mainAccountId","accountValue","setAccountValue","newPositions","isPositionLoading","mutatePositions","value","acc","position","accountId","SubAccountScript","mainAccountHolding","setMainAccountHolding","indexPrices","subAccount","switchAccount","currentAccountId","hasRefreshedRef","subAccounts","currentSubAccount","doCreatSubAccount","nickName","onSwitch","accountsWithValues","mainAccountUnsettlePnl","mainAccount","calculateAccountValue","updatedSubAccounts","subAccountUnsettlePnl","holdings","unsettlePnl","holding","price","getTokenIndexPrice","token","symbol","ScrollArea","PopoverRoot","PopoverContent","PopoverAnchor","CopyIcon","formatAddress","SubAccountIcon","SwapIcon","AddIcon","EditIcon","AccountIdForCopy","info","copy","AccountItem","inputFormatter","TextField","NickNameTextField","MAX_SUB_ACCOUNT_COUNT","CreateSubAccount","setNickName","invalid","setInvalid","subAccountCount","reset","validateNickName","_nickName","EditNickNameDialog","newNickName","setNewNickName","SubAccountUI","timer","onMouseEnter","editDialogOpen","setEditDialogOpen","editAccountItem","setEditAccountItem","noSubAccount","renderSubAccount","content","dialogId","SubAccountWidget","CommunityDiscord","width","height","CommunityTG","CommunityX","CommunityDune","LeftNavUI","showModal","LeftNavSheet","visible","resolve","reject","onOpenChange","showSubAccount","option","subAccountTrigger","name","openExternalLink","url","NavItem","onClick","href","icon","trailing","customRender","onItemClick","useScanQRCodeScript","timerRef","showScanTooltip","setShowScanTooltip","showDialog","hideDialog","onScanSuccess","isValidURL","str","Trans","jsQR","QRCODE_WIDTH","QRCODE_HEIGHT","RATIO","QRCodeScanner","videoRef","canvasRef","tick","video","canvas","ctx","videoWidth","videoHeight","canvasAspectRatio","videoAspectRatio","sx","sy","sWidth","sHeight","imageData","stream","ScanQRCode","ScanIcon","ScanQRCodeContent","LineGradient","RadiusGradient","LinkDeviceIcon","ScanQRCodeWidget","useEventEmitter","ExpireSeconds","useLinkDeviceScript","confirm","setConfirm","seconds","setSeconds","secretKey","setSecretKey","setUrl","ee","chain","createTrackParams","getOrderlyKey","onConfirm","copyUrl","params","createUrl","base64","qr","SimpleDialogFooter","LinkDevice","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","qrcode","cells","tileW","tileH","row","c","w","h","LinkDeviceMobile","DesktopIcon","Dot","LinkIcon","MobileIcon","DotIcon","LinkDeviceWidget","MainNavMobile","currentMenu","title","isSub","subTitle","onBack","target","showLinkDevice","showChainMenu","showQrcode","renderContent","languageSwitcher","scanQRCode","linkDevice","chainMenu","walletConnect","leftNav","Checkbox","RestrictedInfo","agree","setAgree","ip","restrictedOpen","canUnblock","accessRestricted","setAccessRestricted","checked","useRestrictedInfoScript","restrictedInfo","container","setCanUnblock","RestrictedInfoWidget","MobileScaffold","classNames","useScaffoldScript","topNavbarRef","topNavbarHeight","useRefAndHeight","footerRef","footerHeight","bottomNavRef","bottomNavHeight","announcementRef","announcementHeight","expand","setExpand","sideBarExpandWidth","sideBarCollaspedWidth","hasLeftSidebar","defaultHeight","deps","setHeight","isValidElement","Grid","WsNetworkStatus","Footer","signalClsName","openUrl","useWsStatus","useFooterScript","FooterWidget","memo","tv","menuItemVariants","MenuItem","mode","active","button","children","SideMenus","SideBarHeader","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","items","onItemSelect","useSideNavBuilder","setCurrent","expanded","useScaffoldContext","SideNavbarWidget","DesktopScaffold","MainNavWidget","OrderlyContext","createContext","useContext","ScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","Scaffold","CampaignPositionEnum","useMainNavScript","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","campaigns","converted","EyeCloseIcon","EyeIcon","Popover","TotalValue","totalValue","onToggleVisibility","visibleAvailable","FreeCollateral","freeCollateral","CurrentLeverage","currentLeverage","MaxLeverage","UnrealPnL","AccountInfoPopover","keys","elementKeys","onSetToTop","key","elements","DropdownMenu","IdentityButton","AccountSummary","canToggleIndex","sizeRef","resizeObserver","entries","Items","Element","useLeverage","useMarginRatio","usePositionStream","useCollateral","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","cloneElement","ChevronDownIcon","ActiveIcon","isObject","ORDERLY_NAV_BUTTON_TOOLTIP_OPEN","currentPath","buttonProps","showButtonTooltip","setShowButtonTooltip","onClickHandler","buttonRender","tooltipConfig","ItemIcon","SubMenus","subItem","SubMenu","hasDescription","hasIcon","SubMenuTitle","Tag","OutlinkIcon","ICON_CLASSNAME","CampaignButton","MainNavMenus","MainNavMenusExtension","MainNav","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","accountSummary","mainNav","BottomNavWidget","MaintenanceTipsUI","showTips","tipsContent","dialogContent","useMaintenanceScript","setShowTips","setShowDialog","MaintenanceTipsWidget","useLeftNavState","LeftNavWidget"],"mappings":"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","sourcesContent":["import {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\nimport { AccountMenu, AccountMenuProps } from \"./menu.ui\";\nimport { useAccountMenu } from \"./useWidgetBuilder.script\";\nimport { FC } from \"react\";\n\nexport const AccountMenuWidget = () => {\n const state = useAccountMenu();\n return <AccountMenu {...state} />;\n};\n\ninstallExtension<AccountMenuProps>({\n name: \"account-menu\",\n scope: [\"*\"],\n positions: [ExtensionPositionEnum.AccountMenu],\n builder: useAccountMenu,\n __isInternal: true,\n})((props: AccountMenuProps) => {\n return <AccountMenu {...props} />;\n});\n\nexport const WalletConnectButtonExtension = () => {\n return <ExtensionSlot position={ExtensionPositionEnum.AccountMenu} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Button,\n Divider,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n EVMAvatar,\n Flex,\n Text,\n} from \"@orderly.network/ui\";\n\nexport type AccountMenuProps = {\n accountState: AccountState;\n address?: string;\n onDisconnect: () => void;\n connect: () => Promise<void>;\n onCrateAccount: () => Promise<void>;\n onCreateOrderlyKey: () => Promise<void>;\n onOpenExplorer: () => void;\n disabledConnect?: boolean;\n};\n\nexport const AccountMenu = (props: AccountMenuProps) => {\n const { t } = useTranslation();\n const { accountState: state, onDisconnect, onOpenExplorer } = props;\n const disabled = state.validating || props.disabledConnect;\n\n if (\n !disabled &&\n (state.status === AccountStatusEnum.EnableTrading ||\n state.status === AccountStatusEnum.EnableTradingWithoutConnected)\n ) {\n return (\n <WalletMenu\n address={state.address!}\n onDisconnect={onDisconnect}\n onOpenExplorer={onOpenExplorer}\n />\n );\n }\n\n if (state.status <= AccountStatusEnum.NotConnected || disabled) {\n return (\n <Button\n data-testid=\"oui-testid-nav-bar-connectWallet-btn\"\n size=\"md\"\n variant={disabled ? undefined : \"gradient\"}\n angle={45}\n className=\"wallet-connect-button\"\n loading={state.validating}\n disabled={disabled}\n onClick={() => {\n props\n .connect()\n .then((r) => {\n console.log(\"*****\", r);\n })\n .catch((e) => console.error(e));\n }}\n >\n {t(\"connector.connectWallet\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // content={\"Please connect wallet before starting to trade\"}\n // align={\"end\"}\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // >\n\n // </Tooltip>\n // );\n }\n\n if (state.status <= AccountStatusEnum.NotSignedIn) {\n return (\n <Button size=\"md\" onClick={() => props.onCrateAccount()}>\n {t(\"connector.createAccount\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // content={\"Please sign in before starting to trade\"}\n // align={\"end\"}\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // >\n\n // </Tooltip>\n // );\n }\n\n if (state.status <= AccountStatusEnum.DisabledTrading) {\n return (\n <Button\n size=\"md\"\n onClick={() => {\n props\n .onCreateOrderlyKey()\n .then((r) => console.log(r))\n .catch((e) => console.error(e));\n }}\n >\n {t(\"connector.enableTrading\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // content={\"Please enable trading before starting to trade\"}\n // align={\"end\"}\n // >\n\n // </Tooltip>\n // );\n }\n};\n\nexport type AccountState = {\n status: AccountStatusEnum;\n\n /**\n * whether the account is validating\n */\n validating: boolean;\n chainNamespace?: string;\n\n accountId?: string;\n userId?: string;\n address?: string;\n isNew?: boolean;\n\n connectWallet?: {\n name: string;\n chainId: number;\n };\n};\n\nconst WalletMenu = (props: {\n address: string;\n onDisconnect: () => void;\n onOpenExplorer: () => void;\n}) => {\n const { address, onDisconnect } = props;\n const { t } = useTranslation();\n\n return (\n <DropdownMenuRoot>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"md\"\n variant=\"gradient\"\n angle={45}\n data-testid=\"oui-testid-nav-bar-address-btn\"\n >\n <Text.formatted rule=\"address\" className=\"oui-text-[rgba(0,0,0,.88)]\">\n {address}\n </Text.formatted>\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n size={\"xl\"}\n align={\"end\"}\n onCloseAutoFocus={(e) => e.preventDefault()}\n style={{ width: \"280px\" }}\n className={\"oui-py-5 oui-font-semibold\"}\n sideOffset={12}\n >\n <DropdownMenuGroup>\n <Flex px={4}>\n <Flex gap={2} className={\"oui-flex-1\"}>\n <EVMAvatar address={address} size={\"md\"} />\n <Text.formatted rule={\"address\"} size={\"base\"}>\n {address}\n </Text.formatted>\n </Flex>\n <Flex gap={2}>\n <button\n data-testid=\"oui-testid-nav-bar-dropDownMenuItem-copyAddress\"\n onClick={async () => {\n // copy\n await navigator.clipboard.writeText(address);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n // fill=\"none\"\n className=\"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken\"\n >\n <path\n 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\"\n // fill=\"currentcolor\"\n // fillOpacity=\".36\"\n\n // className={''}\n />\n </svg>\n </button>\n <button onClick={() => props.onOpenExplorer()}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n className=\"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken\"\n >\n <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\" />\n </svg>\n </button>\n </Flex>\n </Flex>\n </DropdownMenuGroup>\n <Divider className={\"oui-mx-4 oui-my-3\"} intensity={8} />\n {/* <DropdownMenuGroup>\n <DropdownMenuItem size={\"xl\"}>\n <Flex gap={2}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n opacity=\".998\"\n d=\"M5.243 2.197a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3zm0 1.5h7.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.52 1.52 0 0 1-.754 1.298c-.144-1.771-2.046-2.798-4.496-2.798S4.603 12.251 4.486 14a1.52 1.52 0 0 1-.743-1.303v-7.5a1.5 1.5 0 0 1 1.5-1.5m3.75 1.5a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n <span>Overview</span>\n </Flex>\n </DropdownMenuItem>\n <DropdownMenuItem size={\"xl\"}>\n <Flex gap={2}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n d=\"M5.693 1.499c-1.463 0-2.672 1.11-2.672 2.508v9.984c0 1.398 1.209 2.508 2.672 2.508h6.657c1.463 0 2.672-1.11 2.672-2.508V6.726c0-2.672-2.58-5.227-5.25-5.227zm4.829 1.594c1.329.352 2.562 1.58 2.906 2.906h-1.735c-.667 0-1.171-.472-1.171-1.008zm-3.75 2.906h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n <span>Orders</span>\n </Flex>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n <Divider className={\"oui-mx-4 oui-my-3\"} intensity={8} /> */}\n <DropdownMenuGroup>\n <DropdownMenuItem\n size={\"xl\"}\n onSelect={(event) => {\n event.preventDefault();\n onDisconnect();\n }}\n data-testid=\"oui-testid-nav-bar-dropDownMenuItem-disconnect\"\n >\n <Flex gap={2} className={\"oui-text-danger-light\"}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"currentcolor\"\n />\n </svg>\n <span>{t(\"connector.disconnect\")}</span>\n </Flex>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import {\n useAccount,\n useChains,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { WalletConnectorModalId } from \"@orderly.network/ui-connector\";\nimport { modal, toast } from \"@orderly.network/ui\";\nimport { useCallback } from \"react\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { ChainSelectorDialogId } from \"@orderly.network/ui-chain-selector\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useAccountMenu = (): any => {\n const { t } = useTranslation();\n const { disconnect, connectedChain } = useWalletConnector();\n const { account, state } = useAccount();\n const { connectWallet, disabledConnect } = useAppContext();\n\n const [_, { findByChainId }] = useChains();\n\n const onCrateAccount = async () => {\n modal.show(WalletConnectorModalId).then(\n (res) => console.log(\"return ::\", res),\n (err) => console.log(\"error:::\", err)\n );\n };\n\n const onCreateOrderlyKey = async () => {\n modal.show(WalletConnectorModalId).then(\n (res) => console.log(\"return ::\", res),\n (err) => console.log(\"error:::\", err)\n );\n };\n\n const switchChain = () => {\n account.once(\"validate:end\", (status) => {\n if (status < AccountStatusEnum.EnableTrading) {\n statusChangeHandler({\n status,\n });\n } else {\n toast.success(t(\"connector.walletConnected\"));\n }\n });\n\n modal\n .show<{\n wrongNetwork: boolean;\n }>(ChainSelectorDialogId)\n .then(\n (r) => {\n if (!r.wrongNetwork) {\n if (state.status < AccountStatusEnum.EnableTrading) {\n statusChangeHandler(state);\n } else {\n toast.success(t(\"connector.walletConnected\"));\n }\n }\n },\n (error) => console.log(\"[switchChain error]\", error)\n );\n };\n\n const connect = async () => {\n const res = await connectWallet();\n\n if (!res) return;\n\n if (res.wrongNetwork) {\n switchChain();\n } else {\n statusChangeHandler(res);\n }\n };\n\n const statusChangeHandler = (nextState: any) => {\n if (nextState.validating || nextState.status <= AccountStatusEnum.Connected)\n return;\n\n if (nextState.status < AccountStatusEnum.SignedIn) {\n onCrateAccount();\n }\n if (nextState.status < AccountStatusEnum.EnableTrading) {\n onCreateOrderlyKey();\n }\n };\n\n const onOpenExplorer = useCallback(() => {\n if (!connectedChain) return;\n const chainInfo = findByChainId(\n connectedChain!.id as number,\n \"network_infos\"\n );\n\n if (chainInfo) {\n // @ts-ignore\n const { explorer_base_url } = chainInfo;\n if (explorer_base_url) {\n if (explorer_base_url.endsWith(\"/\")) {\n window.open(`${explorer_base_url}address/${account.address}`);\n } else {\n window.open(`${explorer_base_url}/address/${account.address}`);\n }\n }\n }\n }, [state, connectedChain]);\n\n const onDisconnect = async () => {\n localStorage.removeItem(\"orderly_link_device\");\n await disconnect({\n label: state.connectWallet?.name,\n });\n await account.disconnect();\n };\n\n return {\n address: state.address,\n accountState: state,\n connect,\n onCrateAccount,\n onCreateOrderlyKey,\n onOpenExplorer,\n onDisconnect,\n disabledConnect,\n } as const;\n};\n\nexport type AccountMenuProps = ReturnType<typeof useAccountMenu>;\n","import { useMemo, useState } from \"react\";\nimport { useAccount, useWalletConnector } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useScaffoldContext } from \"../scaffold\";\nimport { CampaignProps } from \"./campaignButton\";\nimport { MainNavItemsProps } from \"./mainMenus/mainNavMenus.ui\";\nimport type { MainNavItem } from \"./mainMenus/navItem\";\nimport { MainNavWidgetProps } from \"./mainNav.widget\";\n\n// export type CampaignPosition = \"menuLeading\" | \"menuTailing\" | \"navTailing\";\nexport enum CampaignPositionEnum {\n menuLeading = \"menuLeading\",\n menuTailing = \"menuTailing\",\n navTailing = \"navTailing\",\n}\n\nexport type MainNavScriptReturn = ReturnType<typeof useMainNavScript>;\n\nexport const useMainNavScript = (props: MainNavWidgetProps) => {\n const { onItemClick, campaignPosition = CampaignPositionEnum.navTailing } =\n props;\n const { state } = useAccount();\n const { routerAdapter } = useScaffoldContext();\n const { connectedChain } = useWalletConnector();\n const { wrongNetwork, disabledConnect } = useAppContext();\n const [current, setCurrent] = useState(() => {\n if (typeof props.initialMenu === \"undefined\") return [];\n\n return !Array.isArray(props.initialMenu)\n ? [props.initialMenu]\n : props.initialMenu;\n });\n\n const onItemClickHandler = (scope: string) => (item: MainNavItem[]) => {\n const lastItem = item[item.length - 1];\n\n if (!lastItem) return;\n\n /**\n * If the target is not _blank, we should update the current state\n */\n if (lastItem.target !== \"_blank\") {\n setCurrent(item.map((item) => item.href));\n }\n\n const current = item[item.length - 1];\n const args = {\n href: current.href,\n name: current.name,\n scope,\n target: current.target,\n };\n\n if (typeof onItemClick === \"function\") {\n onItemClick(args);\n return;\n }\n\n routerAdapter?.onRouteChange(args);\n };\n\n const mainNavConfig = useMemo(() => {\n const config = {\n leading: null,\n trailing: null,\n logo: {},\n mainMenus: [\n // { name: \"Trading\", href: \"/trading\" },\n // { name: \"Portfolio\", href: \"/portfolio\" },\n // { name: \"Markets\", href: \"/markets\" },\n // { name: \"Rewards\", href: \"/rewards\" },\n ],\n ...props,\n campaignPosition,\n };\n if (props.leading) {\n config.leading = props.leading;\n }\n\n if (props.trailing) {\n config.trailing = props.trailing;\n }\n\n if (props.campaigns) {\n if (campaignPosition === CampaignPositionEnum.menuTailing) {\n config.mainMenus = [...config.mainMenus, props.campaigns];\n } else if (campaignPosition === CampaignPositionEnum.menuLeading) {\n config.mainMenus = [props.campaigns, ...config.mainMenus];\n } else {\n config.campaigns = props.campaigns;\n }\n }\n\n return config;\n }, [props]);\n\n const { mainMenus, campaigns } = useMemo(() => {\n const converted: {\n campaigns?: CampaignProps;\n mainMenus?: MainNavItemsProps;\n } = {};\n\n if (mainNavConfig.mainMenus && mainNavConfig.mainMenus.length) {\n converted.mainMenus = {\n items: mainNavConfig.mainMenus,\n /**\n * @type string\n * The current item of the router\n */\n current,\n onItemClick: onItemClickHandler(\"mainMenu\"),\n // onItemClick: (item: MainNavItem[]) => {\n // const lastItem = item[item.length - 1];\n\n // if (!lastItem) return;\n\n // /**\n // * If the target is not _blank, we should update the current state\n // */\n // if (lastItem.target !== \"_blank\") {\n // setCurrent(item.map((item) => item.href));\n // }\n\n // const current = item[item.length - 1];\n // const args = {\n // href: current.href,\n // name: current.name,\n // scope: \"mainMenu\",\n // target: current.target,\n // };\n\n // if (typeof onItemClick === \"function\") {\n // onItemClick(args);\n // return;\n // }\n\n // routerAdapter?.onRouteChange(args);\n // },\n };\n }\n\n if (mainNavConfig.campaigns && mainNavConfig.campaigns.children?.length) {\n converted.campaigns = {\n item: mainNavConfig.campaigns,\n current,\n onItemClick: onItemClickHandler(\"campaign\"),\n // onItemClick: (item: MainNavItem[]) => {\n // const lastItem = item[item.length - 1];\n\n // if (!lastItem) return;\n\n // /**\n // * If the target is not _blank, we should update the current state\n // */\n // if (lastItem.target !== \"_blank\") {\n // setCurrent(item.map((item) => item.href));\n // }\n\n // const current = item[item.length - 1];\n // const args = {\n // href: current.href,\n // name: current.name,\n // scope: \"campaign\",\n // target: current.target,\n // };\n\n // if (typeof onItemClick === \"function\") {\n // onItemClick(args);\n // return;\n // }\n\n // routerAdapter?.onRouteChange(args);\n // },\n };\n }\n\n return converted;\n }, [mainNavConfig]);\n\n return {\n // currentProduct,\n // logo: mainNavConfig.logo,\n ...mainNavConfig,\n mainMenus,\n campaigns,\n isConnected: !!connectedChain,\n wrongNetwork,\n status: state.status,\n disabledConnect,\n };\n};\n","import { PropsWithChildren } from \"react\";\nimport { Box, cn } from \"@orderly.network/ui\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { BottomNav } from \"../bottomNav/bottomNav.ui.mobile\";\nimport { MainNavMobile } from \"../main/mainNav.ui.mobile\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\nimport { ScaffoldProps } from \"./scaffold.widget\";\n\ntype MobileScaffoldProps = PropsWithChildren<\n ScaffoldScriptReturn & ScaffoldProps\n>;\n\nexport const MobileScaffold = (props: MobileScaffoldProps) => {\n const { classNames } = props;\n return (\n <div\n style={{\n // only effective on real device, 12px is extra padding\n paddingBottom: `calc(${props.bottomNavHeight}px + 12px + env(safe-area-inset-bottom))`,\n }}\n className={cn(\n \"oui-scaffold-root oui-w-full oui-bg-base-10\",\n // \"oui-custom-scrollbar oui-overflow-y-auto\",\n classNames?.root,\n )}\n >\n <header\n ref={props.topNavbarRef}\n className={cn(\n \"oui-scaffold-topNavbar\",\n \"oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10\",\n classNames?.topNavbar,\n )}\n >\n {props.topBar ?? (\n <MainNavMobile\n {...props.mainNavProps}\n routerAdapter={props.routerAdapter}\n />\n )}\n </header>\n\n <Box\n className={cn(\n \"oui-scaffold-container oui-overflow-hidden\",\n // \"oui-relative\",\n // \"oui-custom-scrollbar oui-overflow-y-auto\",\n classNames?.container,\n )}\n >\n <RestrictedInfoWidget className=\"oui-mx-1 oui-mb-1 oui-bg-base-6\" />\n\n <AnnouncementWidget\n className=\"oui-mx-1 oui-mb-1 oui-bg-base-6\"\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n\n <Box\n height=\"100%\"\n width=\"100%\"\n className={cn(\"oui-scaffold-content\", classNames?.content)}\n >\n {props.children}\n </Box>\n </Box>\n\n <footer\n ref={props.bottomNavRef}\n className={cn(\n \"oui-scaffold-bottomNav\",\n \"oui-fixed oui-bottom-0 oui-z-10\",\n \"oui-w-full oui-bg-base-9\",\n // only effective on real device\n \"oui-pb-[calc(env(safe-area-inset-bottom))]\",\n classNames?.bottomNav,\n )}\n >\n {props.bottomNav ?? (\n <BottomNav\n mainMenus={props?.bottomNavProps?.mainMenus}\n current={\n props?.bottomNavProps?.current || props?.mainNavProps?.initialMenu\n }\n onRouteChange={props.routerAdapter?.onRouteChange}\n />\n )}\n </footer>\n </div>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AnnouncementType } from \"@orderly.network/types\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n cn,\n DialogTitle,\n DialogHeader,\n Dialog,\n DialogBody,\n DialogContent,\n Divider,\n Flex,\n useScreen,\n Text,\n} from \"@orderly.network/ui\";\nimport { CloseIcon } from \"../icons\";\nimport { AnnouncementScriptReturn } from \"./announcement.script\";\n\nexport type AnnouncementProps = AnnouncementScriptReturn & {\n style?: React.CSSProperties;\n className?: string;\n hideTips?: boolean;\n};\n\nexport const Announcement: React.FC<Readonly<AnnouncementProps>> = (props) => {\n const { maintenanceDialogInfo, showAnnouncement, currentTip } = props;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const contentNode = React.useMemo<React.ReactNode>(() => {\n if (!currentTip) {\n return null;\n }\n if (isMobile) {\n return <MobileTips {...props} />;\n }\n return <DeskTopTips {...props} />;\n }, [currentTip, isMobile, props]);\n\n if (maintenanceDialogInfo) {\n return (\n <Dialog open={true}>\n <DialogContent\n closable={false}\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"oui-w-[320px] lg:oui-w-auto\"\n >\n <DialogHeader>\n <DialogTitle>{t(\"maintenance.dialog.title\")}</DialogTitle>\n </DialogHeader>\n <Divider />\n <DialogBody className=\"oui-text-2xs lg:oui-text-xs\">\n {maintenanceDialogInfo}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n }\n\n if (!showAnnouncement) {\n return null;\n }\n\n return (\n <Flex\n key={currentTip?.announcement_id}\n style={props.style}\n className={cn(\n \"oui-announcement\",\n \"oui-overflow-hidden oui-rounded-xl oui-font-semibold\",\n props.className,\n )}\n >\n {contentNode}\n </Flex>\n );\n};\n\nconst DeskTopTips: React.FC<Readonly<AnnouncementScriptReturn>> = (props) => {\n const {\n currentTip,\n currentIndex,\n tips,\n prevTips,\n nextTips,\n closeTips,\n mutiLine,\n contentRef,\n isAnimating,\n } = props;\n\n const len = tips.length;\n\n const { i18n } = useTranslation();\n\n return (\n <>\n <Flex\n justify=\"center\"\n width=\"100%\"\n py={2}\n pl={4}\n gapX={2}\n itemAlign={mutiLine ? \"start\" : \"center\"}\n className={cn(\n \"oui-mr-[125px] oui-relative oui-overflow-hidden\",\n currentTip?.url && \"oui-cursor-pointer\",\n \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n isAnimating && \"oui-translate-y-1/2 oui-opacity-0\",\n )}\n onClick={() => {\n if (currentTip?.url) {\n window.open(currentTip?.url, \"_blank\");\n }\n }}\n >\n <RenderTipsType type={currentTip?.type} />\n <Text\n size=\"xs\"\n intensity={80}\n ref={contentRef}\n className=\"oui-leading-[18px]\"\n >\n {currentTip?.i18n?.[i18n.language] || currentTip?.message}\n </Text>\n </Flex>\n <Flex\n gapX={4}\n justify=\"center\"\n className={cn(\n \"oui-absolute oui-right-4 oui-top-2/4 -oui-translate-y-2/4\",\n )}\n >\n <SwitchTips\n currentIndex={currentIndex}\n tipsCount={len}\n prevTips={prevTips}\n nextTips={nextTips}\n />\n <CloseIcon\n onClick={closeTips}\n size={20}\n className=\"oui-text-base-contrast-80 hover:oui-text-base-contrast\"\n />\n </Flex>\n </>\n );\n};\n\nconst MobileTips: React.FC<Readonly<AnnouncementScriptReturn>> = (props) => {\n const {\n currentTip,\n currentIndex,\n tips,\n prevTips,\n nextTips,\n closeTips,\n isAnimating,\n } = props;\n\n const len = tips.length;\n\n const { i18n } = useTranslation();\n\n return (\n <Flex\n p={3}\n gapX={2}\n itemAlign=\"start\"\n width=\"100%\"\n className=\"oui-relative oui-overflow-hidden\"\n >\n <Flex\n gapY={2}\n direction=\"column\"\n className={cn(\"oui-items-start oui-justify-start oui-w-full\")}\n >\n <div\n // className={cn(\n // \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n // isAnimating && \"oui-translate-y-full oui-opacity-0\"\n // )}\n className={cn(\"oui-w-full\", currentTip?.url && \"oui-cursor-pointer\")}\n onClick={() => {\n if (currentTip?.url) {\n window.open(currentTip?.url, \"_blank\");\n }\n }}\n >\n <Text size=\"xs\" className=\"oui-leading-5\" intensity={80}>\n {currentTip?.i18n?.[i18n.language] || currentTip?.message}\n </Text>\n </div>\n\n <Flex width=\"100%\" justify=\"between\">\n <div\n // className={cn(\n // \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n // isAnimating && \"oui-translate-y-full oui-opacity-0\"\n // )}\n >\n <RenderTipsType type={currentTip?.type} />\n </div>\n <SwitchTips\n currentIndex={currentIndex}\n tipsCount={len}\n prevTips={prevTips}\n nextTips={nextTips}\n />\n </Flex>\n </Flex>\n <CloseIcon onClick={closeTips} size={18} className=\"oui-mt-[2px]\" />\n </Flex>\n );\n};\n\ntype SwitchTipsProps = {\n tipsCount: number;\n} & Pick<AnnouncementScriptReturn, \"currentIndex\" | \"prevTips\" | \"nextTips\">;\n\nconst SwitchTips: React.FC<Readonly<SwitchTipsProps>> = (props) => {\n const { currentIndex, tipsCount, prevTips, nextTips } = props;\n return (\n <div className=\"oui-flex oui-items-center oui-justify-center oui-gap-1 oui-text-base-contrast-54\">\n <ChevronLeftIcon\n size={20}\n opacity={1}\n 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 \"\n onClick={prevTips}\n />\n <div className=\"oui-text-base-contrast-54 oui-text-sm\">\n {currentIndex + 1}/{tipsCount}\n </div>\n <ChevronRightIcon\n size={20}\n opacity={1}\n 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 \"\n onClick={nextTips}\n />\n </div>\n );\n};\n\nconst RenderTipsType: React.FC<{ type?: AnnouncementType | null }> = ({\n type,\n}) => {\n const { t } = useTranslation();\n\n const { label, className } = useMemo(() => {\n const map: Record<AnnouncementType, { label: string; className: string }> =\n {\n [AnnouncementType.Listing]: {\n label: t(\"announcement.type.listing\"),\n className: \"oui-bg-primary/15 oui-text-primary\",\n },\n [AnnouncementType.Maintenance]: {\n label: t(\"announcement.type.maintenance\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n [AnnouncementType.Delisting]: {\n label: t(\"announcement.type.delisting\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n };\n return (\n map[type!] || {\n label: type,\n className: map[AnnouncementType.Listing].className,\n }\n );\n }, [type, t]);\n\n if (!label) {\n return null;\n }\n\n return (\n <Flex\n justify=\"center\"\n px={2}\n r=\"base\"\n className={cn(\n \"oui-text-2xs oui-leading-[18px] oui-font-medium\",\n \"oui-break-normal oui-whitespace-nowrap\",\n className,\n )}\n >\n {label}\n </Flex>\n );\n};\n","import { BaseIconProps } from \"@orderly.network/ui\";\nimport React from \"react\";\n\nexport const CommuntiyTelegramIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\nexport const CommuntiyDiscordIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n {...rest}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <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\" />\n </svg>\n );\n});\nexport const CommuntiyXIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nCommuntiyXIcon.displayName = \"CommuntiyXIcon\";\nCommuntiyTelegramIcon.displayName = \"CommuntiyTelegramIcon\";\nCommuntiyDiscordIcon.displayName = \"CommuntiyDiscordIcon\";\n","import React from \"react\";\nimport { BaseIconProps } from \"@orderly.network/ui\";\n\nexport const OrderlyTextIcon = React.forwardRef<SVGSVGElement, BaseIconProps>(\n (props, ref) => {\n const { opacity = 1, ...rest } = props;\n return (\n <svg\n ref={ref}\n width=\"45\"\n height=\"14\"\n viewBox=\"0 0 45 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"#fff\"\n fillOpacity={opacity}\n />\n <path\n 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\"\n fill=\"#fff\"\n fillOpacity={opacity}\n />\n </svg>\n );\n }\n);\n","import { BaseIconProps } from \"@orderly.network/ui\";\nimport React from \"react\";\n// import { BaseIcon, BaseIconProps } from \"./baseIcon\";\n\nexport const SignalIcon = React.forwardRef<SVGSVGElement, BaseIconProps>(\n (props, ref) => {\n const { size = 18, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n ref={ref}\n className=\"oui-fill-success-light\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n }\n);\n\nSignalIcon.displayName = \"SignalIcon\";\n","import React, { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size: number;\n}\n\nexport const InfoIcon: FC<IconProps> = (props) => {\n const { size = 20, viewBox, ...rest } = props;\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={`${size}px`}\n height={`${size}px`}\n fill=\"none\"\n viewBox={`0 0 20 20`}\n {...rest}\n >\n <path\n 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\"\n fill=\"#FF7D00\"\n />\n </svg>\n );\n};\n","import React, { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size: number;\n}\n\nexport const CloseIcon: FC<IconProps> = (props) => {\n const { size = 16, ...rest } = props;\n return (\n <svg\n width={`${size}px`}\n height={`${size}px`}\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n","import { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport const OrderlyLogo: FC<SVGProps<SVGSVGElement>> = (props) => {\n return (\n <svg\n width=\"200\"\n height=\"24\"\n viewBox=\"0 0 200 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n d=\"M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n d=\"M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n </svg>\n );\n};\n","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { format } from \"date-fns\";\nimport { produce } from \"immer\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useQuery,\n useWS,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AnnouncementType, API, WSMessage } from \"@orderly.network/types\";\nimport { useObserverElement, useOrderlyTheme } from \"@orderly.network/ui\";\nimport { getTimestamp } from \"@orderly.network/utils\";\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nconst maintentanceId = \"-1\";\n\nexport type AnnouncementScriptOptions = {\n hideTips?: boolean;\n};\n\ninterface AnnouncementStore {\n show?: boolean;\n lastUpdateTime?: number | null;\n}\n\nconst ORDERLY_ANNOUNCEMENT_KEY = \"orderly_announcement\";\n\nconst sortDataByUpdatedTime = (ori: API.Announcement) => {\n return produce<API.Announcement>(ori, (draft) => {\n if (Array.isArray(draft.rows)) {\n draft.rows.sort((a, b) => {\n if (a.updated_time && b.updated_time) {\n return b.updated_time - a.updated_time;\n }\n return 0;\n });\n }\n });\n};\n\nexport type AnnouncementScriptReturn = ReturnType<typeof useAnnouncementScript>;\n\nexport const useAnnouncementScript = (options?: AnnouncementScriptOptions) => {\n const [currentIndex, setCurrentIndex] = useState<number>(0);\n const [isAnimating, setIsAnimating] = useState(false);\n\n const { showAnnouncement, setShowAnnouncement } = useAppContext();\n\n const { tips: _tips, maintenanceDialogInfo } = useAnnouncementData();\n\n const { getComponentTheme } = useOrderlyTheme();\n\n const tips = useMemo(() => {\n const { dataAdapter } = getComponentTheme?.(\"announcement\") || {};\n if (typeof dataAdapter === \"function\") {\n return dataAdapter(_tips.rows || []);\n }\n return _tips.rows || [];\n }, [_tips]);\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const closeTips = () => {\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: false }));\n };\n\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const prevTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = tips.length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex - 1 + len) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips]);\n\n const nextTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = tips.length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex + 1) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips]);\n\n useEffect(() => {\n const len = tips.length;\n if (!showAnnouncement || len <= 1) {\n return;\n }\n\n // rolling announcement, every 3 seconds\n intervalRef.current = setInterval(nextTips, 3000);\n\n return () => {\n if (intervalRef.current) {\n clearTimeout(intervalRef.current);\n }\n };\n }, [tips, showAnnouncement, nextTips]);\n\n useEffect(() => {\n const len = tips.length;\n setShowAnnouncement(\n Boolean(len) && announcementStore.show && !options?.hideTips,\n );\n }, [tips, announcementStore, options?.hideTips, setShowAnnouncement]);\n\n const multiLineState = useMultiLine();\n\n return {\n maintenanceDialogInfo,\n tips,\n currentIndex,\n currentTip: tips?.[currentIndex],\n closeTips,\n nextTips,\n prevTips,\n showAnnouncement,\n isAnimating,\n ...multiLineState,\n };\n};\n\nfunction useAnnouncementData() {\n const ws = useWS();\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const [tips, setTips] = useState<API.Announcement>({});\n\n const [maintenanceDialogInfo, setMaintenanceDialogInfo] = useState<string>();\n\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n\n const { t } = useTranslation();\n\n const { data: announcements } = useQuery<API.Announcement>(\n `/v2/public/announcement`,\n {\n revalidateOnFocus: false,\n refreshInterval: 60 * 60 * 1000, // refresh every 1 hour\n formatter: (data) => data,\n },\n );\n\n const getMaintentTipsContent = (\n brokerName: string,\n startDate: string,\n endDate: string,\n ) =>\n t(\"maintenance.tips.description\", {\n brokerName,\n startDate,\n endDate,\n });\n\n const getMaintentDialogContent = (brokerName: string, endDate: string) =>\n t(\"maintenance.dialog.description\", {\n brokerName,\n endDate,\n });\n\n useEffect(() => {\n const unsubscribe = ws.subscribe(\"announcement\", {\n onMessage(message: WSMessage.Announcement) {\n if (message) {\n setTips((prev) => {\n return produce(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n const idx = draft.rows.findIndex(\n (tip) => tip.announcement_id === message.announcement_id,\n );\n // Filter out old tips with the same id\n if (idx !== -1) {\n draft.rows.splice(idx, 1);\n }\n // Add the latest tip\n draft.rows.push({\n announcement_id: message.announcement_id,\n message: message.message,\n url: message.url,\n i18n: message.i18n,\n type: message.type,\n updated_time: message.updated_time,\n });\n });\n });\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: true }));\n }\n },\n onError(err) {\n if (err instanceof Error) {\n console.error(\"Error receiving announcement:\", err.message);\n }\n },\n });\n return () => {\n unsubscribe?.();\n };\n }, [ws]);\n\n useEffect(() => {\n if (!announcements?.rows) {\n return;\n }\n const apiTime = announcements.last_updated_time ?? 0;\n const cachedTime = announcementStore.lastUpdateTime ?? 0;\n if (cachedTime < apiTime) {\n setTips((prev) => ({ ...prev, rows: announcements?.rows }));\n setStore({ show: true, lastUpdateTime: apiTime });\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n if (announcements?.rows?.length) {\n // If there are announcement rows available, create a Set to store IDs of existing tips\n const existingIds = new Set<string | number>(\n prev.rows?.map((tip) => tip.announcement_id),\n );\n // Find the maintenance tip in previous tips (if any)\n const maintenanceTip = prev.rows?.find(\n (tip) => tip.announcement_id === maintentanceId,\n );\n // Clear the draft’s rows array to refill it\n draft.rows = [];\n announcements.rows.forEach((item) => {\n if (!existingIds.has(item.announcement_id)) {\n // If the item’s ID is not in existingIds, push it into the draft\n draft.rows?.push(item);\n }\n });\n if (maintenanceTip) {\n // If a maintenance tip existed before, unshift it to the front\n draft.rows.unshift(maintenanceTip);\n }\n } else {\n // Find the index of the maintenance tip in draft rows\n const idx = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (idx !== undefined && idx !== -1) {\n // Remove the maintenance tip from draft rows\n draft.rows?.splice(idx, 1);\n }\n }\n });\n });\n }\n }, [announcements]);\n\n useEffect(() => {\n const startDate = startTime ? getTimeString(startTime) : \"-\";\n const endDate = endTime ? getTimeString(endTime) : \"-\";\n if (status === MaintenanceStatus.Maintenance) {\n setMaintenanceDialogInfo(getMaintentDialogContent(brokerName, endDate));\n return;\n }\n setMaintenanceDialogInfo(undefined);\n\n if (startTime) {\n if (startTime < getTimestamp() + oneDay) {\n setTips((prev) =>\n produce<API.Announcement>(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n // Rebuild rows: insert the latest maintenance tip first, then put the old non-maintenance ones at the end\n draft.rows = [\n {\n announcement_id: maintentanceId,\n type: AnnouncementType.Maintenance,\n message: getMaintentTipsContent(brokerName, startDate, endDate),\n },\n ...draft.rows.filter(\n (tip) => tip.type !== AnnouncementType.Maintenance,\n ),\n ];\n }),\n );\n }\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n const index = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (index !== undefined && index !== -1) {\n draft.rows?.splice(index, 1);\n }\n });\n });\n }\n }, [startTime, endTime, status, brokerName, t]);\n\n return {\n tips: sortDataByUpdatedTime(tips),\n maintenanceDialogInfo,\n };\n}\n\nfunction useMultiLine() {\n const [mutiLine, setMutiLine] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n useObserverElement(contentRef.current, (entry) => {\n setMutiLine(entry.contentRect.height > 20);\n });\n\n return {\n mutiLine,\n contentRef,\n };\n}\n\nfunction getTimeString(timestamp: number) {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n}\n","import { useAnnouncementScript } from \"./announcement.script\";\nimport { Announcement, AnnouncementProps } from \"./announcement.ui\";\n\nexport type AnnouncementWidgetProps = Pick<\n AnnouncementProps,\n \"style\" | \"className\" | \"hideTips\"\n>;\n\nexport const AnnouncementWidget = (props: AnnouncementWidgetProps) => {\n const { hideTips, ...rest } = props;\n const state = useAnnouncementScript({ hideTips });\n\n return <Announcement {...state} {...rest} />;\n};\n","import { useMemo } from \"react\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { BottomNavItem } from \"./bottomNav.widget\";\n\nexport type BottomNavProps = {\n mainMenus?: BottomNavItem[];\n current?: string | string[];\n onRouteChange?: RouterAdapter[\"onRouteChange\"];\n};\n\nexport const BottomNav = (props: BottomNavProps) => {\n const { mainMenus, current, onRouteChange } = props;\n\n const isSubmenu = useMemo(() => {\n return mainMenus?.every((menu) => menu.href !== current);\n }, [mainMenus, current]);\n\n const menus = useMemo(() => {\n return mainMenus?.map((menu) => {\n const isActive = current === menu.href;\n return (\n <Flex\n key={menu.name}\n direction={\"column\"}\n itemAlign={\"center\"}\n justify={\"center\"}\n className=\"oui-flex-1\"\n onClick={() => {\n onRouteChange?.({ href: menu.href, name: menu.name });\n }}\n >\n <Text>{isActive ? menu.activeIcon : menu.inactiveIcon}</Text>\n <Text>{menu.name}</Text>\n </Flex>\n );\n });\n }, [mainMenus, current, onRouteChange]);\n\n if (isSubmenu || !mainMenus) {\n return null;\n }\n\n return (\n <Flex\n width={\"100%\"}\n height={64}\n px={3}\n itemAlign={\"center\"}\n justify={\"between\"}\n className=\"oui-bg-base-9\"\n >\n {menus}\n </Flex>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Flex, Text, ChevronLeftIcon, cn } from \"@orderly.network/ui\";\nimport { WalletConnectButtonExtension } from \"../accountMenu/menu.widget\";\nimport { ChainMenuWidget } from \"../chainMenu\";\nimport { LanguageSwitcherWidget } from \"../languageSwitcher\";\nimport { LeftNavUI } from \"../leftNav/leftNav.ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { ScanQRCodeWidget } from \"../scanQRCode\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavWidgetProps } from \"./mainNav.widget\";\n\ntype MainNavMobileProps = {\n current?: string;\n subItems?: {\n name: string;\n href: string;\n }[];\n routerAdapter?: RouterAdapter;\n} & MainNavWidgetProps;\n\nexport const MainNavMobile: FC<MainNavMobileProps> = (props) => {\n const { wrongNetwork, disabledConnect } = useAppContext();\n const { state } = useAccount();\n const currentMenu = useMemo(() => {\n if (Array.isArray(props?.initialMenu)) {\n return props?.campaigns;\n }\n return props?.mainMenus?.find((menu) => {\n if (!props.current) {\n return menu.href === props?.initialMenu;\n } else {\n return menu.href === props.current;\n }\n });\n }, [props?.mainMenus, props?.initialMenu]);\n\n const title = useMemo(() => {\n if (currentMenu?.isHomePageInMobile) {\n return <MainLogo {...props?.logo} />;\n }\n return (\n <Text className=\"oui-text-2xl oui-font-bold oui-text-base-contrast\">\n {currentMenu?.name}\n </Text>\n );\n }, [currentMenu, props?.logo]);\n\n const isSub = useMemo(() => {\n if (!currentMenu || currentMenu.isSubMenuInMobile) return true;\n return false;\n }, [currentMenu]);\n\n const subTitle = useMemo(() => {\n if (currentMenu?.isSubMenuInMobile) return currentMenu?.name;\n if (props?.subItems?.some((item) => item.href === props?.current)) {\n return props?.subItems?.find((item) => item.href === props?.current)\n ?.name;\n }\n return null;\n }, [props?.subItems, props?.current, currentMenu]);\n\n const onBack = () => {\n let target = props.mainMenus?.find(\n (item) => item.href === props.initialMenu,\n );\n if (currentMenu?.isSubMenuInMobile) {\n target = currentMenu?.subMenuBackNav;\n }\n props?.routerAdapter?.onRouteChange(target as any);\n };\n\n const showLinkDevice =\n state.status === AccountStatusEnum.EnableTradingWithoutConnected;\n\n const showChainMenu = !showLinkDevice && !wrongNetwork;\n\n const showQrcode = useMemo(() => {\n if (\n state.status === AccountStatusEnum.EnableTradingWithoutConnected ||\n state.status === AccountStatusEnum.EnableTrading ||\n disabledConnect\n ) {\n return false;\n }\n\n return true;\n }, [state.status, disabledConnect]);\n\n const showSubAccount = useMemo(\n () => state.status >= AccountStatusEnum.EnableTrading,\n [state.status],\n );\n\n if (isSub) {\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n direction={\"row\"}\n itemAlign={\"center\"}\n justify={\"center\"}\n className=\"oui-relative\"\n >\n <ChevronLeftIcon\n className=\"oui-absolute oui-left-6 oui-text-base-contrast-54\"\n onClick={onBack}\n />\n <Text className=\"oui-text-base oui-font-bold oui-text-base-contrast\">\n {subTitle}\n </Text>\n </Flex>\n );\n }\n\n const renderContent = () => {\n const languageSwitcher = <LanguageSwitcherWidget />;\n const scanQRCode = showQrcode && <ScanQRCodeWidget />;\n const subAccount = showSubAccount && <SubAccountWidget />;\n const linkDevice = showLinkDevice && <LinkDeviceWidget />;\n const chainMenu = showChainMenu && <ChainMenuWidget />;\n const walletConnect = <WalletConnectButtonExtension />;\n\n const leftNav = props.leftNav && (\n <LeftNavUI\n {...props.leftNav}\n logo={props?.logo}\n routerAdapter={props?.routerAdapter}\n />\n );\n\n if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n leftNav,\n title,\n languageSwitcher,\n scanQRCode,\n subAccount,\n linkDevice,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <Flex width=\"100%\" justify=\"between\">\n <Flex gapX={2}>\n {props?.customLeftNav || leftNav}\n {title}\n </Flex>\n\n <Flex gapX={2}>\n {props.leading}\n {languageSwitcher}\n {scanQRCode}\n {/* {subAccount} */}\n {linkDevice}\n {chainMenu}\n {walletConnect}\n {props.trailing}\n </Flex>\n </Flex>\n );\n };\n\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n itemAlign={\"center\"}\n className={cn(props.className, props.classNames?.root)}\n >\n {renderContent()}\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { useChainMenuScript } from \"./chainMenu.script\";\nimport { ChainMenu } from \"./chainMenu.ui\";\nimport { ChainMenuUiMobile } from \"./chainMenu.ui.mobile\";\n\nexport const ChainMenuWidget = () => {\n const state = useChainMenuScript();\n const { isMobile } = useScreen();\n if (isMobile) {\n return <ChainMenuUiMobile {...state} />;\n }\n return <ChainMenu {...state} />;\n};\n","import { useEffect, useState } from \"react\";\nimport {\n useChains,\n useConfig,\n useAccount,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { API, Chain, NetworkId } from \"@orderly.network/types\";\n\nexport type UseChainMenuScriptReturn = ReturnType<typeof useChainMenuScript>;\n\nexport const useChainMenuScript = () => {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const { state } = useAccount();\n const { connectedChain } = useWalletConnector();\n const { currentChainId, wrongNetwork, disabledConnect, setCurrentChainId } =\n useAppContext();\n const networkId = useConfig(\"networkId\") as NetworkId;\n\n const hide = () => {\n setOpen(false);\n };\n\n const onChainChangeBefore = () => {\n setLoading(true);\n hide();\n };\n\n const onChainChangeAfter = () => {\n setLoading(false);\n };\n\n return {\n isConnected: !!connectedChain,\n currentChainId,\n wrongNetwork,\n disabledConnect,\n accountStatus: state.status,\n networkId,\n open,\n onOpenChange: setOpen,\n hide,\n onChainChangeBefore,\n onChainChangeAfter,\n loading,\n setCurrentChainId,\n };\n};\n\nexport type UseChainMenuBuilderScript = ReturnType<typeof useChainMenuScript>;\n","import { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Button,\n ChainIcon,\n cn,\n Flex,\n modal,\n Tooltip,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Spinner,\n} from \"@orderly.network/ui\";\nimport {\n ChainSelectorDialogId,\n ChainSelectorWidget,\n} from \"@orderly.network/ui-chain-selector\";\nimport { WalletConnectorModalId } from \"@orderly.network/ui-connector\";\nimport { UseChainMenuScriptReturn } from \"./chainMenu.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const ChainMenu = (props: UseChainMenuScriptReturn) => {\n const { t } = useTranslation();\n\n if (props.wrongNetwork && props.isConnected && !props.disabledConnect) {\n return (\n <Tooltip\n open\n hideWhenDetached\n content={t(\"connector.wrongNetwork.tooltip\")}\n className=\"oui-bg-base-5\"\n arrow={{ className: \"oui-fill-base-5\" }}\n >\n <Button\n color=\"warning\"\n size=\"md\"\n onClick={() => {\n modal\n .show<{ wrongNetwork: boolean }>(ChainSelectorDialogId, {\n networkId: props.networkId,\n })\n .then(\n (r) => {\n if (\n !r.wrongNetwork &&\n props.accountStatus < AccountStatusEnum.EnableTrading\n ) {\n modal.show(WalletConnectorModalId).then(\n (r) => console.log(r),\n (error) => console.log(error)\n );\n }\n },\n (error) => console.log(error)\n );\n }}\n >\n {t(\"connector.wrongNetwork\")}\n </Button>\n </Tooltip>\n );\n }\n\n const renderIcon = () => {\n if (props.loading) {\n return <Spinner className=\"oui-w-[18px] oui-h-[18px]\" />;\n }\n\n if (props.currentChainId) {\n return <ChainIcon chainId={props.currentChainId} size=\"xs\" />;\n }\n };\n\n const trigger = (\n <Flex\n intensity={500}\n justify=\"center\"\n className={cn(\n \"oui-relative oui-cursor-pointer\",\n \"oui-w-11 oui-h-8\",\n \"oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px]\"\n )}\n >\n {renderIcon()}\n <svg\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-absolute oui-right-0 oui-bottom-0\"\n >\n <defs>\n <linearGradient\n id=\"paint0_linear_490_5080\"\n x1=\"10\"\n y1=\"5\"\n x2=\"-5.79673e-08\"\n y2=\"5\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n d=\"M10 7V0L0 10H7C8.65685 10 10 8.65685 10 7Z\"\n fill=\"url(#paint0_linear_490_5080)\"\n />\n </svg>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n sideOffset={4}\n collisionPadding={{ right: 16 }}\n className={cn(\n \"oui-bg-base-8 oui-w-[456px] oui-p-4 oui-rounded-xl\",\n \"oui-border oui-border-line-6\",\n \"oui-font-semibold\"\n )}\n >\n <ChainSelectorWidget\n close={props.hide}\n onChainChangeBefore={props.onChainChangeBefore}\n onChainChangeAfter={props.onChainChangeAfter}\n />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, ChainIcon, modal, toast } from \"@orderly.network/ui\";\nimport { ChainSelectorSheetId } from \"@orderly.network/ui-chain-selector\";\nimport { UseChainMenuScriptReturn } from \"./chainMenu.script\";\n\nexport const ChainMenuUiMobile = (props: UseChainMenuScriptReturn) => {\n const { t } = useTranslation();\n\n return (\n <button\n onClick={(e) => {\n modal\n .show<{\n wrongNetwork: boolean;\n }>(ChainSelectorSheetId, {\n // networkId: props.networkId,\n bridgeLessOnly: false,\n isWrongNetwork: props.wrongNetwork,\n })\n .then(\n (r: any) => {\n console.log(r?.chainId, props);\n if (r?.chainId) {\n props.setCurrentChainId(r?.chainId);\n }\n toast.success(t(\"connector.networkSwitched\"));\n },\n (error) => console.log(\"[switchChain error]\", error),\n );\n }}\n >\n <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\">\n <ChainIcon\n chainId={props.currentChainId!}\n size=\"xs\"\n className=\"oui-h-[18px] oui-w-[18px]\"\n />\n <div className=\"oui-absolute oui-right-0 oui-bottom-0\">\n <svg\n width=\"9\"\n height=\"9\"\n viewBox=\"0 0 9 9\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 6V0L0 9h6a3 3 0 0 0 3-3\" fill=\"url(#a)\" />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"9\"\n y1=\"4.5\"\n x2=\"0\"\n y2=\"4.5\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop\n offset=\"1\"\n stopColor=\"rgb(var(--oui-gradient-brand-start))\"\n />\n </linearGradient>\n </defs>\n </svg>\n </div>\n </Box>\n </button>\n );\n};\n","import { useMemo, useState } from \"react\";\nimport { useTrack } from \"@orderly.network/hooks\";\nimport {\n i18n,\n LocaleContextState,\n useLocaleContext,\n} from \"@orderly.network/i18n\";\nimport { TrackerEventName } from \"@orderly.network/types\";\nimport { useScreen } from \"@orderly.network/ui\";\n\nexport type LanguageSwitcherScriptReturn = ReturnType<\n typeof useLanguageSwitcherScript\n>;\nexport type LanguageSwitcherScriptOptions = Pick<\n LocaleContextState,\n \"popup\"\n> & { open?: boolean; setOpen?: (open: boolean) => void };\n\nexport const useLanguageSwitcherScript = (\n options?: LanguageSwitcherScriptOptions,\n) => {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const [selectedLang, setSelectedLang] = useState(i18n.language);\n const { languages, onLanguageBeforeChanged, onLanguageChanged, popup } =\n useLocaleContext();\n\n const { track, setIdentify } = useTrack();\n\n const { isMobile } = useScreen();\n\n const onLangChange = async (lang: string, displayName: string) => {\n setLoading(true);\n setSelectedLang(lang);\n await onLanguageBeforeChanged(lang);\n await i18n.changeLanguage(lang);\n await onLanguageChanged(lang);\n setOpen(false);\n options?.setOpen?.(false);\n setLoading(false);\n track(TrackerEventName.switchLanguage, {\n language: displayName,\n language_code: lang,\n });\n\n setIdentify({\n language_code: lang,\n });\n };\n\n const _popup = useMemo(\n () => ({\n ...popup,\n ...options?.popup,\n mode:\n options?.popup?.mode || popup?.mode || (isMobile ? \"sheet\" : \"modal\"),\n }),\n [popup, options?.popup, isMobile],\n );\n\n return {\n open: options?.open || open,\n onOpenChange: options?.setOpen || setOpen,\n languages,\n selectedLang,\n onLangChange,\n loading,\n popup: _popup,\n };\n};\n","import { FC, SVGProps, forwardRef } from \"react\";\nimport { useTranslation, Language } from \"@orderly.network/i18n\";\nimport {\n cn,\n Flex,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Text,\n Box,\n Spinner,\n SimpleDialog,\n useScreen,\n SimpleSheet,\n} from \"@orderly.network/ui\";\nimport { LanguageSwitcherScriptReturn } from \"./languageSwitcher.script\";\n\nexport type LanguageSwitcherProps = LanguageSwitcherScriptReturn;\n\nexport const LanguageSwitcher: FC<LanguageSwitcherProps> = (props) => {\n const { languages, popup } = props;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const trigger = (\n <LanguageIcon\n className={cn(\n \"oui-size-6 lg:oui-size-5\",\n \"oui-cursor-pointer oui-text-base-contrast-80\",\n \"hover:oui-fill-base-contrast oui-transition-colors\",\n isMobile && \"oui-h-[18px] oui-w-[18px]\",\n )}\n id=\"language-switcher-icon\"\n onClick={() => props.onOpenChange(true)}\n />\n );\n\n const header = (\n <Text weight=\"semibold\">{t(\"languageSwitcher.language\")}</Text>\n );\n\n const languageList = languages.map((item) => {\n const selected = props.selectedLang === item.localCode;\n return (\n <LanguageItem\n className={cn(\n [\"modal\", \"sheet\"].includes(popup.mode ?? \"\") &&\n \"oui-w-[calc((100%_-_4px)/2)] lg:oui-w-[calc((100%_-_8px)/3)]\",\n )}\n key={item.localCode}\n selected={selected}\n item={item}\n onClick={() => props.onLangChange(item.localCode, item.displayName)}\n loading={props.loading}\n />\n );\n });\n\n const context = (\n <Flex gap={1} className=\"oui-flex-wrap\">\n {languageList}\n </Flex>\n );\n\n const footer = (\n <Box mt={4}>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-warning-darken\"\n >\n {t(\"languageSwitcher.tips\")}\n </Text>\n </Box>\n );\n\n if (popup?.mode === \"sheet\" && isMobile) {\n return (\n <>\n {trigger}\n <SimpleSheet\n open={props.open}\n onOpenChange={props.onOpenChange}\n classNames={{\n content: cn(\"oui-px-5 oui-pb-5\", popup?.className),\n body: \"oui-pb-[env(safe-area-inset-bottom)]\",\n }}\n contentProps={{\n style: popup?.style,\n }}\n title={header}\n >\n {context}\n {footer}\n </SimpleSheet>\n </>\n );\n }\n\n if (popup?.mode === \"dropdown\") {\n const context = (\n <Box\n mt={4}\n className={cn(\n //40 * 8 + 4 * 7 = 348px, more than 8 will show scrollbars\n \"oui-custom-scrollbar oui-max-h-[348px] oui-overflow-y-auto\",\n \"oui-grid oui-gap-1 oui-pr-[6px]\",\n )}\n >\n {languageList}\n </Box>\n );\n\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n sideOffset={10}\n align=\"start\"\n collisionPadding={{ right: 16 }}\n className={cn(\n \"oui-w-[320px] lg:oui-w-[360px]\",\n \"oui-rounded-xl oui-bg-base-8 oui-p-5\",\n \"oui-border oui-border-line-6\",\n \"oui-font-semibold\",\n )}\n >\n {header}\n {context}\n {footer}\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n }\n\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size={isMobile ? \"sm\" : \"xl\"}\n classNames={{\n content: popup?.className,\n }}\n contentProps={{\n style: popup?.style,\n }}\n >\n {context}\n {footer}\n </SimpleDialog>\n </>\n );\n};\n\ntype LanguageItemProps = {\n selected: boolean;\n item: Language;\n onClick?: () => void;\n loading?: boolean;\n className?: string;\n};\n\nconst LanguageItem: FC<LanguageItemProps> = (props) => {\n const { item } = props;\n\n const renderTrailing = () => {\n if (props.loading && props.selected) {\n return <Spinner size=\"sm\" />;\n }\n if (props.selected) {\n return <Box gradient=\"brand\" r=\"full\" width={4} height={4} />;\n }\n return null;\n };\n\n return (\n <button\n className={cn(\n \"oui-group oui-rounded-md hover:oui-bg-base-5\",\n props.selected && \"oui-bg-base-5\",\n props.className,\n )}\n onClick={props.onClick}\n >\n <Flex justify=\"between\" className=\"oui-h-10\" px={3}>\n <Flex itemAlign=\"center\" width=\"100%\" className=\"oui-gap-x-[6px]\">\n <Text\n size=\"2xs\"\n className={cn(\n \"oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80\",\n props.selected && \"oui-text-base-contrast-80\",\n )}\n >\n {item.displayName}\n </Text>\n </Flex>\n {renderTrailing()}\n </Flex>\n </button>\n );\n};\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nconst LanguageIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n","import { LocaleContextState } from \"@orderly.network/i18n\";\nimport { useLanguageSwitcherScript } from \"./languageSwitcher.script\";\nimport { LanguageSwitcher } from \"./languageSwitcher.ui\";\n\nexport type LanguageSwitcherWidgetProps = Pick<LocaleContextState, \"popup\"> & {\n open?: boolean;\n setOpen?: (open: boolean) => void;\n};\n\nexport const LanguageSwitcherWidget = (props: LanguageSwitcherWidgetProps) => {\n const state = useLanguageSwitcherScript(props);\n return <LanguageSwitcher {...state} />;\n};\n","import { FC, useCallback, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Sheet,\n SheetContent,\n modal,\n useModal,\n VectorIcon,\n SwapHorizIcon,\n PeopleIcon,\n Text,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../main/mainLogo\";\nimport { RouterAdapter, RouteOption } from \"../scaffold\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport {\n CommunityDiscord,\n CommunityDune,\n CommunityTG,\n CommunityX,\n} from \"./communityIcon\";\nimport { LeftNavState } from \"./leftNav.script\";\nimport { LeftNavItem, LeftNavProps } from \"./leftNav.type\";\n\ntype LeftNavUIProps = LeftNavProps &\n LeftNavState & {\n className?: string;\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n showSubAccount?: boolean;\n };\n\nexport const LeftNavUI: FC<LeftNavUIProps> = (props) => {\n const showModal = useCallback(() => {\n modal.show(LeftNavSheet, {\n ...props,\n });\n }, []);\n\n return (\n <div onClick={showModal} className={props?.className}>\n <VectorIcon />\n </div>\n );\n};\n\nconst LeftNavSheet = modal.create<LeftNavUIProps>((props) => {\n const { visible, hide, resolve, reject, onOpenChange } = useModal();\n const { state } = useAccount();\n const { t } = useTranslation();\n\n const showSubAccount = useMemo(\n () => state.status >= AccountStatusEnum.EnableTrading,\n [state.status],\n );\n\n const onRouteChange = (option: RouteOption) => {\n props?.routerAdapter?.onRouteChange?.(option);\n hide();\n };\n\n const subAccountTrigger = useMemo(() => {\n const name =\n state.accountId === state.mainAccountId\n ? state.address\n : state.subAccounts?.find((item) => item.id === state.accountId)\n ?.description || \"\";\n return (\n <div className=\"oui-flex oui-w-full oui-cursor-pointer oui-items-center oui-gap-2 oui-rounded-xl oui-bg-base-5 oui-p-3\">\n <div>\n <PeopleIcon />\n </div>\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-font-semibold\">\n <Text.formatted\n rule=\"address\"\n className=\"oui-text-sm oui-text-base-contrast\"\n >\n {name}\n </Text.formatted>\n <Text.formatted\n rule=\"address\"\n className=\"oui-text-2xs oui-text-base-contrast-36\"\n >{`ID: ${state.accountId}`}</Text.formatted>\n </div>\n <div className=\"oui-ml-auto\">\n <SwapHorizIcon />\n </div>\n </div>\n );\n }, [state, t]);\n\n const openExternalLink = (url: string) => {\n window.open(url, \"_blank\");\n };\n\n return (\n <Sheet open={visible} onOpenChange={onOpenChange}>\n <SheetContent\n side=\"left\"\n className=\"oui-w-[276px] oui-bg-base-8\"\n closeable\n closeableSize={24}\n closeOpacity={0.54}\n >\n <div className=\"oui-relative oui-flex oui-h-full oui-flex-col oui-gap-3\">\n <div className=\"oui-mt-[6px] oui-flex oui-h-[44px] oui-items-center [&_img]:!oui-h-[18px]\">\n <MainLogo {...props?.logo} />\n </div>\n {props?.leading}\n {showSubAccount && (\n <SubAccountWidget customTrigger={subAccountTrigger} />\n )}\n {Array.isArray(props?.menus) && props.menus.length > 0 && (\n <div className=\"oui-flex oui-h-[calc(100vh-260px)] oui-flex-col oui-items-start oui-overflow-y-auto\">\n {props.menus?.map((item) => (\n <NavItem\n item={item}\n key={`item-${item.name}`}\n onClick={onRouteChange}\n />\n ))}\n </div>\n )}\n <div className=\"oui-absolute oui-bottom-6 oui-flex oui-w-full oui-flex-col oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-justify-around\">\n {props.telegramUrl && (\n <div\n onClick={() => openExternalLink(props.telegramUrl as string)}\n >\n <CommunityTG width={24} height={24} />\n </div>\n )}\n {props.twitterUrl && (\n <div\n onClick={() => openExternalLink(props.twitterUrl as string)}\n >\n <CommunityX width={24} height={24} />\n </div>\n )}\n {props.discordUrl && (\n <div\n onClick={() => openExternalLink(props.discordUrl as string)}\n >\n <CommunityDiscord width={24} height={24} />\n </div>\n )}\n {props.duneUrl && (\n <div\n onClick={() => openExternalLink(props.duneUrl as string)}\n className=\"oui-mb-1\"\n >\n <CommunityDune />\n </div>\n )}\n </div>\n <div\n className=\"oui-text-center oui-text-2xs oui-font-semibold oui-text-primary oui-underline\"\n onClick={() => openExternalLink(props.feedbackUrl as string)}\n >\n Share your feedback\n </div>\n </div>\n </div>\n </SheetContent>\n </Sheet>\n );\n});\n\ntype NavItemProps = {\n item: LeftNavItem;\n onClick?: (option: RouteOption) => void;\n};\n\nconst NavItem: FC<NavItemProps> = ({ item, onClick }) => {\n const { href, name, icon, trailing, customRender } = item;\n const onItemClick = () => {\n onClick?.({ href: href, name: name, scope: \"leftNav\" });\n };\n if (typeof customRender === \"function\") {\n return (\n <div\n className=\"oui-flex oui-items-center oui-px-3 oui-py-4\"\n onClick={onItemClick}\n >\n {customRender({ name: name, href: href })}\n </div>\n );\n }\n return (\n <div\n className=\"oui-flex oui-items-center oui-gap-2 oui-px-3 oui-py-4\"\n onClick={onItemClick}\n >\n <div>{icon}</div>\n <div className=\"oui-text-base oui-font-semibold oui-text-base-contrast-80\">\n {name}\n </div>\n {trailing}\n </div>\n );\n};\n","import { FC } from \"react\";\nimport { useAppConfig } from \"@orderly.network/react-app\";\nimport { OrderlyLogo } from \"../icons\";\nimport { Logo } from \"@orderly.network/ui\";\n\ntype MainLogoProps = {\n src?: string;\n alt?: string;\n};\n\nexport const MainLogo: FC<MainLogoProps> = (props) => {\n const { appIcons } = useAppConfig();\n\n if (props.src) {\n return <Logo src={props.src} alt={props.alt} />;\n }\n\n const { main } = appIcons || {};\n\n if (main?.img) {\n return <img src={main?.img} />;\n }\n\n if (main?.component) {\n return main.component;\n }\n\n return <OrderlyLogo />;\n};\n","import { useCallback, useEffect, useMemo, useState, useRef } from \"react\";\nimport { useAccount, useIndexPricesStream } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { API } from \"@orderly.network/types\";\nimport { toast, useScreen } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useAccountValue } from \"./useAccountValue\";\n\nexport type SubAccountScriptReturn = ReturnType<typeof SubAccountScript>;\n\ntype AccountValueInfo = {\n id: string;\n userAddress?: string;\n description?: string;\n holding: API.Holding[];\n accountValue?: number;\n};\n\nexport const SubAccountScript = () => {\n const [open, setOpen] = useState(false);\n const [mainAccountHolding, setMainAccountHolding] = useState<API.Holding[]>(\n [],\n );\n const { data: indexPrices } = useIndexPricesStream();\n const { isMobile } = useScreen();\n const { state, subAccount, switchAccount } = useAccount();\n const { t } = useTranslation();\n const mainAccountId = state.mainAccountId;\n\n const { accountValue } = useAccountValue(mainAccountId);\n\n const currentAccountId = state.accountId;\n\n const hasRefreshedRef = useRef(false);\n\n const subAccounts = useMemo(() => {\n if (!state.subAccounts || !state.subAccounts.length) {\n return [];\n }\n\n const currentSubAccount = state.subAccounts.find(\n (subAccount) => subAccount.id === currentAccountId,\n );\n\n if (currentSubAccount) {\n return [\n currentSubAccount,\n ...state.subAccounts.filter(\n (subAccount) => subAccount.id !== currentAccountId,\n ),\n ];\n }\n\n return [...state.subAccounts];\n }, [state.subAccounts, currentAccountId]);\n\n const _popup = useMemo(\n () => ({\n mode: isMobile ? \"sheet\" : \"modal\",\n }),\n [isMobile],\n );\n\n const doCreatSubAccount = useCallback(\n (nickName: string) => {\n return subAccount.create(nickName);\n },\n [subAccount],\n );\n\n const onSwitch = useCallback(\n (accountId: string) => {\n return switchAccount(accountId)\n .catch((error) => {\n console.error(error);\n })\n .then((res) => {\n toast.success(t(\"subAccount.modal.switch.success.description\"));\n });\n },\n [switchAccount],\n );\n\n const accountsWithValues = useMemo(() => {\n const mainAccountUnsettlePnl = accountValue[mainAccountId!] ?? 0;\n\n const mainAccount =\n mainAccountId && state.address\n ? {\n id: mainAccountId,\n userAddress: state.address,\n holding: mainAccountHolding,\n accountValue: calculateAccountValue(\n mainAccountHolding,\n mainAccountUnsettlePnl,\n indexPrices || {},\n ),\n }\n : undefined;\n\n const updatedSubAccounts = subAccounts.map((subAccount) => {\n const subAccountUnsettlePnl = accountValue[subAccount.id] ?? 0;\n return {\n ...subAccount,\n accountValue: calculateAccountValue(\n subAccount.holding || [],\n subAccountUnsettlePnl,\n indexPrices || {},\n ),\n };\n });\n\n return {\n mainAccount,\n subAccounts: updatedSubAccounts,\n };\n }, [\n mainAccountId,\n state.address,\n mainAccountHolding,\n subAccounts,\n accountValue,\n indexPrices,\n ]);\n\n useEffect(() => {\n if (!open) {\n hasRefreshedRef.current = false;\n return;\n }\n\n if (!hasRefreshedRef.current && mainAccountId) {\n hasRefreshedRef.current = true;\n subAccount.refresh().then((res) => {\n setMainAccountHolding(res[mainAccountId] || []);\n });\n }\n }, [open, mainAccountId, subAccount]);\n\n return {\n mainAccount: accountsWithValues.mainAccount,\n currentAccountId,\n open,\n onOpenChange: setOpen,\n popup: _popup,\n createSubAccount: doCreatSubAccount,\n subAccounts: accountsWithValues.subAccounts,\n onSwitch,\n };\n};\n\nconst calculateAccountValue = (\n holdings: API.Holding[],\n unsettlePnl: number,\n indexPrices: Record<string, number>,\n) => {\n const holding = holdings.reduce((acc, holding) => {\n const price = getTokenIndexPrice(holding.token, indexPrices);\n if (!price) return acc;\n return acc + new Decimal(holding.holding).times(price).toNumber();\n }, 0);\n return holding + unsettlePnl;\n};\n\nconst getTokenIndexPrice = (\n token: string,\n indexPrices: Record<string, number>,\n) => {\n if (token === \"USDC\") return 1;\n const symbol = `PERP_${token}_USDC`;\n return indexPrices[symbol] ?? 0;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { useSubAccountQuery } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nexport const useAccountValue = (mainAccountId?: string) => {\n const [accountValue, setAccountValue] = useState<Record<string, number>>({});\n const {\n data: newPositions = [],\n isLoading: isPositionLoading,\n mutate: mutatePositions,\n } = useSubAccountQuery<API.PositionExt[]>(\"/v1/client/aggregate/positions\", {\n // formatter: (data) => data,\n errorRetryCount: 3,\n accountId: mainAccountId,\n });\n\n useEffect(() => {\n if (isPositionLoading) {\n return;\n }\n if (!newPositions || newPositions.length === 0) {\n setAccountValue({});\n return;\n }\n const value = newPositions.reduce(\n (acc, position) => {\n const accountId = position.account_id!;\n if (acc[accountId]) {\n acc[accountId] = new Decimal(acc[accountId])\n .plus(position.unsettled_pnl)\n .toNumber();\n } else {\n acc[accountId] = new Decimal(position.unsettled_pnl).toNumber();\n }\n return acc;\n },\n {} as Record<string, number>,\n );\n setAccountValue(value);\n }, [newPositions, isPositionLoading]);\n return {\n accountValue,\n };\n};\n","import { useCallback, useRef, useMemo, useState, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n SimpleDialog,\n useScreen,\n Text,\n Flex,\n ScrollArea,\n modal,\n cn,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n DropdownMenuPortal,\n DropdownMenuContent,\n PopoverRoot,\n PopoverContent,\n PopoverAnchor,\n} from \"@orderly.network/ui\";\nimport { AccountItem } from \"./components/accountItem\";\nimport { CreateSubAccount } from \"./components/createSubAccountModal\";\nimport { EditNickNameDialog } from \"./components/editNickNameModal\";\nimport { SubAccountIcon, SwapIcon } from \"./icons\";\nimport { SubAccountScriptReturn } from \"./subAccount.script\";\n\nexport function SubAccountUI(\n props: SubAccountScriptReturn & { customTrigger?: ReactNode },\n) {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const onMouseEnter = useCallback(() => {\n if (timer.current) {\n clearTimeout(timer.current);\n timer.current = null;\n }\n // setOpen(true);\n }, []);\n const header = <Text weight=\"semibold\">{t(\"subAccount.modal.title\")}</Text>;\n const trigger = useMemo(() => {\n if (props.customTrigger && isMobile) {\n return (\n <div onClick={() => props.onOpenChange(true)}>\n {props.customTrigger}\n </div>\n );\n }\n if (isMobile) {\n return (\n <Flex\n className=\"oui-size-8 oui-rounded-md oui-bg-base-6\"\n itemAlign=\"center\"\n justify=\"center\"\n >\n <SubAccountIcon\n className={cn(\"oui-cursor-pointer\")}\n onClick={() => props.onOpenChange(true)}\n />\n </Flex>\n );\n }\n return <SubAccountIcon className={cn(\"oui-cursor-pointer\")} />;\n }, [isMobile, props.customTrigger]);\n\n const [editDialogOpen, setEditDialogOpen] = useState(false);\n const [editAccountItem, setEditAccountItem] = useState<\n | {\n accountId: string;\n description: string;\n }\n | undefined\n >(undefined);\n\n const noSubAccount = (\n <Flex\n direction=\"column\"\n itemAlign=\"start\"\n justify=\"center\"\n px={5}\n width=\"100%\"\n className=\"oui-h-[120px]\"\n >\n <Text className=\"oui-text-center oui-text-xs oui-font-semibold oui-text-base-contrast-36\">\n {t(\"subAccount.modal.noAccount.description\")}\n </Text>\n </Flex>\n );\n\n const renderSubAccount = () => {\n if (!props.subAccounts?.length) {\n return noSubAccount;\n }\n return (\n <ScrollArea className=\"oui-custom-scrollbar oui-max-h-[200px] oui-w-full oui-overflow-y-auto\">\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n {props.subAccounts.map((subAccount) => (\n <AccountItem\n key={subAccount.id}\n accountId={subAccount.id}\n description={subAccount.description}\n isMainAccount={false}\n isCurrent={subAccount.id === props.currentAccountId}\n onSwitch={(accountId) => {\n props.onSwitch?.(accountId);\n }}\n accountValue={subAccount.accountValue ?? 0}\n onEdit={() => {\n setEditAccountItem({\n accountId: subAccount.id,\n description: subAccount.description ?? \"\",\n });\n setEditDialogOpen(true);\n }}\n />\n ))}\n </Flex>\n </ScrollArea>\n );\n };\n\n const content = (\n <>\n <Flex direction=\"column\" gap={5} itemAlign=\"start\" width=\"100%\">\n {!isMobile && header}\n <Flex direction=\"column\" gap={5} itemAlign=\"start\" width=\"100%\">\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast-54\">\n {t(\"subAccount.modal.mainAccount.title\")}\n </Text>\n <AccountItem\n accountId={props.mainAccount?.id ?? \"\"}\n isMainAccount={true}\n userAddress={props.mainAccount?.userAddress ?? \"\"}\n isCurrent={props.currentAccountId === props.mainAccount?.id}\n onSwitch={(accountId) => {\n props.onSwitch?.(accountId);\n }}\n accountValue={props.mainAccount?.accountValue ?? 0}\n />\n </Flex>\n\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n <Flex justify=\"between\" itemAlign=\"center\" width=\"100%\" gap={2}>\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast-54\">\n {t(\"subAccount.modal.subAccounts.title\")}\n </Text>\n <Flex justify=\"end\" gap={2}>\n {props.subAccounts.length > 0 && (\n <SwapIcon\n className=\"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast\"\n onClick={() => {\n // todo need show transfer modal\n let dialogId = \"TransferDialogId\";\n if (isMobile) {\n dialogId = \"TransferSheetId\";\n }\n modal.show(dialogId);\n }}\n />\n )}\n <CreateSubAccount create={props.createSubAccount} />\n </Flex>\n </Flex>\n {renderSubAccount()}\n </Flex>\n </Flex>\n </Flex>\n <EditNickNameDialog\n accountId={editAccountItem?.accountId ?? \"\"}\n nickName={editAccountItem?.description ?? \"\"}\n open={editDialogOpen}\n onOpenChange={setEditDialogOpen}\n />\n </>\n );\n if (isMobile) {\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"xs\"\n classNames={{\n content: \"oui-w-[300px]\",\n }}\n >\n {content}\n </SimpleDialog>\n </>\n );\n }\n\n return (\n <PopoverRoot open={props.open} onOpenChange={props.onOpenChange}>\n <PopoverAnchor>\n <div\n onMouseEnter={() => {\n props.onOpenChange(true);\n }}\n onMouseLeave={() => {\n timer.current = setTimeout(() => {\n props.onOpenChange(false);\n }, 150);\n }}\n >\n {trigger}\n </div>\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n side=\"bottom\"\n sideOffset={16}\n collisionPadding={{ right: 16 }}\n onMouseEnter={onMouseEnter}\n onMouseLeave={() => {\n props.onOpenChange(false);\n timer.current ? clearTimeout(timer.current) : void 0;\n }}\n className={cn(\n \"oui-w-[300px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-5\",\n )}\n >\n {content}\n </PopoverContent>\n </PopoverRoot>\n );\n}\n","import { useCallback, useEffect, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { CopyIcon, formatAddress, toast, Tooltip } from \"@orderly.network/ui\";\nimport { cn, Flex, Text } from \"@orderly.network/ui\";\nimport { EditIcon } from \"../icons\";\n\ninterface AccountItemProps {\n isMainAccount?: boolean;\n accountId: string;\n description?: string;\n userAddress?: string;\n balance?: string;\n isCurrent?: boolean;\n onSwitch?: (accountId: string) => void;\n accountValue?: number;\n onEdit?: (accountItem: { accountId: string; description: string }) => void;\n}\n\nconst AccountIdForCopy = (props: { accountId: string }) => {\n const { t } = useTranslation();\n const info = useMemo(() => {\n return {\n leading: props.accountId.slice(0, 6),\n middle: props.accountId.slice(6, -4),\n trailing: props.accountId.slice(-4),\n };\n }, [props.accountId]);\n const copy = useCallback(() => {\n navigator.clipboard.writeText(props.accountId);\n toast.success(t(\"common.copy.copied\"));\n }, [props.accountId]);\n return (\n <Flex\n className=\"oui-min-h-[50px] oui-w-[180px]\"\n gap={2}\n justify=\"between\"\n itemAlign=\"center\"\n >\n <Text className=\"oui-w-full oui-break-all oui-text-2xs oui-text-base-contrast-36\">\n <Text className=\"oui-text-base-contrast\">{info.leading}</Text>\n <Text>{info.middle}</Text>\n <Text className=\"oui-text-base-contrast\">{info.trailing}</Text>\n </Text>\n <CopyIcon\n onClick={copy}\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n />\n </Flex>\n );\n};\n\nexport const AccountItem = (props: AccountItemProps) => {\n const { t } = useTranslation();\n\n return (\n <>\n <Flex\n justify=\"between\"\n itemAlign=\"center\"\n width=\"100%\"\n className={cn(\n \"oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4\",\n \"oui-border oui-border-base-6\",\n props.isCurrent && \" oui-border-[#38E2FE] \",\n !props.isCurrent && \"hover:oui-border-base-contrast-16\",\n )}\n >\n <div\n className=\"oui-absolute oui-inset-0 oui-z-0 \"\n onClick={() => {\n if (props.isCurrent) {\n return;\n }\n props.onSwitch?.(props.accountId);\n }}\n />\n {props.isCurrent && (\n <div\n className={cn(\n \"oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54\",\n \"oui-text-[10px] oui-font-semibold oui-text-black\",\n \"oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]\",\n )}\n >\n {t(\"subAccount.modal.current\")}\n </div>\n )}\n <Flex\n key={props.accountId}\n direction=\"column\"\n itemAlign=\"start\"\n gap={1}\n className=\"oui-z-[2]\"\n >\n {props.isMainAccount ? (\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast\">\n {formatAddress(props.userAddress ?? \"\")}\n </Text>\n ) : (\n <Flex\n justify=\"start\"\n itemAlign=\"center\"\n className=\"oui-cursor-pointer oui-gap-[2px] oui-fill-base-contrast-54 hover:oui-fill-base-contrast\"\n onClick={(event) => {\n props.onEdit?.({\n accountId: props.accountId,\n description: props.description ?? \"\",\n });\n event.stopPropagation();\n event.preventDefault();\n }}\n >\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast\">\n {props.description}\n </Text>\n <EditIcon className=\"oui-fill-base-contrast-54 hover:oui-fill-base-contrast\" />\n </Flex>\n )}\n <Tooltip content={<AccountIdForCopy accountId={props.accountId} />}>\n <Text className=\"oui-text-2xs oui-leading-3 oui-text-base-contrast-36 hover:oui-text-base-contrast\">\n ID: {formatAddress(props.accountId)}\n </Text>\n </Tooltip>\n </Flex>\n <Flex className=\"oui-text-xs\" itemAlign=\"end\" gap={1}>\n <Text.numeral rule=\"price\" dp={2}>\n {props.accountValue ?? 0}\n </Text.numeral>\n <Text>USDC</Text>\n </Flex>\n </Flex>\n </>\n );\n};\n","import { FC, forwardRef, SVGProps } from \"react\";\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\nexport const SubAccountIcon = forwardRef<SVGSVGElement, IconProps>(\n (props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <path\n 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\"\n fill=\"white\"\n fillOpacity=\"0.98\"\n />\n </svg>\n );\n },\n);\n\nexport const SwapIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nexport const AddIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nexport const EditIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 12, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n","import { useState, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Flex,\n SimpleDialog,\n toast,\n Text,\n useScreen,\n cn,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { AddIcon } from \"../icons\";\nimport { NickNameTextField } from \"./common\";\n\nconst MAX_SUB_ACCOUNT_COUNT = 10;\ntype CreateSubAccountProps = {\n create: (nickName: string) => Promise<void>;\n};\n\nexport const CreateSubAccount = (props: CreateSubAccountProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const [open, setOpen] = useState(false);\n const [nickName, setNickName] = useState<string | undefined>(undefined);\n const { state } = useAccount();\n const [invalid, setInvalid] = useState(false);\n const [loading, setLoading] = useState(false);\n const subAccountCount = useMemo(() => {\n return state.subAccounts?.length ?? 0;\n }, [state]);\n const trigger = useMemo(() => {\n return subAccountCount >= MAX_SUB_ACCOUNT_COUNT ? (\n <Tooltip\n className=\"oui-max-w-[188px]\"\n content={t(\"subAccount.modal.create.max.description\")}\n >\n <AddIcon\n className={cn(\"oui-cursor-not-allowed oui-fill-base-contrast-20\")}\n />\n </Tooltip>\n ) : (\n <AddIcon\n className={cn(\n \"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast\",\n )}\n onClick={() => {\n setOpen(true);\n }}\n />\n );\n }, [subAccountCount]);\n\n const header = (\n <Flex\n py={3}\n direction=\"column\"\n justify=\"between\"\n itemAlign=\"start\"\n width=\"100%\"\n >\n <Text weight=\"semibold\">{t(\"subAccount.modal.create.title\")}</Text>\n <Text className=\"oui-text-2xs oui-text-base-contrast-36\">\n {t(\"subAccount.modal.create.description\", {\n subAccountCount,\n remainingCount: MAX_SUB_ACCOUNT_COUNT - subAccountCount,\n })}\n </Text>\n </Flex>\n );\n\n const reset = () => {\n setNickName(\"\");\n setInvalid(false);\n setLoading(false);\n };\n\n const validateNickName = (nickName: string | undefined) => {\n if (!nickName || !(nickName.length >= 1 && nickName.length <= 20)) {\n setInvalid(true);\n return true;\n }\n setInvalid(false);\n return false;\n };\n\n const doCreatSubAccount = (nickName: string | undefined) => {\n let _nickName = `Sub-account ${subAccountCount + 1}`;\n if (nickName) {\n _nickName = nickName.trim();\n }\n\n setLoading(true);\n props\n .create(_nickName)\n .then((res) => {\n console.log(\"res\", res);\n reset();\n toast.success(t(\"subAccount.modal.create.success.description\"));\n\n setOpen(false);\n })\n .catch((e: any) => {\n toast.error(t(\"subAccount.modal.create.failed.description\"));\n })\n .finally(() => {\n setLoading(false);\n });\n };\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={open}\n onOpenChange={(open) => {\n reset();\n setOpen(open);\n }}\n size={isMobile ? \"sm\" : \"xl\"}\n actions={{\n primary: {\n label: t(\"common.confirm\"),\n disabled: invalid || loading,\n loading: loading,\n onClick: () => {\n const invalid = validateNickName(nickName);\n if (invalid) {\n return;\n }\n doCreatSubAccount(nickName);\n },\n },\n }}\n classNames={{\n content: \"oui-w-[360px]\",\n }}\n >\n <NickNameTextField\n nickName={nickName}\n setNickName={(nickName) => {\n validateNickName(nickName);\n setNickName(nickName);\n }}\n subAccountCount={subAccountCount}\n invalid={invalid}\n />\n </SimpleDialog>\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { inputFormatter, TextField } from \"@orderly.network/ui\";\n\nexport const NickNameDescriptionText = \"\";\n\nexport const NickNameTextField = (props: {\n nickName: string | undefined;\n setNickName: (nickName: string | undefined) => void;\n subAccountCount?: number;\n invalid?: boolean;\n}) => {\n const { t } = useTranslation();\n return (\n <TextField\n placeholder={`Sub-account ${(props.subAccountCount ?? 0) + 1}`}\n fullWidth\n label={t(\"subAccount.modal.nickName.label\")}\n value={props.nickName}\n onChange={(e) => {\n props.setNickName(e.target.value);\n }}\n formatters={[\n inputFormatter.createRegexInputFormatter(/[^a-zA-Z0-9@,\\s_-]/g),\n ]}\n classNames={{\n label: \"oui-text-base-contrast-54 oui-text-xs\",\n input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n }}\n maxLength={20}\n minLength={1}\n autoComplete=\"off\"\n helpText={t(\"subAccount.modal.create.nickname.role\")}\n className=\"oui-mb-4\"\n color={props.invalid ? \"danger\" : undefined}\n />\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { SimpleDialog, toast, Text, TextField } from \"@orderly.network/ui\";\nimport { NickNameDescriptionText, NickNameTextField } from \"./common\";\n\nexport const EditNickNameDialog = (props: {\n nickName: string;\n open: boolean;\n accountId: string;\n onOpenChange: (open: boolean) => void;\n}) => {\n const { subAccount } = useAccount();\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const [newNickName, setNewNickName] = useState<string | undefined>(undefined);\n const [invalid, setInvalid] = useState(false);\n\n const validateNickName = (nickName: string | undefined) => {\n if (!nickName || !(nickName.length >= 1 && nickName.length <= 20)) {\n setInvalid(true);\n return true;\n }\n setInvalid(false);\n };\n useEffect(() => {\n setNewNickName(props.nickName);\n setInvalid(false);\n setLoading(false);\n }, [props.nickName, props.open]);\n return (\n <SimpleDialog\n title={<Text>{t(\"subAccount.modal.edit.title\")}</Text>}\n open={props.open}\n onOpenChange={props.onOpenChange}\n classNames={{\n content: \"oui-w-[360px]\",\n }}\n actions={{\n primary: {\n label: t(\"common.confirm\"),\n disabled: loading || invalid,\n loading: loading,\n onClick: () => {\n if (validateNickName(newNickName)) {\n return;\n }\n setLoading(true);\n subAccount\n ?.update({\n subAccountId: props.accountId,\n description: newNickName,\n })\n .catch((e) => {\n console.log(\"e\", e);\n toast.error(t(\"subAccount.modal.edit.failed.description\"));\n })\n .then((res) => {\n toast.success(t(\"subAccount.modal.edit.success.description\"));\n props.onOpenChange(false);\n })\n .finally(() => {\n setLoading(false);\n });\n },\n },\n secondary: {\n label: t(\"common.cancel\"),\n onClick: () => props.onOpenChange(false),\n },\n }}\n >\n <NickNameTextField\n nickName={newNickName}\n setNickName={(nickName) => {\n validateNickName(nickName);\n setNewNickName(nickName ?? \"\");\n }}\n invalid={invalid}\n />\n </SimpleDialog>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { SubAccountScript } from \"./subAccount.script\";\nimport { SubAccountUI } from \"./subAccount.ui\";\n\ntype SubAccountWidgetProps = {\n customTrigger?: ReactNode;\n};\n\nexport const SubAccountWidget: FC<SubAccountWidgetProps> = (props) => {\n const state = SubAccountScript();\n return <SubAccountUI {...state} customTrigger={props?.customTrigger} />;\n};\n","import { FC } from \"react\";\n\nexport interface CommunityProps {\n width?: number;\n height?: number;\n className?: string | undefined;\n}\n\nexport const CommunityDiscord: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M14.9559 5.5217C16.5596 7.89629 17.3515 10.5748 17.0555 13.6583C17.0542 13.6714 17.0475 13.6833 17.0368 13.6912C15.8224 14.5893 14.6458 15.1343 13.4857 15.4958C13.4767 15.4985 13.467 15.4984 13.4581 15.4953C13.4491 15.4923 13.4413 15.4865 13.4358 15.4788C13.1678 15.1032 12.9243 14.7073 12.7109 14.2915C12.6987 14.267 12.7099 14.2375 12.7351 14.2278C13.1218 14.0811 13.4896 13.9052 13.8434 13.6969C13.8712 13.6805 13.873 13.6403 13.8473 13.621C13.7722 13.5648 13.6978 13.5058 13.6266 13.4468C13.6133 13.4359 13.5954 13.4338 13.5803 13.4411C11.2837 14.5092 8.76789 14.5092 6.44412 13.4411C6.42903 13.4343 6.41111 13.4367 6.39815 13.4474C6.32715 13.5064 6.2526 13.5648 6.17823 13.621C6.1525 13.6403 6.15463 13.6805 6.18267 13.6969C6.53642 13.9012 6.90419 14.0811 7.29042 14.2285C7.31544 14.2382 7.32734 14.267 7.31491 14.2915C7.10618 14.7078 6.86265 15.1037 6.58967 15.4793C6.57777 15.4945 6.55825 15.5015 6.53979 15.4958C5.38518 15.1343 4.20857 14.5893 2.99415 13.6912C2.98403 13.6833 2.97676 13.6708 2.97569 13.6578C2.72826 10.9906 3.23253 8.28992 5.07333 5.52116C5.07776 5.51383 5.08451 5.50811 5.09232 5.50472C5.99808 5.08607 6.96844 4.77807 7.98265 4.60218C8.00111 4.59932 8.01957 4.6079 8.02915 4.62434C8.15446 4.84779 8.2977 5.13434 8.39461 5.36851C9.46367 5.20405 10.5494 5.20405 11.6408 5.36851C11.7377 5.13934 11.876 4.84779 12.0008 4.62434C12.0052 4.61619 12.0121 4.60965 12.0205 4.60567C12.0288 4.60169 12.0382 4.60047 12.0473 4.60218C13.062 4.77861 14.0324 5.08661 14.9374 5.50472C14.9454 5.50811 14.952 5.51383 14.9559 5.5217V5.5217ZM8.9381 10.593C8.94929 9.80452 8.37846 9.15206 7.66191 9.15206C6.95122 9.15206 6.3859 9.7988 6.3859 10.593C6.3859 11.387 6.96241 12.0338 7.66191 12.0338C8.37278 12.0338 8.9381 11.387 8.9381 10.593V10.593ZM13.6563 10.593C13.6675 9.80452 13.0966 9.15206 12.3803 9.15206C11.6694 9.15206 11.1041 9.7988 11.1041 10.593C11.1041 11.387 11.6806 12.0338 12.3803 12.0338C13.0966 12.0338 13.6563 11.387 13.6563 10.593V10.593Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityTG: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n // stroke=\"currentColor\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M4.10787 9.4635C4.10787 9.4635 9.64487 7.13143 11.5652 6.31025C12.3013 5.98181 14.7978 4.93069 14.7978 4.93069C14.7978 4.93069 15.95 4.47087 15.854 5.58763C15.822 6.0475 15.5659 7.65694 15.3099 9.39781C14.9258 11.8613 14.5097 14.5547 14.5097 14.5547C14.5097 14.5547 14.4457 15.3102 13.9016 15.4416C13.3575 15.5729 12.4613 14.9817 12.3013 14.8503C12.1733 14.7518 9.9009 13.2737 9.06876 12.5511C8.84471 12.354 8.58868 11.9599 9.10074 11.5C10.253 10.4161 11.6292 9.06937 12.4613 8.21537C12.8454 7.82119 13.2295 6.9015 11.6292 8.01825C9.35681 9.62774 7.11641 11.1387 7.11641 11.1387C7.11641 11.1387 6.60431 11.4671 5.64415 11.1715C4.68394 10.8759 3.56374 10.4817 3.56374 10.4817C3.56374 10.4817 2.79565 9.98906 4.10787 9.4635Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityX: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n // stroke=\"currentColor\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M4.41988 4.72946L9.05295 10.9243L4.39062 15.961H5.43993L9.52178 11.5513L12.8198 15.961H16.3906L11.4969 9.41769L15.8365 4.72946H14.7872L11.028 8.7907L7.9907 4.72946H4.41988ZM5.96296 5.50238H7.6034L14.8473 15.188H13.2069L5.96296 5.50238Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityDune: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z\"\n fill=\"white\"\n fillOpacity={0.54}\n />\n <path\n d=\"M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z\"\n fill=\"white\"\n fillOpacity={0.54}\n />\n </svg>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\n\nexport type UseScanQRCodeScriptReturn = ReturnType<typeof useScanQRCodeScript>;\n\nexport function useScanQRCodeScript() {\n const [open, setOpen] = useState(false);\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const [showScanTooltip, setShowScanTooltip] = useLocalStorage(\n \"orderly_qr_code_scan_tooltip_open\",\n true,\n );\n\n const showDialog = () => {\n setOpen(true);\n };\n\n const hideDialog = () => {\n setOpen(false);\n };\n\n const onScanSuccess = (url: string) => {\n if (isValidURL(url)) {\n window.location.href = url;\n }\n };\n\n useEffect(() => {\n if (showScanTooltip) {\n timerRef.current = setTimeout(() => {\n setShowScanTooltip(false);\n }, 8000);\n }\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [showScanTooltip]);\n\n return {\n open,\n onOpenChange: setOpen,\n showDialog,\n hideDialog,\n onScanSuccess,\n showScanTooltip,\n };\n}\n\nfunction isValidURL(str: string) {\n try {\n const url = new URL(str);\n return [\"http:\", \"https:\"].includes(url.protocol);\n } catch (e) {\n return false;\n }\n}\n","import { FC, SVGProps } from \"react\";\nimport { useTranslation, Trans } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n SimpleDialog,\n Text,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../main/mainLogo\";\nimport { UseScanQRCodeScriptReturn } from \"./scanQRCode.script\";\nimport { QRCodeScanner, QRCODE_WIDTH, QRCODE_HEIGHT } from \"./scanner\";\n\ntype ScanQRCodeProps = UseScanQRCodeScriptReturn;\n\nexport const ScanQRCode: FC<ScanQRCodeProps> = (props) => {\n const { t } = useTranslation();\n return (\n <>\n <Tooltip\n open={props.showScanTooltip}\n content={t(\"linkDevice.scanQRCode.tooltip\")}\n className=\"oui-bg-base-6 oui-text-2xs oui-font-semibold oui-text-warning-darken\"\n arrow={{ className: \"!oui-fill-base-6\" }}\n >\n <Flex\n 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]\"\n onClick={props.showDialog}\n >\n <ScanIcon className=\"oui-text-base-contrast-80\" />\n </Flex>\n </Tooltip>\n <SimpleDialog\n title={<MainLogo />}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"sm\"\n >\n <ScanQRCodeContent {...props} />\n </SimpleDialog>\n </>\n );\n};\n\nconst ScanQRCodeContent: FC<ScanQRCodeProps> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Flex justify=\"center\" direction=\"column\" gapY={5}>\n <Box width={QRCODE_WIDTH} height={QRCODE_HEIGHT} className=\"oui-relative\">\n <QRCodeScanner onSuccess={props.onScanSuccess} />\n <>\n <LineGradient />\n <RadiusGradient className=\"oui-absolute oui-left-[-1.5px] oui-top-[-1.5px]\" />\n <RadiusGradient className=\"oui-absolute oui-right-[-1.5px] oui-top-[-1.5px] oui-rotate-90\" />\n <RadiusGradient className=\"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] -oui-rotate-90\" />\n <RadiusGradient className=\"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] -oui-rotate-180\" />\n </>\n </Box>\n\n {/* </Box> */}\n <Text size=\"sm\" intensity={98} weight=\"semibold\">\n {t(\"linkDevice.scanQRCode\")}\n </Text>\n <span className=\"oui-px-3 oui-text-center\">\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-break-words\"\n >\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"linkDevice.scanQRCode.description\"\n components={[\n <LinkDeviceIcon\n key=\"0\"\n className=\"oui-mx-1 oui-inline-block oui-text-base-contrast-80\"\n />,\n ]}\n />\n </Text>\n </span>\n </Flex>\n );\n};\n\nconst ScanIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport interface LinkDeviceIconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nexport const LinkDeviceIcon: FC<LinkDeviceIconProps> = (props) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n );\n};\n\nconst LineGradient: FC<SVGProps<SVGSVGElement>> = () => {\n return (\n <div\n className={cn(\n \"oui-absolute oui-left-[30px] oui-top-0\",\n \"oui-h-[2px] oui-w-[calc(100%-60px)] oui-rounded-full\",\n \"oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]\",\n \"oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]\",\n \"oui-animate-scan-qr-code\",\n )}\n />\n );\n};\n\nconst RadiusGradient: FC<SVGProps<SVGSVGElement>> = (props) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"64\"\n height=\"64\"\n viewBox=\"0 0 64 64\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M62 2H18C9.16344 2 2 9.16344 2 18V62\"\n stroke=\"url(#paint0_linear_136_6227)\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_136_6227\"\n x1=\"2\"\n y1=\"32\"\n x2=\"62\"\n y2=\"32\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n );\n};\n","import { FC, useEffect, useRef } from \"react\";\nimport jsQR from \"jsqr\";\n\ntype ScannerProps = {\n onSuccess?: (data: string) => void;\n};\n\nexport const QRCODE_WIDTH = 320;\nexport const QRCODE_HEIGHT = 320;\nconst RATIO = 2;\n\n/**\n * QR Code Scanner\n * reference https://github.com/cozmo/jsQR/blob/master/docs/index.html\n */\nexport const QRCodeScanner: FC<ScannerProps> = (props) => {\n const videoRef = useRef<HTMLVideoElement>(null);\n const canvasRef = useRef<HTMLCanvasElement>(null);\n\n const tick = () => {\n const video = videoRef.current;\n const canvas = canvasRef.current;\n if (!video || !canvas) return;\n\n const ctx = canvas.getContext(\"2d\")!;\n\n if (video.readyState === video.HAVE_ENOUGH_DATA) {\n const videoWidth = video.videoWidth;\n const videoHeight = video.videoHeight;\n\n const canvasAspectRatio = canvas.width / canvas.height;\n const videoAspectRatio = videoWidth / videoHeight;\n\n let sx, sy, sWidth, sHeight;\n\n if (videoAspectRatio > canvasAspectRatio) {\n // The video is wide. Crop the left and right sides\n sHeight = videoHeight;\n sWidth = videoHeight * canvasAspectRatio;\n sx = (videoWidth - sWidth) / 2;\n sy = 0;\n } else {\n // The video is high. Crop the top and bottom sides\n sWidth = videoWidth;\n sHeight = videoWidth / canvasAspectRatio;\n sx = 0;\n sy = (videoHeight - sHeight) / 2;\n }\n\n ctx.drawImage(\n video,\n sx,\n sy,\n sWidth,\n sHeight,\n 0,\n 0,\n canvas.width,\n canvas.height,\n );\n\n // ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n const res = jsQR(imageData.data, imageData.width, imageData.height, {\n inversionAttempts: \"dontInvert\",\n });\n\n if (res?.data) {\n console.log(\"scan result\", res.data);\n props.onSuccess?.(res.data);\n }\n }\n requestAnimationFrame(tick);\n };\n\n useEffect(() => {\n const video = videoRef.current;\n if (!open || !video) return;\n\n // Use facingMode: environment to attemt to get the front camera on phones\n navigator?.mediaDevices\n .getUserMedia({\n video: {\n facingMode: \"environment\",\n width: { ideal: QRCODE_WIDTH * RATIO },\n height: { ideal: QRCODE_HEIGHT * RATIO },\n },\n })\n .then((stream) => {\n video.srcObject = stream;\n // required to tell iOS safari we don't want fullscreen\n video.setAttribute(\"playsinline\", \"true\");\n video.play();\n\n video.onloadeddata = () => {\n console.log(\"Video data loaded.\");\n // const videoTrack = stream.getVideoTracks()[0];\n // const settings = videoTrack.getSettings();\n // console.log(\"video size\", `${settings.width}x${settings.height}`);\n\n requestAnimationFrame(tick);\n };\n })\n .catch((err) => {\n console.error(\"Error accessing camera:\", err);\n });\n\n return () => {\n // Cleanup: stop video stream when component unmounts\n const stream = video.srcObject as MediaStream;\n if (stream) {\n const tracks = stream.getTracks();\n tracks.forEach((track: any) => track.stop());\n }\n video.srcObject = null;\n };\n }, [videoRef, canvasRef]);\n\n return (\n <>\n <video\n ref={videoRef}\n width={QRCODE_WIDTH}\n height={QRCODE_HEIGHT}\n className=\"oui-hidden oui-rounded-2xl oui-bg-base-10\"\n />\n <canvas\n ref={canvasRef}\n width={QRCODE_WIDTH * RATIO}\n height={QRCODE_HEIGHT * RATIO}\n style={{ width: QRCODE_WIDTH, height: QRCODE_HEIGHT }}\n className=\"oui-rounded-2xl oui-bg-base-10\"\n />\n </>\n );\n};\n","import { useScanQRCodeScript } from \"./scanQRCode.script\";\nimport { ScanQRCode } from \"./scanQRCode.ui\";\n\nexport const ScanQRCodeWidget = () => {\n const state = useScanQRCodeScript();\n return <ScanQRCode {...state} />;\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { useLinkDeviceScript } from \"./linkDevice.script\";\nimport { LinkDevice } from \"./linkDevice.ui\";\nimport { LinkDeviceMobile } from \"./linkDevice.ui.mobile\";\n\nexport const LinkDeviceWidget = () => {\n const { isMobile } = useScreen();\n const state = useLinkDeviceScript();\n if (isMobile) {\n return <LinkDeviceMobile {...state} />;\n }\n return <LinkDevice {...state} />;\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport {\n useAccount,\n useChains,\n useEventEmitter,\n useTrack,\n} from \"@orderly.network/hooks\";\nimport { TrackerEventName } from \"@orderly.network/types\";\n\nexport type UseLinkDeviceScriptReturn = ReturnType<typeof useLinkDeviceScript>;\n\nconst ExpireSeconds = 60;\n\nexport function useLinkDeviceScript() {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(true);\n const [confirm, setConfirm] = useState(false);\n const [seconds, setSeconds] = useState(ExpireSeconds);\n const [secretKey, setSecretKey] = useState(\"\");\n const [url, setUrl] = useState(\"\");\n const ee = useEventEmitter();\n const { track } = useTrack();\n\n const { state, account } = useAccount();\n\n const [_, { findByChainId }] = useChains(undefined, {\n pick: \"network_infos\",\n filter: (chain: any) =>\n chain.network_infos?.bridge_enable || chain.network_infos?.bridgeless,\n });\n\n const createTrackParams = () => {\n const chain = findByChainId(account.chainId as number);\n return {\n wallet: state?.connectWallet?.name,\n network: chain?.network_infos.name,\n };\n };\n\n const getOrderlyKey = useCallback(async () => {\n try {\n const res = await account.createApiKey(30);\n setSecretKey(res.secretKey);\n setLoading(false);\n\n track(TrackerEventName.signLinkDeviceMessageSuccess, createTrackParams());\n } catch (e) {\n console.error(\"getOrderlyKey\", e);\n\n if (e instanceof Error) {\n if (\n e.message.indexOf(\n \"Signing off chain messages with Ledger is not yet supported\",\n ) !== -1\n ) {\n ee.emit(\"wallet:sign-message-with-ledger-error\", {\n message: e.message,\n userAddress: account.address,\n });\n }\n }\n hideDialog();\n }\n }, [account]);\n\n const showDialog = useCallback(() => {\n setOpen(true);\n getOrderlyKey();\n track(TrackerEventName.clickLinkDeviceButton, createTrackParams());\n }, [account]);\n\n const hideDialog = useCallback(() => {\n setOpen(false);\n }, []);\n\n const onConfirm = useCallback(() => {\n setConfirm(true);\n track(TrackerEventName.linkDeviceModalClickConfirm, {});\n }, []);\n\n const copyUrl = useCallback(() => {\n navigator.clipboard.writeText(url);\n }, [url]);\n\n useEffect(() => {\n // when hide dialog, reset data\n if (!open) {\n setConfirm(false);\n setLoading(true);\n setSeconds(ExpireSeconds);\n setSecretKey(\"\");\n setUrl(\"\");\n }\n }, [open]);\n\n useEffect(() => {\n if (seconds === 0) {\n hideDialog();\n return;\n }\n\n if (!confirm) {\n return;\n }\n\n const timer = setTimeout(() => {\n setSeconds(seconds - 1);\n }, 1000);\n\n return () => clearTimeout(timer);\n }, [seconds, confirm]);\n\n useEffect(() => {\n if (confirm && secretKey) {\n const timestamp = Math.floor(Date.now() / 1000) + ExpireSeconds;\n const params = {\n k: secretKey,\n t: timestamp,\n a: account.address,\n i: account.chainId,\n n: account.walletAdapter?.chainNamespace,\n };\n const url = createUrl(params);\n setUrl(url);\n }\n }, [confirm, secretKey]);\n\n return {\n open,\n onOpenChange: setOpen,\n showDialog,\n hideDialog,\n loading,\n seconds,\n confirm,\n onConfirm,\n url,\n copyUrl,\n };\n}\n\nfunction createUrl(params: Record<string, any>) {\n const str = JSON.stringify(params);\n const base64 = window.btoa(str);\n console.log(\"str\", str.length, str);\n console.log(\"base64\", base64.length, base64);\n return `${window.location.origin}?link=${base64}`;\n}\n","import { FC, SVGProps, useEffect, useRef } from \"react\";\nimport { qrcode as qr } from \"@akamfoad/qr\";\nimport { Trans, useTranslation } from \"@orderly.network/i18n\";\nimport {\n cn,\n CopyIcon,\n Flex,\n SimpleDialog,\n SimpleDialogFooter,\n SimpleDialogFooterProps,\n Text,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../mainLogo\";\nimport { UseLinkDeviceScriptReturn } from \"./linkDevice.script\";\n\nexport type LinkDeviceProps = UseLinkDeviceScriptReturn;\n\nexport const LinkDevice: FC<LinkDeviceProps> = (props) => {\n const { t } = useTranslation();\n\n return (\n <>\n <LinkDeviceIcon\n className=\"oui-text-base-contrast-80 oui-cursor-pointer hover:oui-fill-base-contrast oui-transition-colors\"\n onClick={props.showDialog}\n />\n\n <SimpleDialog\n title={<Text weight=\"semibold\">{t(\"common.confirm\")}</Text>}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"sm\"\n contentProps={{\n onInteractOutside: (e) => {\n const el = document.querySelector(\"#privy-dialog\");\n if (el) {\n e.preventDefault();\n }\n },\n }}\n >\n <LinkDeviceContent {...props} />\n </SimpleDialog>\n </>\n );\n};\n\nexport const LinkDeviceContent: FC<LinkDeviceProps> = (props) => {\n if (props.loading) {\n return <Loading />;\n }\n\n if (props.confirm) {\n return (\n <QRCode\n hideDialog={props.hideDialog}\n seconds={props.seconds}\n url={props.url}\n copyUrl={props.copyUrl}\n />\n );\n }\n\n return (\n <LinkDeviceConfirm\n hideDialog={props.hideDialog}\n onConfirm={props.onConfirm}\n />\n );\n};\n\ntype QRCodeProps = Pick<\n LinkDeviceProps,\n \"seconds\" | \"hideDialog\" | \"copyUrl\"\n> & {\n url?: string;\n};\n\nconst QRCode: FC<QRCodeProps> = (props) => {\n const { t } = useTranslation();\n const actions: SimpleDialogFooterProps[\"actions\"] = {\n primary: {\n label: t(\"common.ok\"),\n onClick: props.hideDialog,\n size: \"md\",\n },\n };\n\n return (\n <Flex direction=\"column\" gapY={3}>\n <Text size=\"base\" intensity={98}>\n {t(\"linkDevice.scanQRCode\")}\n </Text>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-center\"\n >\n {/* @ts-ignore */}\n <Trans i18nKey=\"linkDevice.createQRCode.success.description\" />\n </Text>\n\n <Text size=\"sm\" intensity={54}>\n {`${t(\"common.countdown\")}: `}\n <Text.gradient color=\"brand\" className=\"oui-tabular-nums\">\n {props.seconds}s\n </Text.gradient>\n </Text>\n\n <Flex\n className={cn(\n \"oui-w-[240px] oui-h-[240px] \",\n \"oui-border oui-border-base-contrast-20 oui-rounded-2xl\",\n )}\n justify=\"center\"\n itemAlign=\"center\"\n >\n <Flex\n className=\"oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white\"\n justify=\"center\"\n itemAlign=\"center\"\n >\n <QRCodeCanvas width={196} height={196} content={props.url} />\n </Flex>\n </Flex>\n\n <Flex\n direction=\"row\"\n gap={1}\n className={cn(\n \"oui-cursor-pointer\",\n \"oui-group oui-text-base-contrast-54 hover:oui-text-base-contrast\",\n )}\n onClick={props.copyUrl}\n >\n <CopyIcon\n size={16}\n opacity={1}\n className=\"oui-text-base-contrast-54 group-hover:oui-text-base-contrast\"\n />\n <Text size=\"2xs\" weight=\"regular\">\n {t(\"linkDevice.createQRCode.success.copyUrl\")}\n </Text>\n </Flex>\n\n <SimpleDialogFooter\n actions={actions}\n className=\"oui-w-full oui-p-0 !oui-pt-8\"\n />\n </Flex>\n );\n};\n\ntype QRCodeCanvasProps = {\n width: number;\n height: number;\n content?: string;\n};\n\nconst QRCodeCanvas: FC<QRCodeCanvasProps> = (props) => {\n const canvasRef = useRef<HTMLCanvasElement>(null);\n\n useEffect(() => {\n if (!canvasRef.current || !props.content) return;\n\n const qrcode = qr(props.content);\n const width = props.width;\n const height = props.height;\n\n const ctx = canvasRef.current.getContext(\"2d\")!;\n\n const cells = qrcode.modules!;\n\n const tileW = width / cells.length;\n const tileH = height / cells.length;\n\n for (let r = 0; r < cells.length; ++r) {\n const row = cells[r];\n for (let c = 0; c < row.length; ++c) {\n ctx.fillStyle = row[c] ? \"#000\" : \"#fff\";\n const w = Math.ceil((c + 1) * tileW) - Math.floor(c * tileW);\n const h = Math.ceil((r + 1) * tileH) - Math.floor(r * tileH);\n ctx.fillRect(Math.round(c * tileW), Math.round(r * tileH), w, h);\n }\n }\n }, [canvasRef, props.content]);\n\n return <canvas width={props.width} height={props.height} ref={canvasRef} />;\n};\n\ntype LinkDeviceConfirmProps = Pick<LinkDeviceProps, \"hideDialog\" | \"onConfirm\">;\n\nconst LinkDeviceConfirm: FC<LinkDeviceConfirmProps> = (props) => {\n const { t } = useTranslation();\n\n const actions: SimpleDialogFooterProps[\"actions\"] = {\n secondary: {\n label: t(\"common.cancel\"),\n onClick: props.hideDialog,\n className: \"oui-flex-1\",\n size: \"md\",\n },\n primary: {\n label: t(\"common.confirm\"),\n onClick: props.onConfirm,\n className: \"oui-flex-1\",\n size: \"md\",\n },\n };\n\n return (\n <Flex direction=\"column\">\n <MainLogo />\n <Text size=\"base\" intensity={98} className=\"oui-mt-5\">\n {t(\"linkDevice.createQRCode.linkMobileDevice\")}\n </Text>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-center oui-mt-3\"\n >\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"linkDevice.createQRCode.linkMobileDevice.description\"\n values={{\n hostname: window.location.hostname,\n }}\n />\n </Text>\n <SimpleDialogFooter\n actions={actions}\n className=\"oui-w-full oui-p-0 !oui-pt-8\"\n />\n </Flex>\n );\n};\n\nconst Loading = () => {\n const { t } = useTranslation();\n\n return (\n <Flex direction=\"column\" gap={5}>\n <Spinner />\n <Text size=\"sm\" intensity={98}>\n {t(\"linkDevice.createQRCode.loading.description\")}\n </Text>\n </Flex>\n );\n};\n\nconst Spinner = () => {\n return (\n <svg\n width=\"80\"\n height=\"80\"\n viewBox=\"0 0 80 80\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-animate-spin\"\n >\n <path\n 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\"\n fill=\"url(#paint0_linear_177_6754)\"\n />\n <path\n 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\"\n fill=\"white\"\n fillOpacity=\"0.06\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_177_6754\"\n x1=\"73\"\n y1=\"40\"\n x2=\"7\"\n y2=\"40\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n );\n};\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nexport const LinkDeviceIcon: FC<IconProps> = (props) => {\n const { size = 20, viewBox, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n );\n};\n","import { FC, SVGProps, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { SimpleDialog } from \"@orderly.network/ui\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { LinkDeviceProps } from \"./linkDevice.ui\";\n\nexport const LinkDeviceMobile: FC<LinkDeviceProps> = (props) => {\n const [open, setOpen] = useState(false);\n const { account } = useAccount();\n const { t } = useTranslation();\n const onDisconnect = async () => {\n localStorage.removeItem(\"orderly_link_device\");\n await account.disconnect();\n };\n\n const showDialog = () => {\n setOpen(true);\n };\n\n const hideDialog = () => {\n setOpen(false);\n };\n\n return (\n <>\n <SimpleDialog\n open={open}\n onOpenChange={setOpen}\n title={t(\"common.tips\")}\n size=\"xs\"\n actions={{\n secondary: {\n label: t(\"common.cancel\"),\n onClick: hideDialog,\n size: \"md\",\n fullWidth: true,\n },\n primary: {\n label: t(\"connector.disconnect\"),\n onClick: async () => {\n await onDisconnect();\n hideDialog();\n },\n size: \"md\",\n variant: \"outlined\",\n color: \"danger\",\n },\n }}\n >\n <Text intensity={54} size=\"sm\">\n {t(\"linkDevice.scanQRCode.connected.description\")}\n </Text>\n </SimpleDialog>\n <Flex\n className=\"oui-text-base-contrast oui-px-[6px]\"\n intensity={500}\n height={28}\n r=\"md\"\n onClick={showDialog}\n >\n <DesktopIcon />\n <Dot />\n <LinkIcon />\n <Dot />\n <MobileIcon />\n </Flex>\n </>\n );\n};\n\nconst Dot = () => {\n return (\n <Flex className=\"oui-gap-x-[1px] oui-px-[1px]\">\n <DotIcon />\n <DotIcon />\n <DotIcon />\n </Flex>\n );\n};\n\nconst DesktopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst MobileIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst LinkIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"url(#a)\"\n />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"11.007\"\n y1=\"5.999\"\n x2=\"1.007\"\n y2=\"5.999\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nconst DotIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"2\"\n height=\"2\"\n viewBox=\"0 0 2 2\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333\"\n fill=\"url(#a)\"\n />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"1.333\"\n y1=\"1.001\"\n x2=\"0\"\n y2=\"1.001\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Checkbox, cn, Flex, SimpleDialog } from \"@orderly.network/ui\";\nimport { InfoIcon } from \"../icons\";\nimport { UseRestrictedInfoScriptReturn } from \"./restrictedInfo.script\";\n\nexport type RestrictedInfoProps = UseRestrictedInfoScriptReturn & {\n className?: string;\n};\n\nexport const RestrictedInfo: FC<RestrictedInfoProps> = (props) => {\n const { brokerName, agree, setAgree } = props;\n const {\n ip,\n content,\n restrictedOpen,\n canUnblock,\n accessRestricted,\n setAccessRestricted,\n } = props.restrictedInfo || {};\n const { t } = useTranslation();\n\n // if user region is in the canUnblock regions and accessRestricted is not set, show the dialog\n if (canUnblock && accessRestricted === undefined) {\n return (\n <SimpleDialog\n open={canUnblock}\n title={t(\"restrictedInfo.accessRestricted\")}\n size=\"sm\"\n closable={false}\n actions={{\n secondary: {\n label: t(\"common.cancel\"),\n onClick: () => {\n setAccessRestricted(true);\n },\n size: \"md\",\n },\n primary: {\n label: t(\"common.confirm\"),\n onClick: async () => {\n setAccessRestricted(false);\n },\n size: \"md\",\n disabled: !agree,\n },\n }}\n >\n {t(\"restrictedInfo.accessRestricted.description\")}\n\n <Flex gapX={1} pt={2}>\n <Checkbox\n id=\"orderConfirm\"\n color={\"white\"}\n checked={agree}\n onCheckedChange={(checked) => {\n setAgree(!!checked);\n }}\n />\n <label htmlFor=\"orderConfirm\" className=\"oui-cursor-pointer\">\n {t(\"restrictedInfo.accessRestricted.agree\")}\n </label>\n </Flex>\n </SimpleDialog>\n );\n }\n\n if (!restrictedOpen) {\n return;\n }\n\n const renderContent = () => {\n if (typeof content === \"function\") {\n return <span>{content({ ip: ip!, brokerName })}</span>;\n }\n return (\n content || (\n <span>\n {t(\"restrictedInfo.description.default\", {\n brokerName,\n ip,\n })}\n </span>\n )\n );\n };\n\n return (\n <Flex\n ref={props.container}\n justify=\"center\"\n className={cn(\n \"oui-restricted-info\",\n \"oui-rounded-xl oui-p-[7px]\",\n \"oui-text-warning-darken\",\n props.className,\n )}\n >\n <Flex\n className={cn(\n \"oui-min-h-[20px] oui-gap-1\",\n \"oui-text-2xs oui-leading-4 md:oui-text-sm\",\n \"oui-items-start lg:oui-justify-center\",\n props.mutiLine ? \"lg:oui-items-start\" : \"lg:oui-items-center\",\n )}\n >\n <InfoIcon size={20} className=\"oui-size-4 oui-shrink-0 lg:oui-size-5\" />\n {renderContent()}\n </Flex>\n </Flex>\n );\n};\n","import { useRef, useState } from \"react\";\nimport { useConfig, useLocalStorage } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement } from \"@orderly.network/ui\";\n\nexport type UseRestrictedInfoScriptReturn = ReturnType<\n typeof useRestrictedInfoScript\n> & {\n brokerName?: string;\n};\n\nexport const useRestrictedInfoScript = () => {\n const { restrictedInfo } = useAppContext();\n const brokerName = useConfig(\"brokerName\");\n const container = useRef<HTMLDivElement>(null);\n const [mutiLine, setMutiLine] = useState(false);\n const [agree, setAgree] = useState(false);\n\n const [canUnblock, setCanUnblock] = useLocalStorage(\n \"orderly_unblock_restricted\",\n true,\n );\n\n useObserverElement(container.current, (entry) => {\n setMutiLine(entry.contentRect.height > 28);\n });\n\n return {\n restrictedInfo,\n brokerName,\n container,\n mutiLine,\n agree,\n setAgree,\n };\n};\n","import { FC } from \"react\";\nimport { useRestrictedInfoScript } from \"./restrictedInfo.script\";\nimport { RestrictedInfo, RestrictedInfoProps } from \"./restrictedInfo.ui\";\n\nexport type RestrictedInfoWidgetProps = Pick<RestrictedInfoProps, \"className\">;\n\nexport const RestrictedInfoWidget: FC<RestrictedInfoWidgetProps> = (props) => {\n const state = useRestrictedInfoScript();\n return <RestrictedInfo {...props} {...state} />;\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement, useScreen } from \"@orderly.network/ui\";\nimport { type ScaffoldProps } from \"./scaffold.widget\";\n\nexport type ScaffoldScriptReturn = ReturnType<typeof useScaffoldScript>;\n\ntype ScaffoldScriptOptions = ScaffoldProps;\n\nexport const useScaffoldScript = (options: ScaffoldScriptOptions) => {\n const { restrictedInfo, showAnnouncement } = useAppContext();\n\n const [topNavbarRef, topNavbarHeight] = useRefAndHeight(48);\n const [footerRef, footerHeight] = useRefAndHeight(29);\n const [bottomNavRef, bottomNavHeight] = useRefAndHeight(64);\n const [announcementRef, announcementHeight] = useRefAndHeight(0, [\n showAnnouncement,\n ]);\n\n const [expand, setExpand] = useLocalStorage(\n \"orderly_scaffold_expanded\",\n true,\n );\n\n const { isMobile } = useScreen();\n\n const sideBarExpandWidth = options.leftSideProps?.maxWidth || 185;\n const sideBarCollaspedWidth = options.leftSideProps?.minWidth || 98;\n const hasLeftSidebar = !!options.leftSidebar;\n\n return {\n topNavbarRef,\n footerRef,\n topNavbarHeight,\n footerHeight,\n announcementRef,\n announcementHeight,\n restrictedInfo,\n expand,\n setExpand,\n isMobile,\n sideBarExpandWidth,\n sideBarCollaspedWidth,\n hasLeftSidebar,\n footerProps: options.footerProps,\n routerAdapter: options.routerAdapter,\n mainNavProps: options.mainNavProps,\n bottomNavProps: options.bottomNavProps,\n bottomNavRef,\n bottomNavHeight,\n };\n};\n\nconst useRefAndHeight = (defaultHeight: number, deps: any[] = []) => {\n const ref = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState(defaultHeight);\n\n useObserverElement(ref.current, (entry) => {\n setHeight(entry.contentRect.height);\n });\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const height = ref.current?.getBoundingClientRect().height;\n setHeight(height!);\n }, [ref, ...deps]);\n\n return [ref, height] as const;\n};\n","import { FC, PropsWithChildren } from \"react\";\nimport { isValidElement } from \"react\";\nimport { Box, cn, Grid } from \"@orderly.network/ui\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { FooterWidget } from \"../footer\";\nimport { MainNavWidget } from \"../main/mainNav.widget\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { SideNavbarWidget } from \"../sidebar\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\nimport { ScaffoldProps } from \"./scaffold.widget\";\n\nexport type DesktopScaffoldProps = PropsWithChildren<\n ScaffoldProps & ScaffoldScriptReturn\n>;\n\nexport const DesktopScaffold: FC<DesktopScaffoldProps> = (props) => {\n const { classNames } = props;\n return (\n <div\n style={{\n height: `calc(100vh - ${props.footerHeight}px)`,\n }}\n className={cn(\n \"oui-scaffold-root oui-font-semibold\",\n // default text and background color\n \"oui-bg-base-10 oui-text-base-contrast\",\n \"oui-flex oui-flex-col\",\n \"oui-custom-scrollbar oui-overflow-auto\",\n classNames?.root,\n )}\n >\n {/* topNavbar */}\n <Box\n ref={props.topNavbarRef}\n className={cn(\n \"oui-scaffold-topNavbar oui-bg-base-9\",\n classNames?.topNavbar,\n )}\n >\n {props.topBar ?? <MainNavWidget {...props.mainNavProps} />}\n </Box>\n <div\n className={cn(\n \"oui-scaffold-container\",\n \"oui-relative oui-h-full\",\n // 1024px - 6px (scrollbar widt) = 1018px\n \"oui-min-w-[1018px]\",\n classNames?.container,\n )}\n >\n <Box px={2} ref={props.announcementRef}>\n <RestrictedInfoWidget\n className={cn(\n \"oui-scaffold-restricted-info\",\n \"oui-relative oui-z-[1]\",\n \"oui-mt-2\",\n \"oui-bg-base-9\",\n // 1024px - 6px (scrollbar widt) - 12 * 2px (padding) = 994px\n \"oui-min-w-[994px]\",\n )}\n />\n <AnnouncementWidget\n className={cn(\n \"oui-scaffold-maintenance-tips\",\n \"oui-mt-2\",\n \"oui-relative oui-z-[1]\",\n \"oui-bg-base-9\",\n // 1024px - 6px (scrollbar widt) - 12 * 2px (padding) = 994px\n \"oui-min-w-[994px]\",\n )}\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n </Box>\n\n {/*--------- body start ------ */}\n {!props.hasLeftSidebar ? (\n // ----------No leftSidebar layout start ---------\n <Box height=\"100%\" className={cn(classNames?.content)}>\n {props.children}\n </Box>\n ) : (\n // ----------No leftSidebar layout end ---------\n // ---------- left & body layout start ---------\n <Grid\n className={cn(\n \"oui-box-content oui-flex oui-transition-all xl:oui-grid\",\n \"oui-min-h-full oui-flex-1\",\n classNames?.body,\n )}\n style={{\n gridTemplateColumns: `${\n props.expand\n ? `${props.sideBarExpandWidth}px`\n : `${props.sideBarCollaspedWidth}px`\n } 1fr`,\n // gridTemplateRows: \"auto 1fr\",\n // gridTemplateAreas: `\"left main\" \"left main\"`,\n }}\n >\n <div className={cn(classNames?.leftSidebar)}>\n {/* {typeof props.leftSidebar !== \"undefined\" ? ( */}\n {isValidElement(props.leftSidebar) ? (\n props.leftSidebar\n ) : (\n <SideNavbarWidget {...props.leftSideProps} />\n )}\n </div>\n <Box\n width={\"100%\"}\n className={cn(\"oui-overflow-hidden\", classNames?.content)}\n >\n {props.children}\n </Box>\n </Grid>\n // ---------- left & body layout end ---------\n )}\n </div>\n\n {/* footer */}\n <Box\n ref={props.footerRef}\n className={cn(\n \"oui-scaffold-footer oui-w-full oui-bg-base-10\",\n \"oui-fixed oui-bottom-0 oui-z-50\",\n \"oui-border-t oui-border-line-12\",\n classNames?.footer,\n )}\n >\n {props.footer || <FooterWidget {...props.footerProps} />}\n </Box>\n </div>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { WsNetworkStatus } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Divider, Flex, Text } from \"@orderly.network/ui\";\nimport {\n CommuntiyDiscordIcon,\n CommuntiyTelegramIcon,\n CommuntiyXIcon,\n OrderlyTextIcon,\n SignalIcon,\n} from \"../icons/index\";\nimport { FooterReturns } from \"./footer.script\";\nimport { FooterProps } from \"./footer.widget\";\n\nexport const Footer: FC<FooterReturns & FooterProps> = (props) => {\n const { t } = useTranslation();\n\n const signalClsName = useMemo(() => {\n switch (props.wsStatus) {\n case WsNetworkStatus.Connected:\n return \"oui-fill-success-light oui-text-success-light\";\n case WsNetworkStatus.Disconnected:\n return \"oui-fill-danger-light oui-text-danger-light\";\n case WsNetworkStatus.Unstable:\n return \"oui-fill-warning-light oui-text-warning-light\";\n }\n }, [props.wsStatus]);\n\n const openUrl = (url?: string) => {\n window.open(url, \"_blank\");\n };\n\n return (\n <Flex\n direction={\"row\"}\n justify={\"between\"}\n height={28}\n px={3}\n width={\"100%\"}\n >\n <Flex>\n <Flex\n direction={\"row\"}\n itemAlign={\"center\"}\n gap={1}\n className={signalClsName}\n >\n <SignalIcon\n // className={cn(signalClsName, \"oui-fill-success-light\")}\n fillOpacity={1}\n fill=\"currentColor\"\n />\n <Text size=\"2xs\">{t(\"scaffold.footer.operational\")}</Text>\n </Flex>\n <Divider\n direction=\"vertical\"\n className=\"oui-h-[18px] oui-px-1 oui-ml-2 oui-border-line-12\"\n />\n <Flex gap={2}>\n <Text intensity={54} size=\"2xs\">\n {t(\"scaffold.footer.joinCommunity\")}\n </Text>\n <Flex direction={\"row\"} gap={1}>\n {typeof props.telegramUrl !== \"undefined\" && (\n <CommuntiyTelegramIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.telegramUrl)}\n />\n )}\n {typeof props.discordUrl !== \"undefined\" && (\n <CommuntiyDiscordIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.discordUrl)}\n />\n )}\n {typeof props.twitterUrl !== \"undefined\" && (\n <CommuntiyXIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.twitterUrl)}\n />\n )}\n </Flex>\n {typeof props?.trailing !== \"undefined\" && (\n <>\n <Divider\n direction=\"vertical\"\n className=\"oui-h-[18px] oui-border-line-12\"\n />\n {props?.trailing}\n </>\n )}\n </Flex>\n </Flex>\n <Flex\n direction={\"row\"}\n gap={1}\n className=\"oui-scaffold-footer-powered-by\"\n >\n <Text intensity={54} size=\"2xs\">\n {t(\"scaffold.footer.poweredBy\")}\n </Text>\n <OrderlyTextIcon />\n </Flex>\n </Flex>\n );\n};\n","import { useWsStatus, WsNetworkStatus } from \"@orderly.network/hooks\";\n\nexport type FooterReturns = {\n wsStatus: WsNetworkStatus;\n};\n\nexport const useFooterScript = (): FooterReturns => {\n const wsStatus = useWsStatus();\n\n return {\n wsStatus,\n };\n};\n","import { ReactNode } from \"react\";\nimport { useFooterScript } from \"./footer.script\";\nimport { Footer } from \"./footer.ui\";\n\nexport type FooterProps = {\n telegramUrl?: string;\n twitterUrl?: string;\n discordUrl?: string;\n trailing?: ReactNode;\n};\n\nexport const FooterWidget = (props: FooterProps) => {\n const state = useFooterScript();\n return <Footer {...state} {...props} />;\n};\n","import React, { FC, memo, SVGProps } from \"react\";\nimport {\n Box,\n Flex,\n tv,\n VariantProps,\n Text,\n cn,\n Tooltip,\n} from \"@orderly.network/ui\";\n\ntype SideMenuItem = {\n name: string;\n icon?: React.ReactNode;\n href?: string;\n disabled?: boolean;\n onClick?: () => void;\n hide?: boolean;\n};\n\nconst menuItemVariants = tv({\n slots: {\n button: [\n \"oui-min-h-10\",\n \"oui-px-3\",\n \"oui-py-2\",\n \"oui-rounded-md\",\n \"oui-w-full\",\n \"oui-text-left\",\n \"oui-text-base\",\n \"oui-text-base-contrast-36\",\n // \"oui-flex\",\n \"oui-group\",\n // \"oui-space-x-2\",\n // \"oui-items-center\",\n \"hover:oui-bg-base-8\",\n \"oui-transition-colors\",\n \"group-data-[state=closed]/bar:oui-w-[42px]\",\n \"oui-overflow-hidden\",\n ],\n icon: [],\n },\n variants: {\n mode: {\n \"icon-only\": {\n button: \"oui-w-10\",\n icon: \"w-6 h-6\",\n },\n full: {\n button: \"oui-full\",\n icon: \"w-6 h-6\",\n },\n },\n active: {\n true: {\n button: \"oui-bg-base-5 hover:oui-bg-base-5\",\n },\n },\n open: {\n true: {\n button: \"\",\n },\n },\n },\n});\n\nconst MenuItem: FC<\n {\n item: SideMenuItem;\n active?: boolean;\n open?: boolean;\n onClick?: (item: SideMenuItem) => void;\n } & VariantProps<typeof menuItemVariants>\n> = memo((props) => {\n const { item, mode, open, onClick, active, ...rest } = props;\n const { button } = menuItemVariants({\n mode,\n active: props.active,\n open: props.open,\n });\n const children = (\n <button\n data-actived={props.active}\n disabled={item.disabled}\n className={button()}\n onClick={() => {\n props.onClick?.(item);\n }}\n >\n <Flex itemAlign={\"center\"} gap={2} as=\"span\">\n <div>{item.icon}</div>\n {props.open && (\n <Text.gradient\n color={props.active ? \"brand\" : \"inherit\"}\n angle={45}\n size=\"base\"\n className=\"oui-break-all oui-animate-in oui-fade-in\"\n >\n {item.name}\n </Text.gradient>\n )}\n </Flex>\n </button>\n );\n\n if (props.open) {\n return <li className=\"oui-min-w-[120px]\">{children}</li>;\n }\n\n return (\n <li>\n <Tooltip content={item.name} side=\"right\" align=\"center\" sideOffset={20}>\n {children}\n </Tooltip>\n </li>\n );\n});\n\nMenuItem.displayName = \"LeftMenuItem\";\n\nconst SideMenus: FC<{\n menus?: SideMenuItem[];\n current?: string;\n open?: boolean;\n onItemSelect?: (item: SideMenuItem) => void;\n}> = (props) => {\n return (\n <Box py={6}>\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-pointer-events-none oui-invisible oui-absolute\"\n >\n <defs>\n <linearGradient\n id=\"side-menu-gradient\"\n x1=\"15.7432\"\n y1=\"8.94726\"\n x2=\"2.24316\"\n y2=\"8.94726\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n <ul className=\"oui-space-y-4\">\n {props.menus?.map((item, index) => {\n if (item?.hide) return null;\n return (\n <MenuItem\n key={index}\n item={item}\n open={props.open}\n active={item.href === props.current}\n onClick={props.onItemSelect}\n />\n );\n })}\n </ul>\n </Box>\n );\n};\n\ntype SideBarHeaderProps = {\n onToggle?: () => void;\n open?: boolean;\n title?: React.ReactNode;\n};\n\nconst SideBarHeader: FC<SideBarHeaderProps> = (props) => {\n const { title } = props;\n\n const titleElemet =\n typeof title === \"string\" ? (\n <Text intensity={54} size=\"xs\">\n {title}\n </Text>\n ) : (\n title\n );\n\n const iconProps = {\n className:\n \"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\",\n onClick: props.onToggle,\n };\n\n return (\n <Flex\n justify={props.open ? \"between\" : \"center\"}\n itemAlign=\"center\"\n className=\"oui-h-6\"\n >\n {props.open ? titleElemet : null}\n\n {props.open ? (\n <CollapseIcon {...iconProps} />\n ) : (\n <ExpandIcon {...iconProps} />\n )}\n </Flex>\n );\n};\n\ntype SideBarProps = {\n title?: React.ReactNode;\n items?: SideMenuItem[];\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n onItemSelect?: (item: SideMenuItem) => void;\n current?: string;\n className?: string;\n maxWidth?: number;\n minWidth?: number;\n style?: React.CSSProperties;\n};\n\nconst SideBar = (props: SideBarProps) => {\n const { open = true, items, current, onItemSelect } = props;\n\n return (\n <Box\n data-state={open ? \"opened\" : \"closed\"}\n className={cn(\"oui-group/bar\", props.className)}\n style={props.style}\n >\n <SideBarHeader\n open={open}\n title={props.title}\n onToggle={() => {\n props.onOpenChange?.(!open);\n }}\n />\n <SideMenus\n menus={items}\n current={current}\n onItemSelect={onItemSelect}\n open={open}\n />\n </Box>\n );\n};\n\nSideBar.displayName = \"SideBar\";\n\nconst ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport { SideBar };\n\nexport type { SideBarProps, SideMenuItem };\n","import { useState } from \"react\";\nimport { SideBarProps } from \"./sidebar.ui\";\nimport { useScaffoldContext } from \"../scaffold\";\n\nexport const useSideNavBuilder = (\n props?: Partial<SideBarProps>\n): SideBarProps => {\n const [current, setCurrent] = useState(props?.items?.[0].href || \"/\");\n const { expanded, setExpand } = useScaffoldContext();\n\n if (typeof setExpand === \"undefined\") {\n console.warn(\"SideBar component must be used within a Scaffold component\");\n }\n\n return {\n items: [],\n current,\n open: expanded,\n onOpenChange: (open) => {\n setExpand?.(open);\n },\n onItemSelect: (item) => {\n if (item.href) {\n setCurrent(item.href);\n }\n },\n ...props,\n };\n};\n","import { SideBar, SideBarProps } from \"./sidebar.ui\";\nimport { useSideNavBuilder } from \"./useSideNavBuilder.script\";\n\nexport const SideNavbarWidget = (props?: Partial<SideBarProps>) => {\n const state = useSideNavBuilder(props);\n\n return <SideBar {...state} />;\n};\n","import { OrderlyContext, useChains } from \"@orderly.network/hooks\";\nimport { ScaffoldContext, ScaffoldState } from \"./scaffoldContext\";\nimport { FC, ReactNode, useContext } from \"react\";\nimport { checkChainSupport } from \"../../utils/chain\";\n\nexport type ScaffoldProviderProps = {\n children: ReactNode;\n} & Omit<ScaffoldState, \"checkChainSupport\">;\n\nexport const ScaffoldProvider: FC<ScaffoldProviderProps> = (props) => {\n const [chains] = useChains();\n\n const { networkId } = useContext<any>(OrderlyContext);\n\n const checkChainSupportHandle = (chainId: number | string) => {\n return checkChainSupport(\n chainId,\n networkId === \"testnet\" ? chains.testnet : chains.mainnet\n );\n };\n\n const onExpandChange = (expand: boolean) => {\n props.setExpand(expand);\n };\n\n return (\n <ScaffoldContext.Provider\n value={{\n routerAdapter: props.routerAdapter,\n expanded: props.expanded,\n setExpand: onExpandChange,\n checkChainSupport: checkChainSupportHandle,\n topNavbarHeight: props.topNavbarHeight,\n footerHeight: props.footerHeight,\n announcementHeight: props.announcementHeight,\n }}\n >\n {props.children}\n </ScaffoldContext.Provider>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport type RouteOption = {\n href: string;\n name: string;\n scope?: string;\n target?: string;\n};\n\nexport type RouterAdapter = {\n onRouteChange: (option: RouteOption) => void;\n currentPath?: string;\n};\n\nexport type ScaffoldState = {\n routerAdapter?: RouterAdapter;\n expanded?: boolean;\n setExpand: (expand: boolean) => void;\n checkChainSupport: (chainId: number | string) => boolean;\n topNavbarHeight: number;\n footerHeight: number;\n announcementHeight: number;\n};\n\nexport const ScaffoldContext = createContext<ScaffoldState>(\n {} as ScaffoldState\n);\n\nexport const useScaffoldContext = () => {\n return useContext(ScaffoldContext);\n};\n","import { API } from \"@orderly.network/types\";\n\nexport function checkChainSupport(\n chainId: number | string,\n chains: API.Chain[]\n) {\n if (typeof chainId === \"string\") {\n chainId = parseInt(chainId);\n }\n return chains.some((chain) => {\n return chain.network_infos.chain_id === chainId;\n });\n}\n","import { PropsWithChildren, ReactNode } from \"react\";\nimport { BottomNavProps } from \"../bottomNav/bottomNav.widget\";\nimport { FooterProps } from \"../footer\";\nimport { LeftNavProps } from \"../leftNav\";\nimport { MainNavWidgetProps } from \"../main/mainNav.widget\";\nimport { SideBarProps } from \"../sidebar\";\nimport { MobileScaffold } from \"./scaffold.mobile.ui\";\nimport { useScaffoldScript } from \"./scaffold.script\";\nimport { DesktopScaffold } from \"./scaffold.ui\";\nimport { RouterAdapter } from \"./scaffoldContext\";\nimport { ScaffoldProvider } from \"./scaffoldProvider\";\n\nexport type ScaffoldProps = {\n /**\n * custom left sidebar component, only works on desktop\n * if provided, the layout will use this component over the default sidebar component\n */\n leftSidebar?: ReactNode;\n /**\n * custom left sidebar props, only works on desktop\n */\n leftSideProps?: SideBarProps;\n /**\n * custom left nav props, only works on mobile\n */\n leftNavProps?: LeftNavProps;\n /**\n * custom top bar component\n */\n topBar?: ReactNode;\n /**\n * custom top nav props\n */\n mainNavProps?: MainNavWidgetProps;\n /**\n * custom bottom nav component, only works on mobile\n */\n bottomNav?: ReactNode;\n /**\n * custom bottom nav component, only works on mobile\n */\n bottomNavProps?: BottomNavProps;\n /**\n * custom footer component, only works on desktop\n */\n footer?: ReactNode;\n /**\n * custom footer props, only works on desktop\n */\n footerProps?: FooterProps;\n routerAdapter?: RouterAdapter;\n classNames?: {\n // root = topNavbar + container + footer\n root?: string;\n container?: string;\n content?: string;\n // body = leftSidebar + content\n body?: string;\n leftSidebar?: string;\n topNavbar?: string;\n footer?: string;\n bottomNav?: string;\n };\n};\n\nexport const Scaffold = (props: PropsWithChildren<ScaffoldProps>) => {\n const state = useScaffoldScript(props);\n\n const renderContent = () => {\n if (state.isMobile) {\n return (\n <MobileScaffold {...props} {...state}>\n {props.children}\n </MobileScaffold>\n );\n }\n\n return (\n <DesktopScaffold {...props} {...state}>\n {props.children}\n </DesktopScaffold>\n );\n };\n\n return (\n <ScaffoldProvider\n routerAdapter={props.routerAdapter}\n expanded={state.expand}\n setExpand={state.setExpand}\n topNavbarHeight={state.topNavbarHeight}\n footerHeight={state.footerHeight}\n announcementHeight={state.announcementHeight}\n >\n {renderContent()}\n </ScaffoldProvider>\n );\n};\n","import { FC, PropsWithChildren, useMemo } from \"react\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { cn, Divider, Flex, useScreen } from \"@orderly.network/ui\";\nimport { WalletConnectButtonExtension } from \"../accountMenu/menu.widget\";\nimport { AccountSummaryWidget } from \"../accountSummary\";\nimport { ChainMenuWidget } from \"../chainMenu\";\nimport { LanguageSwitcherWidget } from \"../languageSwitcher\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport { CampaignButton } from \"./campaignButton\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavMenusExtension } from \"./mainMenus/mainNavMenus.widget\";\nimport { CampaignPositionEnum, MainNavScriptReturn } from \"./mainNav.script\";\n\nexport const MainNav: FC<PropsWithChildren<MainNavScriptReturn>> = (props) => {\n const { className, classNames, campaigns, campaignPosition } = props;\n\n const showCampaignButton =\n campaignPosition === CampaignPositionEnum.navTailing && campaigns;\n\n const showLinkIcon =\n !props.wrongNetwork &&\n !props.disabledConnect &&\n props.status! >= AccountStatusEnum.SignedIn;\n\n const showSubAccount = props.status! >= AccountStatusEnum.EnableTrading;\n\n const hideWalletConnectButton =\n !props.disabledConnect && props.wrongNetwork && props.isConnected;\n\n const { isDesktop } = useScreen();\n\n const children = useMemo(() => {\n if (typeof props.children === \"undefined\") {\n return null;\n }\n return <Flex grow>{props.children}</Flex>;\n }, [props.children]);\n\n const showChainMenu = isDesktop;\n\n const renderContent = () => {\n const title = <MainLogo {...props.logo} />;\n const accountSummary = <AccountSummaryWidget />;\n const linkDevice = showLinkIcon && <LinkDeviceWidget />;\n const languageSwitcher = <LanguageSwitcherWidget />;\n const subAccount = showSubAccount && <SubAccountWidget />;\n const chainMenu = showChainMenu && <ChainMenuWidget />;\n const walletConnect = !hideWalletConnectButton && (\n <WalletConnectButtonExtension />\n );\n\n const mainNav = (\n <>\n <MainNavMenusExtension\n {...props.mainMenus}\n classNames={classNames?.mainNav}\n />\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n </>\n );\n\n if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n title,\n mainNav,\n accountSummary,\n linkDevice,\n languageSwitcher,\n subAccount,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <>\n <Flex\n itemAlign={\"center\"}\n className={cn(\n \"oui-gap-3\",\n // let the left and right views show spacing when overlapping\n \"oui-overflow-hidden\",\n )}\n >\n {title}\n {props.leading}\n {mainNav}\n {props.trailing}\n </Flex>\n\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-2\">\n {accountSummary}\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n {linkDevice}\n </>\n )}\n {languageSwitcher}\n {subAccount}\n {chainMenu}\n {walletConnect}\n </Flex>\n </>\n );\n };\n\n return (\n <Flex\n width=\"100%\"\n as=\"header\"\n itemAlign={\"center\"}\n height={\"48px\"}\n justify={\"between\"}\n px={3}\n gapX={3}\n className={cn(\n \"oui-main-nav oui-font-semibold\",\n className,\n classNames?.root,\n )}\n >\n {renderContent()}\n </Flex>\n );\n};\n\nMainNav.displayName = \"MainNav\";\n","import React, { FC, PropsWithChildren, useEffect } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n EyeCloseIcon,\n EyeIcon,\n Flex,\n Popover,\n Text,\n} from \"@orderly.network/ui\";\n\ntype AccountSummaryUi = {\n totalValue: number | null;\n freeCollateral: number | null;\n maxLeverage?: number | null;\n currentLeverage: number | null;\n unrealized_pnl_ROI: number | null;\n unrealPnL: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n // type: AccountSummaryType;\n keys: AccountSummaryList;\n elementKeys: AccountSummaryList;\n onToggleItemByKey: (key: string) => void;\n onKeyToTop: (key: string) => void;\n};\n\n//----------------- TotalValue -----------------\nconst TotalValue: FC<{\n totalValue: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const {\n totalValue = 0,\n visible = true,\n onToggleVisibility,\n visibleAvailable = true,\n } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"common.totalValue\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n\n <Text intensity={54}>≈</Text>\n </Flex>\n <Text.numeral\n visible={props.visible}\n unit=\"USDC\"\n unitClassName=\"oui-text-base-contrast-20 oui-ml-1\"\n as=\"div\"\n >\n {totalValue ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- FreeCollateral -----------------\nconst FreeCollateral: FC<{\n freeCollateral?: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const {\n freeCollateral,\n visible,\n onToggleVisibility,\n visibleAvailable = true,\n } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"trading.asset.freeCollateral\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n </Flex>\n {/* <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n Free collateral\n </Text>\n </Box> */}\n <Text.numeral\n unit=\"USDC\"\n unitClassName=\"oui-text-base-contrast-20 oui-ml-1\"\n visible={visible}\n as=\"div\"\n >\n {freeCollateral ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- CurrentLeverage -----------------\nconst CurrentLeverage: FC<{\n currentLeverage: number | null;\n}> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"leverage.currentLeverage\")}\n </Text>\n </Box>\n <Text.numeral as={\"div\"} unit=\"x\">\n {currentLeverage ?? 0}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- MaxLeverage -----------------\nconst MaxLeverage: FC<{\n maxLeverage?: number | null;\n}> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"leverage.maxLeverage\")}\n </Text>\n </Box>\n <Text color=\"primary\" as={\"div\"}>{`${props.maxLeverage ?? \"--\"}x`}</Text>\n </Flex>\n );\n};\n\n//----------------- UnrealPnL -----------------\nconst UnrealPnL: FC<{\n unrealized_pnl_ROI: number | null;\n unrealPnL: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const { visible, onToggleVisibility, visibleAvailable = true } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"common.unrealizedPnl\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n </Flex>\n <Text.numeral\n as={\"div\"}\n coloring\n showIdentifier\n weight={\"semibold\"}\n visible={visible}\n suffix={\n <Text.numeral coloring prefix={\"(\"} suffix={\")\"} rule={\"percentages\"}>\n {props.unrealized_pnl_ROI ?? \"-\"}\n </Text.numeral>\n }\n >\n {props.unrealPnL ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- AccountInfoPopover -----------------\nconst AccountInfoPopover = (props: {\n totalValue: number | null;\n freeCollateral: number | null;\n maxLeverage?: number | null;\n currentLeverage: number | null;\n unrealPnL: number | null;\n unrealized_pnl_ROI: number | null;\n // type: AccountSummaryType;\n keys: AccountSummaryList;\n elementKeys: AccountSummaryList;\n onToggleItemByKey: (key: string) => void;\n visible?: boolean;\n onKeyToTop: (key: string) => void;\n}) => {\n const { totalValue, keys, elementKeys } = props;\n const { t } = useTranslation();\n\n const onSetToTop = (key: SummaryKey) => (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n props.onKeyToTop(key);\n };\n\n const elements = elementKeys.map((key) => {\n switch (key) {\n case \"totalValue\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"totalValue\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"totalValue\")}\n onClick={() => props.onToggleItemByKey(\"totalValue\")}\n />\n <span>{t(\"common.totalValue\")}</span>\n </Flex>\n <Text.numeral\n visible={props.visible}\n unit=\"USDC\"\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n >\n {totalValue ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"freeCollateral\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"freeCollateral\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"freeCollateral\")}\n onClick={() => props.onToggleItemByKey(\"freeCollateral\")}\n />\n <span>{t(\"trading.asset.freeCollateral\")}</span>\n </Flex>\n <Text.numeral\n unit=\"USDC\"\n visible={props.visible}\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n >\n {props.freeCollateral ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"unrealPnL\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"unrealPnL\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"unrealPnL\")}\n onClick={() => props.onToggleItemByKey(\"unrealPnL\")}\n />\n <span>{t(\"common.unrealizedPnl\")}</span>\n </Flex>\n <Text.numeral\n coloring\n showIdentifier\n visible={props.visible}\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n suffix={\n <Text.numeral\n coloring\n prefix={\"(\"}\n visible={props.visible}\n suffix={\")\"}\n rule={\"percentages\"}\n >\n {props.unrealized_pnl_ROI ?? \"-\"}\n </Text.numeral>\n }\n >\n {props.unrealPnL ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"currentLeverage\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"currentLeverage\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"currentLeverage\")}\n onClick={() => props.onToggleItemByKey(\"currentLeverage\")}\n />\n <span>{t(\"leverage.currentLeverage\")}</span>\n </Flex>\n <Text.numeral\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unit=\"x\"\n >\n {props.currentLeverage ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"maxLeverage\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"maxLeverage\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"maxLeverage\")}\n onClick={() => props.onToggleItemByKey(\"maxLeverage\")}\n />\n <span>{t(\"leverage.maxLeverage\")}</span>\n </Flex>\n <Text\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n color=\"primary\"\n >{`${props.maxLeverage ?? \"-\"}x`}</Text>\n </DropdownMenu>\n );\n default:\n return null;\n }\n });\n\n return (\n <Flex\n className={\"oui-text-2xs oui-font-semibold\"}\n direction={\"column\"}\n gapY={1}\n >\n {elements}\n </Flex>\n );\n};\n\nconst DropdownMenu: FC<\n PropsWithChildren<{\n onSetTop: (event: React.MouseEvent) => void;\n }>\n> = (props) => {\n return (\n <div className=\"oui-w-full oui-relative oui-group hover:oui-bg-base-6 oui-px-[6px] oui-py-1 oui-rounded\">\n <Flex justify={\"between\"} width={\"100%\"}>\n {props.children}\n </Flex>\n <button\n className=\"oui-absolute oui-right-1 oui-top-1\"\n onClick={props.onSetTop}\n >\n <svg\n 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\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"16\"\n height=\"16\"\n rx=\"2\"\n fill=\"rgb(var(--oui-color-primary-darken))\"\n />\n <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\" />\n </svg>\n </button>\n </div>\n );\n};\n\nconst IdentityButton = (props: {\n active: boolean;\n onClick: React.MouseEventHandler;\n}) => {\n return (\n <button onClick={props.onClick}>\n {props.active ? (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"currentcolor\"\n className={\"oui-text-primary-light\"}\n />\n </svg>\n ) : (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"currentcolor\"\n />\n </svg>\n )}\n </button>\n );\n};\n\ntype SummaryKey =\n | \"totalValue\"\n | \"freeCollateral\"\n | \"unrealPnL\"\n | \"currentLeverage\"\n | \"maxLeverage\";\n\nexport type AccountSummaryList = Array<SummaryKey>;\nconst AccountSummaryItems: Record<SummaryKey, JSX.ElementType> = {\n totalValue: TotalValue,\n freeCollateral: FreeCollateral,\n unrealPnL: UnrealPnL,\n currentLeverage: CurrentLeverage,\n maxLeverage: MaxLeverage,\n};\n\nexport const AccountSummary = (props: AccountSummaryUi) => {\n const { keys, ...rest } = props;\n let canToggleIndex = 0;\n const sizeRef = React.useRef(0);\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver((entries) => {\n if (Array.isArray(entries) && entries.length > 0) {\n const width = entries[0].contentRect.width;\n if (width > 1556) {\n sizeRef.current = 5;\n } else if (width > 1480) {\n sizeRef.current = 4;\n } else if (width > 1366) {\n sizeRef.current = 3;\n } else if (width > 1280) {\n sizeRef.current = 2;\n } else if (width > 1180) {\n sizeRef.current = 1;\n } else {\n sizeRef.current = 0;\n }\n }\n });\n\n resizeObserver.observe(document.body);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n const elements = keys.slice(0, sizeRef.current).map((key, index) => {\n switch (key) {\n case \"freeCollateral\": {\n return (\n <FreeCollateral\n freeCollateral={props.freeCollateral}\n visible={props.visible}\n onToggleVisibility={props.onToggleVisibility}\n visibleAvailable={index === canToggleIndex}\n />\n );\n }\n\n case \"unrealPnL\":\n return (\n <UnrealPnL\n unrealPnL={props.unrealPnL}\n unrealized_pnl_ROI={props.unrealized_pnl_ROI}\n visible={props.visible}\n onToggleVisibility={props.onToggleVisibility}\n visibleAvailable={index === canToggleIndex}\n />\n );\n case \"currentLeverage\": {\n canToggleIndex++;\n return <CurrentLeverage currentLeverage={props.currentLeverage} />;\n }\n case \"maxLeverage\": {\n canToggleIndex++;\n return <MaxLeverage maxLeverage={props.maxLeverage} />;\n }\n case \"totalValue\":\n default:\n return (\n <TotalValue\n totalValue={props.totalValue}\n onToggleVisibility={props.onToggleVisibility}\n visible={props.visible}\n visibleAvailable={index === canToggleIndex}\n />\n );\n }\n });\n\n return (\n <div className=\"oui-flex oui-items-center oui-gap-6\">\n <Items elements={elements} />\n <Popover\n content={\n <AccountInfoPopover\n totalValue={rest.totalValue}\n freeCollateral={props.freeCollateral}\n maxLeverage={props.maxLeverage}\n currentLeverage={props.currentLeverage}\n unrealized_pnl_ROI={props.unrealized_pnl_ROI}\n unrealPnL={props.unrealPnL}\n keys={keys}\n elementKeys={props.elementKeys}\n onToggleItemByKey={props.onToggleItemByKey}\n onKeyToTop={props.onKeyToTop}\n visible={props.visible}\n />\n }\n contentProps={{\n onOpenAutoFocus: (event) => event.preventDefault(),\n sideOffset: 12,\n className: \"oui-p-1\",\n }}\n arrow\n >\n <div className=\"oui-cursor-pointer oui-group\">\n <Dot />\n </div>\n </Popover>\n </div>\n );\n};\n\nconst Items: FC<{\n elements: JSX.Element[];\n}> = (props) => {\n return (\n <div className=\"oui-flex oui-gap-6\">\n {props.elements.map((Element, index) => (\n <div key={index}>{Element}</div>\n ))}\n </div>\n );\n};\n\nconst Dot = () => {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-fill-base-contrast-36 hover:oui-fill-primary-light group-data-[state=open]:oui-fill-primary-light\"\n >\n <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\" />\n </svg>\n );\n};\n","import { useState } from \"react\";\nimport {\n useLeverage,\n useLocalStorage,\n useMarginRatio,\n usePositionStream,\n} from \"@orderly.network/hooks\";\nimport { useCollateral, useAccount } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\n\nexport type AccountSummaryType =\n | \"totalValue\"\n | \"freeCollateral\"\n | \"unrealPnL\"\n | \"currentLeverage\"\n | \"maxLeverage\";\n\nexport const useTotalValueBuilderScript = () => {\n const [keys, setKeys] = useLocalStorage<string[]>(\"accountSummaryTypes\", [\n \"totalValue\",\n ]);\n\n const [elementKeys, setElementKeys] = useState<string[]>([\n \"totalValue\",\n \"freeCollateral\",\n \"unrealPnL\",\n \"currentLeverage\",\n \"maxLeverage\",\n ]);\n\n const { freeCollateral, totalValue } = useCollateral({ dp: 2 });\n\n const { state } = useAccount();\n\n const [visible, setVisible] = useLocalStorage(\"orderly_assets_visible\", true);\n\n const [{ aggregated, totalUnrealizedROI }] = usePositionStream();\n const { wrongNetwork, disabledConnect } = useAppContext();\n\n const { currentLeverage } = useMarginRatio();\n\n const { maxLeverage } = useLeverage();\n\n const onToggleItemByKey = (key: string) => {\n if (keys.includes(key)) {\n setKeys(keys.filter((k: string) => k !== key));\n } else {\n setKeys([...keys, key]);\n }\n };\n\n const onKeyToTop = (key: string) => {\n if (!keys.includes(key)) {\n setKeys([key, ...keys]);\n setElementKeys([key, ...elementKeys.filter((k: string) => k !== key)]);\n return;\n }\n\n setKeys([key, ...keys.filter((k: string) => k !== key)]);\n setElementKeys([key, ...elementKeys.filter((k: string) => k !== key)]);\n };\n\n const unavailable =\n wrongNetwork ||\n disabledConnect ||\n (state.status < AccountStatusEnum.EnableTrading &&\n state.status !== AccountStatusEnum.EnableTradingWithoutConnected);\n\n return {\n totalValue: unavailable ? null : totalValue,\n freeCollateral: unavailable ? null : freeCollateral,\n maxLeverage: unavailable ? null : maxLeverage,\n currentLeverage: unavailable ? null : currentLeverage,\n unrealPnL: unavailable ? null : aggregated?.total_unreal_pnl,\n unrealized_pnl_ROI: unavailable ? null : totalUnrealizedROI,\n // type,\n keys,\n elementKeys,\n // onTypeChange,\n visible,\n wrongNetwork,\n onToggleItemByKey,\n onKeyToTop,\n onToggleVisibility: () => setVisible(!visible),\n };\n};\n\nexport type UseTotalValueBuilderScript = ReturnType<\n typeof useTotalValueBuilderScript\n>;\n","import { AccountSummary } from \"./accountSummary.ui\";\nimport { useTotalValueBuilderScript } from \"./useWidgetBuilder.script\";\nimport type { AccountSummaryList } from \"./accountSummary.ui\";\n\nexport const AccountSummaryWidget = () => {\n const state = useTotalValueBuilderScript();\n return (\n <AccountSummary\n {...state}\n elementKeys={state.elementKeys as AccountSummaryList}\n />\n );\n};\n","import { cn } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./mainMenus/navItem\";\n\nexport type CampaignProps = {\n item: MainNavItem;\n className?: string;\n onItemClick?: (item: MainNavItem[]) => void;\n current?: string[];\n // classNames?: MainNavClassNames;\n};\n\nexport const CampaignButton = (props: CampaignProps) => {\n return (\n <>\n <NavItem\n item={props.item}\n onClick={props.onItemClick}\n classNames={{\n navItem: cn(\"oui-text-base-contrast-54 -oui-ml-2\", props.className),\n }}\n />\n </>\n );\n};\n","import React, {\n cloneElement,\n FC,\n HTMLAttributeAnchorTarget,\n PropsWithChildren,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { ChevronDownIcon, PopoverContent, Tooltip } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\n\nconst ActiveIcon: React.FC = () => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n focusable={false}\n >\n <path\n 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\"\n fill=\"url(#mainNavDropDownIcon)\"\n />\n <defs>\n <linearGradient\n id=\"mainNavDropDownIcon\"\n x1=\"9.502\"\n y1=\"5.994\"\n x2=\"2.502\"\n y2=\"5.994\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop stopColor=\"rgb(var(--oui-gradient-brand-start))\" offset={1} />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport type MainNavItem = {\n id?: string;\n testid?: string;\n name: string;\n href: string;\n target?: HTMLAttributeAnchorTarget;\n icon?: string | React.ReactElement;\n activeIcon?: string | React.ReactElement;\n tag?: string;\n description?: string;\n disabled?: boolean;\n children?: MainNavItem[];\n className?: string;\n asChild?: boolean;\n\n /**\n * if true, the item will be shown as a submenu in mobile\n */\n isSubMenuInMobile?: boolean;\n /**\n * if provided, the item is a submenu in mobile, and this will be the a back nav\n */\n subMenuBackNav?: {\n name: string;\n href: string;\n };\n /**\n * if true, the item will be shown as a home page in mobile\n */\n isHomePageInMobile?: boolean;\n customRender?: (option: {\n name: string;\n href: string;\n isActive?: boolean;\n }) => React.ReactNode;\n tooltipConfig?: {\n /**\n * if true, the tooltip will be shown on first visit\n */\n showOnFirstVisit?: boolean;\n /**\n * the text to show in the tooltip\n */\n text?: string;\n };\n};\n\nconst isObject = (value: any): value is object => {\n return !!value && value.constructor === Object;\n};\n\nconst ORDERLY_NAV_BUTTON_TOOLTIP_OPEN = \"ORDERLY_NAV_BUTTON_TOOLTIP_OPEN\";\n\nexport const NavItem: FC<\n Omit<React.HTMLAttributes<HTMLButtonElement>, \"onClick\"> & {\n item: MainNavItem;\n onClick?: (item: MainNavItem[]) => void;\n // active?: boolean;\n currentPath?: string[];\n classNames?: {\n navItem?: string;\n subMenu?: string;\n };\n }\n> = (props) => {\n const { classNames, currentPath, item, onClick, ...buttonProps } = props;\n\n const [showButtonTooltip, setShowButtonTooltip] = useLocalStorage(\n ORDERLY_NAV_BUTTON_TOOLTIP_OPEN,\n true,\n );\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n if (showButtonTooltip) {\n timerRef.current = setTimeout(() => {\n setShowButtonTooltip(false);\n }, 8000);\n }\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [showButtonTooltip]);\n\n const isActive = useMemo(\n () => currentPath?.[0] === item.href,\n [currentPath, item.href],\n );\n\n const onClickHandler = useCallback(() => {\n if (Array.isArray(item.children)) {\n return;\n }\n onClick?.([item]);\n }, [item, onClick]);\n\n const buttonRender = () => {\n const { customRender, tooltipConfig } = item;\n if (typeof customRender === \"function\") {\n return customRender({\n name: item.name,\n href: item.href,\n isActive,\n });\n }\n const button = (\n <button\n id={item.id}\n data-testid={item.testid}\n {...buttonProps}\n disabled={item.disabled}\n data-actived={isActive}\n className={cn(\n \"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\",\n classNames?.navItem,\n )}\n onClick={onClickHandler}\n >\n <span className={\"oui-flex oui-items-center\"}>\n <ItemIcon isActive={isActive} item={item} />\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n angle={45}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {item.name}\n </Text.gradient>\n {Array.isArray(item.children) && (\n <span className={\"oui-ml-1 group-data-[open=true]:oui-rotate-180\"}>\n {isActive ? (\n <ActiveIcon />\n ) : (\n <ChevronDownIcon size={12} color={\"white\"} />\n )}\n </span>\n )}\n </span>\n <Box\n invisible={!isActive}\n position=\"absolute\"\n bottom={0}\n left={\"50%\"}\n height={\"3px\"}\n r=\"full\"\n width={\"60%\"}\n gradient=\"brand\"\n angle={45}\n className=\"-oui-translate-x-1/2 \"\n />\n </button>\n );\n if (isObject(tooltipConfig) && tooltipConfig.showOnFirstVisit) {\n return (\n <Tooltip\n open={showButtonTooltip}\n content={tooltipConfig.text}\n className={\n \"oui-w-64 oui-max-w-64 oui-bg-base-6 oui-text-2xs oui-font-semibold\"\n }\n >\n {button}\n </Tooltip>\n );\n }\n return button;\n };\n\n if (!Array.isArray(item.children)) {\n return buttonRender();\n }\n\n return (\n <SubMenus\n items={item.children}\n className={classNames?.subMenu}\n current={currentPath?.[1]}\n onItemClick={(subItem: MainNavItem) => {\n onClick?.([item, subItem]);\n }}\n >\n {buttonRender()}\n </SubMenus>\n );\n};\n\nconst SubMenus: React.FC<\n PropsWithChildren<{\n items: MainNavItem[];\n className?: string;\n current?: string;\n onItemClick: (item: MainNavItem) => void;\n }>\n> = (props) => {\n const { children, items, className, current, onItemClick } = props;\n const [open, setOpen] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const onMouseEnter = useCallback(() => {\n if (timer.current) {\n clearTimeout(timer.current);\n timer.current = null;\n }\n // setOpen(true);\n }, []);\n\n useEffect(() => {\n return () => {\n if (timer.current) {\n clearTimeout(timer.current);\n }\n };\n }, []);\n\n const classNames = (children as ReactElement).props?.className;\n\n return (\n <PopoverRoot open={open}>\n <PopoverAnchor>\n <div\n className={\"oui-group\"}\n data-open={open}\n onMouseEnter={() => {\n setOpen(true);\n }}\n onMouseLeave={() => {\n timer.current = setTimeout(() => {\n setOpen(false);\n }, 150);\n }}\n >\n {cloneElement(children as React.ReactElement<any>, {\n className: cn(classNames, open && \"oui-bg-base-7\"),\n })}\n </div>\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={() => {\n setOpen(false);\n if (timer.current) {\n clearTimeout(timer.current);\n }\n }}\n className={cn(\n \"oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1\",\n className,\n )}\n >\n {items.map((item, index) => {\n return (\n <SubMenu\n key={index}\n item={item}\n onClick={onItemClick}\n active={item.href === current}\n />\n );\n })}\n </PopoverContent>\n </PopoverRoot>\n );\n};\n\nconst SubMenu: React.FC<{\n item: MainNavItem;\n active?: boolean;\n onClick: (item: MainNavItem) => void;\n}> = (props) => {\n const { item, active, onClick } = props;\n const hasDescription = typeof item.description !== \"undefined\";\n const hasIcon = typeof item.icon !== \"undefined\" && item.icon !== null;\n return (\n <Flex\n px={2}\n py={3}\n gapX={2}\n data-active={active ?? false}\n itemAlign={hasDescription ? \"start\" : \"center\"}\n className={cn(\n \"oui-group oui-w-full oui-cursor-pointer oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5\",\n // props.active && \"oui-bg-base-5\"\n )}\n r={\"md\"}\n onClick={() => {\n onClick(item);\n }}\n data-testid={item.testid}\n >\n {hasIcon && (\n <div\n className={cn(\n \"oui-relative oui-size-6\",\n hasDescription && \"oui-translate-y-1\",\n )}\n >\n <ItemIcon isActive={active ?? false} item={item} />\n </div>\n )}\n <div className=\"oui-flex-1\">\n <SubMenuTitle item={item} isActive={active} />\n {hasDescription && (\n <Text size={\"2xs\"} as={\"div\"} intensity={36}>\n {item.description}\n </Text>\n )}\n </div>\n </Flex>\n );\n};\n\nconst SubMenuTitle: React.FC<{ item: MainNavItem; isActive?: boolean }> = (\n props,\n) => {\n const { item, isActive } = props;\n return (\n <Flex itemAlign={\"center\"} width={\"100%\"} position=\"relative\">\n <div className=\"oui-flex oui-flex-1\">\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n size={\"xs\"}\n as={\"div\"}\n intensity={80}\n weight={\"semibold\"}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {item.name}\n </Text.gradient>\n {typeof item.tag !== \"undefined\" && <Tag item={item} />}\n </div>\n {item.target === \"_blank\" && <OutlinkIcon />}\n </Flex>\n );\n};\n\nconst Tag: React.FC<{ item: MainNavItem }> = (props) => {\n return (\n <div\n className={\n \"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\"\n }\n >\n <Text.gradient\n color={\"brand\"}\n size={\"3xs\"}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {props.item.tag}\n </Text.gradient>\n </div>\n );\n};\n\nconst ICON_CLASSNAME =\n \"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\";\n\nconst ItemIcon: React.FC<{ item: MainNavItem; isActive: boolean }> = (\n props,\n) => {\n const { isActive } = props;\n if (!props.item.icon) {\n return null;\n }\n if (typeof props.item.icon === \"string\") {\n return (\n <span className={\"oui-mr-1 oui-size-[20px]\"}>\n {\n <img\n src={\n isActive\n ? (props.item.activeIcon as string) || props.item.icon\n : props.item.icon\n }\n className={\"oui-max-h-full oui-max-w-full\"}\n />\n }\n </span>\n );\n }\n // return isActive ? props.item.activeIcon || props.item.icon : props.item.icon;\n return (\n <>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"group-hover:oui-invisible group-data-[active=true]:oui-invisible\",\n )}\n >\n {props.item.icon}\n </div>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"oui-invisible group-hover:oui-visible group-data-[active=true]:oui-visible\",\n )}\n >\n {props.item.activeIcon || props.item.icon}\n </div>\n </>\n );\n};\n\nconst OutlinkIcon: React.FC = () => {\n return (\n <>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-absolute oui-right-0 oui-top-0 group-hover:oui-invisible\"\n >\n <path\n 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\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </svg>\n\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-invisible oui-absolute oui-right-0 oui-top-0 group-hover:oui-visible\"\n >\n <path\n 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\"\n fill=\"url(#outlineIcon)\"\n />\n <defs>\n <linearGradient\n id=\"outlineIcon\"\n x1=\"17.492\"\n y1=\"9.992\"\n x2=\"2.492\"\n y2=\"9.992\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n </>\n );\n};\n","import { FC } from \"react\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\nimport { MainNavMenus, type MainNavItemsProps } from \"./mainNavMenus.ui\";\n\nexport const MainNavMenusWidget: FC<MainNavItemsProps> = (props) => {\n return <MainNavMenus {...props} />;\n};\n\ninstallExtension<MainNavItemsProps>({\n name: \"default-main-nav-menus\",\n scope: [\"*\"],\n positions: [ExtensionPositionEnum.MainMenus],\n __isInternal: true,\n})((props: MainNavItemsProps) => {\n return <MainNavMenus {...props} />;\n});\n\nexport const MainNavMenusExtension: FC<MainNavItemsProps> = (props) => {\n return (\n <ExtensionSlot position={ExtensionPositionEnum.MainMenus} {...props} />\n );\n};\n","import { FC } from \"react\";\nimport { cn, Flex } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./navItem\";\n\nexport type MainNavClassNames = {\n root?: string;\n navItem?: string;\n subMenu?: string;\n};\n\nexport type MainNavItemsProps = {\n items?: MainNavItem[];\n current?: string[];\n classNames?: MainNavClassNames;\n onItemClick?: (item: MainNavItem[]) => void;\n};\n\nexport const MainNavMenus: FC<MainNavItemsProps> = (props) => {\n const { items, classNames } = props;\n\n if (!Array.isArray(items) || items.length === 0) {\n return null;\n }\n\n return (\n <Flex className={cn(\"oui-gap-1\", classNames?.root)}>\n {items?.map((item, index) => (\n <NavItem\n key={index}\n item={item}\n // active={item.href === props.current?.[0]}\n currentPath={props.current}\n onClick={props.onItemClick}\n />\n ))}\n </Flex>\n );\n};\n","import { PropsWithChildren, ReactNode } from \"react\";\nimport { LeftNavProps } from \"../leftNav/leftNav.type\";\nimport { MainNavClassNames } from \"./mainMenus/mainNavMenus.ui\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\nimport { CampaignPositionEnum, useMainNavScript } from \"./mainNav.script\";\nimport { MainNav } from \"./mainNav.ui\";\n\nexport type MainNavWidgetProps = {\n leading?: ReactNode;\n trailing?: ReactNode;\n logo?: {\n src: string;\n alt: string;\n };\n mainMenus?: MainNavItem[];\n\n campaigns?: MainNavItem;\n campaignPosition?: CampaignPositionEnum;\n /**\n * initial menu path, if it has submenus, use array\n * @type string | string[]\n */\n initialMenu?: string | string[];\n\n onItemClick?: (options: {\n href: string;\n name: string;\n scope?: string;\n }) => void;\n\n /** only works on mobile */\n leftNav?: LeftNavProps;\n customLeftNav?: ReactNode;\n className?: string;\n classNames?: {\n root?: string;\n mainNav?: MainNavClassNames;\n // subNav?: string;\n logo?: string;\n account?: string;\n chains?: string;\n campaignButton?: string;\n };\n\n /** custom render main nav */\n customRender?: (components: {\n /** Logo or title component (desktop & mobile) */\n title?: ReactNode;\n /** Language selection component (desktop & mobile) */\n languageSwitcher?: ReactNode;\n /** Sub-account component (desktop & mobile) */\n subAccount?: ReactNode;\n /** Device linking component (desktop & mobile) */\n linkDevice?: ReactNode;\n /** Chain selection menu (desktop & mobile) */\n chainMenu?: ReactNode;\n /** Wallet connection component (desktop & mobile) */\n walletConnect?: ReactNode;\n\n /** Main navigation menu (desktop & mobile) */\n mainNav?: ReactNode;\n /** Account summary component (desktop only) */\n accountSummary?: ReactNode;\n\n /** Left navigation component (mobile only) */\n leftNav?: ReactNode;\n /** QR code scanner component (mobile only) */\n scanQRCode?: ReactNode;\n }) => ReactNode;\n};\n\nexport const MainNavWidget = (props: PropsWithChildren<MainNavWidgetProps>) => {\n const { children, classNames, ...rest } = props;\n const state = useMainNavScript(rest);\n return (\n <MainNav classNames={classNames} {...state}>\n {children}\n </MainNav>\n );\n};\n","import { ReactNode } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { BottomNav } from \"./bottomNav.ui.mobile\";\n\nexport type BottomNavProps = {\n mainMenus?: BottomNavItem[];\n current?: string;\n onRouteChange?: RouterAdapter[\"onRouteChange\"];\n};\n\nexport type BottomNavItem = {\n name: string;\n href: string;\n activeIcon: ReactNode;\n inactiveIcon: ReactNode;\n};\n\nexport const BottomNavWidget = (props: BottomNavProps) => {\n const { isMobile } = useScreen();\n const { mainMenus, ...rest } = props;\n return isMobile ? <BottomNav mainMenus={mainMenus} {...rest} /> : null;\n};\n","import {\n Box,\n cn,\n Dialog,\n DialogBody,\n DialogContent,\n DialogHeader,\n DialogTitle,\n Divider,\n Flex,\n} from \"@orderly.network/ui\";\nimport { CloseIcon, InfoIcon } from \"../icons\";\nimport { MaintenanceTipInterface } from \"./script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const MaintenanceTipsUI = (props: MaintenanceTipInterface) => {\n const { showTips, showDialog, tipsContent, closeTips, dialogContent } = props;\n const { t } = useTranslation();\n\n if (showDialog) {\n return (\n <Dialog open={true}>\n <DialogContent\n closable={false}\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"oui-w-[320px] md:oui-w-auto\"\n >\n <DialogHeader>\n <DialogTitle>{t(\"maintenance.dialog.title\")}</DialogTitle>\n </DialogHeader>\n <Divider />\n <DialogBody className=\"oui-text-2xs md:oui-text-xs\">\n {dialogContent}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n }\n if (!showTips) {\n return <></>;\n }\n return (\n <Flex\n className={cn(\n \"oui-bg-warning-darken/10 oui-text-warning-darken oui-text-2xs md:oui-text-sm oui-relative oui-gap-1\",\n \"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\",\n \"oui-leading-4\",\n \"oui-rounded-xl md:oui-rounded-none\",\n \"oui-min-h-[48px]\",\n \"oui-justify-start oui-items-start\",\n \"xl:oui-justify-center xl:oui-items-center xl:oui-px-4\"\n )}\n >\n <div className=\"oui-flex oui-items-start oui-justify-start oui-gap-1 \">\n <InfoIcon\n size={20}\n className=\"oui-flex-shrink-0 oui-w-4 md:oui-w-5 oui-h-4 md:oui-h-5 \"\n />\n <Box className=\"oui-font-semibold oui-leading-4\">{tipsContent}</Box>\n </div>\n <CloseIcon\n size={16}\n 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\"\n onClick={closeTips}\n />\n </Flex>\n );\n};\n","import { useMaintenanceStatus } from \"@orderly.network/hooks\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { getTimestamp } from \"@orderly.network/utils\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nfunction getTimeString(timestamp: number) {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n}\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nexport interface MaintenanceTipInterface {\n tipsContent: string;\n showTips: boolean;\n closeTips: () => void;\n showDialog: boolean;\n dialogContent?: string;\n}\n\nexport const useMaintenanceScript = (): MaintenanceTipInterface => {\n const { t } = useTranslation();\n const [showTips, setShowTips] = useState(false);\n const [showDialog, setShowDialog] = useState(false);\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n const startDate = useMemo(() => {\n if (!startTime) {\n return \"-\";\n }\n return getTimeString(startTime);\n }, [startTime]);\n\n const endDate = useMemo(() => {\n if (!endTime) {\n return \"-\";\n }\n return getTimeString(endTime);\n }, [endTime]);\n\n const closeTips = () => {\n window.localStorage.setItem(`Maintenance_${startTime}`, \"1\");\n setShowTips(false);\n };\n\n useEffect(() => {\n console.log(\"-- start time\", {\n startTime,\n status,\n });\n if (status === 2) {\n setShowTips(false);\n setShowDialog(true);\n return;\n }\n setShowDialog(false);\n if (startTime) {\n if (startTime < getTimestamp() + oneDay) {\n // check localstorage\n if (!window.localStorage.getItem(`Maintenance_${startTime}`)) {\n setShowTips(true);\n }\n }\n }\n }, [startTime, status]);\n\n const tipsContent = t(\"maintenance.tips.description\", {\n brokerName,\n startDate,\n endDate,\n });\n\n const dialogContent = t(\"maintenance.dialog.description\", {\n brokerName,\n endDate,\n });\n\n return {\n tipsContent,\n showTips,\n closeTips,\n showDialog,\n dialogContent,\n };\n};\n","import { MaintenanceTipsUI } from \"./ui\";\nimport { useMaintenanceScript } from \"./script\";\n\nexport const MaintenanceTipsWidget = () => {\n const props = useMaintenanceScript();\n return <MaintenanceTipsUI {...props} />;\n};\n","export const useLeftNavState = () => {\n return {};\n};\n\nexport type LeftNavState = ReturnType<typeof useLeftNavState>;\n","import { FC } from \"react\";\nimport { useLeftNavState } from \"./leftNav.script\";\nimport { LeftNavProps } from \"./leftNav.type\";\n\nexport const LeftNavWidget: FC<LeftNavProps> = (props) => {\n const state = useLeftNavState();\n return <div>LeftNavWidget</div>;\n};\n"]}
1
+ {"version":3,"sources":["../src/components/accountMenu/menu.widget.tsx","../src/components/accountMenu/menu.ui.tsx","../src/components/accountMenu/useWidgetBuilder.script.tsx","../src/components/main/mainNav.script.ts","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/announcement/announcement.ui.tsx","../src/components/icons/communtiyIcons.tsx","../src/components/icons/orderlyNetworkTextIcon.tsx","../src/components/icons/signal.tsx","../src/components/icons/infoIcon.tsx","../src/components/icons/closeIcon.tsx","../src/components/icons/orderlyLogo.tsx","../src/components/announcement/announcement.script.tsx","../src/components/announcement/announcement.widget.tsx","../src/components/bottomNav/bottomNav.ui.mobile.tsx","../src/components/main/mainNav.ui.mobile.tsx","../src/components/chainMenu/chainMenu.widget.tsx","../src/components/chainMenu/chainMenu.script.ts","../src/components/chainMenu/chainMenu.ui.tsx","../src/components/chainMenu/chainMenu.ui.mobile.tsx","../src/components/languageSwitcher/languageSwitcher.script.ts","../src/components/languageSwitcher/languageSwitcher.ui.tsx","../src/components/languageSwitcher/widget.tsx","../src/components/leftNav/leftNav.ui.tsx","../src/components/main/mainLogo.tsx","../src/components/subAccount/subAccount.script.ts","../src/components/subAccount/useAccountValue.tsx","../src/components/subAccount/subAccount.ui.tsx","../src/components/subAccount/components/accountItem.tsx","../src/components/subAccount/icons.tsx","../src/components/subAccount/components/createSubAccountModal.tsx","../src/components/subAccount/components/common.tsx","../src/components/subAccount/components/editNickNameModal.tsx","../src/components/subAccount/subAccount.widget.tsx","../src/components/leftNav/communityIcon.tsx","../src/components/scanQRCode/scanQRCode.script.ts","../src/components/scanQRCode/scanQRCode.ui.tsx","../src/components/scanQRCode/scanner.tsx","../src/components/scanQRCode/scanQRCode.widget.tsx","../src/components/main/linkDevice/widget.tsx","../src/components/main/linkDevice/linkDevice.script.tsx","../src/components/main/linkDevice/linkDevice.ui.tsx","../src/components/main/linkDevice/linkDevice.ui.mobile.tsx","../src/components/restrictedInfo/restrictedInfo.ui.tsx","../src/components/restrictedInfo/restrictedInfo.script.tsx","../src/components/restrictedInfo/restrictedInfo.widget.tsx","../src/components/scaffold/scaffold.script.ts","../src/components/scaffold/scaffold.ui.tsx","../src/components/footer/footer.ui.tsx","../src/components/footer/footer.script.tsx","../src/components/footer/footer.widget.tsx","../src/components/sidebar/sidebar.ui.tsx","../src/components/sidebar/useSideNavBuilder.script.tsx","../src/components/sidebar/sidebar.widget.tsx","../src/components/scaffold/scaffoldProvider.tsx","../src/components/scaffold/scaffoldContext.ts","../src/utils/chain.ts","../src/components/scaffold/scaffold.widget.tsx","../src/components/main/mainNav.ui.tsx","../src/components/accountSummary/accountSummary.ui.tsx","../src/components/accountSummary/useWidgetBuilder.script.ts","../src/components/accountSummary/accountSummary.widget.tsx","../src/components/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainNav.widget.tsx","../src/components/bottomNav/bottomNav.widget.tsx","../src/components/maintenanceTips/ui.tsx","../src/components/maintenanceTips/script.tsx","../src/components/maintenanceTips/widget.tsx","../src/components/leftNav/leftNav.script.ts","../src/components/leftNav/leftNav.widget.tsx"],"names":["ExtensionPositionEnum","ExtensionSlot","installExtension","useTranslation","AccountStatusEnum","Button","Divider","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","EVMAvatar","Flex","Text","jsx","jsxs","AccountMenu","props","state","onDisconnect","onOpenExplorer","disabled","WalletMenu","r","e","address","t","event","useCallback","useAccount","useChains","useWalletConnector","useAppContext","modal","toast","useScreen","ChainSelectorDialogId","WalletConnectorModalId","WalletConnectorSheetId","ModalTitle","useAccountMenu","disconnect","connectedChain","account","connectWallet","disabledConnect","_","findByChainId","isMobile","onCrateAccount","modalId","res","err","onCreateOrderlyKey","switchChain","status","statusChangeHandler","error","connect","nextState","chainInfo","explorer_base_url","AccountMenuWidget","WalletConnectButtonExtension","useMemo","useState","Box","cn","React","AnnouncementType","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","CommuntiyTelegramIcon","ref","size","rest","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Fragment","Announcement","maintenanceDialogInfo","showAnnouncement","currentTip","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","i18n","RenderTipsType","SwitchTips","tipsCount","type","label","className","map","useEffect","useRef","UTCDateMini","format","produce","MaintenanceStatus","useLocalStorage","useMaintenanceStatus","useQuery","useWS","useObserverElement","useOrderlyTheme","getTimestamp","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","options","setCurrentIndex","setIsAnimating","setShowAnnouncement","_tips","useAnnouncementData","getComponentTheme","dataAdapter","announcementStore","setStore","prev","intervalRef","prevIndex","multiLineState","useMultiLine","ws","setTips","setMaintenanceDialogInfo","startTime","endTime","brokerName","announcements","data","getMaintentTipsContent","startDate","endDate","getMaintentDialogContent","unsubscribe","message","idx","tip","apiTime","existingIds","maintenanceTip","item","getTimeString","index","setMutiLine","entry","timestamp","date","AnnouncementWidget","hideTips","BottomNav","mainMenus","current","onRouteChange","isSubmenu","menu","menus","isActive","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","wrongNetwork","setCurrentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","ChainSelectorSheetId","ChainMenuUiMobile","ChainMenuWidget","useTrack","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","onOpenChange","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","LanguageSwitcher","LanguageIcon","header","languageList","selected","LanguageItem","context","footer","renderTrailing","LanguageSwitcherWidget","Sheet","SheetContent","useModal","VectorIcon","SwapHorizIcon","PeopleIcon","useAppConfig","Logo","MainLogo","appIcons","main","useIndexPricesStream","ABSTRACT_CHAIN_ID_MAP","Decimal","useSubAccountQuery","useAccountValue","mainAccountId","accountValue","setAccountValue","newPositions","isPositionLoading","mutatePositions","value","acc","position","accountId","SubAccountScript","mainAccountHolding","setMainAccountHolding","wallet","indexPrices","subAccount","switchAccount","currentAccountId","hasRefreshedRef","userAddress","subAccounts","currentSubAccount","doCreatSubAccount","nickName","onSwitch","accountsWithValues","mainAccountUnsettlePnl","mainAccount","calculateAccountValue","updatedSubAccounts","subAccountUnsettlePnl","holdings","unsettlePnl","holding","price","getTokenIndexPrice","token","symbol","ScrollArea","PopoverRoot","PopoverContent","PopoverAnchor","CopyIcon","formatAddress","SubAccountIcon","SwapIcon","AddIcon","EditIcon","AccountIdForCopy","info","copy","AccountItem","inputFormatter","TextField","NickNameTextField","MAX_SUB_ACCOUNT_COUNT","CreateSubAccount","setNickName","invalid","setInvalid","subAccountCount","reset","validateNickName","_nickName","EditNickNameDialog","newNickName","setNewNickName","SubAccountUI","timer","onMouseEnter","editDialogOpen","setEditDialogOpen","editAccountItem","setEditAccountItem","noSubAccount","renderSubAccount","content","dialogId","SubAccountWidget","CommunityDiscord","width","height","CommunityTG","CommunityX","CommunityDune","LeftNavUI","showModal","LeftNavSheet","visible","resolve","reject","showSubAccount","option","subAccountTrigger","name","openExternalLink","url","NavItem","onClick","href","icon","trailing","customRender","target","onItemClick","useScanQRCodeScript","timerRef","showScanTooltip","setShowScanTooltip","showDialog","hideDialog","onScanSuccess","isValidURL","str","Trans","jsQR","QRCODE_WIDTH","QRCODE_HEIGHT","RATIO","QRCodeScanner","videoRef","canvasRef","tick","video","canvas","ctx","videoWidth","videoHeight","canvasAspectRatio","videoAspectRatio","sx","sy","sWidth","sHeight","imageData","stream","ScanQRCode","ScanIcon","ScanQRCodeContent","LineGradient","RadiusGradient","LinkDeviceIcon","ScanQRCodeWidget","useEventEmitter","ExpireSeconds","useLinkDeviceScript","confirm","setConfirm","seconds","setSeconds","secretKey","setSecretKey","setUrl","ee","chain","createTrackParams","getOrderlyKey","onConfirm","copyUrl","params","createUrl","base64","qr","SimpleDialogFooter","LinkDevice","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","qrcode","cells","tileW","tileH","row","c","w","h","LinkDeviceMobile","DesktopIcon","Dot","LinkIcon","MobileIcon","DotIcon","LinkDeviceWidget","MainNavMobile","currentMenu","title","isSub","subTitle","onBack","showLinkDevice","showChainMenu","showQrcode","renderContent","languageSwitcher","scanQRCode","linkDevice","chainMenu","walletConnect","leftNav","Checkbox","RestrictedInfo","agree","setAgree","ip","restrictedOpen","canUnblock","accessRestricted","setAccessRestricted","checked","useRestrictedInfoScript","restrictedInfo","container","setCanUnblock","RestrictedInfoWidget","MobileScaffold","classNames","useScaffoldScript","topNavbarRef","topNavbarHeight","useRefAndHeight","footerRef","footerHeight","bottomNavRef","bottomNavHeight","announcementRef","announcementHeight","expand","setExpand","sideBarExpandWidth","sideBarCollaspedWidth","hasLeftSidebar","defaultHeight","deps","setHeight","isValidElement","Grid","WsNetworkStatus","Footer","signalClsName","openUrl","useWsStatus","useFooterScript","FooterWidget","memo","tv","menuItemVariants","MenuItem","mode","active","button","children","SideMenus","SideBarHeader","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","items","onItemSelect","useSideNavBuilder","setCurrent","expanded","useScaffoldContext","SideNavbarWidget","DesktopScaffold","MainNavWidget","OrderlyContext","createContext","useContext","ScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","Scaffold","CampaignPositionEnum","useMainNavScript","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","campaigns","converted","EyeCloseIcon","EyeIcon","Popover","TotalValue","totalValue","onToggleVisibility","visibleAvailable","FreeCollateral","freeCollateral","CurrentLeverage","currentLeverage","MaxLeverage","UnrealPnL","AccountInfoPopover","keys","elementKeys","onSetToTop","key","elements","DropdownMenu","IdentityButton","AccountSummary","canToggleIndex","sizeRef","resizeObserver","entries","Items","Element","useLeverage","useMarginRatio","usePositionStream","useCollateral","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","cloneElement","ChevronDownIcon","ActiveIcon","isObject","ORDERLY_NAV_BUTTON_TOOLTIP_OPEN","currentPath","buttonProps","showButtonTooltip","setShowButtonTooltip","onClickHandler","buttonRender","tooltipConfig","ItemIcon","SubMenus","subItem","SubMenu","hasDescription","hasIcon","SubMenuTitle","Tag","OutlinkIcon","ICON_CLASSNAME","CampaignButton","MainNavMenus","MainNavMenusExtension","MainNav","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","accountSummary","mainNav","BottomNavWidget","MaintenanceTipsUI","showTips","tipsContent","dialogContent","useMaintenanceScript","setShowTips","setShowDialog","MaintenanceTipsWidget","useLeftNavState","LeftNavWidget"],"mappings":"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","sourcesContent":["import {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\nimport { AccountMenu, AccountMenuProps } from \"./menu.ui\";\nimport { useAccountMenu } from \"./useWidgetBuilder.script\";\nimport { FC } from \"react\";\n\nexport const AccountMenuWidget = () => {\n const state = useAccountMenu();\n return <AccountMenu {...state} />;\n};\n\ninstallExtension<AccountMenuProps>({\n name: \"account-menu\",\n scope: [\"*\"],\n positions: [ExtensionPositionEnum.AccountMenu],\n builder: useAccountMenu,\n __isInternal: true,\n})((props: AccountMenuProps) => {\n return <AccountMenu {...props} />;\n});\n\nexport const WalletConnectButtonExtension = () => {\n return <ExtensionSlot position={ExtensionPositionEnum.AccountMenu} />;\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Button,\n Divider,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n EVMAvatar,\n Flex,\n Text,\n} from \"@orderly.network/ui\";\n\nexport type AccountMenuProps = {\n accountState: AccountState;\n address?: string;\n onDisconnect: () => void;\n connect: () => Promise<void>;\n onCrateAccount: () => Promise<void>;\n onCreateOrderlyKey: () => Promise<void>;\n onOpenExplorer: () => void;\n disabledConnect?: boolean;\n};\n\nexport const AccountMenu = (props: AccountMenuProps) => {\n const { t } = useTranslation();\n const { accountState: state, onDisconnect, onOpenExplorer } = props;\n const disabled = state.validating || props.disabledConnect;\n\n if (\n !disabled &&\n (state.status === AccountStatusEnum.EnableTrading ||\n state.status === AccountStatusEnum.EnableTradingWithoutConnected)\n ) {\n return (\n <WalletMenu\n address={state.address!}\n onDisconnect={onDisconnect}\n onOpenExplorer={onOpenExplorer}\n />\n );\n }\n\n if (state.status <= AccountStatusEnum.NotConnected || disabled) {\n return (\n <Button\n data-testid=\"oui-testid-nav-bar-connectWallet-btn\"\n size=\"md\"\n variant={disabled ? undefined : \"gradient\"}\n angle={45}\n className=\"wallet-connect-button\"\n loading={state.validating}\n disabled={disabled}\n onClick={() => {\n props\n .connect()\n .then((r) => {\n console.log(\"*****\", r);\n })\n .catch((e) => console.error(e));\n }}\n >\n {t(\"connector.connectWallet\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // content={\"Please connect wallet before starting to trade\"}\n // align={\"end\"}\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // >\n\n // </Tooltip>\n // );\n }\n\n if (state.status <= AccountStatusEnum.NotSignedIn) {\n return (\n <Button size=\"md\" onClick={() => props.onCrateAccount()}>\n {t(\"connector.createAccount\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // content={\"Please sign in before starting to trade\"}\n // align={\"end\"}\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // >\n\n // </Tooltip>\n // );\n }\n\n if (state.status <= AccountStatusEnum.DisabledTrading) {\n return (\n <Button\n size=\"md\"\n onClick={() => {\n props\n .onCreateOrderlyKey()\n .then((r) => console.log(r))\n .catch((e) => console.error(e));\n }}\n >\n {t(\"connector.enableTrading\")}\n </Button>\n );\n // return (\n // <Tooltip\n // open\n // className=\"oui-bg-base-5\"\n // arrow={{ className: \"oui-fill-base-5\" }}\n // content={\"Please enable trading before starting to trade\"}\n // align={\"end\"}\n // >\n\n // </Tooltip>\n // );\n }\n};\n\nexport type AccountState = {\n status: AccountStatusEnum;\n\n /**\n * whether the account is validating\n */\n validating: boolean;\n chainNamespace?: string;\n\n accountId?: string;\n userId?: string;\n address?: string;\n isNew?: boolean;\n\n connectWallet?: {\n name: string;\n chainId: number;\n };\n};\n\nconst WalletMenu = (props: {\n address: string;\n onDisconnect: () => void;\n onOpenExplorer: () => void;\n}) => {\n const { address, onDisconnect } = props;\n const { t } = useTranslation();\n\n return (\n <DropdownMenuRoot>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"md\"\n variant=\"gradient\"\n angle={45}\n data-testid=\"oui-testid-nav-bar-address-btn\"\n >\n <Text.formatted rule=\"address\" className=\"oui-text-[rgba(0,0,0,.88)]\">\n {address}\n </Text.formatted>\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n size={\"xl\"}\n align={\"end\"}\n onCloseAutoFocus={(e) => e.preventDefault()}\n style={{ width: \"280px\" }}\n className={\"oui-py-5 oui-font-semibold\"}\n sideOffset={12}\n >\n <DropdownMenuGroup>\n <Flex px={4}>\n <Flex gap={2} className={\"oui-flex-1\"}>\n <EVMAvatar address={address} size={\"md\"} />\n <Text.formatted rule={\"address\"} size={\"base\"}>\n {address}\n </Text.formatted>\n </Flex>\n <Flex gap={2}>\n <button\n data-testid=\"oui-testid-nav-bar-dropDownMenuItem-copyAddress\"\n onClick={async () => {\n // copy\n await navigator.clipboard.writeText(address);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n // fill=\"none\"\n className=\"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken\"\n >\n <path\n 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\"\n // fill=\"currentcolor\"\n // fillOpacity=\".36\"\n\n // className={''}\n />\n </svg>\n </button>\n <button onClick={() => props.onOpenExplorer()}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n className=\"oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken\"\n >\n <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\" />\n </svg>\n </button>\n </Flex>\n </Flex>\n </DropdownMenuGroup>\n <Divider className={\"oui-mx-4 oui-my-3\"} intensity={8} />\n {/* <DropdownMenuGroup>\n <DropdownMenuItem size={\"xl\"}>\n <Flex gap={2}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n opacity=\".998\"\n d=\"M5.243 2.197a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3zm0 1.5h7.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.52 1.52 0 0 1-.754 1.298c-.144-1.771-2.046-2.798-4.496-2.798S4.603 12.251 4.486 14a1.52 1.52 0 0 1-.743-1.303v-7.5a1.5 1.5 0 0 1 1.5-1.5m3.75 1.5a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n <span>Overview</span>\n </Flex>\n </DropdownMenuItem>\n <DropdownMenuItem size={\"xl\"}>\n <Flex gap={2}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n d=\"M5.693 1.499c-1.463 0-2.672 1.11-2.672 2.508v9.984c0 1.398 1.209 2.508 2.672 2.508h6.657c1.463 0 2.672-1.11 2.672-2.508V6.726c0-2.672-2.58-5.227-5.25-5.227zm4.829 1.594c1.329.352 2.562 1.58 2.906 2.906h-1.735c-.667 0-1.171-.472-1.171-1.008zm-3.75 2.906h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5m0 3h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n <span>Orders</span>\n </Flex>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n <Divider className={\"oui-mx-4 oui-my-3\"} intensity={8} /> */}\n <DropdownMenuGroup>\n <DropdownMenuItem\n size={\"xl\"}\n onSelect={(event) => {\n event.preventDefault();\n onDisconnect();\n }}\n data-testid=\"oui-testid-nav-bar-dropDownMenuItem-disconnect\"\n >\n <Flex gap={2} className={\"oui-text-danger-light\"}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"currentcolor\"\n />\n </svg>\n <span>{t(\"connector.disconnect\")}</span>\n </Flex>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useCallback } from \"react\";\nimport {\n useAccount,\n useChains,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { modal, toast, useScreen, Text } from \"@orderly.network/ui\";\nimport { ChainSelectorDialogId } from \"@orderly.network/ui-chain-selector\";\nimport {\n WalletConnectorModalId,\n WalletConnectorSheetId,\n} from \"@orderly.network/ui-connector\";\n\nconst ModalTitle = () => {\n const { t } = useTranslation();\n const { state } = useAccount();\n if (state.status < AccountStatusEnum.SignedIn) {\n return <Text>{t(\"connector.createAccount\")}</Text>;\n }\n if (state.status < AccountStatusEnum.EnableTrading) {\n return <Text>{t(\"connector.enableTrading\")}</Text>;\n }\n return <Text>{t(\"connector.connectWallet\")}</Text>;\n};\n\nexport const useAccountMenu = (): any => {\n const { t } = useTranslation();\n const { disconnect, connectedChain } = useWalletConnector();\n const { account, state } = useAccount();\n const { connectWallet, disabledConnect } = useAppContext();\n\n const [_, { findByChainId }] = useChains();\n\n const { isMobile } = useScreen();\n\n const onCrateAccount = async () => {\n const modalId = isMobile ? WalletConnectorSheetId : WalletConnectorModalId;\n modal\n .show(modalId, {\n title: <ModalTitle />,\n })\n .then(\n (res) => console.log(\"return ::\", res),\n (err) => console.log(\"error:::\", err),\n );\n };\n\n const onCreateOrderlyKey = async () => {\n const modalId = isMobile ? WalletConnectorSheetId : WalletConnectorModalId;\n modal\n .show(modalId, {\n title: <ModalTitle />,\n })\n .then(\n (res) => console.log(\"return ::\", res),\n (err) => console.log(\"error:::\", err),\n );\n };\n\n const switchChain = () => {\n account.once(\"validate:end\", (status) => {\n if (status < AccountStatusEnum.EnableTrading) {\n statusChangeHandler({\n status,\n });\n } else {\n toast.success(t(\"connector.walletConnected\"));\n }\n });\n\n modal\n .show<{\n wrongNetwork: boolean;\n }>(ChainSelectorDialogId)\n .then(\n (r) => {\n if (!r.wrongNetwork) {\n if (state.status < AccountStatusEnum.EnableTrading) {\n statusChangeHandler(state);\n } else {\n toast.success(t(\"connector.walletConnected\"));\n }\n }\n },\n (error) => console.log(\"[switchChain error]\", error),\n );\n };\n\n const connect = async () => {\n const res = await connectWallet();\n\n if (!res) return;\n\n if (res.wrongNetwork) {\n switchChain();\n } else {\n statusChangeHandler(res);\n }\n };\n\n const statusChangeHandler = (nextState: any) => {\n if (nextState.validating || nextState.status <= AccountStatusEnum.Connected)\n return;\n\n if (nextState.status < AccountStatusEnum.SignedIn) {\n onCrateAccount();\n }\n if (nextState.status < AccountStatusEnum.EnableTrading) {\n onCreateOrderlyKey();\n }\n };\n\n const onOpenExplorer = useCallback(() => {\n if (!connectedChain) return;\n const chainInfo = findByChainId(\n connectedChain!.id as number,\n \"network_infos\",\n );\n\n if (chainInfo) {\n // @ts-ignore\n const { explorer_base_url } = chainInfo;\n if (explorer_base_url) {\n if (explorer_base_url.endsWith(\"/\")) {\n window.open(`${explorer_base_url}address/${account.address}`);\n } else {\n window.open(`${explorer_base_url}/address/${account.address}`);\n }\n }\n }\n }, [state, connectedChain]);\n\n const onDisconnect = async () => {\n localStorage.removeItem(\"orderly_link_device\");\n await disconnect({\n label: state.connectWallet?.name,\n });\n await account.disconnect();\n };\n\n return {\n address: state.address,\n accountState: state,\n connect,\n onCrateAccount,\n onCreateOrderlyKey,\n onOpenExplorer,\n onDisconnect,\n disabledConnect,\n } as const;\n};\n\nexport type AccountMenuProps = ReturnType<typeof useAccountMenu>;\n","import { useMemo, useState } from \"react\";\nimport { useAccount, useWalletConnector } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useScaffoldContext } from \"../scaffold\";\nimport { CampaignProps } from \"./campaignButton\";\nimport { MainNavItemsProps } from \"./mainMenus/mainNavMenus.ui\";\nimport type { MainNavItem } from \"./mainMenus/navItem\";\nimport { MainNavWidgetProps } from \"./mainNav.widget\";\n\n// export type CampaignPosition = \"menuLeading\" | \"menuTailing\" | \"navTailing\";\nexport enum CampaignPositionEnum {\n menuLeading = \"menuLeading\",\n menuTailing = \"menuTailing\",\n navTailing = \"navTailing\",\n}\n\nexport type MainNavScriptReturn = ReturnType<typeof useMainNavScript>;\n\nexport const useMainNavScript = (props: MainNavWidgetProps) => {\n const { onItemClick, campaignPosition = CampaignPositionEnum.navTailing } =\n props;\n const { state } = useAccount();\n const { routerAdapter } = useScaffoldContext();\n const { connectedChain } = useWalletConnector();\n const { wrongNetwork, disabledConnect } = useAppContext();\n const [current, setCurrent] = useState(() => {\n if (typeof props.initialMenu === \"undefined\") return [];\n\n return !Array.isArray(props.initialMenu)\n ? [props.initialMenu]\n : props.initialMenu;\n });\n\n const onItemClickHandler = (scope: string) => (item: MainNavItem[]) => {\n const lastItem = item[item.length - 1];\n\n if (!lastItem) return;\n\n /**\n * If the target is not _blank, we should update the current state\n */\n if (lastItem.target !== \"_blank\") {\n setCurrent(item.map((item) => item.href));\n }\n\n const current = item[item.length - 1];\n const args = {\n href: current.href,\n name: current.name,\n scope,\n target: current.target,\n };\n\n if (typeof onItemClick === \"function\") {\n onItemClick(args);\n return;\n }\n\n routerAdapter?.onRouteChange(args);\n };\n\n const mainNavConfig = useMemo(() => {\n const config = {\n leading: null,\n trailing: null,\n logo: {},\n mainMenus: [\n // { name: \"Trading\", href: \"/trading\" },\n // { name: \"Portfolio\", href: \"/portfolio\" },\n // { name: \"Markets\", href: \"/markets\" },\n // { name: \"Rewards\", href: \"/rewards\" },\n ],\n ...props,\n campaignPosition,\n };\n if (props.leading) {\n config.leading = props.leading;\n }\n\n if (props.trailing) {\n config.trailing = props.trailing;\n }\n\n if (props.campaigns) {\n if (campaignPosition === CampaignPositionEnum.menuTailing) {\n config.mainMenus = [...config.mainMenus, props.campaigns];\n } else if (campaignPosition === CampaignPositionEnum.menuLeading) {\n config.mainMenus = [props.campaigns, ...config.mainMenus];\n } else {\n config.campaigns = props.campaigns;\n }\n }\n\n return config;\n }, [props]);\n\n const { mainMenus, campaigns } = useMemo(() => {\n const converted: {\n campaigns?: CampaignProps;\n mainMenus?: MainNavItemsProps;\n } = {};\n\n if (mainNavConfig.mainMenus && mainNavConfig.mainMenus.length) {\n converted.mainMenus = {\n items: mainNavConfig.mainMenus,\n /**\n * @type string\n * The current item of the router\n */\n current,\n onItemClick: onItemClickHandler(\"mainMenu\"),\n // onItemClick: (item: MainNavItem[]) => {\n // const lastItem = item[item.length - 1];\n\n // if (!lastItem) return;\n\n // /**\n // * If the target is not _blank, we should update the current state\n // */\n // if (lastItem.target !== \"_blank\") {\n // setCurrent(item.map((item) => item.href));\n // }\n\n // const current = item[item.length - 1];\n // const args = {\n // href: current.href,\n // name: current.name,\n // scope: \"mainMenu\",\n // target: current.target,\n // };\n\n // if (typeof onItemClick === \"function\") {\n // onItemClick(args);\n // return;\n // }\n\n // routerAdapter?.onRouteChange(args);\n // },\n };\n }\n\n if (mainNavConfig.campaigns && mainNavConfig.campaigns.children?.length) {\n converted.campaigns = {\n item: mainNavConfig.campaigns,\n current,\n onItemClick: onItemClickHandler(\"campaign\"),\n // onItemClick: (item: MainNavItem[]) => {\n // const lastItem = item[item.length - 1];\n\n // if (!lastItem) return;\n\n // /**\n // * If the target is not _blank, we should update the current state\n // */\n // if (lastItem.target !== \"_blank\") {\n // setCurrent(item.map((item) => item.href));\n // }\n\n // const current = item[item.length - 1];\n // const args = {\n // href: current.href,\n // name: current.name,\n // scope: \"campaign\",\n // target: current.target,\n // };\n\n // if (typeof onItemClick === \"function\") {\n // onItemClick(args);\n // return;\n // }\n\n // routerAdapter?.onRouteChange(args);\n // },\n };\n }\n\n return converted;\n }, [mainNavConfig]);\n\n return {\n // currentProduct,\n // logo: mainNavConfig.logo,\n ...mainNavConfig,\n mainMenus,\n campaigns,\n isConnected: !!connectedChain,\n wrongNetwork,\n status: state.status,\n disabledConnect,\n };\n};\n","import { PropsWithChildren } from \"react\";\nimport { Box, cn } from \"@orderly.network/ui\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { BottomNav } from \"../bottomNav/bottomNav.ui.mobile\";\nimport { MainNavMobile } from \"../main/mainNav.ui.mobile\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\nimport { ScaffoldProps } from \"./scaffold.widget\";\n\ntype MobileScaffoldProps = PropsWithChildren<\n ScaffoldScriptReturn & ScaffoldProps\n>;\n\nexport const MobileScaffold = (props: MobileScaffoldProps) => {\n const { classNames } = props;\n return (\n <div\n style={{\n // only effective on real device, 12px is extra padding\n paddingBottom: `calc(${props.bottomNavHeight}px + 12px + env(safe-area-inset-bottom))`,\n }}\n className={cn(\n \"oui-scaffold-root oui-w-full oui-bg-base-10\",\n // \"oui-custom-scrollbar oui-overflow-y-auto\",\n classNames?.root,\n )}\n >\n <header\n ref={props.topNavbarRef}\n className={cn(\n \"oui-scaffold-topNavbar\",\n \"oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10\",\n classNames?.topNavbar,\n )}\n >\n {props.topBar ?? (\n <MainNavMobile\n {...props.mainNavProps}\n routerAdapter={props.routerAdapter}\n />\n )}\n </header>\n\n <Box\n className={cn(\n \"oui-scaffold-container oui-overflow-hidden\",\n // \"oui-relative\",\n // \"oui-custom-scrollbar oui-overflow-y-auto\",\n classNames?.container,\n )}\n >\n <RestrictedInfoWidget className=\"oui-mx-1 oui-mb-1 oui-bg-base-6\" />\n\n <AnnouncementWidget\n className=\"oui-mx-1 oui-mb-1 oui-bg-base-6\"\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n\n <Box\n height=\"100%\"\n width=\"100%\"\n className={cn(\"oui-scaffold-content\", classNames?.content)}\n >\n {props.children}\n </Box>\n </Box>\n\n <footer\n ref={props.bottomNavRef}\n className={cn(\n \"oui-scaffold-bottomNav\",\n \"oui-fixed oui-bottom-0 oui-z-10\",\n \"oui-w-full oui-bg-base-9\",\n // only effective on real device\n \"oui-pb-[calc(env(safe-area-inset-bottom))]\",\n classNames?.bottomNav,\n )}\n >\n {props.bottomNav ?? (\n <BottomNav\n mainMenus={props?.bottomNavProps?.mainMenus}\n current={\n props?.bottomNavProps?.current || props?.mainNavProps?.initialMenu\n }\n onRouteChange={props.routerAdapter?.onRouteChange}\n />\n )}\n </footer>\n </div>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AnnouncementType } from \"@orderly.network/types\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n cn,\n DialogTitle,\n DialogHeader,\n Dialog,\n DialogBody,\n DialogContent,\n Divider,\n Flex,\n useScreen,\n Text,\n} from \"@orderly.network/ui\";\nimport { CloseIcon } from \"../icons\";\nimport { AnnouncementScriptReturn } from \"./announcement.script\";\n\nexport type AnnouncementProps = AnnouncementScriptReturn & {\n style?: React.CSSProperties;\n className?: string;\n hideTips?: boolean;\n};\n\nexport const Announcement: React.FC<Readonly<AnnouncementProps>> = (props) => {\n const { maintenanceDialogInfo, showAnnouncement, currentTip } = props;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n const contentNode = React.useMemo<React.ReactNode>(() => {\n if (!currentTip) {\n return null;\n }\n if (isMobile) {\n return <MobileTips {...props} />;\n }\n return <DeskTopTips {...props} />;\n }, [currentTip, isMobile, props]);\n\n if (maintenanceDialogInfo) {\n return (\n <Dialog open={true}>\n <DialogContent\n closable={false}\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"oui-w-[320px] lg:oui-w-auto\"\n >\n <DialogHeader>\n <DialogTitle>{t(\"maintenance.dialog.title\")}</DialogTitle>\n </DialogHeader>\n <Divider />\n <DialogBody className=\"oui-text-2xs lg:oui-text-xs\">\n {maintenanceDialogInfo}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n }\n\n if (!showAnnouncement) {\n return null;\n }\n\n return (\n <Flex\n key={currentTip?.announcement_id}\n style={props.style}\n className={cn(\n \"oui-announcement\",\n \"oui-overflow-hidden oui-rounded-xl oui-font-semibold\",\n props.className,\n )}\n >\n {contentNode}\n </Flex>\n );\n};\n\nconst DeskTopTips: React.FC<Readonly<AnnouncementScriptReturn>> = (props) => {\n const {\n currentTip,\n currentIndex,\n tips,\n prevTips,\n nextTips,\n closeTips,\n mutiLine,\n contentRef,\n isAnimating,\n } = props;\n\n const len = tips.length;\n\n const { i18n } = useTranslation();\n\n return (\n <>\n <Flex\n justify=\"center\"\n width=\"100%\"\n py={2}\n pl={4}\n gapX={2}\n itemAlign={mutiLine ? \"start\" : \"center\"}\n className={cn(\n \"oui-mr-[125px] oui-relative oui-overflow-hidden\",\n currentTip?.url && \"oui-cursor-pointer\",\n \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n isAnimating && \"oui-translate-y-1/2 oui-opacity-0\",\n )}\n onClick={() => {\n if (currentTip?.url) {\n window.open(currentTip?.url, \"_blank\");\n }\n }}\n >\n <RenderTipsType type={currentTip?.type} />\n <Text\n size=\"xs\"\n intensity={80}\n ref={contentRef}\n className=\"oui-leading-[18px]\"\n >\n {currentTip?.i18n?.[i18n.language] || currentTip?.message}\n </Text>\n </Flex>\n <Flex\n gapX={4}\n justify=\"center\"\n className={cn(\n \"oui-absolute oui-right-4 oui-top-2/4 -oui-translate-y-2/4\",\n )}\n >\n <SwitchTips\n currentIndex={currentIndex}\n tipsCount={len}\n prevTips={prevTips}\n nextTips={nextTips}\n />\n <CloseIcon\n onClick={closeTips}\n size={20}\n className=\"oui-text-base-contrast-80 hover:oui-text-base-contrast\"\n />\n </Flex>\n </>\n );\n};\n\nconst MobileTips: React.FC<Readonly<AnnouncementScriptReturn>> = (props) => {\n const {\n currentTip,\n currentIndex,\n tips,\n prevTips,\n nextTips,\n closeTips,\n isAnimating,\n } = props;\n\n const len = tips.length;\n\n const { i18n } = useTranslation();\n\n return (\n <Flex\n p={3}\n gapX={2}\n itemAlign=\"start\"\n width=\"100%\"\n className=\"oui-relative oui-overflow-hidden\"\n >\n <Flex\n gapY={2}\n direction=\"column\"\n className={cn(\"oui-items-start oui-justify-start oui-w-full\")}\n >\n <div\n // className={cn(\n // \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n // isAnimating && \"oui-translate-y-full oui-opacity-0\"\n // )}\n className={cn(\"oui-w-full\", currentTip?.url && \"oui-cursor-pointer\")}\n onClick={() => {\n if (currentTip?.url) {\n window.open(currentTip?.url, \"_blank\");\n }\n }}\n >\n <Text size=\"xs\" className=\"oui-leading-5\" intensity={80}>\n {currentTip?.i18n?.[i18n.language] || currentTip?.message}\n </Text>\n </div>\n\n <Flex width=\"100%\" justify=\"between\">\n <div\n // className={cn(\n // \"oui-transition-transform oui-duration-200 oui-ease-in-out oui-opacity-100\",\n // isAnimating && \"oui-translate-y-full oui-opacity-0\"\n // )}\n >\n <RenderTipsType type={currentTip?.type} />\n </div>\n <SwitchTips\n currentIndex={currentIndex}\n tipsCount={len}\n prevTips={prevTips}\n nextTips={nextTips}\n />\n </Flex>\n </Flex>\n <CloseIcon onClick={closeTips} size={18} className=\"oui-mt-[2px]\" />\n </Flex>\n );\n};\n\ntype SwitchTipsProps = {\n tipsCount: number;\n} & Pick<AnnouncementScriptReturn, \"currentIndex\" | \"prevTips\" | \"nextTips\">;\n\nconst SwitchTips: React.FC<Readonly<SwitchTipsProps>> = (props) => {\n const { currentIndex, tipsCount, prevTips, nextTips } = props;\n return (\n <div className=\"oui-flex oui-items-center oui-justify-center oui-gap-1 oui-text-base-contrast-54\">\n <ChevronLeftIcon\n size={20}\n opacity={1}\n 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 \"\n onClick={prevTips}\n />\n <div className=\"oui-text-base-contrast-54 oui-text-sm\">\n {currentIndex + 1}/{tipsCount}\n </div>\n <ChevronRightIcon\n size={20}\n opacity={1}\n 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 \"\n onClick={nextTips}\n />\n </div>\n );\n};\n\nconst RenderTipsType: React.FC<{ type?: AnnouncementType | null }> = ({\n type,\n}) => {\n const { t } = useTranslation();\n\n const { label, className } = useMemo(() => {\n const map: Record<AnnouncementType, { label: string; className: string }> =\n {\n [AnnouncementType.Listing]: {\n label: t(\"announcement.type.listing\"),\n className: \"oui-bg-primary/15 oui-text-primary\",\n },\n [AnnouncementType.Maintenance]: {\n label: t(\"announcement.type.maintenance\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n [AnnouncementType.Delisting]: {\n label: t(\"announcement.type.delisting\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n };\n return (\n map[type!] || {\n label: type,\n className: map[AnnouncementType.Listing].className,\n }\n );\n }, [type, t]);\n\n if (!label) {\n return null;\n }\n\n return (\n <Flex\n justify=\"center\"\n px={2}\n r=\"base\"\n className={cn(\n \"oui-text-2xs oui-leading-[18px] oui-font-medium\",\n \"oui-break-normal oui-whitespace-nowrap\",\n className,\n )}\n >\n {label}\n </Flex>\n );\n};\n","import { BaseIconProps } from \"@orderly.network/ui\";\nimport React from \"react\";\n\nexport const CommuntiyTelegramIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\nexport const CommuntiyDiscordIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n {...rest}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <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\" />\n </svg>\n );\n});\nexport const CommuntiyXIcon = React.forwardRef<\n SVGSVGElement,\n BaseIconProps\n>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n ref={ref}\n fill=\"#fff\"\n fillOpacity=\".54\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nCommuntiyXIcon.displayName = \"CommuntiyXIcon\";\nCommuntiyTelegramIcon.displayName = \"CommuntiyTelegramIcon\";\nCommuntiyDiscordIcon.displayName = \"CommuntiyDiscordIcon\";\n","import React from \"react\";\nimport { BaseIconProps } from \"@orderly.network/ui\";\n\nexport const OrderlyTextIcon = React.forwardRef<SVGSVGElement, BaseIconProps>(\n (props, ref) => {\n const { opacity = 1, ...rest } = props;\n return (\n <svg\n ref={ref}\n width=\"45\"\n height=\"14\"\n viewBox=\"0 0 45 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"#fff\"\n fillOpacity={opacity}\n />\n <path\n 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\"\n fill=\"#fff\"\n fillOpacity={opacity}\n />\n </svg>\n );\n }\n);\n","import { BaseIconProps } from \"@orderly.network/ui\";\nimport React from \"react\";\n// import { BaseIcon, BaseIconProps } from \"./baseIcon\";\n\nexport const SignalIcon = React.forwardRef<SVGSVGElement, BaseIconProps>(\n (props, ref) => {\n const { size = 18, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 18 18\"\n ref={ref}\n className=\"oui-fill-success-light\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n </svg>\n );\n }\n);\n\nSignalIcon.displayName = \"SignalIcon\";\n","import React, { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size: number;\n}\n\nexport const InfoIcon: FC<IconProps> = (props) => {\n const { size = 20, viewBox, ...rest } = props;\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={`${size}px`}\n height={`${size}px`}\n fill=\"none\"\n viewBox={`0 0 20 20`}\n {...rest}\n >\n <path\n 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\"\n fill=\"#FF7D00\"\n />\n </svg>\n );\n};\n","import React, { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size: number;\n}\n\nexport const CloseIcon: FC<IconProps> = (props) => {\n const { size = 16, ...rest } = props;\n return (\n <svg\n width={`${size}px`}\n height={`${size}px`}\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n","import { FC } from \"react\";\nimport { SVGProps } from \"react\";\n\nexport const OrderlyLogo: FC<SVGProps<SVGSVGElement>> = (props) => {\n return (\n <svg\n width=\"200\"\n height=\"24\"\n viewBox=\"0 0 200 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n d=\"M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n d=\"M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"white\"\n />\n </svg>\n );\n};\n","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { format } from \"date-fns\";\nimport { produce } from \"immer\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useQuery,\n useWS,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AnnouncementType, API, WSMessage } from \"@orderly.network/types\";\nimport { useObserverElement, useOrderlyTheme } from \"@orderly.network/ui\";\nimport { getTimestamp } from \"@orderly.network/utils\";\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nconst maintentanceId = \"-1\";\n\nexport type AnnouncementScriptOptions = {\n hideTips?: boolean;\n};\n\ninterface AnnouncementStore {\n show?: boolean;\n lastUpdateTime?: number | null;\n}\n\nconst ORDERLY_ANNOUNCEMENT_KEY = \"orderly_announcement\";\n\nconst sortDataByUpdatedTime = (ori: API.Announcement) => {\n return produce<API.Announcement>(ori, (draft) => {\n if (Array.isArray(draft.rows)) {\n draft.rows.sort((a, b) => {\n if (a.updated_time && b.updated_time) {\n return b.updated_time - a.updated_time;\n }\n return 0;\n });\n }\n });\n};\n\nexport type AnnouncementScriptReturn = ReturnType<typeof useAnnouncementScript>;\n\nexport const useAnnouncementScript = (options?: AnnouncementScriptOptions) => {\n const [currentIndex, setCurrentIndex] = useState<number>(0);\n const [isAnimating, setIsAnimating] = useState(false);\n\n const { showAnnouncement, setShowAnnouncement } = useAppContext();\n\n const { tips: _tips, maintenanceDialogInfo } = useAnnouncementData();\n\n const { getComponentTheme } = useOrderlyTheme();\n\n const tips = useMemo(() => {\n const { dataAdapter } = getComponentTheme?.(\"announcement\") || {};\n if (typeof dataAdapter === \"function\") {\n return dataAdapter(_tips.rows || []);\n }\n return _tips.rows || [];\n }, [_tips]);\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const closeTips = () => {\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: false }));\n };\n\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const prevTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = tips.length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex - 1 + len) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips]);\n\n const nextTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = tips.length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex + 1) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips]);\n\n useEffect(() => {\n const len = tips.length;\n if (!showAnnouncement || len <= 1) {\n return;\n }\n\n // rolling announcement, every 3 seconds\n intervalRef.current = setInterval(nextTips, 3000);\n\n return () => {\n if (intervalRef.current) {\n clearTimeout(intervalRef.current);\n }\n };\n }, [tips, showAnnouncement, nextTips]);\n\n useEffect(() => {\n const len = tips.length;\n setShowAnnouncement(\n Boolean(len) && announcementStore.show && !options?.hideTips,\n );\n }, [tips, announcementStore, options?.hideTips, setShowAnnouncement]);\n\n const multiLineState = useMultiLine();\n\n return {\n maintenanceDialogInfo,\n tips,\n currentIndex,\n currentTip: tips?.[currentIndex],\n closeTips,\n nextTips,\n prevTips,\n showAnnouncement,\n isAnimating,\n ...multiLineState,\n };\n};\n\nfunction useAnnouncementData() {\n const ws = useWS();\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const [tips, setTips] = useState<API.Announcement>({});\n\n const [maintenanceDialogInfo, setMaintenanceDialogInfo] = useState<string>();\n\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n\n const { t } = useTranslation();\n\n const { data: announcements } = useQuery<API.Announcement>(\n `/v2/public/announcement`,\n {\n revalidateOnFocus: false,\n refreshInterval: 60 * 60 * 1000, // refresh every 1 hour\n formatter: (data) => data,\n },\n );\n\n const getMaintentTipsContent = (\n brokerName: string,\n startDate: string,\n endDate: string,\n ) =>\n t(\"maintenance.tips.description\", {\n brokerName,\n startDate,\n endDate,\n });\n\n const getMaintentDialogContent = (brokerName: string, endDate: string) =>\n t(\"maintenance.dialog.description\", {\n brokerName,\n endDate,\n });\n\n useEffect(() => {\n const unsubscribe = ws.subscribe(\"announcement\", {\n onMessage(message: WSMessage.Announcement) {\n if (message) {\n setTips((prev) => {\n return produce(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n const idx = draft.rows.findIndex(\n (tip) => tip.announcement_id === message.announcement_id,\n );\n // Filter out old tips with the same id\n if (idx !== -1) {\n draft.rows.splice(idx, 1);\n }\n // Add the latest tip\n draft.rows.push({\n announcement_id: message.announcement_id,\n message: message.message,\n url: message.url,\n i18n: message.i18n,\n type: message.type,\n updated_time: message.updated_time,\n });\n });\n });\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: true }));\n }\n },\n onError(err) {\n if (err instanceof Error) {\n console.error(\"Error receiving announcement:\", err.message);\n }\n },\n });\n return () => {\n unsubscribe?.();\n };\n }, [ws]);\n\n useEffect(() => {\n if (!announcements?.rows) {\n return;\n }\n const apiTime = announcements.last_updated_time ?? 0;\n const cachedTime = announcementStore.lastUpdateTime ?? 0;\n if (cachedTime < apiTime) {\n setTips((prev) => ({ ...prev, rows: announcements?.rows }));\n setStore({ show: true, lastUpdateTime: apiTime });\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n if (announcements?.rows?.length) {\n // If there are announcement rows available, create a Set to store IDs of existing tips\n const existingIds = new Set<string | number>(\n prev.rows?.map((tip) => tip.announcement_id),\n );\n // Find the maintenance tip in previous tips (if any)\n const maintenanceTip = prev.rows?.find(\n (tip) => tip.announcement_id === maintentanceId,\n );\n // Clear the draft’s rows array to refill it\n draft.rows = [];\n announcements.rows.forEach((item) => {\n if (!existingIds.has(item.announcement_id)) {\n // If the item’s ID is not in existingIds, push it into the draft\n draft.rows?.push(item);\n }\n });\n if (maintenanceTip) {\n // If a maintenance tip existed before, unshift it to the front\n draft.rows.unshift(maintenanceTip);\n }\n } else {\n // Find the index of the maintenance tip in draft rows\n const idx = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (idx !== undefined && idx !== -1) {\n // Remove the maintenance tip from draft rows\n draft.rows?.splice(idx, 1);\n }\n }\n });\n });\n }\n }, [announcements]);\n\n useEffect(() => {\n const startDate = startTime ? getTimeString(startTime) : \"-\";\n const endDate = endTime ? getTimeString(endTime) : \"-\";\n if (status === MaintenanceStatus.Maintenance) {\n setMaintenanceDialogInfo(getMaintentDialogContent(brokerName, endDate));\n return;\n }\n setMaintenanceDialogInfo(undefined);\n\n if (startTime) {\n if (startTime < getTimestamp() + oneDay) {\n setTips((prev) =>\n produce<API.Announcement>(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n // Rebuild rows: insert the latest maintenance tip first, then put the old non-maintenance ones at the end\n draft.rows = [\n {\n announcement_id: maintentanceId,\n type: AnnouncementType.Maintenance,\n message: getMaintentTipsContent(brokerName, startDate, endDate),\n },\n ...draft.rows.filter(\n (tip) => tip.type !== AnnouncementType.Maintenance,\n ),\n ];\n }),\n );\n }\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n const index = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (index !== undefined && index !== -1) {\n draft.rows?.splice(index, 1);\n }\n });\n });\n }\n }, [startTime, endTime, status, brokerName, t]);\n\n return {\n tips: sortDataByUpdatedTime(tips),\n maintenanceDialogInfo,\n };\n}\n\nfunction useMultiLine() {\n const [mutiLine, setMutiLine] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n useObserverElement(contentRef.current, (entry) => {\n setMutiLine(entry.contentRect.height > 20);\n });\n\n return {\n mutiLine,\n contentRef,\n };\n}\n\nfunction getTimeString(timestamp: number) {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n}\n","import { useAnnouncementScript } from \"./announcement.script\";\nimport { Announcement, AnnouncementProps } from \"./announcement.ui\";\n\nexport type AnnouncementWidgetProps = Pick<\n AnnouncementProps,\n \"style\" | \"className\" | \"hideTips\"\n>;\n\nexport const AnnouncementWidget = (props: AnnouncementWidgetProps) => {\n const { hideTips, ...rest } = props;\n const state = useAnnouncementScript({ hideTips });\n\n return <Announcement {...state} {...rest} />;\n};\n","import { useMemo } from \"react\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { BottomNavItem } from \"./bottomNav.widget\";\n\nexport type BottomNavProps = {\n mainMenus?: BottomNavItem[];\n current?: string | string[];\n onRouteChange?: RouterAdapter[\"onRouteChange\"];\n};\n\nexport const BottomNav = (props: BottomNavProps) => {\n const { mainMenus, current, onRouteChange } = props;\n\n const isSubmenu = useMemo(() => {\n return mainMenus?.every((menu) => menu.href !== current);\n }, [mainMenus, current]);\n\n const menus = useMemo(() => {\n return mainMenus?.map((menu) => {\n const isActive = current === menu.href;\n return (\n <Flex\n key={menu.name}\n direction={\"column\"}\n itemAlign={\"center\"}\n justify={\"center\"}\n className=\"oui-flex-1\"\n onClick={() => {\n onRouteChange?.({ href: menu.href, name: menu.name });\n }}\n >\n <Text>{isActive ? menu.activeIcon : menu.inactiveIcon}</Text>\n <Text>{menu.name}</Text>\n </Flex>\n );\n });\n }, [mainMenus, current, onRouteChange]);\n\n if (isSubmenu || !mainMenus) {\n return null;\n }\n\n return (\n <Flex\n width={\"100%\"}\n height={64}\n px={3}\n itemAlign={\"center\"}\n justify={\"between\"}\n className=\"oui-bg-base-9\"\n >\n {menus}\n </Flex>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Flex, Text, ChevronLeftIcon, cn } from \"@orderly.network/ui\";\nimport { WalletConnectButtonExtension } from \"../accountMenu/menu.widget\";\nimport { ChainMenuWidget } from \"../chainMenu\";\nimport { LanguageSwitcherWidget } from \"../languageSwitcher\";\nimport { LeftNavUI } from \"../leftNav/leftNav.ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { ScanQRCodeWidget } from \"../scanQRCode\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavWidgetProps } from \"./mainNav.widget\";\n\ntype MainNavMobileProps = {\n current?: string;\n subItems?: {\n name: string;\n href: string;\n }[];\n routerAdapter?: RouterAdapter;\n} & MainNavWidgetProps;\n\nexport const MainNavMobile: FC<MainNavMobileProps> = (props) => {\n const { wrongNetwork, disabledConnect } = useAppContext();\n const { state } = useAccount();\n const currentMenu = useMemo(() => {\n if (Array.isArray(props?.initialMenu)) {\n return props?.campaigns;\n }\n return props?.mainMenus?.find((menu) => {\n if (!props.current) {\n return menu.href === props?.initialMenu;\n } else {\n return menu.href === props.current;\n }\n });\n }, [props?.mainMenus, props?.initialMenu]);\n\n const title = useMemo(() => {\n if (currentMenu?.isHomePageInMobile) {\n return <MainLogo {...props?.logo} />;\n }\n return (\n <Text className=\"oui-text-2xl oui-font-bold oui-text-base-contrast\">\n {currentMenu?.name}\n </Text>\n );\n }, [currentMenu, props?.logo]);\n\n const isSub = useMemo(() => {\n if (!currentMenu || currentMenu.isSubMenuInMobile) return true;\n return false;\n }, [currentMenu]);\n\n const subTitle = useMemo(() => {\n if (currentMenu?.isSubMenuInMobile) return currentMenu?.name;\n if (props?.subItems?.some((item) => item.href === props?.current)) {\n return props?.subItems?.find((item) => item.href === props?.current)\n ?.name;\n }\n return null;\n }, [props?.subItems, props?.current, currentMenu]);\n\n const onBack = () => {\n let target = props.mainMenus?.find(\n (item) => item.href === props.initialMenu,\n );\n if (currentMenu?.isSubMenuInMobile) {\n target = currentMenu?.subMenuBackNav;\n }\n props?.routerAdapter?.onRouteChange(target as any);\n };\n\n const showLinkDevice =\n state.status === AccountStatusEnum.EnableTradingWithoutConnected;\n\n const showChainMenu = !showLinkDevice && !wrongNetwork;\n\n const showQrcode = useMemo(() => {\n if (\n state.status === AccountStatusEnum.EnableTradingWithoutConnected ||\n state.status === AccountStatusEnum.EnableTrading ||\n disabledConnect\n ) {\n return false;\n }\n\n return true;\n }, [state.status, disabledConnect]);\n\n const showSubAccount = useMemo(\n () => state.status >= AccountStatusEnum.EnableTrading,\n [state.status],\n );\n\n if (isSub) {\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n direction={\"row\"}\n itemAlign={\"center\"}\n justify={\"center\"}\n className=\"oui-relative\"\n >\n <ChevronLeftIcon\n className=\"oui-absolute oui-left-6 oui-text-base-contrast-54\"\n onClick={onBack}\n />\n <Text className=\"oui-text-base oui-font-bold oui-text-base-contrast\">\n {subTitle}\n </Text>\n </Flex>\n );\n }\n\n const renderContent = () => {\n const languageSwitcher = <LanguageSwitcherWidget />;\n const scanQRCode = showQrcode && <ScanQRCodeWidget />;\n const subAccount = showSubAccount && <SubAccountWidget />;\n const linkDevice = showLinkDevice && <LinkDeviceWidget />;\n const chainMenu = showChainMenu && <ChainMenuWidget />;\n const walletConnect = <WalletConnectButtonExtension />;\n\n const leftNav = props.leftNav && (\n <LeftNavUI\n {...props.leftNav}\n logo={props?.logo}\n routerAdapter={props?.routerAdapter}\n />\n );\n\n if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n leftNav,\n title,\n languageSwitcher,\n scanQRCode,\n subAccount,\n linkDevice,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <Flex width=\"100%\" justify=\"between\">\n <Flex gapX={2}>\n {props?.customLeftNav || leftNav}\n {title}\n </Flex>\n\n <Flex gapX={2}>\n {props.leading}\n {languageSwitcher}\n {scanQRCode}\n {/* {subAccount} */}\n {/* {linkDevice} */}\n {chainMenu}\n {walletConnect}\n {props.trailing}\n </Flex>\n </Flex>\n );\n };\n\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n itemAlign={\"center\"}\n className={cn(props.className, props.classNames?.root)}\n >\n {renderContent()}\n </Flex>\n );\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { useChainMenuScript } from \"./chainMenu.script\";\nimport { ChainMenu } from \"./chainMenu.ui\";\nimport { ChainMenuUiMobile } from \"./chainMenu.ui.mobile\";\n\nexport const ChainMenuWidget = () => {\n const state = useChainMenuScript();\n const { isMobile } = useScreen();\n if (isMobile) {\n return <ChainMenuUiMobile {...state} />;\n }\n return <ChainMenu {...state} />;\n};\n","import { useEffect, useState } from \"react\";\nimport {\n useChains,\n useConfig,\n useAccount,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { API, Chain, NetworkId } from \"@orderly.network/types\";\n\nexport type UseChainMenuScriptReturn = ReturnType<typeof useChainMenuScript>;\n\nexport const useChainMenuScript = () => {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const { state } = useAccount();\n const { connectedChain } = useWalletConnector();\n const { currentChainId, wrongNetwork, disabledConnect, setCurrentChainId } =\n useAppContext();\n const networkId = useConfig(\"networkId\") as NetworkId;\n\n const hide = () => {\n setOpen(false);\n };\n\n const onChainChangeBefore = () => {\n setLoading(true);\n hide();\n };\n\n const onChainChangeAfter = () => {\n setLoading(false);\n };\n\n return {\n isConnected: !!connectedChain,\n currentChainId,\n wrongNetwork,\n disabledConnect,\n accountStatus: state.status,\n networkId,\n open,\n onOpenChange: setOpen,\n hide,\n onChainChangeBefore,\n onChainChangeAfter,\n loading,\n setCurrentChainId,\n };\n};\n\nexport type UseChainMenuBuilderScript = ReturnType<typeof useChainMenuScript>;\n","import { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Button,\n ChainIcon,\n cn,\n Flex,\n modal,\n Tooltip,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Spinner,\n Text,\n} from \"@orderly.network/ui\";\nimport {\n ChainSelectorDialogId,\n ChainSelectorWidget,\n} from \"@orderly.network/ui-chain-selector\";\nimport { WalletConnectorModalId } from \"@orderly.network/ui-connector\";\nimport { UseChainMenuScriptReturn } from \"./chainMenu.script\";\n\nconst ModalTitle = () => {\n const { t } = useTranslation();\n const { state } = useAccount();\n if (state.status < AccountStatusEnum.SignedIn) {\n return <Text>{t(\"connector.createAccount\")}</Text>;\n }\n if (state.status < AccountStatusEnum.EnableTrading) {\n return <Text>{t(\"connector.enableTrading\")}</Text>;\n }\n return <Text>{t(\"connector.connectWallet\")}</Text>;\n};\n\nexport const ChainMenu = (props: UseChainMenuScriptReturn) => {\n const { t } = useTranslation();\n\n if (props.wrongNetwork && props.isConnected && !props.disabledConnect) {\n return (\n <Tooltip\n open\n hideWhenDetached\n content={t(\"connector.wrongNetwork.tooltip\")}\n className=\"oui-bg-base-5\"\n arrow={{ className: \"oui-fill-base-5\" }}\n >\n <Button\n color=\"warning\"\n size=\"md\"\n onClick={() => {\n modal\n .show<{ wrongNetwork: boolean }>(ChainSelectorDialogId, {\n networkId: props.networkId,\n })\n .then(\n (r) => {\n if (\n !r.wrongNetwork &&\n props.accountStatus < AccountStatusEnum.EnableTrading\n ) {\n modal\n .show(WalletConnectorModalId, {\n title: <ModalTitle />,\n })\n .then(\n (r) => console.log(r),\n (error) => console.log(error),\n );\n }\n },\n (error) => console.log(error),\n );\n }}\n >\n {t(\"connector.wrongNetwork\")}\n </Button>\n </Tooltip>\n );\n }\n\n const renderIcon = () => {\n if (props.loading) {\n return <Spinner className=\"oui-w-[18px] oui-h-[18px]\" />;\n }\n\n if (props.currentChainId) {\n return <ChainIcon chainId={props.currentChainId} size=\"xs\" />;\n }\n };\n\n const trigger = (\n <Flex\n intensity={500}\n justify=\"center\"\n className={cn(\n \"oui-relative oui-cursor-pointer\",\n \"oui-w-11 oui-h-8\",\n \"oui-rounded-t-[6px] oui-rounded-bl-[6px] oui-rounded-br-[3px]\",\n )}\n >\n {renderIcon()}\n <svg\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-absolute oui-right-0 oui-bottom-0\"\n >\n <defs>\n <linearGradient\n id=\"paint0_linear_490_5080\"\n x1=\"10\"\n y1=\"5\"\n x2=\"-5.79673e-08\"\n y2=\"5\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n d=\"M10 7V0L0 10H7C8.65685 10 10 8.65685 10 7Z\"\n fill=\"url(#paint0_linear_490_5080)\"\n />\n </svg>\n </Flex>\n );\n\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n sideOffset={4}\n collisionPadding={{ right: 16 }}\n className={cn(\n \"oui-bg-base-8 oui-w-[456px] oui-p-4 oui-rounded-xl\",\n \"oui-border oui-border-line-6\",\n \"oui-font-semibold\",\n )}\n >\n <ChainSelectorWidget\n close={props.hide}\n onChainChangeBefore={props.onChainChangeBefore}\n onChainChangeAfter={props.onChainChangeAfter}\n />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { Box, ChainIcon, modal, toast } from \"@orderly.network/ui\";\nimport { ChainSelectorSheetId } from \"@orderly.network/ui-chain-selector\";\nimport { UseChainMenuScriptReturn } from \"./chainMenu.script\";\n\nexport const ChainMenuUiMobile = (props: UseChainMenuScriptReturn) => {\n const { t } = useTranslation();\n\n return (\n <button\n onClick={(e) => {\n modal\n .show<{\n wrongNetwork: boolean;\n }>(ChainSelectorSheetId, {\n // networkId: props.networkId,\n bridgeLessOnly: false,\n isWrongNetwork: props.wrongNetwork,\n })\n .then(\n (r: any) => {\n console.log(r?.chainId, props);\n if (r?.chainId) {\n props.setCurrentChainId(r?.chainId);\n }\n toast.success(t(\"connector.networkSwitched\"));\n },\n (error) => console.log(\"[switchChain error]\", error),\n );\n }}\n >\n <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\">\n <ChainIcon\n chainId={props.currentChainId!}\n size=\"xs\"\n className=\"oui-h-[18px] oui-w-[18px]\"\n />\n <div className=\"oui-absolute oui-right-0 oui-bottom-0\">\n <svg\n width=\"9\"\n height=\"9\"\n viewBox=\"0 0 9 9\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 6V0L0 9h6a3 3 0 0 0 3-3\" fill=\"url(#a)\" />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"9\"\n y1=\"4.5\"\n x2=\"0\"\n y2=\"4.5\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop\n offset=\"1\"\n stopColor=\"rgb(var(--oui-gradient-brand-start))\"\n />\n </linearGradient>\n </defs>\n </svg>\n </div>\n </Box>\n </button>\n );\n};\n","import { useCallback, useMemo, useState } from \"react\";\nimport { useTrack } from \"@orderly.network/hooks\";\nimport {\n i18n,\n LocaleContextState,\n useLocaleContext,\n} from \"@orderly.network/i18n\";\nimport { TrackerEventName } from \"@orderly.network/types\";\nimport { useScreen } from \"@orderly.network/ui\";\n\nexport type LanguageSwitcherScriptReturn = ReturnType<\n typeof useLanguageSwitcherScript\n>;\n\nexport type LanguageSwitcherScriptOptions = Pick<\n LocaleContextState,\n \"popup\"\n> & { open?: boolean; onOpenChange?: (open: boolean) => void };\n\nexport const useLanguageSwitcherScript = (\n options?: LanguageSwitcherScriptOptions,\n) => {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const [selectedLang, setSelectedLang] = useState(i18n.language);\n const { languages, onLanguageBeforeChanged, onLanguageChanged, popup } =\n useLocaleContext();\n\n const { track, setIdentify } = useTrack();\n\n const { isMobile } = useScreen();\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n if (typeof options?.onOpenChange === \"function\") {\n options.onOpenChange(open);\n } else {\n setOpen(open);\n }\n },\n [options?.onOpenChange, setOpen],\n );\n\n const onLangChange = async (lang: string, displayName: string) => {\n setLoading(true);\n setSelectedLang(lang);\n await onLanguageBeforeChanged(lang);\n await i18n.changeLanguage(lang);\n await onLanguageChanged(lang);\n onOpenChange(false);\n setLoading(false);\n track(TrackerEventName.switchLanguage, {\n language: displayName,\n language_code: lang,\n });\n\n setIdentify({\n language_code: lang,\n });\n };\n\n const _popup = useMemo(\n () => ({\n ...popup,\n ...options?.popup,\n mode:\n options?.popup?.mode || popup?.mode || (isMobile ? \"sheet\" : \"modal\"),\n }),\n [popup, options?.popup, isMobile],\n );\n\n const _open = useMemo(() => {\n if (typeof options?.open === \"boolean\") {\n return options.open;\n }\n return open;\n }, [options?.open, open]);\n\n return {\n open: _open,\n onOpenChange,\n languages,\n selectedLang,\n onLangChange,\n loading,\n popup: _popup,\n };\n};\n","import { FC, SVGProps, forwardRef } from \"react\";\nimport { useTranslation, Language } from \"@orderly.network/i18n\";\nimport {\n cn,\n Flex,\n DropdownMenuContent,\n DropdownMenuPortal,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n Text,\n Box,\n Spinner,\n SimpleDialog,\n useScreen,\n SimpleSheet,\n} from \"@orderly.network/ui\";\nimport { LanguageSwitcherScriptReturn } from \"./languageSwitcher.script\";\n\nexport type LanguageSwitcherProps = LanguageSwitcherScriptReturn;\n\nexport const LanguageSwitcher: FC<LanguageSwitcherProps> = (props) => {\n const { languages, popup } = props;\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const trigger = (\n <LanguageIcon\n className={cn(\n \"oui-size-6 lg:oui-size-5\",\n \"oui-cursor-pointer oui-text-base-contrast-80\",\n \"oui-transition-colors hover:oui-fill-base-contrast\",\n isMobile && \"oui-size-[18px]\",\n )}\n id=\"language-switcher-icon\"\n onClick={() => props.onOpenChange(true)}\n />\n );\n\n const header = (\n <Text weight=\"semibold\">{t(\"languageSwitcher.language\")}</Text>\n );\n\n const languageList = languages.map((item) => {\n const selected = props.selectedLang === item.localCode;\n return (\n <LanguageItem\n className={cn(\n [\"modal\", \"sheet\"].includes(popup.mode ?? \"\") &&\n \"oui-w-[calc((100%_-_4px)/2)] lg:oui-w-[calc((100%_-_8px)/3)]\",\n )}\n key={item.localCode}\n selected={selected}\n item={item}\n onClick={() => props.onLangChange(item.localCode, item.displayName)}\n loading={props.loading}\n />\n );\n });\n\n const context = (\n <Flex gap={1} className=\"oui-flex-wrap\">\n {languageList}\n </Flex>\n );\n\n const footer = (\n <Box mt={4}>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-warning-darken\"\n >\n {t(\"languageSwitcher.tips\")}\n </Text>\n </Box>\n );\n\n if (popup?.mode === \"sheet\" && isMobile) {\n return (\n <>\n {trigger}\n <SimpleSheet\n open={props.open}\n onOpenChange={props.onOpenChange}\n classNames={{\n content: cn(\"oui-px-5 oui-pb-5\", popup?.className),\n body: \"oui-pb-[env(safe-area-inset-bottom)]\",\n }}\n contentProps={{\n style: popup?.style,\n }}\n title={header}\n >\n {context}\n {footer}\n </SimpleSheet>\n </>\n );\n }\n\n if (popup?.mode === \"dropdown\") {\n const context = (\n <Box\n mt={4}\n className={cn(\n //40 * 8 + 4 * 7 = 348px, more than 8 will show scrollbars\n \"oui-custom-scrollbar oui-max-h-[348px] oui-overflow-y-auto\",\n \"oui-grid oui-gap-1 oui-pr-[6px]\",\n )}\n >\n {languageList}\n </Box>\n );\n\n return (\n <DropdownMenuRoot open={props.open} onOpenChange={props.onOpenChange}>\n <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n <DropdownMenuPortal>\n <DropdownMenuContent\n onCloseAutoFocus={(e) => e.preventDefault()}\n onClick={(e) => e.stopPropagation()}\n sideOffset={10}\n align=\"start\"\n collisionPadding={{ right: 16 }}\n className={cn(\n \"oui-w-[320px] lg:oui-w-[360px]\",\n \"oui-rounded-xl oui-bg-base-8 oui-p-5\",\n \"oui-border oui-border-line-6\",\n \"oui-font-semibold\",\n )}\n >\n {header}\n {context}\n {footer}\n </DropdownMenuContent>\n </DropdownMenuPortal>\n </DropdownMenuRoot>\n );\n }\n\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size={isMobile ? \"sm\" : \"xl\"}\n classNames={{\n content: popup?.className,\n }}\n contentProps={{\n style: popup?.style,\n }}\n >\n {context}\n {footer}\n </SimpleDialog>\n </>\n );\n};\n\ntype LanguageItemProps = {\n selected: boolean;\n item: Language;\n onClick?: () => void;\n loading?: boolean;\n className?: string;\n};\n\nconst LanguageItem: FC<LanguageItemProps> = (props) => {\n const { item } = props;\n\n const renderTrailing = () => {\n if (props.loading && props.selected) {\n return <Spinner size=\"sm\" />;\n }\n if (props.selected) {\n return <Box gradient=\"brand\" r=\"full\" width={4} height={4} />;\n }\n return null;\n };\n\n return (\n <button\n className={cn(\n \"oui-group oui-rounded-md hover:oui-bg-base-5\",\n props.selected && \"oui-bg-base-5\",\n props.className,\n )}\n onClick={props.onClick}\n >\n <Flex justify=\"between\" className=\"oui-h-10\" px={3}>\n <Flex itemAlign=\"center\" width=\"100%\" className=\"oui-gap-x-[6px]\">\n <Text\n size=\"2xs\"\n className={cn(\n \"oui-text-base-contrast-36 group-hover:oui-text-base-contrast-80\",\n props.selected && \"oui-text-base-contrast-80\",\n )}\n >\n {item.displayName}\n </Text>\n </Flex>\n {renderTrailing()}\n </Flex>\n </button>\n );\n};\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nconst LanguageIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n","import {\n LanguageSwitcherScriptOptions,\n useLanguageSwitcherScript,\n} from \"./languageSwitcher.script\";\nimport { LanguageSwitcher } from \"./languageSwitcher.ui\";\n\nexport type LanguageSwitcherWidgetProps = LanguageSwitcherScriptOptions;\n\nexport const LanguageSwitcherWidget = (props: LanguageSwitcherWidgetProps) => {\n const state = useLanguageSwitcherScript(props);\n return <LanguageSwitcher {...state} />;\n};\n","import { FC, useCallback, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n Sheet,\n SheetContent,\n modal,\n useModal,\n VectorIcon,\n SwapHorizIcon,\n PeopleIcon,\n Text,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../main/mainLogo\";\nimport { RouterAdapter, RouteOption } from \"../scaffold\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport {\n CommunityDiscord,\n CommunityDune,\n CommunityTG,\n CommunityX,\n} from \"./communityIcon\";\nimport { LeftNavState } from \"./leftNav.script\";\nimport { LeftNavItem, LeftNavProps } from \"./leftNav.type\";\n\ntype LeftNavUIProps = LeftNavProps &\n LeftNavState & {\n className?: string;\n logo?: {\n src: string;\n alt: string;\n };\n routerAdapter?: RouterAdapter;\n showSubAccount?: boolean;\n };\n\nexport const LeftNavUI: FC<LeftNavUIProps> = (props) => {\n const showModal = useCallback(() => {\n modal.show(LeftNavSheet, {\n ...props,\n });\n }, []);\n\n return (\n <div onClick={showModal} className={props?.className}>\n <VectorIcon />\n </div>\n );\n};\n\nconst LeftNavSheet = modal.create<LeftNavUIProps>((props) => {\n const { visible, hide, resolve, reject, onOpenChange } = useModal();\n const { state } = useAccount();\n const { t } = useTranslation();\n\n const showSubAccount = useMemo(\n () => state.status >= AccountStatusEnum.EnableTrading,\n [state.status],\n );\n\n const onRouteChange = (option: RouteOption) => {\n props?.routerAdapter?.onRouteChange?.(option);\n hide();\n };\n\n const subAccountTrigger = useMemo(() => {\n const name =\n state.accountId === state.mainAccountId\n ? state.address\n : state.subAccounts?.find((item) => item.id === state.accountId)\n ?.description || \"\";\n return (\n <div className=\"oui-flex oui-w-full oui-cursor-pointer oui-items-center oui-gap-2 oui-rounded-xl oui-bg-base-5 oui-p-3\">\n <div>\n <PeopleIcon />\n </div>\n <div className=\"oui-flex oui-flex-col oui-gap-1 oui-font-semibold\">\n <Text.formatted\n rule=\"address\"\n className=\"oui-text-sm oui-text-base-contrast\"\n >\n {name}\n </Text.formatted>\n <Text.formatted\n rule=\"address\"\n className=\"oui-text-2xs oui-text-base-contrast-36\"\n >{`ID: ${state.accountId}`}</Text.formatted>\n </div>\n <div className=\"oui-ml-auto\">\n <SwapHorizIcon />\n </div>\n </div>\n );\n }, [state, t]);\n\n const openExternalLink = (url: string) => {\n window.open(url, \"_blank\");\n };\n\n return (\n <Sheet open={visible} onOpenChange={onOpenChange}>\n <SheetContent\n side=\"left\"\n className=\"oui-w-[276px] oui-bg-base-8\"\n closeable\n closeableSize={24}\n closeOpacity={0.54}\n >\n <div className=\"oui-relative oui-flex oui-h-full oui-flex-col oui-gap-3\">\n <div className=\"oui-mt-[6px] oui-flex oui-h-[44px] oui-items-center [&_img]:!oui-h-[18px]\">\n <MainLogo {...props?.logo} />\n </div>\n {props?.leading}\n {showSubAccount && (\n <SubAccountWidget customTrigger={subAccountTrigger} />\n )}\n {Array.isArray(props?.menus) && props.menus.length > 0 && (\n <div className=\"oui-flex oui-h-[calc(100vh-260px)] oui-flex-col oui-items-start oui-overflow-y-auto\">\n {props.menus?.map((item) => (\n <NavItem\n item={item}\n key={`item-${item.name}`}\n onClick={onRouteChange}\n />\n ))}\n </div>\n )}\n <div className=\"oui-absolute oui-bottom-6 oui-flex oui-w-full oui-flex-col oui-gap-4\">\n <div className=\"oui-flex oui-items-center oui-justify-around\">\n {props.telegramUrl && (\n <div\n onClick={() => openExternalLink(props.telegramUrl as string)}\n >\n <CommunityTG width={24} height={24} />\n </div>\n )}\n {props.twitterUrl && (\n <div\n onClick={() => openExternalLink(props.twitterUrl as string)}\n >\n <CommunityX width={24} height={24} />\n </div>\n )}\n {props.discordUrl && (\n <div\n onClick={() => openExternalLink(props.discordUrl as string)}\n >\n <CommunityDiscord width={24} height={24} />\n </div>\n )}\n {props.duneUrl && (\n <div\n onClick={() => openExternalLink(props.duneUrl as string)}\n className=\"oui-mb-1\"\n >\n <CommunityDune />\n </div>\n )}\n </div>\n {props.feedbackUrl && (\n <div\n className=\"oui-text-center oui-text-2xs oui-font-semibold oui-text-primary oui-underline\"\n onClick={() => openExternalLink(props.feedbackUrl as string)}\n >\n Share your feedback\n </div>\n )}\n </div>\n </div>\n </SheetContent>\n </Sheet>\n );\n});\n\ntype NavItemProps = {\n item: LeftNavItem;\n onClick?: (option: RouteOption) => void;\n};\n\nconst NavItem: FC<NavItemProps> = ({ item, onClick }) => {\n const { href, name, icon, trailing, customRender, target } = item;\n const onItemClick = () => {\n if (target) {\n window.open(href, target);\n } else {\n onClick?.({ href: href, name: name, scope: \"leftNav\" });\n }\n };\n if (typeof customRender === \"function\") {\n return (\n <div\n className=\"oui-flex oui-items-center oui-px-3 oui-py-4\"\n onClick={onItemClick}\n >\n {customRender({ name: name, href: href })}\n </div>\n );\n }\n return (\n <div\n className=\"oui-flex oui-items-center oui-gap-2 oui-px-3 oui-py-4\"\n onClick={onItemClick}\n >\n <div>{icon}</div>\n <div className=\"oui-text-base oui-font-semibold oui-text-base-contrast-80\">\n {name}\n </div>\n {trailing}\n </div>\n );\n};\n","import { FC } from \"react\";\nimport { useAppConfig } from \"@orderly.network/react-app\";\nimport { OrderlyLogo } from \"../icons\";\nimport { Logo } from \"@orderly.network/ui\";\n\ntype MainLogoProps = {\n src?: string;\n alt?: string;\n};\n\nexport const MainLogo: FC<MainLogoProps> = (props) => {\n const { appIcons } = useAppConfig();\n\n if (props.src) {\n return <Logo src={props.src} alt={props.alt} />;\n }\n\n const { main } = appIcons || {};\n\n if (main?.img) {\n return <img src={main?.img} />;\n }\n\n if (main?.component) {\n return main.component;\n }\n\n return <OrderlyLogo />;\n};\n","import { useCallback, useEffect, useMemo, useState, useRef } from \"react\";\nimport {\n useAccount,\n useIndexPricesStream,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { ABSTRACT_CHAIN_ID_MAP, API } from \"@orderly.network/types\";\nimport { toast, useScreen } from \"@orderly.network/ui\";\nimport { Decimal } from \"@orderly.network/utils\";\nimport { useAccountValue } from \"./useAccountValue\";\n\nexport type SubAccountScriptReturn = ReturnType<typeof SubAccountScript>;\n\ntype AccountValueInfo = {\n id: string;\n userAddress?: string;\n description?: string;\n holding: API.Holding[];\n accountValue?: number;\n};\n\nexport const SubAccountScript = () => {\n const [open, setOpen] = useState(false);\n const [mainAccountHolding, setMainAccountHolding] = useState<API.Holding[]>(\n [],\n );\n const { wallet, connectedChain } = useWalletConnector();\n const { data: indexPrices } = useIndexPricesStream();\n const { isMobile } = useScreen();\n const { state, account, subAccount, switchAccount } = useAccount();\n const { t } = useTranslation();\n const mainAccountId = state.mainAccountId;\n\n const { accountValue } = useAccountValue(mainAccountId);\n\n const currentAccountId = state.accountId;\n\n const hasRefreshedRef = useRef(false);\n\n const userAddress = useMemo(() => {\n let address = state.address;\n if (\n connectedChain?.id &&\n ABSTRACT_CHAIN_ID_MAP.has(parseInt(connectedChain?.id as string))\n ) {\n address = account.getAdditionalInfo()?.AGWAddress;\n }\n\n return address;\n }, [wallet, state, account, connectedChain]);\n\n const subAccounts = useMemo(() => {\n if (!state.subAccounts || !state.subAccounts.length) {\n return [];\n }\n\n const currentSubAccount = state.subAccounts.find(\n (subAccount) => subAccount.id === currentAccountId,\n );\n\n if (currentSubAccount) {\n return [\n currentSubAccount,\n ...state.subAccounts.filter(\n (subAccount) => subAccount.id !== currentAccountId,\n ),\n ];\n }\n\n return [...state.subAccounts];\n }, [state.subAccounts, currentAccountId]);\n\n const _popup = useMemo(\n () => ({\n mode: isMobile ? \"sheet\" : \"modal\",\n }),\n [isMobile],\n );\n\n const doCreatSubAccount = useCallback(\n (nickName: string) => {\n return subAccount.create(nickName);\n },\n [subAccount],\n );\n\n const onSwitch = useCallback(\n (accountId: string) => {\n return switchAccount(accountId)\n .catch((error) => {\n console.error(error);\n })\n .then((res) => {\n toast.success(t(\"subAccount.modal.switch.success.description\"));\n });\n },\n [switchAccount],\n );\n\n const accountsWithValues = useMemo(() => {\n const mainAccountUnsettlePnl = accountValue[mainAccountId!] ?? 0;\n\n const mainAccount =\n mainAccountId && state.address\n ? {\n id: mainAccountId,\n userAddress: state.address,\n holding: mainAccountHolding,\n accountValue: calculateAccountValue(\n mainAccountHolding,\n mainAccountUnsettlePnl,\n indexPrices || {},\n ),\n }\n : undefined;\n\n const updatedSubAccounts = subAccounts.map((subAccount) => {\n const subAccountUnsettlePnl = accountValue[subAccount.id] ?? 0;\n return {\n ...subAccount,\n accountValue: calculateAccountValue(\n subAccount.holding || [],\n subAccountUnsettlePnl,\n indexPrices || {},\n ),\n };\n });\n\n return {\n mainAccount,\n subAccounts: updatedSubAccounts,\n };\n }, [\n mainAccountId,\n state.address,\n mainAccountHolding,\n subAccounts,\n accountValue,\n indexPrices,\n ]);\n\n useEffect(() => {\n if (!open) {\n hasRefreshedRef.current = false;\n return;\n }\n\n if (!hasRefreshedRef.current && mainAccountId) {\n hasRefreshedRef.current = true;\n subAccount.refresh().then((res) => {\n setMainAccountHolding(res[mainAccountId] || []);\n });\n }\n }, [open, mainAccountId, subAccount]);\n\n return {\n userAddress,\n mainAccount: accountsWithValues.mainAccount,\n currentAccountId,\n open,\n onOpenChange: setOpen,\n popup: _popup,\n createSubAccount: doCreatSubAccount,\n subAccounts: accountsWithValues.subAccounts,\n onSwitch,\n };\n};\n\nconst calculateAccountValue = (\n holdings: API.Holding[],\n unsettlePnl: number,\n indexPrices: Record<string, number>,\n) => {\n const holding = holdings.reduce((acc, holding) => {\n const price = getTokenIndexPrice(holding.token, indexPrices);\n if (!price) return acc;\n return acc + new Decimal(holding.holding).times(price).toNumber();\n }, 0);\n return holding + unsettlePnl;\n};\n\nconst getTokenIndexPrice = (\n token: string,\n indexPrices: Record<string, number>,\n) => {\n if (token === \"USDC\") return 1;\n const symbol = `PERP_${token}_USDC`;\n return indexPrices[symbol] ?? 0;\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { useSubAccountQuery } from \"@orderly.network/hooks\";\nimport { API } from \"@orderly.network/types\";\nimport { Decimal } from \"@orderly.network/utils\";\n\nexport const useAccountValue = (mainAccountId?: string) => {\n const [accountValue, setAccountValue] = useState<Record<string, number>>({});\n const {\n data: newPositions = [],\n isLoading: isPositionLoading,\n mutate: mutatePositions,\n } = useSubAccountQuery<API.PositionExt[]>(\"/v1/client/aggregate/positions\", {\n // formatter: (data) => data,\n errorRetryCount: 3,\n accountId: mainAccountId,\n });\n\n useEffect(() => {\n if (isPositionLoading) {\n return;\n }\n if (!newPositions || newPositions.length === 0) {\n setAccountValue({});\n return;\n }\n const value = newPositions.reduce(\n (acc, position) => {\n const accountId = position.account_id!;\n if (acc[accountId]) {\n acc[accountId] = new Decimal(acc[accountId])\n .plus(position.unsettled_pnl)\n .toNumber();\n } else {\n acc[accountId] = new Decimal(position.unsettled_pnl).toNumber();\n }\n return acc;\n },\n {} as Record<string, number>,\n );\n setAccountValue(value);\n }, [newPositions, isPositionLoading]);\n return {\n accountValue,\n };\n};\n","import { useCallback, useRef, useMemo, useState, ReactNode } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n SimpleDialog,\n useScreen,\n Text,\n Flex,\n ScrollArea,\n modal,\n cn,\n DropdownMenuRoot,\n DropdownMenuTrigger,\n DropdownMenuPortal,\n DropdownMenuContent,\n PopoverRoot,\n PopoverContent,\n PopoverAnchor,\n} from \"@orderly.network/ui\";\nimport { AccountItem } from \"./components/accountItem\";\nimport { CreateSubAccount } from \"./components/createSubAccountModal\";\nimport { EditNickNameDialog } from \"./components/editNickNameModal\";\nimport { SubAccountIcon, SwapIcon } from \"./icons\";\nimport { SubAccountScriptReturn } from \"./subAccount.script\";\n\nexport function SubAccountUI(\n props: SubAccountScriptReturn & { customTrigger?: ReactNode },\n) {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const onMouseEnter = useCallback(() => {\n if (timer.current) {\n clearTimeout(timer.current);\n timer.current = null;\n }\n // setOpen(true);\n }, []);\n const header = <Text weight=\"semibold\">{t(\"subAccount.modal.title\")}</Text>;\n const trigger = useMemo(() => {\n if (props.customTrigger && isMobile) {\n return (\n <div onClick={() => props.onOpenChange(true)}>\n {props.customTrigger}\n </div>\n );\n }\n if (isMobile) {\n return (\n <Flex\n className=\"oui-size-8 oui-rounded-md oui-bg-base-6\"\n itemAlign=\"center\"\n justify=\"center\"\n >\n <SubAccountIcon\n className={cn(\"oui-cursor-pointer\")}\n onClick={() => props.onOpenChange(true)}\n />\n </Flex>\n );\n }\n return <SubAccountIcon className={cn(\"oui-cursor-pointer\")} />;\n }, [isMobile, props.customTrigger]);\n\n const [editDialogOpen, setEditDialogOpen] = useState(false);\n const [editAccountItem, setEditAccountItem] = useState<\n | {\n accountId: string;\n description: string;\n }\n | undefined\n >(undefined);\n\n const noSubAccount = (\n <Flex\n direction=\"column\"\n itemAlign=\"start\"\n justify=\"center\"\n px={5}\n width=\"100%\"\n className=\"oui-h-[120px]\"\n >\n <Text className=\"oui-text-center oui-text-xs oui-font-semibold oui-text-base-contrast-36\">\n {t(\"subAccount.modal.noAccount.description\")}\n </Text>\n </Flex>\n );\n\n const renderSubAccount = () => {\n if (!props.subAccounts?.length) {\n return noSubAccount;\n }\n return (\n <ScrollArea className=\"oui-custom-scrollbar oui-max-h-[200px] oui-w-full oui-overflow-y-auto\">\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n {props.subAccounts.map((subAccount) => (\n <AccountItem\n key={subAccount.id}\n accountId={subAccount.id}\n description={subAccount.description}\n isMainAccount={false}\n isCurrent={subAccount.id === props.currentAccountId}\n onSwitch={(accountId) => {\n props.onSwitch?.(accountId);\n }}\n accountValue={subAccount.accountValue ?? 0}\n onEdit={() => {\n setEditAccountItem({\n accountId: subAccount.id,\n description: subAccount.description ?? \"\",\n });\n setEditDialogOpen(true);\n }}\n />\n ))}\n </Flex>\n </ScrollArea>\n );\n };\n\n const content = (\n <>\n <Flex direction=\"column\" gap={5} itemAlign=\"start\" width=\"100%\">\n {!isMobile && header}\n <Flex direction=\"column\" gap={5} itemAlign=\"start\" width=\"100%\">\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast-54\">\n {t(\"subAccount.modal.mainAccount.title\")}\n </Text>\n <AccountItem\n accountId={props.mainAccount?.id ?? \"\"}\n isMainAccount={true}\n userAddress={props.userAddress ?? \"\"}\n isCurrent={props.currentAccountId === props.mainAccount?.id}\n onSwitch={(accountId) => {\n props.onSwitch?.(accountId);\n }}\n accountValue={props.mainAccount?.accountValue ?? 0}\n />\n </Flex>\n\n <Flex direction=\"column\" gap={2} itemAlign=\"start\" width=\"100%\">\n <Flex justify=\"between\" itemAlign=\"center\" width=\"100%\" gap={2}>\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast-54\">\n {t(\"subAccount.modal.subAccounts.title\")}\n </Text>\n <Flex justify=\"end\" gap={2}>\n {props.subAccounts.length > 0 && (\n <SwapIcon\n className=\"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast\"\n onClick={() => {\n // todo need show transfer modal\n let dialogId = \"TransferDialogId\";\n if (isMobile) {\n dialogId = \"TransferSheetId\";\n }\n modal.show(dialogId);\n }}\n />\n )}\n <CreateSubAccount create={props.createSubAccount} />\n </Flex>\n </Flex>\n {renderSubAccount()}\n </Flex>\n </Flex>\n </Flex>\n <EditNickNameDialog\n accountId={editAccountItem?.accountId ?? \"\"}\n nickName={editAccountItem?.description ?? \"\"}\n open={editDialogOpen}\n onOpenChange={setEditDialogOpen}\n />\n </>\n );\n if (isMobile) {\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"xs\"\n classNames={{\n content: \"oui-w-[300px]\",\n }}\n >\n {content}\n </SimpleDialog>\n </>\n );\n }\n\n return (\n <PopoverRoot open={props.open} onOpenChange={props.onOpenChange}>\n <PopoverAnchor>\n <div\n onMouseEnter={() => {\n props.onOpenChange(true);\n }}\n onMouseLeave={() => {\n timer.current = setTimeout(() => {\n props.onOpenChange(false);\n }, 150);\n }}\n >\n {trigger}\n </div>\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n side=\"bottom\"\n sideOffset={16}\n collisionPadding={{ right: 16 }}\n onMouseEnter={onMouseEnter}\n onMouseLeave={() => {\n props.onOpenChange(false);\n timer.current ? clearTimeout(timer.current) : void 0;\n }}\n className={cn(\n \"oui-w-[300px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-5\",\n )}\n >\n {content}\n </PopoverContent>\n </PopoverRoot>\n );\n}\n","import { useCallback, useEffect, useMemo } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { CopyIcon, formatAddress, toast, Tooltip } from \"@orderly.network/ui\";\nimport { cn, Flex, Text } from \"@orderly.network/ui\";\nimport { EditIcon } from \"../icons\";\n\ninterface AccountItemProps {\n isMainAccount?: boolean;\n accountId: string;\n description?: string;\n userAddress?: string;\n balance?: string;\n isCurrent?: boolean;\n onSwitch?: (accountId: string) => void;\n accountValue?: number;\n onEdit?: (accountItem: { accountId: string; description: string }) => void;\n}\n\nconst AccountIdForCopy = (props: { accountId: string }) => {\n const { t } = useTranslation();\n const info = useMemo(() => {\n return {\n leading: props.accountId.slice(0, 6),\n middle: props.accountId.slice(6, -4),\n trailing: props.accountId.slice(-4),\n };\n }, [props.accountId]);\n const copy = useCallback(() => {\n navigator.clipboard.writeText(props.accountId);\n toast.success(t(\"common.copy.copied\"));\n }, [props.accountId]);\n return (\n <Flex\n className=\"oui-min-h-[50px] oui-w-[180px]\"\n gap={2}\n justify=\"between\"\n itemAlign=\"center\"\n >\n <Text className=\"oui-w-full oui-break-all oui-text-2xs oui-text-base-contrast-36\">\n <Text className=\"oui-text-base-contrast\">{info.leading}</Text>\n <Text>{info.middle}</Text>\n <Text className=\"oui-text-base-contrast\">{info.trailing}</Text>\n </Text>\n <CopyIcon\n onClick={copy}\n className=\"oui-cursor-pointer oui-text-base-contrast-36 hover:oui-text-base-contrast\"\n />\n </Flex>\n );\n};\n\nexport const AccountItem = (props: AccountItemProps) => {\n const { t } = useTranslation();\n\n return (\n <>\n <Flex\n justify=\"between\"\n itemAlign=\"center\"\n width=\"100%\"\n className={cn(\n \"oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4\",\n \"oui-border oui-border-base-6\",\n props.isCurrent && \" oui-border-[#38E2FE] \",\n !props.isCurrent && \"hover:oui-border-base-contrast-16\",\n )}\n >\n <div\n className=\"oui-absolute oui-inset-0 oui-z-0 \"\n onClick={() => {\n if (props.isCurrent) {\n return;\n }\n props.onSwitch?.(props.accountId);\n }}\n />\n {props.isCurrent && (\n <div\n className={cn(\n \"oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54\",\n \"oui-text-[10px] oui-font-semibold oui-text-black\",\n \"oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]\",\n )}\n >\n {t(\"subAccount.modal.current\")}\n </div>\n )}\n <Flex\n key={props.accountId}\n direction=\"column\"\n itemAlign=\"start\"\n gap={1}\n className=\"oui-z-[2]\"\n >\n {props.isMainAccount ? (\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast\">\n {formatAddress(props.userAddress ?? \"\")}\n </Text>\n ) : (\n <Flex\n justify=\"start\"\n itemAlign=\"center\"\n className=\"oui-cursor-pointer oui-gap-[2px] oui-fill-base-contrast-54 hover:oui-fill-base-contrast\"\n onClick={(event) => {\n props.onEdit?.({\n accountId: props.accountId,\n description: props.description ?? \"\",\n });\n event.stopPropagation();\n event.preventDefault();\n }}\n >\n <Text className=\"oui-text-xs oui-leading-3 oui-text-base-contrast\">\n {props.description}\n </Text>\n <EditIcon className=\"oui-fill-base-contrast-54 hover:oui-fill-base-contrast\" />\n </Flex>\n )}\n <Tooltip content={<AccountIdForCopy accountId={props.accountId} />}>\n <Text className=\"oui-text-2xs oui-leading-3 oui-text-base-contrast-36 hover:oui-text-base-contrast\">\n ID: {formatAddress(props.accountId)}\n </Text>\n </Tooltip>\n </Flex>\n <Flex className=\"oui-text-xs\" itemAlign=\"end\" gap={1}>\n <Text.numeral rule=\"price\" dp={2}>\n {props.accountValue ?? 0}\n </Text.numeral>\n <Text>USDC</Text>\n </Flex>\n </Flex>\n </>\n );\n};\n","import { FC, forwardRef, SVGProps } from \"react\";\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\nexport const SubAccountIcon = forwardRef<SVGSVGElement, IconProps>(\n (props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <path\n 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\"\n fill=\"white\"\n fillOpacity=\"0.98\"\n />\n </svg>\n );\n },\n);\n\nexport const SwapIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nexport const AddIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n\nexport const EditIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const { size = 12, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ref={ref}\n {...rest}\n >\n <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\" />\n </svg>\n );\n});\n","import { useState, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Flex,\n SimpleDialog,\n toast,\n Text,\n useScreen,\n cn,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { AddIcon } from \"../icons\";\nimport { NickNameTextField } from \"./common\";\n\nconst MAX_SUB_ACCOUNT_COUNT = 10;\ntype CreateSubAccountProps = {\n create: (nickName: string) => Promise<void>;\n};\n\nexport const CreateSubAccount = (props: CreateSubAccountProps) => {\n const { t } = useTranslation();\n const { isMobile } = useScreen();\n const [open, setOpen] = useState(false);\n const [nickName, setNickName] = useState<string | undefined>(undefined);\n const { state } = useAccount();\n const [invalid, setInvalid] = useState(false);\n const [loading, setLoading] = useState(false);\n const subAccountCount = useMemo(() => {\n return state.subAccounts?.length ?? 0;\n }, [state]);\n const trigger = useMemo(() => {\n return subAccountCount >= MAX_SUB_ACCOUNT_COUNT ? (\n <Tooltip\n className=\"oui-max-w-[188px]\"\n content={t(\"subAccount.modal.create.max.description\")}\n >\n <AddIcon\n className={cn(\"oui-cursor-not-allowed oui-fill-base-contrast-20\")}\n />\n </Tooltip>\n ) : (\n <AddIcon\n className={cn(\n \"oui-cursor-pointer oui-fill-base-contrast-54 hover:oui-fill-base-contrast\",\n )}\n onClick={() => {\n setOpen(true);\n }}\n />\n );\n }, [subAccountCount]);\n\n const header = (\n <Flex\n py={3}\n direction=\"column\"\n justify=\"between\"\n itemAlign=\"start\"\n width=\"100%\"\n >\n <Text weight=\"semibold\">{t(\"subAccount.modal.create.title\")}</Text>\n <Text className=\"oui-text-2xs oui-text-base-contrast-36\">\n {t(\"subAccount.modal.create.description\", {\n subAccountCount,\n remainingCount: MAX_SUB_ACCOUNT_COUNT - subAccountCount,\n })}\n </Text>\n </Flex>\n );\n\n const reset = () => {\n setNickName(\"\");\n setInvalid(false);\n setLoading(false);\n };\n\n const validateNickName = (nickName: string | undefined) => {\n if (!nickName || !(nickName.length >= 1 && nickName.length <= 20)) {\n setInvalid(true);\n return true;\n }\n setInvalid(false);\n return false;\n };\n\n const doCreatSubAccount = (nickName: string | undefined) => {\n let _nickName = `Sub-account ${subAccountCount + 1}`;\n if (nickName) {\n _nickName = nickName.trim();\n }\n\n setLoading(true);\n props\n .create(_nickName)\n .then((res) => {\n console.log(\"res\", res);\n reset();\n toast.success(t(\"subAccount.modal.create.success.description\"));\n\n setOpen(false);\n })\n .catch((e: any) => {\n toast.error(t(\"subAccount.modal.create.failed.description\"));\n })\n .finally(() => {\n setLoading(false);\n });\n };\n return (\n <>\n {trigger}\n <SimpleDialog\n title={header}\n open={open}\n onOpenChange={(open) => {\n reset();\n setOpen(open);\n }}\n size={isMobile ? \"sm\" : \"xl\"}\n actions={{\n primary: {\n label: t(\"common.confirm\"),\n disabled: invalid || loading,\n loading: loading,\n onClick: () => {\n const invalid = validateNickName(nickName);\n if (invalid) {\n return;\n }\n doCreatSubAccount(nickName);\n },\n },\n }}\n classNames={{\n content: \"oui-w-[360px]\",\n }}\n >\n <NickNameTextField\n nickName={nickName}\n setNickName={(nickName) => {\n validateNickName(nickName);\n setNickName(nickName);\n }}\n subAccountCount={subAccountCount}\n invalid={invalid}\n />\n </SimpleDialog>\n </>\n );\n};\n","import { useTranslation } from \"@orderly.network/i18n\";\nimport { inputFormatter, TextField } from \"@orderly.network/ui\";\n\nexport const NickNameDescriptionText = \"\";\n\nexport const NickNameTextField = (props: {\n nickName: string | undefined;\n setNickName: (nickName: string | undefined) => void;\n subAccountCount?: number;\n invalid?: boolean;\n}) => {\n const { t } = useTranslation();\n return (\n <TextField\n placeholder={`Sub-account ${(props.subAccountCount ?? 0) + 1}`}\n fullWidth\n label={t(\"subAccount.modal.nickName.label\")}\n value={props.nickName}\n onChange={(e) => {\n props.setNickName(e.target.value);\n }}\n formatters={[\n inputFormatter.createRegexInputFormatter(/[^a-zA-Z0-9@,\\s_-]/g),\n ]}\n classNames={{\n label: \"oui-text-base-contrast-54 oui-text-xs\",\n input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n }}\n maxLength={20}\n minLength={1}\n autoComplete=\"off\"\n helpText={t(\"subAccount.modal.create.nickname.role\")}\n className=\"oui-mb-4\"\n color={props.invalid ? \"danger\" : undefined}\n />\n );\n};\n","import { useEffect, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { SimpleDialog, toast, Text, TextField } from \"@orderly.network/ui\";\nimport { NickNameDescriptionText, NickNameTextField } from \"./common\";\n\nexport const EditNickNameDialog = (props: {\n nickName: string;\n open: boolean;\n accountId: string;\n onOpenChange: (open: boolean) => void;\n}) => {\n const { subAccount } = useAccount();\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const [newNickName, setNewNickName] = useState<string | undefined>(undefined);\n const [invalid, setInvalid] = useState(false);\n\n const validateNickName = (nickName: string | undefined) => {\n if (!nickName || !(nickName.length >= 1 && nickName.length <= 20)) {\n setInvalid(true);\n return true;\n }\n setInvalid(false);\n };\n useEffect(() => {\n setNewNickName(props.nickName);\n setInvalid(false);\n setLoading(false);\n }, [props.nickName, props.open]);\n return (\n <SimpleDialog\n title={<Text>{t(\"subAccount.modal.edit.title\")}</Text>}\n open={props.open}\n onOpenChange={props.onOpenChange}\n classNames={{\n content: \"oui-w-[360px]\",\n }}\n actions={{\n primary: {\n label: t(\"common.confirm\"),\n disabled: loading || invalid,\n loading: loading,\n onClick: () => {\n if (validateNickName(newNickName)) {\n return;\n }\n setLoading(true);\n subAccount\n ?.update({\n subAccountId: props.accountId,\n description: newNickName,\n })\n .catch((e) => {\n console.log(\"e\", e);\n toast.error(t(\"subAccount.modal.edit.failed.description\"));\n })\n .then((res) => {\n toast.success(t(\"subAccount.modal.edit.success.description\"));\n props.onOpenChange(false);\n })\n .finally(() => {\n setLoading(false);\n });\n },\n },\n secondary: {\n label: t(\"common.cancel\"),\n onClick: () => props.onOpenChange(false),\n },\n }}\n >\n <NickNameTextField\n nickName={newNickName}\n setNickName={(nickName) => {\n validateNickName(nickName);\n setNewNickName(nickName ?? \"\");\n }}\n invalid={invalid}\n />\n </SimpleDialog>\n );\n};\n","import { FC, ReactNode } from \"react\";\nimport { SubAccountScript } from \"./subAccount.script\";\nimport { SubAccountUI } from \"./subAccount.ui\";\n\ntype SubAccountWidgetProps = {\n customTrigger?: ReactNode;\n};\n\nexport const SubAccountWidget: FC<SubAccountWidgetProps> = (props) => {\n const state = SubAccountScript();\n return <SubAccountUI {...state} customTrigger={props?.customTrigger} />;\n};\n","import { FC } from \"react\";\n\nexport interface CommunityProps {\n width?: number;\n height?: number;\n className?: string | undefined;\n}\n\nexport const CommunityDiscord: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M14.9559 5.5217C16.5596 7.89629 17.3515 10.5748 17.0555 13.6583C17.0542 13.6714 17.0475 13.6833 17.0368 13.6912C15.8224 14.5893 14.6458 15.1343 13.4857 15.4958C13.4767 15.4985 13.467 15.4984 13.4581 15.4953C13.4491 15.4923 13.4413 15.4865 13.4358 15.4788C13.1678 15.1032 12.9243 14.7073 12.7109 14.2915C12.6987 14.267 12.7099 14.2375 12.7351 14.2278C13.1218 14.0811 13.4896 13.9052 13.8434 13.6969C13.8712 13.6805 13.873 13.6403 13.8473 13.621C13.7722 13.5648 13.6978 13.5058 13.6266 13.4468C13.6133 13.4359 13.5954 13.4338 13.5803 13.4411C11.2837 14.5092 8.76789 14.5092 6.44412 13.4411C6.42903 13.4343 6.41111 13.4367 6.39815 13.4474C6.32715 13.5064 6.2526 13.5648 6.17823 13.621C6.1525 13.6403 6.15463 13.6805 6.18267 13.6969C6.53642 13.9012 6.90419 14.0811 7.29042 14.2285C7.31544 14.2382 7.32734 14.267 7.31491 14.2915C7.10618 14.7078 6.86265 15.1037 6.58967 15.4793C6.57777 15.4945 6.55825 15.5015 6.53979 15.4958C5.38518 15.1343 4.20857 14.5893 2.99415 13.6912C2.98403 13.6833 2.97676 13.6708 2.97569 13.6578C2.72826 10.9906 3.23253 8.28992 5.07333 5.52116C5.07776 5.51383 5.08451 5.50811 5.09232 5.50472C5.99808 5.08607 6.96844 4.77807 7.98265 4.60218C8.00111 4.59932 8.01957 4.6079 8.02915 4.62434C8.15446 4.84779 8.2977 5.13434 8.39461 5.36851C9.46367 5.20405 10.5494 5.20405 11.6408 5.36851C11.7377 5.13934 11.876 4.84779 12.0008 4.62434C12.0052 4.61619 12.0121 4.60965 12.0205 4.60567C12.0288 4.60169 12.0382 4.60047 12.0473 4.60218C13.062 4.77861 14.0324 5.08661 14.9374 5.50472C14.9454 5.50811 14.952 5.51383 14.9559 5.5217V5.5217ZM8.9381 10.593C8.94929 9.80452 8.37846 9.15206 7.66191 9.15206C6.95122 9.15206 6.3859 9.7988 6.3859 10.593C6.3859 11.387 6.96241 12.0338 7.66191 12.0338C8.37278 12.0338 8.9381 11.387 8.9381 10.593V10.593ZM13.6563 10.593C13.6675 9.80452 13.0966 9.15206 12.3803 9.15206C11.6694 9.15206 11.1041 9.7988 11.1041 10.593C11.1041 11.387 11.6806 12.0338 12.3803 12.0338C13.0966 12.0338 13.6563 11.387 13.6563 10.593V10.593Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityTG: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n // stroke=\"currentColor\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M4.10787 9.4635C4.10787 9.4635 9.64487 7.13143 11.5652 6.31025C12.3013 5.98181 14.7978 4.93069 14.7978 4.93069C14.7978 4.93069 15.95 4.47087 15.854 5.58763C15.822 6.0475 15.5659 7.65694 15.3099 9.39781C14.9258 11.8613 14.5097 14.5547 14.5097 14.5547C14.5097 14.5547 14.4457 15.3102 13.9016 15.4416C13.3575 15.5729 12.4613 14.9817 12.3013 14.8503C12.1733 14.7518 9.9009 13.2737 9.06876 12.5511C8.84471 12.354 8.58868 11.9599 9.10074 11.5C10.253 10.4161 11.6292 9.06937 12.4613 8.21537C12.8454 7.82119 13.2295 6.9015 11.6292 8.01825C9.35681 9.62774 7.11641 11.1387 7.11641 11.1387C7.11641 11.1387 6.60431 11.4671 5.64415 11.1715C4.68394 10.8759 3.56374 10.4817 3.56374 10.4817C3.56374 10.4817 2.79565 9.98906 4.10787 9.4635Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityX: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <div className=\"orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n // stroke=\"currentColor\"\n fill=\"white\"\n fillOpacity={1}\n className={`${className}`}\n >\n <path d=\"M4.41988 4.72946L9.05295 10.9243L4.39062 15.961H5.43993L9.52178 11.5513L12.8198 15.961H16.3906L11.4969 9.41769L15.8365 4.72946H14.7872L11.028 8.7907L7.9907 4.72946H4.41988ZM5.96296 5.50238H7.6034L14.8473 15.188H13.2069L5.96296 5.50238Z\" />\n </svg>\n </div>\n );\n};\n\nexport const CommunityDune: FC<CommunityProps> = (props) => {\n const { width = 20, height = 20, className } = props;\n\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z\"\n fill=\"white\"\n fillOpacity={0.54}\n />\n <path\n d=\"M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z\"\n fill=\"white\"\n fillOpacity={0.54}\n />\n </svg>\n );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\n\nexport type UseScanQRCodeScriptReturn = ReturnType<typeof useScanQRCodeScript>;\n\nexport function useScanQRCodeScript() {\n const [open, setOpen] = useState(false);\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const [showScanTooltip, setShowScanTooltip] = useLocalStorage(\n \"orderly_qr_code_scan_tooltip_open\",\n true,\n );\n\n const showDialog = () => {\n setOpen(true);\n };\n\n const hideDialog = () => {\n setOpen(false);\n };\n\n const onScanSuccess = (url: string) => {\n if (isValidURL(url)) {\n window.location.href = url;\n }\n };\n\n useEffect(() => {\n if (showScanTooltip) {\n timerRef.current = setTimeout(() => {\n setShowScanTooltip(false);\n }, 8000);\n }\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [showScanTooltip]);\n\n return {\n open,\n onOpenChange: setOpen,\n showDialog,\n hideDialog,\n onScanSuccess,\n showScanTooltip,\n };\n}\n\nfunction isValidURL(str: string) {\n try {\n const url = new URL(str);\n return [\"http:\", \"https:\"].includes(url.protocol);\n } catch (e) {\n return false;\n }\n}\n","import { FC, SVGProps } from \"react\";\nimport { useTranslation, Trans } from \"@orderly.network/i18n\";\nimport {\n Box,\n cn,\n Flex,\n SimpleDialog,\n Text,\n Tooltip,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../main/mainLogo\";\nimport { UseScanQRCodeScriptReturn } from \"./scanQRCode.script\";\nimport { QRCodeScanner, QRCODE_WIDTH, QRCODE_HEIGHT } from \"./scanner\";\n\ntype ScanQRCodeProps = UseScanQRCodeScriptReturn;\n\nexport const ScanQRCode: FC<ScanQRCodeProps> = (props) => {\n const { t } = useTranslation();\n return (\n <>\n <Tooltip\n open={props.showScanTooltip}\n content={t(\"linkDevice.scanQRCode.tooltip\")}\n className=\"oui-bg-base-6 oui-text-2xs oui-font-semibold oui-text-warning-darken\"\n arrow={{ className: \"!oui-fill-base-6\" }}\n >\n <Flex\n 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]\"\n onClick={props.showDialog}\n >\n <ScanIcon className=\"oui-text-base-contrast-80\" />\n </Flex>\n </Tooltip>\n <SimpleDialog\n title={<MainLogo />}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"sm\"\n >\n <ScanQRCodeContent {...props} />\n </SimpleDialog>\n </>\n );\n};\n\nconst ScanQRCodeContent: FC<ScanQRCodeProps> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Flex justify=\"center\" direction=\"column\" gapY={5}>\n <Box width={QRCODE_WIDTH} height={QRCODE_HEIGHT} className=\"oui-relative\">\n <QRCodeScanner onSuccess={props.onScanSuccess} />\n <>\n <LineGradient />\n <RadiusGradient className=\"oui-absolute oui-left-[-1.5px] oui-top-[-1.5px]\" />\n <RadiusGradient className=\"oui-absolute oui-right-[-1.5px] oui-top-[-1.5px] oui-rotate-90\" />\n <RadiusGradient className=\"oui-absolute oui-bottom-[-1.5px] oui-left-[-1.5px] -oui-rotate-90\" />\n <RadiusGradient className=\"oui-absolute oui-bottom-[-1.5px] oui-right-[-1.5px] -oui-rotate-180\" />\n </>\n </Box>\n\n {/* </Box> */}\n <Text size=\"sm\" intensity={98} weight=\"semibold\">\n {t(\"linkDevice.scanQRCode\")}\n </Text>\n <span className=\"oui-px-3 oui-text-center\">\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-break-words\"\n >\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"linkDevice.scanQRCode.description\"\n components={[\n <LinkDeviceIcon\n key=\"0\"\n className=\"oui-mx-1 oui-inline-block oui-text-base-contrast-80\"\n />,\n ]}\n />\n </Text>\n </span>\n </Flex>\n );\n};\n\nconst ScanIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport interface LinkDeviceIconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nexport const LinkDeviceIcon: FC<LinkDeviceIconProps> = (props) => {\n const { size = 20, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n );\n};\n\nconst LineGradient: FC<SVGProps<SVGSVGElement>> = () => {\n return (\n <div\n className={cn(\n \"oui-absolute oui-left-[30px] oui-top-0\",\n \"oui-h-[2px] oui-w-[calc(100%-60px)] oui-rounded-full\",\n \"oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)]\",\n \"oui-shadow-[0_0_8px_4px_rgba(var(--oui-gradient-brand-start)/0.12)]\",\n \"oui-animate-scan-qr-code\",\n )}\n />\n );\n};\n\nconst RadiusGradient: FC<SVGProps<SVGSVGElement>> = (props) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"64\"\n height=\"64\"\n viewBox=\"0 0 64 64\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M62 2H18C9.16344 2 2 9.16344 2 18V62\"\n stroke=\"url(#paint0_linear_136_6227)\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_136_6227\"\n x1=\"2\"\n y1=\"32\"\n x2=\"62\"\n y2=\"32\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n );\n};\n","import { FC, useEffect, useRef } from \"react\";\nimport jsQR from \"jsqr\";\n\ntype ScannerProps = {\n onSuccess?: (data: string) => void;\n};\n\nexport const QRCODE_WIDTH = 320;\nexport const QRCODE_HEIGHT = 320;\nconst RATIO = 2;\n\n/**\n * QR Code Scanner\n * reference https://github.com/cozmo/jsQR/blob/master/docs/index.html\n */\nexport const QRCodeScanner: FC<ScannerProps> = (props) => {\n const videoRef = useRef<HTMLVideoElement>(null);\n const canvasRef = useRef<HTMLCanvasElement>(null);\n\n const tick = () => {\n const video = videoRef.current;\n const canvas = canvasRef.current;\n if (!video || !canvas) return;\n\n const ctx = canvas.getContext(\"2d\")!;\n\n if (video.readyState === video.HAVE_ENOUGH_DATA) {\n const videoWidth = video.videoWidth;\n const videoHeight = video.videoHeight;\n\n const canvasAspectRatio = canvas.width / canvas.height;\n const videoAspectRatio = videoWidth / videoHeight;\n\n let sx, sy, sWidth, sHeight;\n\n if (videoAspectRatio > canvasAspectRatio) {\n // The video is wide. Crop the left and right sides\n sHeight = videoHeight;\n sWidth = videoHeight * canvasAspectRatio;\n sx = (videoWidth - sWidth) / 2;\n sy = 0;\n } else {\n // The video is high. Crop the top and bottom sides\n sWidth = videoWidth;\n sHeight = videoWidth / canvasAspectRatio;\n sx = 0;\n sy = (videoHeight - sHeight) / 2;\n }\n\n ctx.drawImage(\n video,\n sx,\n sy,\n sWidth,\n sHeight,\n 0,\n 0,\n canvas.width,\n canvas.height,\n );\n\n // ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n const res = jsQR(imageData.data, imageData.width, imageData.height, {\n inversionAttempts: \"dontInvert\",\n });\n\n if (res?.data) {\n console.log(\"scan result\", res.data);\n props.onSuccess?.(res.data);\n }\n }\n requestAnimationFrame(tick);\n };\n\n useEffect(() => {\n const video = videoRef.current;\n if (!open || !video) return;\n\n // Use facingMode: environment to attemt to get the front camera on phones\n navigator?.mediaDevices\n .getUserMedia({\n video: {\n facingMode: \"environment\",\n width: { ideal: QRCODE_WIDTH * RATIO },\n height: { ideal: QRCODE_HEIGHT * RATIO },\n },\n })\n .then((stream) => {\n video.srcObject = stream;\n // required to tell iOS safari we don't want fullscreen\n video.setAttribute(\"playsinline\", \"true\");\n video.play();\n\n video.onloadeddata = () => {\n console.log(\"Video data loaded.\");\n // const videoTrack = stream.getVideoTracks()[0];\n // const settings = videoTrack.getSettings();\n // console.log(\"video size\", `${settings.width}x${settings.height}`);\n\n requestAnimationFrame(tick);\n };\n })\n .catch((err) => {\n console.error(\"Error accessing camera:\", err);\n });\n\n return () => {\n // Cleanup: stop video stream when component unmounts\n const stream = video.srcObject as MediaStream;\n if (stream) {\n const tracks = stream.getTracks();\n tracks.forEach((track: any) => track.stop());\n }\n video.srcObject = null;\n };\n }, [videoRef, canvasRef]);\n\n return (\n <>\n <video\n ref={videoRef}\n width={QRCODE_WIDTH}\n height={QRCODE_HEIGHT}\n className=\"oui-hidden oui-rounded-2xl oui-bg-base-10\"\n />\n <canvas\n ref={canvasRef}\n width={QRCODE_WIDTH * RATIO}\n height={QRCODE_HEIGHT * RATIO}\n style={{ width: QRCODE_WIDTH, height: QRCODE_HEIGHT }}\n className=\"oui-rounded-2xl oui-bg-base-10\"\n />\n </>\n );\n};\n","import { useScanQRCodeScript } from \"./scanQRCode.script\";\nimport { ScanQRCode } from \"./scanQRCode.ui\";\n\nexport const ScanQRCodeWidget = () => {\n const state = useScanQRCodeScript();\n return <ScanQRCode {...state} />;\n};\n","import { useScreen } from \"@orderly.network/ui\";\nimport { useLinkDeviceScript } from \"./linkDevice.script\";\nimport { LinkDevice } from \"./linkDevice.ui\";\nimport { LinkDeviceMobile } from \"./linkDevice.ui.mobile\";\n\nexport const LinkDeviceWidget = () => {\n const { isMobile } = useScreen();\n const state = useLinkDeviceScript();\n if (isMobile) {\n return <LinkDeviceMobile {...state} />;\n }\n return <LinkDevice {...state} />;\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport {\n useAccount,\n useChains,\n useEventEmitter,\n useTrack,\n} from \"@orderly.network/hooks\";\nimport { TrackerEventName } from \"@orderly.network/types\";\n\nexport type UseLinkDeviceScriptReturn = ReturnType<typeof useLinkDeviceScript>;\n\nconst ExpireSeconds = 60;\n\nexport function useLinkDeviceScript() {\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(true);\n const [confirm, setConfirm] = useState(false);\n const [seconds, setSeconds] = useState(ExpireSeconds);\n const [secretKey, setSecretKey] = useState(\"\");\n const [url, setUrl] = useState(\"\");\n const ee = useEventEmitter();\n const { track } = useTrack();\n\n const { state, account } = useAccount();\n\n const [_, { findByChainId }] = useChains(undefined, {\n pick: \"network_infos\",\n filter: (chain: any) =>\n chain.network_infos?.bridge_enable || chain.network_infos?.bridgeless,\n });\n\n const createTrackParams = () => {\n const chain = findByChainId(account.chainId as number);\n return {\n wallet: state?.connectWallet?.name,\n network: chain?.network_infos.name,\n };\n };\n\n const getOrderlyKey = useCallback(async () => {\n try {\n const res = await account.createApiKey(30);\n setSecretKey(res.secretKey);\n setLoading(false);\n\n track(TrackerEventName.signLinkDeviceMessageSuccess, createTrackParams());\n } catch (e) {\n console.error(\"getOrderlyKey\", e);\n\n if (e instanceof Error) {\n if (\n e.message.indexOf(\n \"Signing off chain messages with Ledger is not yet supported\",\n ) !== -1\n ) {\n ee.emit(\"wallet:sign-message-with-ledger-error\", {\n message: e.message,\n userAddress: account.address,\n });\n }\n }\n hideDialog();\n }\n }, [account]);\n\n const showDialog = useCallback(() => {\n setOpen(true);\n getOrderlyKey();\n track(TrackerEventName.clickLinkDeviceButton, createTrackParams());\n }, [account]);\n\n const hideDialog = useCallback(() => {\n setOpen(false);\n }, []);\n\n const onConfirm = useCallback(() => {\n setConfirm(true);\n track(TrackerEventName.linkDeviceModalClickConfirm, {});\n }, []);\n\n const copyUrl = useCallback(() => {\n navigator.clipboard.writeText(url);\n }, [url]);\n\n useEffect(() => {\n // when hide dialog, reset data\n if (!open) {\n setConfirm(false);\n setLoading(true);\n setSeconds(ExpireSeconds);\n setSecretKey(\"\");\n setUrl(\"\");\n }\n }, [open]);\n\n useEffect(() => {\n if (seconds === 0) {\n hideDialog();\n return;\n }\n\n if (!confirm) {\n return;\n }\n\n const timer = setTimeout(() => {\n setSeconds(seconds - 1);\n }, 1000);\n\n return () => clearTimeout(timer);\n }, [seconds, confirm]);\n\n useEffect(() => {\n if (confirm && secretKey) {\n const timestamp = Math.floor(Date.now() / 1000) + ExpireSeconds;\n const params = {\n k: secretKey,\n t: timestamp,\n a: account.address,\n i: account.chainId,\n n: account.walletAdapter?.chainNamespace,\n };\n const url = createUrl(params);\n setUrl(url);\n }\n }, [confirm, secretKey]);\n\n return {\n open,\n onOpenChange: setOpen,\n showDialog,\n hideDialog,\n loading,\n seconds,\n confirm,\n onConfirm,\n url,\n copyUrl,\n };\n}\n\nfunction createUrl(params: Record<string, any>) {\n const str = JSON.stringify(params);\n const base64 = window.btoa(str);\n console.log(\"str\", str.length, str);\n console.log(\"base64\", base64.length, base64);\n return `${window.location.origin}?link=${base64}`;\n}\n","import { FC, SVGProps, useEffect, useRef } from \"react\";\nimport { qrcode as qr } from \"@akamfoad/qr\";\nimport { Trans, useTranslation } from \"@orderly.network/i18n\";\nimport {\n cn,\n CopyIcon,\n Flex,\n SimpleDialog,\n SimpleDialogFooter,\n SimpleDialogFooterProps,\n Text,\n} from \"@orderly.network/ui\";\nimport { MainLogo } from \"../mainLogo\";\nimport { UseLinkDeviceScriptReturn } from \"./linkDevice.script\";\n\nexport type LinkDeviceProps = UseLinkDeviceScriptReturn;\n\nexport const LinkDevice: FC<LinkDeviceProps> = (props) => {\n const { t } = useTranslation();\n\n return (\n <>\n <LinkDeviceIcon\n className=\"oui-text-base-contrast-80 oui-cursor-pointer hover:oui-fill-base-contrast oui-transition-colors\"\n onClick={props.showDialog}\n />\n\n <SimpleDialog\n title={<Text weight=\"semibold\">{t(\"common.confirm\")}</Text>}\n open={props.open}\n onOpenChange={props.onOpenChange}\n size=\"sm\"\n contentProps={{\n onInteractOutside: (e) => {\n const el = document.querySelector(\"#privy-dialog\");\n if (el) {\n e.preventDefault();\n }\n },\n }}\n >\n <LinkDeviceContent {...props} />\n </SimpleDialog>\n </>\n );\n};\n\nexport const LinkDeviceContent: FC<LinkDeviceProps> = (props) => {\n if (props.loading) {\n return <Loading />;\n }\n\n if (props.confirm) {\n return (\n <QRCode\n hideDialog={props.hideDialog}\n seconds={props.seconds}\n url={props.url}\n copyUrl={props.copyUrl}\n />\n );\n }\n\n return (\n <LinkDeviceConfirm\n hideDialog={props.hideDialog}\n onConfirm={props.onConfirm}\n />\n );\n};\n\ntype QRCodeProps = Pick<\n LinkDeviceProps,\n \"seconds\" | \"hideDialog\" | \"copyUrl\"\n> & {\n url?: string;\n};\n\nconst QRCode: FC<QRCodeProps> = (props) => {\n const { t } = useTranslation();\n const actions: SimpleDialogFooterProps[\"actions\"] = {\n primary: {\n label: t(\"common.ok\"),\n onClick: props.hideDialog,\n size: \"md\",\n },\n };\n\n return (\n <Flex direction=\"column\" gapY={3}>\n <Text size=\"base\" intensity={98}>\n {t(\"linkDevice.scanQRCode\")}\n </Text>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-center\"\n >\n {/* @ts-ignore */}\n <Trans i18nKey=\"linkDevice.createQRCode.success.description\" />\n </Text>\n\n <Text size=\"sm\" intensity={54}>\n {`${t(\"common.countdown\")}: `}\n <Text.gradient color=\"brand\" className=\"oui-tabular-nums\">\n {props.seconds}s\n </Text.gradient>\n </Text>\n\n <Flex\n className={cn(\n \"oui-w-[240px] oui-h-[240px] \",\n \"oui-border oui-border-base-contrast-20 oui-rounded-2xl\",\n )}\n justify=\"center\"\n itemAlign=\"center\"\n >\n <Flex\n className=\"oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white\"\n justify=\"center\"\n itemAlign=\"center\"\n >\n <QRCodeCanvas width={196} height={196} content={props.url} />\n </Flex>\n </Flex>\n\n <Flex\n direction=\"row\"\n gap={1}\n className={cn(\n \"oui-cursor-pointer\",\n \"oui-group oui-text-base-contrast-54 hover:oui-text-base-contrast\",\n )}\n onClick={props.copyUrl}\n >\n <CopyIcon\n size={16}\n opacity={1}\n className=\"oui-text-base-contrast-54 group-hover:oui-text-base-contrast\"\n />\n <Text size=\"2xs\" weight=\"regular\">\n {t(\"linkDevice.createQRCode.success.copyUrl\")}\n </Text>\n </Flex>\n\n <SimpleDialogFooter\n actions={actions}\n className=\"oui-w-full oui-p-0 !oui-pt-8\"\n />\n </Flex>\n );\n};\n\ntype QRCodeCanvasProps = {\n width: number;\n height: number;\n content?: string;\n};\n\nconst QRCodeCanvas: FC<QRCodeCanvasProps> = (props) => {\n const canvasRef = useRef<HTMLCanvasElement>(null);\n\n useEffect(() => {\n if (!canvasRef.current || !props.content) return;\n\n const qrcode = qr(props.content);\n const width = props.width;\n const height = props.height;\n\n const ctx = canvasRef.current.getContext(\"2d\")!;\n\n const cells = qrcode.modules!;\n\n const tileW = width / cells.length;\n const tileH = height / cells.length;\n\n for (let r = 0; r < cells.length; ++r) {\n const row = cells[r];\n for (let c = 0; c < row.length; ++c) {\n ctx.fillStyle = row[c] ? \"#000\" : \"#fff\";\n const w = Math.ceil((c + 1) * tileW) - Math.floor(c * tileW);\n const h = Math.ceil((r + 1) * tileH) - Math.floor(r * tileH);\n ctx.fillRect(Math.round(c * tileW), Math.round(r * tileH), w, h);\n }\n }\n }, [canvasRef, props.content]);\n\n return <canvas width={props.width} height={props.height} ref={canvasRef} />;\n};\n\ntype LinkDeviceConfirmProps = Pick<LinkDeviceProps, \"hideDialog\" | \"onConfirm\">;\n\nconst LinkDeviceConfirm: FC<LinkDeviceConfirmProps> = (props) => {\n const { t } = useTranslation();\n\n const actions: SimpleDialogFooterProps[\"actions\"] = {\n secondary: {\n label: t(\"common.cancel\"),\n onClick: props.hideDialog,\n className: \"oui-flex-1\",\n size: \"md\",\n },\n primary: {\n label: t(\"common.confirm\"),\n onClick: props.onConfirm,\n className: \"oui-flex-1\",\n size: \"md\",\n },\n };\n\n return (\n <Flex direction=\"column\">\n <MainLogo />\n <Text size=\"base\" intensity={98} className=\"oui-mt-5\">\n {t(\"linkDevice.createQRCode.linkMobileDevice\")}\n </Text>\n <Text\n size=\"2xs\"\n intensity={54}\n weight=\"regular\"\n className=\"oui-text-center oui-mt-3\"\n >\n {/* @ts-ignore */}\n <Trans\n i18nKey=\"linkDevice.createQRCode.linkMobileDevice.description\"\n values={{\n hostname: window.location.hostname,\n }}\n />\n </Text>\n <SimpleDialogFooter\n actions={actions}\n className=\"oui-w-full oui-p-0 !oui-pt-8\"\n />\n </Flex>\n );\n};\n\nconst Loading = () => {\n const { t } = useTranslation();\n\n return (\n <Flex direction=\"column\" gap={5}>\n <Spinner />\n <Text size=\"sm\" intensity={98}>\n {t(\"linkDevice.createQRCode.loading.description\")}\n </Text>\n </Flex>\n );\n};\n\nconst Spinner = () => {\n return (\n <svg\n width=\"80\"\n height=\"80\"\n viewBox=\"0 0 80 80\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-animate-spin\"\n >\n <path\n 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\"\n fill=\"url(#paint0_linear_177_6754)\"\n />\n <path\n 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\"\n fill=\"white\"\n fillOpacity=\"0.06\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_177_6754\"\n x1=\"73\"\n y1=\"40\"\n x2=\"7\"\n y2=\"40\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n );\n};\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nexport const LinkDeviceIcon: FC<IconProps> = (props) => {\n const { size = 20, viewBox, ...rest } = props;\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <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\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n />\n </svg>\n );\n};\n","import { FC, SVGProps, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { SimpleDialog } from \"@orderly.network/ui\";\nimport { Flex, Text } from \"@orderly.network/ui\";\nimport { LinkDeviceProps } from \"./linkDevice.ui\";\n\nexport const LinkDeviceMobile: FC<LinkDeviceProps> = (props) => {\n const [open, setOpen] = useState(false);\n const { account } = useAccount();\n const { t } = useTranslation();\n const onDisconnect = async () => {\n localStorage.removeItem(\"orderly_link_device\");\n await account.disconnect();\n };\n\n const showDialog = () => {\n setOpen(true);\n };\n\n const hideDialog = () => {\n setOpen(false);\n };\n\n return (\n <>\n <SimpleDialog\n open={open}\n onOpenChange={setOpen}\n title={t(\"common.tips\")}\n size=\"xs\"\n actions={{\n secondary: {\n label: t(\"common.cancel\"),\n onClick: hideDialog,\n size: \"md\",\n fullWidth: true,\n },\n primary: {\n label: t(\"connector.disconnect\"),\n onClick: async () => {\n await onDisconnect();\n hideDialog();\n },\n size: \"md\",\n variant: \"outlined\",\n color: \"danger\",\n },\n }}\n >\n <Text intensity={54} size=\"sm\">\n {t(\"linkDevice.scanQRCode.connected.description\")}\n </Text>\n </SimpleDialog>\n <Flex\n className=\"oui-text-base-contrast oui-px-[6px]\"\n intensity={500}\n height={28}\n r=\"md\"\n onClick={showDialog}\n >\n <DesktopIcon />\n <Dot />\n <LinkIcon />\n <Dot />\n <MobileIcon />\n </Flex>\n </>\n );\n};\n\nconst Dot = () => {\n return (\n <Flex className=\"oui-gap-x-[1px] oui-px-[1px]\">\n <DotIcon />\n <DotIcon />\n <DotIcon />\n </Flex>\n );\n};\n\nconst DesktopIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst MobileIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst LinkIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"url(#a)\"\n />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"11.007\"\n y1=\"5.999\"\n x2=\"1.007\"\n y2=\"5.999\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n\nconst DotIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"2\"\n height=\"2\"\n viewBox=\"0 0 2 2\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M.667.334a.667.667 0 1 1 0 1.333.667.667 0 0 1 0-1.333\"\n fill=\"url(#a)\"\n />\n <defs>\n <linearGradient\n id=\"a\"\n x1=\"1.333\"\n y1=\"1.001\"\n x2=\"0\"\n y2=\"1.001\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n);\n","import { FC } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Checkbox, cn, Flex, SimpleDialog } from \"@orderly.network/ui\";\nimport { InfoIcon } from \"../icons\";\nimport { UseRestrictedInfoScriptReturn } from \"./restrictedInfo.script\";\n\nexport type RestrictedInfoProps = UseRestrictedInfoScriptReturn & {\n className?: string;\n};\n\nexport const RestrictedInfo: FC<RestrictedInfoProps> = (props) => {\n const { brokerName, agree, setAgree } = props;\n const {\n ip,\n content,\n restrictedOpen,\n canUnblock,\n accessRestricted,\n setAccessRestricted,\n } = props.restrictedInfo || {};\n const { t } = useTranslation();\n\n // if user region is in the canUnblock regions and accessRestricted is not set, show the dialog\n if (restrictedOpen && canUnblock && accessRestricted === undefined) {\n return (\n <SimpleDialog\n open={canUnblock}\n title={t(\"restrictedInfo.accessRestricted\")}\n size=\"sm\"\n closable={false}\n actions={{\n secondary: {\n label: t(\"common.cancel\"),\n onClick: () => {\n setAccessRestricted(true);\n },\n size: \"md\",\n },\n primary: {\n label: t(\"common.confirm\"),\n onClick: async () => {\n setAccessRestricted(false);\n },\n size: \"md\",\n disabled: !agree,\n },\n }}\n >\n {t(\"restrictedInfo.accessRestricted.description\")}\n\n <Flex gapX={1} pt={2}>\n <Checkbox\n id=\"orderConfirm\"\n color={\"white\"}\n checked={agree}\n onCheckedChange={(checked) => {\n setAgree(!!checked);\n }}\n />\n <label htmlFor=\"orderConfirm\" className=\"oui-cursor-pointer\">\n {t(\"restrictedInfo.accessRestricted.agree\")}\n </label>\n </Flex>\n </SimpleDialog>\n );\n }\n\n if (!restrictedOpen) {\n return;\n }\n\n const renderContent = () => {\n if (typeof content === \"function\") {\n return <span>{content({ ip: ip!, brokerName })}</span>;\n }\n return (\n content || (\n <span>\n {t(\"restrictedInfo.description.default\", {\n brokerName,\n ip,\n })}\n </span>\n )\n );\n };\n\n return (\n <Flex\n ref={props.container}\n justify=\"center\"\n className={cn(\n \"oui-restricted-info\",\n \"oui-rounded-xl oui-p-[7px]\",\n \"oui-text-warning-darken\",\n props.className,\n )}\n >\n <Flex\n className={cn(\n \"oui-min-h-[20px] oui-gap-1\",\n \"oui-text-2xs oui-leading-4 md:oui-text-sm\",\n \"oui-items-start lg:oui-justify-center\",\n props.mutiLine ? \"lg:oui-items-start\" : \"lg:oui-items-center\",\n )}\n >\n <InfoIcon size={20} className=\"oui-size-4 oui-shrink-0 lg:oui-size-5\" />\n {renderContent()}\n </Flex>\n </Flex>\n );\n};\n","import { useRef, useState } from \"react\";\nimport { useConfig, useLocalStorage } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement } from \"@orderly.network/ui\";\n\nexport type UseRestrictedInfoScriptReturn = ReturnType<\n typeof useRestrictedInfoScript\n> & {\n brokerName?: string;\n};\n\nexport const useRestrictedInfoScript = () => {\n const { restrictedInfo } = useAppContext();\n const brokerName = useConfig(\"brokerName\");\n const container = useRef<HTMLDivElement>(null);\n const [mutiLine, setMutiLine] = useState(false);\n const [agree, setAgree] = useState(false);\n\n const [canUnblock, setCanUnblock] = useLocalStorage(\n \"orderly_unblock_restricted\",\n true,\n );\n\n useObserverElement(container.current, (entry) => {\n setMutiLine(entry.contentRect.height > 28);\n });\n\n return {\n restrictedInfo,\n brokerName,\n container,\n mutiLine,\n agree,\n setAgree,\n };\n};\n","import { FC } from \"react\";\nimport { useRestrictedInfoScript } from \"./restrictedInfo.script\";\nimport { RestrictedInfo, RestrictedInfoProps } from \"./restrictedInfo.ui\";\n\nexport type RestrictedInfoWidgetProps = Pick<RestrictedInfoProps, \"className\">;\n\nexport const RestrictedInfoWidget: FC<RestrictedInfoWidgetProps> = (props) => {\n const state = useRestrictedInfoScript();\n return <RestrictedInfo {...props} {...state} />;\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement, useScreen } from \"@orderly.network/ui\";\nimport { type ScaffoldProps } from \"./scaffold.widget\";\n\nexport type ScaffoldScriptReturn = ReturnType<typeof useScaffoldScript>;\n\ntype ScaffoldScriptOptions = ScaffoldProps;\n\nexport const useScaffoldScript = (options: ScaffoldScriptOptions) => {\n const { restrictedInfo, showAnnouncement } = useAppContext();\n\n const [topNavbarRef, topNavbarHeight] = useRefAndHeight(48);\n const [footerRef, footerHeight] = useRefAndHeight(29);\n const [bottomNavRef, bottomNavHeight] = useRefAndHeight(64);\n const [announcementRef, announcementHeight] = useRefAndHeight(0, [\n showAnnouncement,\n ]);\n\n const [expand, setExpand] = useLocalStorage(\n \"orderly_scaffold_expanded\",\n true,\n );\n\n const { isMobile } = useScreen();\n\n const sideBarExpandWidth = options.leftSideProps?.maxWidth || 185;\n const sideBarCollaspedWidth = options.leftSideProps?.minWidth || 98;\n const hasLeftSidebar = !!options.leftSidebar;\n\n return {\n topNavbarRef,\n footerRef,\n topNavbarHeight,\n footerHeight,\n announcementRef,\n announcementHeight,\n restrictedInfo,\n expand,\n setExpand,\n isMobile,\n sideBarExpandWidth,\n sideBarCollaspedWidth,\n hasLeftSidebar,\n footerProps: options.footerProps,\n routerAdapter: options.routerAdapter,\n mainNavProps: options.mainNavProps,\n bottomNavProps: options.bottomNavProps,\n bottomNavRef,\n bottomNavHeight,\n };\n};\n\nconst useRefAndHeight = (defaultHeight: number, deps: any[] = []) => {\n const ref = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState(defaultHeight);\n\n useObserverElement(ref.current, (entry) => {\n setHeight(entry.contentRect.height);\n });\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const height = ref.current?.getBoundingClientRect().height;\n setHeight(height!);\n }, [ref, ...deps]);\n\n return [ref, height] as const;\n};\n","import { FC, PropsWithChildren } from \"react\";\nimport { isValidElement } from \"react\";\nimport { Box, cn, Grid } from \"@orderly.network/ui\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { FooterWidget } from \"../footer\";\nimport { MainNavWidget } from \"../main/mainNav.widget\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { SideNavbarWidget } from \"../sidebar\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\nimport { ScaffoldProps } from \"./scaffold.widget\";\n\nexport type DesktopScaffoldProps = PropsWithChildren<\n ScaffoldProps & ScaffoldScriptReturn\n>;\n\nexport const DesktopScaffold: FC<DesktopScaffoldProps> = (props) => {\n const { classNames } = props;\n return (\n <div\n style={{\n height: `calc(100vh - ${props.footerHeight}px)`,\n }}\n className={cn(\n \"oui-scaffold-root oui-font-semibold\",\n // default text and background color\n \"oui-bg-base-10 oui-text-base-contrast\",\n \"oui-flex oui-flex-col\",\n \"oui-custom-scrollbar oui-overflow-auto\",\n classNames?.root,\n )}\n >\n {/* topNavbar */}\n <Box\n ref={props.topNavbarRef}\n className={cn(\n \"oui-scaffold-topNavbar oui-bg-base-9\",\n classNames?.topNavbar,\n )}\n >\n {props.topBar ?? <MainNavWidget {...props.mainNavProps} />}\n </Box>\n <div\n className={cn(\n \"oui-scaffold-container\",\n \"oui-relative oui-h-full\",\n // 1024px - 6px (scrollbar widt) = 1018px\n \"oui-min-w-[1018px]\",\n classNames?.container,\n )}\n >\n <Box px={2} ref={props.announcementRef}>\n <RestrictedInfoWidget\n className={cn(\n \"oui-scaffold-restricted-info\",\n \"oui-relative oui-z-[1]\",\n \"oui-mt-2\",\n \"oui-bg-base-9\",\n // 1024px - 6px (scrollbar widt) - 12 * 2px (padding) = 994px\n \"oui-min-w-[994px]\",\n )}\n />\n <AnnouncementWidget\n className={cn(\n \"oui-scaffold-maintenance-tips\",\n \"oui-mt-2\",\n \"oui-relative oui-z-[1]\",\n \"oui-bg-base-9\",\n // 1024px - 6px (scrollbar widt) - 12 * 2px (padding) = 994px\n \"oui-min-w-[994px]\",\n )}\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n </Box>\n\n {/*--------- body start ------ */}\n {!props.hasLeftSidebar ? (\n // ----------No leftSidebar layout start ---------\n <Box height=\"100%\" className={cn(classNames?.content)}>\n {props.children}\n </Box>\n ) : (\n // ----------No leftSidebar layout end ---------\n // ---------- left & body layout start ---------\n <Grid\n className={cn(\n \"oui-box-content oui-flex oui-transition-all xl:oui-grid\",\n \"oui-min-h-full oui-flex-1\",\n classNames?.body,\n )}\n style={{\n gridTemplateColumns: `${\n props.expand\n ? `${props.sideBarExpandWidth}px`\n : `${props.sideBarCollaspedWidth}px`\n } 1fr`,\n // gridTemplateRows: \"auto 1fr\",\n // gridTemplateAreas: `\"left main\" \"left main\"`,\n }}\n >\n <div className={cn(classNames?.leftSidebar)}>\n {/* {typeof props.leftSidebar !== \"undefined\" ? ( */}\n {isValidElement(props.leftSidebar) ? (\n props.leftSidebar\n ) : (\n <SideNavbarWidget {...props.leftSideProps} />\n )}\n </div>\n <Box\n width={\"100%\"}\n className={cn(\"oui-overflow-hidden\", classNames?.content)}\n >\n {props.children}\n </Box>\n </Grid>\n // ---------- left & body layout end ---------\n )}\n </div>\n\n {/* footer */}\n <Box\n ref={props.footerRef}\n className={cn(\n \"oui-scaffold-footer oui-w-full oui-bg-base-10\",\n \"oui-fixed oui-bottom-0 oui-z-50\",\n \"oui-border-t oui-border-line-12\",\n classNames?.footer,\n )}\n >\n {props.footer || <FooterWidget {...props.footerProps} />}\n </Box>\n </div>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { WsNetworkStatus } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Divider, Flex, Text } from \"@orderly.network/ui\";\nimport {\n CommuntiyDiscordIcon,\n CommuntiyTelegramIcon,\n CommuntiyXIcon,\n OrderlyTextIcon,\n SignalIcon,\n} from \"../icons/index\";\nimport { FooterReturns } from \"./footer.script\";\nimport { FooterProps } from \"./footer.widget\";\n\nexport const Footer: FC<FooterReturns & FooterProps> = (props) => {\n const { t } = useTranslation();\n\n const signalClsName = useMemo(() => {\n switch (props.wsStatus) {\n case WsNetworkStatus.Connected:\n return \"oui-fill-success-light oui-text-success-light\";\n case WsNetworkStatus.Disconnected:\n return \"oui-fill-danger-light oui-text-danger-light\";\n case WsNetworkStatus.Unstable:\n return \"oui-fill-warning-light oui-text-warning-light\";\n }\n }, [props.wsStatus]);\n\n const openUrl = (url?: string) => {\n window.open(url, \"_blank\");\n };\n\n return (\n <Flex\n direction={\"row\"}\n justify={\"between\"}\n height={28}\n px={3}\n width={\"100%\"}\n >\n <Flex>\n <Flex\n direction={\"row\"}\n itemAlign={\"center\"}\n gap={1}\n className={signalClsName}\n >\n <SignalIcon\n // className={cn(signalClsName, \"oui-fill-success-light\")}\n fillOpacity={1}\n fill=\"currentColor\"\n />\n <Text size=\"2xs\">{t(\"scaffold.footer.operational\")}</Text>\n </Flex>\n <Divider\n direction=\"vertical\"\n className=\"oui-h-[18px] oui-px-1 oui-ml-2 oui-border-line-12\"\n />\n <Flex gap={2}>\n <Text intensity={54} size=\"2xs\">\n {t(\"scaffold.footer.joinCommunity\")}\n </Text>\n <Flex direction={\"row\"} gap={1}>\n {typeof props.telegramUrl !== \"undefined\" && (\n <CommuntiyTelegramIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.telegramUrl)}\n />\n )}\n {typeof props.discordUrl !== \"undefined\" && (\n <CommuntiyDiscordIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.discordUrl)}\n />\n )}\n {typeof props.twitterUrl !== \"undefined\" && (\n <CommuntiyXIcon\n className=\"oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer\"\n fill=\"currentColor\"\n fillOpacity={1}\n onClick={(e) => openUrl(props.twitterUrl)}\n />\n )}\n </Flex>\n {typeof props?.trailing !== \"undefined\" && (\n <>\n <Divider\n direction=\"vertical\"\n className=\"oui-h-[18px] oui-border-line-12\"\n />\n {props?.trailing}\n </>\n )}\n </Flex>\n </Flex>\n <Flex\n direction={\"row\"}\n gap={1}\n className=\"oui-scaffold-footer-powered-by\"\n >\n <Text intensity={54} size=\"2xs\">\n {t(\"scaffold.footer.poweredBy\")}\n </Text>\n <OrderlyTextIcon />\n </Flex>\n </Flex>\n );\n};\n","import { useWsStatus, WsNetworkStatus } from \"@orderly.network/hooks\";\n\nexport type FooterReturns = {\n wsStatus: WsNetworkStatus;\n};\n\nexport const useFooterScript = (): FooterReturns => {\n const wsStatus = useWsStatus();\n\n return {\n wsStatus,\n };\n};\n","import { ReactNode } from \"react\";\nimport { useFooterScript } from \"./footer.script\";\nimport { Footer } from \"./footer.ui\";\n\nexport type FooterProps = {\n telegramUrl?: string;\n twitterUrl?: string;\n discordUrl?: string;\n trailing?: ReactNode;\n};\n\nexport const FooterWidget = (props: FooterProps) => {\n const state = useFooterScript();\n return <Footer {...state} {...props} />;\n};\n","import React, { FC, memo, SVGProps } from \"react\";\nimport {\n Box,\n Flex,\n tv,\n VariantProps,\n Text,\n cn,\n Tooltip,\n} from \"@orderly.network/ui\";\n\ntype SideMenuItem = {\n name: string;\n icon?: React.ReactNode;\n href?: string;\n disabled?: boolean;\n onClick?: () => void;\n hide?: boolean;\n};\n\nconst menuItemVariants = tv({\n slots: {\n button: [\n \"oui-min-h-10\",\n \"oui-px-3\",\n \"oui-py-2\",\n \"oui-rounded-md\",\n \"oui-w-full\",\n \"oui-text-left\",\n \"oui-text-base\",\n \"oui-text-base-contrast-36\",\n // \"oui-flex\",\n \"oui-group\",\n // \"oui-space-x-2\",\n // \"oui-items-center\",\n \"hover:oui-bg-base-8\",\n \"oui-transition-colors\",\n \"group-data-[state=closed]/bar:oui-w-[42px]\",\n \"oui-overflow-hidden\",\n ],\n icon: [],\n },\n variants: {\n mode: {\n \"icon-only\": {\n button: \"oui-w-10\",\n icon: \"w-6 h-6\",\n },\n full: {\n button: \"oui-full\",\n icon: \"w-6 h-6\",\n },\n },\n active: {\n true: {\n button: \"oui-bg-base-5 hover:oui-bg-base-5\",\n },\n },\n open: {\n true: {\n button: \"\",\n },\n },\n },\n});\n\nconst MenuItem: FC<\n {\n item: SideMenuItem;\n active?: boolean;\n open?: boolean;\n onClick?: (item: SideMenuItem) => void;\n } & VariantProps<typeof menuItemVariants>\n> = memo((props) => {\n const { item, mode, open, onClick, active, ...rest } = props;\n const { button } = menuItemVariants({\n mode,\n active: props.active,\n open: props.open,\n });\n const children = (\n <button\n data-actived={props.active}\n disabled={item.disabled}\n className={button()}\n onClick={() => {\n props.onClick?.(item);\n }}\n >\n <Flex itemAlign={\"center\"} gap={2} as=\"span\">\n <div>{item.icon}</div>\n {props.open && (\n <Text.gradient\n color={props.active ? \"brand\" : \"inherit\"}\n angle={45}\n size=\"base\"\n className=\"oui-break-all oui-animate-in oui-fade-in\"\n >\n {item.name}\n </Text.gradient>\n )}\n </Flex>\n </button>\n );\n\n if (props.open) {\n return <li className=\"oui-min-w-[120px]\">{children}</li>;\n }\n\n return (\n <li>\n <Tooltip content={item.name} side=\"right\" align=\"center\" sideOffset={20}>\n {children}\n </Tooltip>\n </li>\n );\n});\n\nMenuItem.displayName = \"LeftMenuItem\";\n\nconst SideMenus: FC<{\n menus?: SideMenuItem[];\n current?: string;\n open?: boolean;\n onItemSelect?: (item: SideMenuItem) => void;\n}> = (props) => {\n return (\n <Box py={6}>\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-pointer-events-none oui-invisible oui-absolute\"\n >\n <defs>\n <linearGradient\n id=\"side-menu-gradient\"\n x1=\"15.7432\"\n y1=\"8.94726\"\n x2=\"2.24316\"\n y2=\"8.94726\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n <ul className=\"oui-space-y-4\">\n {props.menus?.map((item, index) => {\n if (item?.hide) return null;\n return (\n <MenuItem\n key={index}\n item={item}\n open={props.open}\n active={item.href === props.current}\n onClick={props.onItemSelect}\n />\n );\n })}\n </ul>\n </Box>\n );\n};\n\ntype SideBarHeaderProps = {\n onToggle?: () => void;\n open?: boolean;\n title?: React.ReactNode;\n};\n\nconst SideBarHeader: FC<SideBarHeaderProps> = (props) => {\n const { title } = props;\n\n const titleElemet =\n typeof title === \"string\" ? (\n <Text intensity={54} size=\"xs\">\n {title}\n </Text>\n ) : (\n title\n );\n\n const iconProps = {\n className:\n \"oui-text-base-contrast-36 hover:oui-text-base-contrast-80 oui-cursor-pointer\",\n onClick: props.onToggle,\n };\n\n return (\n <Flex\n justify={props.open ? \"between\" : \"center\"}\n itemAlign=\"center\"\n className=\"oui-h-6\"\n >\n {props.open ? titleElemet : null}\n\n {props.open ? (\n <CollapseIcon {...iconProps} />\n ) : (\n <ExpandIcon {...iconProps} />\n )}\n </Flex>\n );\n};\n\ntype SideBarProps = {\n title?: React.ReactNode;\n items?: SideMenuItem[];\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n onItemSelect?: (item: SideMenuItem) => void;\n current?: string;\n className?: string;\n maxWidth?: number;\n minWidth?: number;\n style?: React.CSSProperties;\n};\n\nconst SideBar = (props: SideBarProps) => {\n const { open = true, items, current, onItemSelect } = props;\n\n return (\n <Box\n data-state={open ? \"opened\" : \"closed\"}\n className={cn(\"oui-group/bar\", props.className)}\n style={props.style}\n >\n <SideBarHeader\n open={open}\n title={props.title}\n onToggle={() => {\n props.onOpenChange?.(!open);\n }}\n />\n <SideMenus\n menus={items}\n current={current}\n onItemSelect={onItemSelect}\n open={open}\n />\n </Box>\n );\n};\n\nSideBar.displayName = \"SideBar\";\n\nconst ExpandIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nconst CollapseIcon: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <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\" />\n </svg>\n);\n\nexport { SideBar };\n\nexport type { SideBarProps, SideMenuItem };\n","import { useState } from \"react\";\nimport { SideBarProps } from \"./sidebar.ui\";\nimport { useScaffoldContext } from \"../scaffold\";\n\nexport const useSideNavBuilder = (\n props?: Partial<SideBarProps>\n): SideBarProps => {\n const [current, setCurrent] = useState(props?.items?.[0].href || \"/\");\n const { expanded, setExpand } = useScaffoldContext();\n\n if (typeof setExpand === \"undefined\") {\n console.warn(\"SideBar component must be used within a Scaffold component\");\n }\n\n return {\n items: [],\n current,\n open: expanded,\n onOpenChange: (open) => {\n setExpand?.(open);\n },\n onItemSelect: (item) => {\n if (item.href) {\n setCurrent(item.href);\n }\n },\n ...props,\n };\n};\n","import { SideBar, SideBarProps } from \"./sidebar.ui\";\nimport { useSideNavBuilder } from \"./useSideNavBuilder.script\";\n\nexport const SideNavbarWidget = (props?: Partial<SideBarProps>) => {\n const state = useSideNavBuilder(props);\n\n return <SideBar {...state} />;\n};\n","import { OrderlyContext, useChains } from \"@orderly.network/hooks\";\nimport { ScaffoldContext, ScaffoldState } from \"./scaffoldContext\";\nimport { FC, ReactNode, useContext } from \"react\";\nimport { checkChainSupport } from \"../../utils/chain\";\n\nexport type ScaffoldProviderProps = {\n children: ReactNode;\n} & Omit<ScaffoldState, \"checkChainSupport\">;\n\nexport const ScaffoldProvider: FC<ScaffoldProviderProps> = (props) => {\n const [chains] = useChains();\n\n const { networkId } = useContext<any>(OrderlyContext);\n\n const checkChainSupportHandle = (chainId: number | string) => {\n return checkChainSupport(\n chainId,\n networkId === \"testnet\" ? chains.testnet : chains.mainnet\n );\n };\n\n const onExpandChange = (expand: boolean) => {\n props.setExpand(expand);\n };\n\n return (\n <ScaffoldContext.Provider\n value={{\n routerAdapter: props.routerAdapter,\n expanded: props.expanded,\n setExpand: onExpandChange,\n checkChainSupport: checkChainSupportHandle,\n topNavbarHeight: props.topNavbarHeight,\n footerHeight: props.footerHeight,\n announcementHeight: props.announcementHeight,\n }}\n >\n {props.children}\n </ScaffoldContext.Provider>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport type RouteOption = {\n href: string;\n name: string;\n scope?: string;\n target?: string;\n};\n\nexport type RouterAdapter = {\n onRouteChange: (option: RouteOption) => void;\n currentPath?: string;\n};\n\nexport type ScaffoldState = {\n routerAdapter?: RouterAdapter;\n expanded?: boolean;\n setExpand: (expand: boolean) => void;\n checkChainSupport: (chainId: number | string) => boolean;\n topNavbarHeight: number;\n footerHeight: number;\n announcementHeight: number;\n};\n\nexport const ScaffoldContext = createContext<ScaffoldState>(\n {} as ScaffoldState,\n);\n\nexport const useScaffoldContext = () => {\n return useContext(ScaffoldContext);\n};\n","import { API } from \"@orderly.network/types\";\n\nexport function checkChainSupport(\n chainId: number | string,\n chains: API.Chain[]\n) {\n if (typeof chainId === \"string\") {\n chainId = parseInt(chainId);\n }\n return chains.some((chain) => {\n return chain.network_infos.chain_id === chainId;\n });\n}\n","import { PropsWithChildren, ReactNode } from \"react\";\nimport { BottomNavProps } from \"../bottomNav/bottomNav.widget\";\nimport { FooterProps } from \"../footer\";\nimport { LeftNavProps } from \"../leftNav\";\nimport { MainNavWidgetProps } from \"../main/mainNav.widget\";\nimport { SideBarProps } from \"../sidebar\";\nimport { MobileScaffold } from \"./scaffold.mobile.ui\";\nimport { useScaffoldScript } from \"./scaffold.script\";\nimport { DesktopScaffold } from \"./scaffold.ui\";\nimport { RouterAdapter } from \"./scaffoldContext\";\nimport { ScaffoldProvider } from \"./scaffoldProvider\";\n\nexport type ScaffoldProps = {\n /**\n * custom left sidebar component, only works on desktop\n * if provided, the layout will use this component over the default sidebar component\n */\n leftSidebar?: ReactNode;\n /**\n * custom left sidebar props, only works on desktop\n */\n leftSideProps?: SideBarProps;\n /**\n * custom left nav props, only works on mobile\n */\n leftNavProps?: LeftNavProps;\n /**\n * custom top bar component\n */\n topBar?: ReactNode;\n /**\n * custom top nav props\n */\n mainNavProps?: MainNavWidgetProps;\n /**\n * custom bottom nav component, only works on mobile\n */\n bottomNav?: ReactNode;\n /**\n * custom bottom nav component, only works on mobile\n */\n bottomNavProps?: BottomNavProps;\n /**\n * custom footer component, only works on desktop\n */\n footer?: ReactNode;\n /**\n * custom footer props, only works on desktop\n */\n footerProps?: FooterProps;\n routerAdapter?: RouterAdapter;\n classNames?: {\n // root = topNavbar + container + footer\n root?: string;\n container?: string;\n content?: string;\n // body = leftSidebar + content\n body?: string;\n leftSidebar?: string;\n topNavbar?: string;\n footer?: string;\n bottomNav?: string;\n };\n};\n\nexport const Scaffold = (props: PropsWithChildren<ScaffoldProps>) => {\n const state = useScaffoldScript(props);\n\n const renderContent = () => {\n if (state.isMobile) {\n return (\n <MobileScaffold {...props} {...state}>\n {props.children}\n </MobileScaffold>\n );\n }\n\n return (\n <DesktopScaffold {...props} {...state}>\n {props.children}\n </DesktopScaffold>\n );\n };\n\n return (\n <ScaffoldProvider\n routerAdapter={props.routerAdapter}\n expanded={state.expand}\n setExpand={state.setExpand}\n topNavbarHeight={state.topNavbarHeight}\n footerHeight={state.footerHeight}\n announcementHeight={state.announcementHeight}\n >\n {renderContent()}\n </ScaffoldProvider>\n );\n};\n","import { FC, PropsWithChildren, useMemo } from \"react\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { cn, Divider, Flex, useScreen } from \"@orderly.network/ui\";\nimport { WalletConnectButtonExtension } from \"../accountMenu/menu.widget\";\nimport { AccountSummaryWidget } from \"../accountSummary\";\nimport { ChainMenuWidget } from \"../chainMenu\";\nimport { LanguageSwitcherWidget } from \"../languageSwitcher\";\nimport { SubAccountWidget } from \"../subAccount\";\nimport { CampaignButton } from \"./campaignButton\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavMenusExtension } from \"./mainMenus/mainNavMenus.widget\";\nimport { CampaignPositionEnum, MainNavScriptReturn } from \"./mainNav.script\";\n\nexport const MainNav: FC<PropsWithChildren<MainNavScriptReturn>> = (props) => {\n const { className, classNames, campaigns, campaignPosition } = props;\n\n const showCampaignButton =\n campaignPosition === CampaignPositionEnum.navTailing && campaigns;\n\n const showLinkIcon =\n !props.wrongNetwork &&\n !props.disabledConnect &&\n props.status! >= AccountStatusEnum.SignedIn;\n\n const showSubAccount = props.status! >= AccountStatusEnum.EnableTrading;\n\n const hideWalletConnectButton =\n !props.disabledConnect && props.wrongNetwork && props.isConnected;\n\n const { isDesktop } = useScreen();\n\n const children = useMemo(() => {\n if (typeof props.children === \"undefined\") {\n return null;\n }\n return <Flex grow>{props.children}</Flex>;\n }, [props.children]);\n\n const showChainMenu = isDesktop;\n\n const renderContent = () => {\n const title = <MainLogo {...props.logo} />;\n const accountSummary = <AccountSummaryWidget />;\n const linkDevice = showLinkIcon && <LinkDeviceWidget />;\n const languageSwitcher = <LanguageSwitcherWidget />;\n const subAccount = showSubAccount && <SubAccountWidget />;\n const chainMenu = showChainMenu && <ChainMenuWidget />;\n const walletConnect = !hideWalletConnectButton && (\n <WalletConnectButtonExtension />\n );\n\n const mainNav = (\n <>\n <MainNavMenusExtension\n {...props.mainMenus}\n classNames={classNames?.mainNav}\n />\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n </>\n );\n\n if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n title,\n mainNav,\n accountSummary,\n linkDevice,\n languageSwitcher,\n subAccount,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <>\n <Flex\n itemAlign={\"center\"}\n className={cn(\n \"oui-gap-3\",\n // let the left and right views show spacing when overlapping\n \"oui-overflow-hidden\",\n )}\n >\n {title}\n {props.leading}\n {mainNav}\n {props.trailing}\n </Flex>\n\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-2\">\n {accountSummary}\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n {linkDevice}\n </>\n )}\n {languageSwitcher}\n {subAccount}\n {chainMenu}\n {walletConnect}\n </Flex>\n </>\n );\n };\n\n return (\n <Flex\n width=\"100%\"\n as=\"header\"\n itemAlign={\"center\"}\n height={\"48px\"}\n justify={\"between\"}\n px={3}\n gapX={3}\n className={cn(\n \"oui-main-nav oui-font-semibold\",\n className,\n classNames?.root,\n )}\n >\n {renderContent()}\n </Flex>\n );\n};\n\nMainNav.displayName = \"MainNav\";\n","import React, { FC, PropsWithChildren, useEffect } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport {\n Box,\n EyeCloseIcon,\n EyeIcon,\n Flex,\n Popover,\n Text,\n} from \"@orderly.network/ui\";\n\ntype AccountSummaryUi = {\n totalValue: number | null;\n freeCollateral: number | null;\n maxLeverage?: number | null;\n currentLeverage: number | null;\n unrealized_pnl_ROI: number | null;\n unrealPnL: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n // type: AccountSummaryType;\n keys: AccountSummaryList;\n elementKeys: AccountSummaryList;\n onToggleItemByKey: (key: string) => void;\n onKeyToTop: (key: string) => void;\n};\n\n//----------------- TotalValue -----------------\nconst TotalValue: FC<{\n totalValue: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const {\n totalValue = 0,\n visible = true,\n onToggleVisibility,\n visibleAvailable = true,\n } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"common.totalValue\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n\n <Text intensity={54}>≈</Text>\n </Flex>\n <Text.numeral\n visible={props.visible}\n unit=\"USDC\"\n unitClassName=\"oui-text-base-contrast-20 oui-ml-1\"\n as=\"div\"\n >\n {totalValue ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- FreeCollateral -----------------\nconst FreeCollateral: FC<{\n freeCollateral?: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const {\n freeCollateral,\n visible,\n onToggleVisibility,\n visibleAvailable = true,\n } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"trading.asset.freeCollateral\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n </Flex>\n {/* <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n Free collateral\n </Text>\n </Box> */}\n <Text.numeral\n unit=\"USDC\"\n unitClassName=\"oui-text-base-contrast-20 oui-ml-1\"\n visible={visible}\n as=\"div\"\n >\n {freeCollateral ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- CurrentLeverage -----------------\nconst CurrentLeverage: FC<{\n currentLeverage: number | null;\n}> = (props) => {\n const { currentLeverage } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"leverage.currentLeverage\")}\n </Text>\n </Box>\n <Text.numeral as={\"div\"} unit=\"x\">\n {currentLeverage ?? 0}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- MaxLeverage -----------------\nconst MaxLeverage: FC<{\n maxLeverage?: number | null;\n}> = (props) => {\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Box>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"leverage.maxLeverage\")}\n </Text>\n </Box>\n <Text color=\"primary\" as={\"div\"}>{`${props.maxLeverage ?? \"--\"}x`}</Text>\n </Flex>\n );\n};\n\n//----------------- UnrealPnL -----------------\nconst UnrealPnL: FC<{\n unrealized_pnl_ROI: number | null;\n unrealPnL: number | null;\n visible?: boolean;\n onToggleVisibility?: () => void;\n visibleAvailable?: boolean;\n}> = (props) => {\n const { visible, onToggleVisibility, visibleAvailable = true } = props;\n const { t } = useTranslation();\n\n return (\n <Flex\n direction={\"column\"}\n gap={0}\n className=\"oui-text-2xs\"\n itemAlign={\"start\"}\n >\n <Flex gap={1} itemAlign={\"center\"}>\n <Text intensity={54} className=\"oui-whitespace-nowrap\">\n {t(\"common.unrealizedPnl\")}\n </Text>\n {visibleAvailable && (\n <button onClick={() => onToggleVisibility?.()}>\n {visible ? (\n <EyeIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n ) : (\n <EyeCloseIcon\n size={12}\n className=\"oui-text-primary-light\"\n opacity={1}\n />\n )}\n </button>\n )}\n </Flex>\n <Text.numeral\n as={\"div\"}\n coloring\n showIdentifier\n weight={\"semibold\"}\n visible={visible}\n suffix={\n <Text.numeral coloring prefix={\"(\"} suffix={\")\"} rule={\"percentages\"}>\n {props.unrealized_pnl_ROI ?? \"-\"}\n </Text.numeral>\n }\n >\n {props.unrealPnL ?? \"-\"}\n </Text.numeral>\n </Flex>\n );\n};\n\n//----------------- AccountInfoPopover -----------------\nconst AccountInfoPopover = (props: {\n totalValue: number | null;\n freeCollateral: number | null;\n maxLeverage?: number | null;\n currentLeverage: number | null;\n unrealPnL: number | null;\n unrealized_pnl_ROI: number | null;\n // type: AccountSummaryType;\n keys: AccountSummaryList;\n elementKeys: AccountSummaryList;\n onToggleItemByKey: (key: string) => void;\n visible?: boolean;\n onKeyToTop: (key: string) => void;\n}) => {\n const { totalValue, keys, elementKeys } = props;\n const { t } = useTranslation();\n\n const onSetToTop = (key: SummaryKey) => (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n props.onKeyToTop(key);\n };\n\n const elements = elementKeys.map((key) => {\n switch (key) {\n case \"totalValue\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"totalValue\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"totalValue\")}\n onClick={() => props.onToggleItemByKey(\"totalValue\")}\n />\n <span>{t(\"common.totalValue\")}</span>\n </Flex>\n <Text.numeral\n visible={props.visible}\n unit=\"USDC\"\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n >\n {totalValue ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"freeCollateral\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"freeCollateral\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"freeCollateral\")}\n onClick={() => props.onToggleItemByKey(\"freeCollateral\")}\n />\n <span>{t(\"trading.asset.freeCollateral\")}</span>\n </Flex>\n <Text.numeral\n unit=\"USDC\"\n visible={props.visible}\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unitClassName={\"oui-text-base-contrast-36 oui-ml-1\"}\n >\n {props.freeCollateral ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"unrealPnL\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"unrealPnL\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"unrealPnL\")}\n onClick={() => props.onToggleItemByKey(\"unrealPnL\")}\n />\n <span>{t(\"common.unrealizedPnl\")}</span>\n </Flex>\n <Text.numeral\n coloring\n showIdentifier\n visible={props.visible}\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n suffix={\n <Text.numeral\n coloring\n prefix={\"(\"}\n visible={props.visible}\n suffix={\")\"}\n rule={\"percentages\"}\n >\n {props.unrealized_pnl_ROI ?? \"-\"}\n </Text.numeral>\n }\n >\n {props.unrealPnL ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"currentLeverage\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"currentLeverage\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"currentLeverage\")}\n onClick={() => props.onToggleItemByKey(\"currentLeverage\")}\n />\n <span>{t(\"leverage.currentLeverage\")}</span>\n </Flex>\n <Text.numeral\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n unit=\"x\"\n >\n {props.currentLeverage ?? \"-\"}\n </Text.numeral>\n </DropdownMenu>\n );\n case \"maxLeverage\":\n return (\n <DropdownMenu onSetTop={onSetToTop(\"maxLeverage\")} key={key}>\n <Flex className={\"oui-text-base-contrast-54\"} gapX={2}>\n <IdentityButton\n active={keys.includes(\"maxLeverage\")}\n onClick={() => props.onToggleItemByKey(\"maxLeverage\")}\n />\n <span>{t(\"leverage.maxLeverage\")}</span>\n </Flex>\n <Text\n className=\"group-hover:-oui-translate-x-5 oui-transition-transform\"\n color=\"primary\"\n >{`${props.maxLeverage ?? \"-\"}x`}</Text>\n </DropdownMenu>\n );\n default:\n return null;\n }\n });\n\n return (\n <Flex\n className={\"oui-text-2xs oui-font-semibold\"}\n direction={\"column\"}\n gapY={1}\n >\n {elements}\n </Flex>\n );\n};\n\nconst DropdownMenu: FC<\n PropsWithChildren<{\n onSetTop: (event: React.MouseEvent) => void;\n }>\n> = (props) => {\n return (\n <div className=\"oui-w-full oui-relative oui-group hover:oui-bg-base-6 oui-px-[6px] oui-py-1 oui-rounded\">\n <Flex justify={\"between\"} width={\"100%\"}>\n {props.children}\n </Flex>\n <button\n className=\"oui-absolute oui-right-1 oui-top-1\"\n onClick={props.onSetTop}\n >\n <svg\n 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\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n width=\"16\"\n height=\"16\"\n rx=\"2\"\n fill=\"rgb(var(--oui-color-primary-darken))\"\n />\n <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\" />\n </svg>\n </button>\n </div>\n );\n};\n\nconst IdentityButton = (props: {\n active: boolean;\n onClick: React.MouseEventHandler;\n}) => {\n return (\n <button onClick={props.onClick}>\n {props.active ? (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"currentcolor\"\n className={\"oui-text-primary-light\"}\n />\n </svg>\n ) : (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n 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\"\n fill=\"currentcolor\"\n />\n </svg>\n )}\n </button>\n );\n};\n\ntype SummaryKey =\n | \"totalValue\"\n | \"freeCollateral\"\n | \"unrealPnL\"\n | \"currentLeverage\"\n | \"maxLeverage\";\n\nexport type AccountSummaryList = Array<SummaryKey>;\nconst AccountSummaryItems: Record<SummaryKey, JSX.ElementType> = {\n totalValue: TotalValue,\n freeCollateral: FreeCollateral,\n unrealPnL: UnrealPnL,\n currentLeverage: CurrentLeverage,\n maxLeverage: MaxLeverage,\n};\n\nexport const AccountSummary = (props: AccountSummaryUi) => {\n const { keys, ...rest } = props;\n let canToggleIndex = 0;\n const sizeRef = React.useRef(0);\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver((entries) => {\n if (Array.isArray(entries) && entries.length > 0) {\n const width = entries[0].contentRect.width;\n if (width > 1556) {\n sizeRef.current = 5;\n } else if (width > 1480) {\n sizeRef.current = 4;\n } else if (width > 1366) {\n sizeRef.current = 3;\n } else if (width > 1280) {\n sizeRef.current = 2;\n } else if (width > 1180) {\n sizeRef.current = 1;\n } else {\n sizeRef.current = 0;\n }\n }\n });\n\n resizeObserver.observe(document.body);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n const elements = keys.slice(0, sizeRef.current).map((key, index) => {\n switch (key) {\n case \"freeCollateral\": {\n return (\n <FreeCollateral\n freeCollateral={props.freeCollateral}\n visible={props.visible}\n onToggleVisibility={props.onToggleVisibility}\n visibleAvailable={index === canToggleIndex}\n />\n );\n }\n\n case \"unrealPnL\":\n return (\n <UnrealPnL\n unrealPnL={props.unrealPnL}\n unrealized_pnl_ROI={props.unrealized_pnl_ROI}\n visible={props.visible}\n onToggleVisibility={props.onToggleVisibility}\n visibleAvailable={index === canToggleIndex}\n />\n );\n case \"currentLeverage\": {\n canToggleIndex++;\n return <CurrentLeverage currentLeverage={props.currentLeverage} />;\n }\n case \"maxLeverage\": {\n canToggleIndex++;\n return <MaxLeverage maxLeverage={props.maxLeverage} />;\n }\n case \"totalValue\":\n default:\n return (\n <TotalValue\n totalValue={props.totalValue}\n onToggleVisibility={props.onToggleVisibility}\n visible={props.visible}\n visibleAvailable={index === canToggleIndex}\n />\n );\n }\n });\n\n return (\n <div className=\"oui-flex oui-items-center oui-gap-6\">\n <Items elements={elements} />\n <Popover\n content={\n <AccountInfoPopover\n totalValue={rest.totalValue}\n freeCollateral={props.freeCollateral}\n maxLeverage={props.maxLeverage}\n currentLeverage={props.currentLeverage}\n unrealized_pnl_ROI={props.unrealized_pnl_ROI}\n unrealPnL={props.unrealPnL}\n keys={keys}\n elementKeys={props.elementKeys}\n onToggleItemByKey={props.onToggleItemByKey}\n onKeyToTop={props.onKeyToTop}\n visible={props.visible}\n />\n }\n contentProps={{\n onOpenAutoFocus: (event) => event.preventDefault(),\n sideOffset: 12,\n className: \"oui-p-1\",\n }}\n arrow\n >\n <div className=\"oui-cursor-pointer oui-group\">\n <Dot />\n </div>\n </Popover>\n </div>\n );\n};\n\nconst Items: FC<{\n elements: JSX.Element[];\n}> = (props) => {\n return (\n <div className=\"oui-flex oui-gap-6\">\n {props.elements.map((Element, index) => (\n <div key={index}>{Element}</div>\n ))}\n </div>\n );\n};\n\nconst Dot = () => {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-fill-base-contrast-36 hover:oui-fill-primary-light group-data-[state=open]:oui-fill-primary-light\"\n >\n <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\" />\n </svg>\n );\n};\n","import { useState } from \"react\";\nimport {\n useLeverage,\n useLocalStorage,\n useMarginRatio,\n usePositionStream,\n} from \"@orderly.network/hooks\";\nimport { useCollateral, useAccount } from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\n\nexport type AccountSummaryType =\n | \"totalValue\"\n | \"freeCollateral\"\n | \"unrealPnL\"\n | \"currentLeverage\"\n | \"maxLeverage\";\n\nexport const useTotalValueBuilderScript = () => {\n const [keys, setKeys] = useLocalStorage<string[]>(\"accountSummaryTypes\", [\n \"totalValue\",\n ]);\n\n const [elementKeys, setElementKeys] = useState<string[]>([\n \"totalValue\",\n \"freeCollateral\",\n \"unrealPnL\",\n \"currentLeverage\",\n \"maxLeverage\",\n ]);\n\n const { freeCollateral, totalValue } = useCollateral({ dp: 2 });\n\n const { state } = useAccount();\n\n const [visible, setVisible] = useLocalStorage(\"orderly_assets_visible\", true);\n\n const [{ aggregated, totalUnrealizedROI }] = usePositionStream();\n const { wrongNetwork, disabledConnect } = useAppContext();\n\n const { currentLeverage } = useMarginRatio();\n\n const { maxLeverage } = useLeverage();\n\n const onToggleItemByKey = (key: string) => {\n if (keys.includes(key)) {\n setKeys(keys.filter((k: string) => k !== key));\n } else {\n setKeys([...keys, key]);\n }\n };\n\n const onKeyToTop = (key: string) => {\n if (!keys.includes(key)) {\n setKeys([key, ...keys]);\n setElementKeys([key, ...elementKeys.filter((k: string) => k !== key)]);\n return;\n }\n\n setKeys([key, ...keys.filter((k: string) => k !== key)]);\n setElementKeys([key, ...elementKeys.filter((k: string) => k !== key)]);\n };\n\n const unavailable =\n wrongNetwork ||\n disabledConnect ||\n (state.status < AccountStatusEnum.EnableTrading &&\n state.status !== AccountStatusEnum.EnableTradingWithoutConnected);\n\n return {\n totalValue: unavailable ? null : totalValue,\n freeCollateral: unavailable ? null : freeCollateral,\n maxLeverage: unavailable ? null : maxLeverage,\n currentLeverage: unavailable ? null : currentLeverage,\n unrealPnL: unavailable ? null : aggregated?.total_unreal_pnl,\n unrealized_pnl_ROI: unavailable ? null : totalUnrealizedROI,\n // type,\n keys,\n elementKeys,\n // onTypeChange,\n visible,\n wrongNetwork,\n onToggleItemByKey,\n onKeyToTop,\n onToggleVisibility: () => setVisible(!visible),\n };\n};\n\nexport type UseTotalValueBuilderScript = ReturnType<\n typeof useTotalValueBuilderScript\n>;\n","import { AccountSummary } from \"./accountSummary.ui\";\nimport { useTotalValueBuilderScript } from \"./useWidgetBuilder.script\";\nimport type { AccountSummaryList } from \"./accountSummary.ui\";\n\nexport const AccountSummaryWidget = () => {\n const state = useTotalValueBuilderScript();\n return (\n <AccountSummary\n {...state}\n elementKeys={state.elementKeys as AccountSummaryList}\n />\n );\n};\n","import { cn } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./mainMenus/navItem\";\n\nexport type CampaignProps = {\n item: MainNavItem;\n className?: string;\n onItemClick?: (item: MainNavItem[]) => void;\n current?: string[];\n // classNames?: MainNavClassNames;\n};\n\nexport const CampaignButton = (props: CampaignProps) => {\n return (\n <>\n <NavItem\n item={props.item}\n onClick={props.onItemClick}\n classNames={{\n navItem: cn(\"oui-text-base-contrast-54 -oui-ml-2\", props.className),\n }}\n />\n </>\n );\n};\n","import React, {\n cloneElement,\n FC,\n HTMLAttributeAnchorTarget,\n PropsWithChildren,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useLocalStorage } from \"@orderly.network/hooks\";\nimport { ChevronDownIcon, PopoverContent, Tooltip } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\n\nconst ActiveIcon: React.FC = () => (\n <svg\n width={12}\n height={12}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n focusable={false}\n >\n <path\n 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\"\n fill=\"url(#mainNavDropDownIcon)\"\n />\n <defs>\n <linearGradient\n id=\"mainNavDropDownIcon\"\n x1=\"9.502\"\n y1=\"5.994\"\n x2=\"2.502\"\n y2=\"5.994\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop stopColor=\"rgb(var(--oui-gradient-brand-start))\" offset={1} />\n </linearGradient>\n </defs>\n </svg>\n);\n\nexport type MainNavItem = {\n id?: string;\n testid?: string;\n name: string;\n href: string;\n target?: HTMLAttributeAnchorTarget;\n icon?: string | React.ReactElement;\n activeIcon?: string | React.ReactElement;\n tag?: string;\n description?: string;\n disabled?: boolean;\n children?: MainNavItem[];\n className?: string;\n asChild?: boolean;\n\n /**\n * if true, the item will be shown as a submenu in mobile\n */\n isSubMenuInMobile?: boolean;\n /**\n * if provided, the item is a submenu in mobile, and this will be the a back nav\n */\n subMenuBackNav?: {\n name: string;\n href: string;\n };\n /**\n * if true, the item will be shown as a home page in mobile\n */\n isHomePageInMobile?: boolean;\n customRender?: (option: {\n name: string;\n href: string;\n isActive?: boolean;\n }) => React.ReactNode;\n tooltipConfig?: {\n /**\n * if true, the tooltip will be shown on first visit\n */\n showOnFirstVisit?: boolean;\n /**\n * the text to show in the tooltip\n */\n text?: string;\n };\n};\n\nconst isObject = (value: any): value is object => {\n return !!value && value.constructor === Object;\n};\n\nconst ORDERLY_NAV_BUTTON_TOOLTIP_OPEN = \"ORDERLY_NAV_BUTTON_TOOLTIP_OPEN\";\n\nexport const NavItem: FC<\n Omit<React.HTMLAttributes<HTMLButtonElement>, \"onClick\"> & {\n item: MainNavItem;\n onClick?: (item: MainNavItem[]) => void;\n // active?: boolean;\n currentPath?: string[];\n classNames?: {\n navItem?: string;\n subMenu?: string;\n };\n }\n> = (props) => {\n const { classNames, currentPath, item, onClick, ...buttonProps } = props;\n\n const [showButtonTooltip, setShowButtonTooltip] = useLocalStorage(\n ORDERLY_NAV_BUTTON_TOOLTIP_OPEN,\n true,\n );\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n if (showButtonTooltip) {\n timerRef.current = setTimeout(() => {\n setShowButtonTooltip(false);\n }, 8000);\n }\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [showButtonTooltip]);\n\n const isActive = useMemo(\n () => currentPath?.[0] === item.href,\n [currentPath, item.href],\n );\n\n const onClickHandler = useCallback(() => {\n if (Array.isArray(item.children)) {\n return;\n }\n onClick?.([item]);\n }, [item, onClick]);\n\n const buttonRender = () => {\n const { customRender, tooltipConfig } = item;\n if (typeof customRender === \"function\") {\n return customRender({\n name: item.name,\n href: item.href,\n isActive,\n });\n }\n const button = (\n <button\n id={item.id}\n data-testid={item.testid}\n {...buttonProps}\n disabled={item.disabled}\n data-actived={isActive}\n className={cn(\n \"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\",\n classNames?.navItem,\n )}\n onClick={onClickHandler}\n >\n <span className={\"oui-flex oui-items-center\"}>\n <ItemIcon isActive={isActive} item={item} />\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n angle={45}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {item.name}\n </Text.gradient>\n {Array.isArray(item.children) && (\n <span className={\"oui-ml-1 group-data-[open=true]:oui-rotate-180\"}>\n {isActive ? (\n <ActiveIcon />\n ) : (\n <ChevronDownIcon size={12} color={\"white\"} />\n )}\n </span>\n )}\n </span>\n <Box\n invisible={!isActive}\n position=\"absolute\"\n bottom={0}\n left={\"50%\"}\n height={\"3px\"}\n r=\"full\"\n width={\"60%\"}\n gradient=\"brand\"\n angle={45}\n className=\"-oui-translate-x-1/2 \"\n />\n </button>\n );\n if (isObject(tooltipConfig) && tooltipConfig.showOnFirstVisit) {\n return (\n <Tooltip\n open={showButtonTooltip}\n content={tooltipConfig.text}\n className={\n \"oui-w-64 oui-max-w-64 oui-bg-base-6 oui-text-2xs oui-font-semibold\"\n }\n >\n {button}\n </Tooltip>\n );\n }\n return button;\n };\n\n if (!Array.isArray(item.children)) {\n return buttonRender();\n }\n\n return (\n <SubMenus\n items={item.children}\n className={classNames?.subMenu}\n current={currentPath?.[1]}\n onItemClick={(subItem: MainNavItem) => {\n onClick?.([item, subItem]);\n }}\n >\n {buttonRender()}\n </SubMenus>\n );\n};\n\nconst SubMenus: React.FC<\n PropsWithChildren<{\n items: MainNavItem[];\n className?: string;\n current?: string;\n onItemClick: (item: MainNavItem) => void;\n }>\n> = (props) => {\n const { children, items, className, current, onItemClick } = props;\n const [open, setOpen] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const onMouseEnter = useCallback(() => {\n if (timer.current) {\n clearTimeout(timer.current);\n timer.current = null;\n }\n // setOpen(true);\n }, []);\n\n useEffect(() => {\n return () => {\n if (timer.current) {\n clearTimeout(timer.current);\n }\n };\n }, []);\n\n const classNames = (children as ReactElement).props?.className;\n\n return (\n <PopoverRoot open={open}>\n <PopoverAnchor>\n <div\n className={\"oui-group\"}\n data-open={open}\n onMouseEnter={() => {\n setOpen(true);\n }}\n onMouseLeave={() => {\n timer.current = setTimeout(() => {\n setOpen(false);\n }, 150);\n }}\n >\n {cloneElement(children as React.ReactElement<any>, {\n className: cn(classNames, open && \"oui-bg-base-7\"),\n })}\n </div>\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={() => {\n setOpen(false);\n if (timer.current) {\n clearTimeout(timer.current);\n }\n }}\n className={cn(\n \"oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1\",\n className,\n )}\n >\n {items.map((item, index) => {\n return (\n <SubMenu\n key={index}\n item={item}\n onClick={onItemClick}\n active={item.href === current}\n />\n );\n })}\n </PopoverContent>\n </PopoverRoot>\n );\n};\n\nconst SubMenu: React.FC<{\n item: MainNavItem;\n active?: boolean;\n onClick: (item: MainNavItem) => void;\n}> = (props) => {\n const { item, active, onClick } = props;\n const hasDescription = typeof item.description !== \"undefined\";\n const hasIcon = typeof item.icon !== \"undefined\" && item.icon !== null;\n return (\n <Flex\n px={2}\n py={3}\n gapX={2}\n data-active={active ?? false}\n itemAlign={hasDescription ? \"start\" : \"center\"}\n className={cn(\n \"oui-group oui-w-full oui-cursor-pointer oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5\",\n // props.active && \"oui-bg-base-5\"\n )}\n r={\"md\"}\n onClick={() => {\n onClick(item);\n }}\n data-testid={item.testid}\n >\n {hasIcon && (\n <div\n className={cn(\n \"oui-relative oui-size-6\",\n hasDescription && \"oui-translate-y-1\",\n )}\n >\n <ItemIcon isActive={active ?? false} item={item} />\n </div>\n )}\n <div className=\"oui-flex-1\">\n <SubMenuTitle item={item} isActive={active} />\n {hasDescription && (\n <Text size={\"2xs\"} as={\"div\"} intensity={36}>\n {item.description}\n </Text>\n )}\n </div>\n </Flex>\n );\n};\n\nconst SubMenuTitle: React.FC<{ item: MainNavItem; isActive?: boolean }> = (\n props,\n) => {\n const { item, isActive } = props;\n return (\n <Flex itemAlign={\"center\"} width={\"100%\"} position=\"relative\">\n <div className=\"oui-flex oui-flex-1\">\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n size={\"xs\"}\n as={\"div\"}\n intensity={80}\n weight={\"semibold\"}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {item.name}\n </Text.gradient>\n {typeof item.tag !== \"undefined\" && <Tag item={item} />}\n </div>\n {item.target === \"_blank\" && <OutlinkIcon />}\n </Flex>\n );\n};\n\nconst Tag: React.FC<{ item: MainNavItem }> = (props) => {\n return (\n <div\n className={\n \"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\"\n }\n >\n <Text.gradient\n color={\"brand\"}\n size={\"3xs\"}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {props.item.tag}\n </Text.gradient>\n </div>\n );\n};\n\nconst ICON_CLASSNAME =\n \"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\";\n\nconst ItemIcon: React.FC<{ item: MainNavItem; isActive: boolean }> = (\n props,\n) => {\n const { isActive } = props;\n if (!props.item.icon) {\n return null;\n }\n if (typeof props.item.icon === \"string\") {\n return (\n <span className={\"oui-mr-1 oui-size-[20px]\"}>\n {\n <img\n src={\n isActive\n ? (props.item.activeIcon as string) || props.item.icon\n : props.item.icon\n }\n className={\"oui-max-h-full oui-max-w-full\"}\n />\n }\n </span>\n );\n }\n // return isActive ? props.item.activeIcon || props.item.icon : props.item.icon;\n return (\n <>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"group-hover:oui-invisible group-data-[active=true]:oui-invisible\",\n )}\n >\n {props.item.icon}\n </div>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"oui-invisible group-hover:oui-visible group-data-[active=true]:oui-visible\",\n )}\n >\n {props.item.activeIcon || props.item.icon}\n </div>\n </>\n );\n};\n\nconst OutlinkIcon: React.FC = () => {\n return (\n <>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-absolute oui-right-0 oui-top-0 group-hover:oui-invisible\"\n >\n <path\n 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\"\n fill=\"#fff\"\n fillOpacity=\".2\"\n />\n </svg>\n\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-invisible oui-absolute oui-right-0 oui-top-0 group-hover:oui-visible\"\n >\n <path\n 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\"\n fill=\"url(#outlineIcon)\"\n />\n <defs>\n <linearGradient\n id=\"outlineIcon\"\n x1=\"17.492\"\n y1=\"9.992\"\n x2=\"2.492\"\n y2=\"9.992\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n </svg>\n </>\n );\n};\n","import { FC } from \"react\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\nimport { MainNavMenus, type MainNavItemsProps } from \"./mainNavMenus.ui\";\n\nexport const MainNavMenusWidget: FC<MainNavItemsProps> = (props) => {\n return <MainNavMenus {...props} />;\n};\n\ninstallExtension<MainNavItemsProps>({\n name: \"default-main-nav-menus\",\n scope: [\"*\"],\n positions: [ExtensionPositionEnum.MainMenus],\n __isInternal: true,\n})((props: MainNavItemsProps) => {\n return <MainNavMenus {...props} />;\n});\n\nexport const MainNavMenusExtension: FC<MainNavItemsProps> = (props) => {\n return (\n <ExtensionSlot position={ExtensionPositionEnum.MainMenus} {...props} />\n );\n};\n","import { FC } from \"react\";\nimport { cn, Flex } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./navItem\";\n\nexport type MainNavClassNames = {\n root?: string;\n navItem?: string;\n subMenu?: string;\n};\n\nexport type MainNavItemsProps = {\n items?: MainNavItem[];\n current?: string[];\n classNames?: MainNavClassNames;\n onItemClick?: (item: MainNavItem[]) => void;\n};\n\nexport const MainNavMenus: FC<MainNavItemsProps> = (props) => {\n const { items, classNames } = props;\n\n if (!Array.isArray(items) || items.length === 0) {\n return null;\n }\n\n return (\n <Flex className={cn(\"oui-gap-1\", classNames?.root)}>\n {items?.map((item, index) => (\n <NavItem\n key={index}\n item={item}\n // active={item.href === props.current?.[0]}\n currentPath={props.current}\n onClick={props.onItemClick}\n />\n ))}\n </Flex>\n );\n};\n","import { PropsWithChildren, ReactNode } from \"react\";\nimport { LeftNavProps } from \"../leftNav/leftNav.type\";\nimport { MainNavClassNames } from \"./mainMenus/mainNavMenus.ui\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\nimport { CampaignPositionEnum, useMainNavScript } from \"./mainNav.script\";\nimport { MainNav } from \"./mainNav.ui\";\n\nexport type MainNavWidgetProps = {\n leading?: ReactNode;\n trailing?: ReactNode;\n logo?: {\n src: string;\n alt: string;\n };\n mainMenus?: MainNavItem[];\n\n campaigns?: MainNavItem;\n campaignPosition?: CampaignPositionEnum;\n /**\n * initial menu path, if it has submenus, use array\n * @type string | string[]\n */\n initialMenu?: string | string[];\n\n onItemClick?: (options: {\n href: string;\n name: string;\n scope?: string;\n }) => void;\n\n /** only works on mobile */\n leftNav?: LeftNavProps;\n customLeftNav?: ReactNode;\n className?: string;\n classNames?: {\n root?: string;\n mainNav?: MainNavClassNames;\n // subNav?: string;\n logo?: string;\n account?: string;\n chains?: string;\n campaignButton?: string;\n };\n\n /** custom render main nav */\n customRender?: (components: {\n /** Logo or title component (desktop & mobile) */\n title?: ReactNode;\n /** Language selection component (desktop & mobile) */\n languageSwitcher?: ReactNode;\n /** Sub-account component (desktop & mobile) */\n subAccount?: ReactNode;\n /** Device linking component (desktop & mobile) */\n linkDevice?: ReactNode;\n /** Chain selection menu (desktop & mobile) */\n chainMenu?: ReactNode;\n /** Wallet connection component (desktop & mobile) */\n walletConnect?: ReactNode;\n\n /** Main navigation menu (desktop & mobile) */\n mainNav?: ReactNode;\n /** Account summary component (desktop only) */\n accountSummary?: ReactNode;\n\n /** Left navigation component (mobile only) */\n leftNav?: ReactNode;\n /** QR code scanner component (mobile only) */\n scanQRCode?: ReactNode;\n }) => ReactNode;\n};\n\nexport const MainNavWidget = (props: PropsWithChildren<MainNavWidgetProps>) => {\n const { children, classNames, ...rest } = props;\n const state = useMainNavScript(rest);\n return (\n <MainNav classNames={classNames} {...state}>\n {children}\n </MainNav>\n );\n};\n","import { ReactNode } from \"react\";\nimport { useScreen } from \"@orderly.network/ui\";\nimport { RouterAdapter } from \"../scaffold\";\nimport { BottomNav } from \"./bottomNav.ui.mobile\";\n\nexport type BottomNavProps = {\n mainMenus?: BottomNavItem[];\n current?: string;\n onRouteChange?: RouterAdapter[\"onRouteChange\"];\n};\n\nexport type BottomNavItem = {\n name: string;\n href: string;\n activeIcon: ReactNode;\n inactiveIcon: ReactNode;\n};\n\nexport const BottomNavWidget = (props: BottomNavProps) => {\n const { isMobile } = useScreen();\n const { mainMenus, ...rest } = props;\n return isMobile ? <BottomNav mainMenus={mainMenus} {...rest} /> : null;\n};\n","import {\n Box,\n cn,\n Dialog,\n DialogBody,\n DialogContent,\n DialogHeader,\n DialogTitle,\n Divider,\n Flex,\n} from \"@orderly.network/ui\";\nimport { CloseIcon, InfoIcon } from \"../icons\";\nimport { MaintenanceTipInterface } from \"./script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const MaintenanceTipsUI = (props: MaintenanceTipInterface) => {\n const { showTips, showDialog, tipsContent, closeTips, dialogContent } = props;\n const { t } = useTranslation();\n\n if (showDialog) {\n return (\n <Dialog open={true}>\n <DialogContent\n closable={false}\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"oui-w-[320px] md:oui-w-auto\"\n >\n <DialogHeader>\n <DialogTitle>{t(\"maintenance.dialog.title\")}</DialogTitle>\n </DialogHeader>\n <Divider />\n <DialogBody className=\"oui-text-2xs md:oui-text-xs\">\n {dialogContent}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n }\n if (!showTips) {\n return <></>;\n }\n return (\n <Flex\n className={cn(\n \"oui-bg-warning-darken/10 oui-text-warning-darken oui-text-2xs md:oui-text-sm oui-relative oui-gap-1\",\n \"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\",\n \"oui-leading-4\",\n \"oui-rounded-xl md:oui-rounded-none\",\n \"oui-min-h-[48px]\",\n \"oui-justify-start oui-items-start\",\n \"xl:oui-justify-center xl:oui-items-center xl:oui-px-4\"\n )}\n >\n <div className=\"oui-flex oui-items-start oui-justify-start oui-gap-1 \">\n <InfoIcon\n size={20}\n className=\"oui-flex-shrink-0 oui-w-4 md:oui-w-5 oui-h-4 md:oui-h-5 \"\n />\n <Box className=\"oui-font-semibold oui-leading-4\">{tipsContent}</Box>\n </div>\n <CloseIcon\n size={16}\n 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\"\n onClick={closeTips}\n />\n </Flex>\n );\n};\n","import { useMaintenanceStatus } from \"@orderly.network/hooks\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { getTimestamp } from \"@orderly.network/utils\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nfunction getTimeString(timestamp: number) {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n}\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nexport interface MaintenanceTipInterface {\n tipsContent: string;\n showTips: boolean;\n closeTips: () => void;\n showDialog: boolean;\n dialogContent?: string;\n}\n\nexport const useMaintenanceScript = (): MaintenanceTipInterface => {\n const { t } = useTranslation();\n const [showTips, setShowTips] = useState(false);\n const [showDialog, setShowDialog] = useState(false);\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n const startDate = useMemo(() => {\n if (!startTime) {\n return \"-\";\n }\n return getTimeString(startTime);\n }, [startTime]);\n\n const endDate = useMemo(() => {\n if (!endTime) {\n return \"-\";\n }\n return getTimeString(endTime);\n }, [endTime]);\n\n const closeTips = () => {\n window.localStorage.setItem(`Maintenance_${startTime}`, \"1\");\n setShowTips(false);\n };\n\n useEffect(() => {\n console.log(\"-- start time\", {\n startTime,\n status,\n });\n if (status === 2) {\n setShowTips(false);\n setShowDialog(true);\n return;\n }\n setShowDialog(false);\n if (startTime) {\n if (startTime < getTimestamp() + oneDay) {\n // check localstorage\n if (!window.localStorage.getItem(`Maintenance_${startTime}`)) {\n setShowTips(true);\n }\n }\n }\n }, [startTime, status]);\n\n const tipsContent = t(\"maintenance.tips.description\", {\n brokerName,\n startDate,\n endDate,\n });\n\n const dialogContent = t(\"maintenance.dialog.description\", {\n brokerName,\n endDate,\n });\n\n return {\n tipsContent,\n showTips,\n closeTips,\n showDialog,\n dialogContent,\n };\n};\n","import { MaintenanceTipsUI } from \"./ui\";\nimport { useMaintenanceScript } from \"./script\";\n\nexport const MaintenanceTipsWidget = () => {\n const props = useMaintenanceScript();\n return <MaintenanceTipsUI {...props} />;\n};\n","export const useLeftNavState = () => {\n return {};\n};\n\nexport type LeftNavState = ReturnType<typeof useLeftNavState>;\n","import { FC } from \"react\";\nimport { useLeftNavState } from \"./leftNav.script\";\nimport { LeftNavProps } from \"./leftNav.type\";\n\nexport const LeftNavWidget: FC<LeftNavProps> = (props) => {\n const state = useLeftNavState();\n return <div>LeftNavWidget</div>;\n};\n"]}