@orderly.network/ui-scaffold 2.4.0 → 2.4.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 (3) hide show
  1. package/dist/index.js.map +1 -1
  2. package/dist/index.mjs.map +1 -1
  3. package/package.json +10 -10
package/dist/index.js.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.ui.tsx","../src/components/accountSummary/accountSummary.ui.tsx","../src/components/accountSummary/useWidgetBuilder.script.ts","../src/components/accountSummary/accountSummary.widget.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/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/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.tsx","../src/components/main/linkDevice/widget.tsx","../src/components/main/linkDevice/linkDevice.script.tsx","../src/components/main/linkDevice/linkDevice.ui.tsx","../src/components/main/mainLogo.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/main/linkDevice/linkDevice.ui.mobile.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/useWidgetBuilder.script.ts","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/announcement/announcement.ui.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/leftNav/leftNav.ui.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/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.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","cn","useScreen","React","useEffect","Box","EyeCloseIcon","EyeIcon","Popover","TotalValue","totalValue","visible","onToggleVisibility","visibleAvailable","FreeCollateral","freeCollateral","CurrentLeverage","currentLeverage","MaxLeverage","UnrealPnL","AccountInfoPopover","keys","elementKeys","onSetToTop","key","elements","DropdownMenu","IdentityButton","AccountSummary","rest","canToggleIndex","sizeRef","resizeObserver","entries","width","index","Items","Dot","Element","useState","useLeverage","useLocalStorage","useMarginRatio","usePositionStream","useCollateral","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","wrongNetwork","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","setCurrentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","ChainSelectorSheetId","ChainMenuUiMobile","ChainMenuWidget","isMobile","useTrack","i18n","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","options","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","Fragment","LanguageSwitcher","LanguageIcon","header","languageList","item","selected","LanguageItem","context","footer","renderTrailing","ref","size","LanguageSwitcherWidget","useRef","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","cloneElement","ChevronDownIcon","NavItem","classNames","currentPath","onClick","buttonProps","isActive","onClickHandler","button","ItemIcon","SubMenus","subItem","SubMenu","SubMenuTitle","name","Tag","OutlinkIcon","ICON_CLASSNAME","CampaignButton","useEventEmitter","ExpireSeconds","useLinkDeviceScript","confirm","setConfirm","seconds","setSeconds","secretKey","setSecretKey","url","setUrl","ee","chain","createTrackParams","getOrderlyKey","hideDialog","showDialog","onConfirm","copyUrl","timestamp","params","createUrl","str","base64","qr","Trans","SimpleDialogFooter","useAppConfig","CommuntiyTelegramIcon","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Logo","MainLogo","appIcons","main","LinkDevice","LinkDeviceIcon","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","canvasRef","qrcode","height","ctx","cells","tileW","tileH","row","c","w","h","LinkDeviceMobile","DesktopIcon","LinkIcon","MobileIcon","DotIcon","LinkDeviceWidget","MainNavMenusUI","items","MainNavMenusExtension","AnnouncementType","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","Announcement","maintenanceDialogInfo","showAnnouncement","currentTip","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","RenderTipsType","SwitchTips","tipsCount","type","label","className","map","UTCDateMini","format","produce","MaintenanceStatus","useMaintenanceStatus","useQuery","useWS","useObserverElement","useOrderlyTheme","getTimestamp","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","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","getTimeString","setMutiLine","entry","date","AnnouncementWidget","hideTips","BottomNav","mainMenus","current","onRouteChange","isSubmenu","menu","menus","Sheet","SheetContent","useModal","VectorIcon","SwapHorizIcon","PeopleIcon","CommunityDiscord","CommunityTG","CommunityX","CommunityDune","LeftNavUI","showModal","LeftNavSheet","resolve","reject","onOpenChange","showSubAccount","option","subAccountTrigger","openExternalLink","useScanQRCodeScript","showScanTooltip","setShowScanTooltip","onScanSuccess","isValidURL","jsQR","QRCODE_WIDTH","QRCODE_HEIGHT","RATIO","QRCodeScanner","videoRef","tick","video","canvas","videoWidth","videoHeight","canvasAspectRatio","videoAspectRatio","sx","sy","sWidth","sHeight","imageData","stream","ScanQRCode","ScanIcon","ScanQRCodeContent","LineGradient","RadiusGradient","ScanQRCodeWidget","MainNavMobile","currentMenu","title","isSub","subTitle","onBack","target","showLinkDevice","showChainMenu","showQrcode","renderCustomComponents","languageSwitcher","scanQRCode","linkDevice","chainMenu","walletConnect","Checkbox","RestrictedInfo","agree","setAgree","ip","restrictedOpen","canUnblock","accessRestricted","setAccessRestricted","checked","renderContent","useRestrictedInfoScript","restrictedInfo","container","setCanUnblock","RestrictedInfoWidget","MobileScaffold","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","children","SideMenus","SideBarHeader","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","onItemSelect","useSideNavBuilder","setCurrent","expanded","useScaffoldContext","SideNavbarWidget","DesktopScaffold","MainNavWidget","OrderlyContext","createContext","useContext","ScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","Scaffold","CampaignPositionEnum","useMainNavBuilder","onItemClick","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","converted","MainNav","logo","campaigns","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","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 { FC, PropsWithChildren, ReactNode, useMemo } from \"react\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { cn, Divider, Flex, useScreen } from \"@orderly.network/ui\";\nimport type { LogoProps } 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, CampaignProps } from \"./campaignButton\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavMenusExtension } from \"./mainMenus/mainNavMenus.widget\";\nimport { MainNavClassNames, MainNavItemsProps } from \"./mainNavItems\";\nimport { CampaignPositionEnum } from \"./useWidgetBuilder.script\";\n\n// export type CampaignPosition = \"menuLeading\" | \"menuTailing\" | \"navTailing\";\n\nexport type MainNavProps = {\n className?: string;\n logo: LogoProps;\n mainMenus: MainNavItemsProps;\n leading?: ReactNode;\n trailing?: ReactNode;\n wrongNetwork: boolean;\n isConnected: boolean;\n campaigns?: CampaignProps;\n campaignPosition?: CampaignPositionEnum;\n classNames?: {\n root?: string;\n mainNav?: MainNavClassNames;\n // subNav?: string;\n logo?: string;\n products?: string;\n account?: string;\n chains?: string;\n campaignButton?: string;\n };\n status?: AccountStatusEnum;\n disabledConnect?: boolean;\n};\n\nexport const MainNav: FC<PropsWithChildren<MainNavProps>> = (props) => {\n const { className, logo, 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\") return null;\n\n return <Flex grow>{props.children}</Flex>;\n }, [props.children]);\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 <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 <MainLogo {...logo} />\n {props.leading}\n <MainNavMenusExtension\n {...props.mainMenus}\n classNames={classNames?.mainNav}\n />\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n {props.trailing}\n </Flex>\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-2\">\n <AccountSummaryWidget />\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n <LinkDeviceWidget />\n </>\n )}\n <LanguageSwitcherWidget />\n {showSubAccount && <SubAccountWidget />}\n {isDesktop && <ChainMenuWidget />}\n {!hideWalletConnectButton && <WalletConnectButtonExtension />}\n </Flex>\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 { 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 { 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 { Divider } from \"@orderly.network/ui\";\nimport { 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 useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { ChevronDownIcon, PopoverContent } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\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 * 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};\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 isActive = useMemo(\n () => props.currentPath?.[0] === props.item.href,\n [currentPath],\n );\n\n const onClickHandler = useCallback(() => {\n if (Array.isArray(props.item.children)) return;\n props.onClick?.([props.item]);\n }, [props.item]);\n\n const button = (\n <button\n id={item.id}\n data-testid={item.testid}\n {...buttonProps}\n disabled={props.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={props.item} />\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n angle={45}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {props.item.name}\n </Text.gradient>\n {Array.isArray(props.item.children) && (\n <span className={\"oui-ml-1 group-data-[open=true]:oui-rotate-180\"}>\n {isActive ? (\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 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\n offset=\"1\"\n stopColor=\"rgb(var(--oui-gradient-brand-start))\"\n />\n </linearGradient>\n </defs>\n </svg>\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\n if (!Array.isArray(props.item.children)) return button;\n\n return (\n <SubMenus\n items={props.item.children}\n className={classNames?.subMenu}\n current={props.currentPath?.[1]}\n onItemClick={(subItem: MainNavItem) => {\n props.onClick?.([props.item, subItem]);\n }}\n >\n {button}\n </SubMenus>\n );\n};\n\nconst SubMenus = (\n props: PropsWithChildren<{\n items: MainNavItem[];\n className?: string;\n current?: string;\n onItemClick: (item: MainNavItem) => void;\n }>,\n) => {\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 const classNames = (props.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(props.children as React.ReactElement, {\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 timer.current ? clearTimeout(timer.current) : void 0;\n }}\n className={cn(\n \"oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1\",\n props.className,\n )}\n >\n {props.items.map((item, index) => {\n return (\n <SubMenu\n key={index}\n item={item}\n onClick={props.onItemClick}\n active={item.href === props.current}\n />\n );\n })}\n </PopoverContent>\n </PopoverRoot>\n );\n};\n\nconst SubMenu = (props: {\n item: MainNavItem;\n active?: boolean;\n onClick: (item: MainNavItem) => void;\n}) => {\n const { item } = props;\n return (\n <Flex\n px={2}\n py={3}\n gapX={2}\n data-active={props.active ?? false}\n className={cn(\n \"oui-group oui-w-full oui-cursor-pointer oui-items-start oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5\",\n // props.active && \"oui-bg-base-5\"\n )}\n r={\"md\"}\n onClick={() => {\n props.onClick(item);\n }}\n data-testid={item.testid}\n >\n {!!props.item.icon && (\n <div className=\"oui-relative oui-size-6 oui-translate-y-1\">\n <ItemIcon isActive={props.active ?? false} item={props.item} />\n </div>\n )}\n\n <div className=\"oui-flex-1\">\n <SubMenuTitle item={item} isActive={props.active} />\n {typeof item.description !== \"undefined\" && (\n <Text size={\"2xs\"} as={\"div\"} intensity={36}>\n {item.description}\n </Text>\n )}\n </div>\n </Flex>\n );\n};\n\nconst SubMenuTitle = (props: { item: MainNavItem; isActive?: boolean }) => {\n const {\n item: { name },\n isActive,\n } = 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 {name}\n </Text.gradient>\n {typeof props.item.tag !== \"undefined\" && <Tag item={props.item} />}\n </div>\n {props.item.target === \"_blank\" && <OutlinkIcon />}\n </Flex>\n );\n};\n\nconst Tag = (props: { item: MainNavItem }) => {\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 = (props: { item: MainNavItem; isActive: boolean }) => {\n const { item, isActive } = props;\n\n if (!props.item.icon) return null;\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 = () => {\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 { 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 } 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 { 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 { 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 { 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 MainNavMenusUI: FC<MainNavItemsProps> = (props) => {\n const { items, classNames } = props;\n\n if (!Array.isArray(items) || items.length === 0) return null;\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 { FC } from \"react\";\nimport { MainNavMenusUI, type MainNavItemsProps } from \"./mainNavMenus.ui\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\n\nexport const MainNavMenusWidget: FC<MainNavItemsProps> = (props) => {\n return <MainNavMenusUI {...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 <MainNavMenusUI {...props} />;\n});\n\nexport const MainNavMenusExtension: FC<MainNavItemsProps> = (props) => {\n return (\n <ExtensionSlot position={ExtensionPositionEnum.MainMenus} {...props} />\n );\n};\n","import { useMemo, useState } from \"react\";\nimport { useScaffoldContext } from \"../scaffold\";\nimport {\n useAccount,\n useEventEmitter,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport type { MainNavItem } from \"./mainMenus/navItem\";\nimport { type 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\ntype UseMainNavBuilderProps = Omit<\n MainNavWidgetProps,\n \"classNames\" | \"children\"\n>;\n\nexport const useMainNavBuilder = (props: UseMainNavBuilderProps) => {\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 products: [\n // { name: \"Swap\", href: \"/swap\" },\n // { name: \"Perps\", href: \"/perps\" },\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 converted: any = {};\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\n return {\n // currentProduct,\n // logo: mainNavConfig.logo,\n ...mainNavConfig,\n\n isConnected: !!connectedChain,\n wrongNetwork,\n ...converted,\n status: state.status,\n disabledConnect,\n };\n};\n\nexport type MainNavBuilder = ReturnType<typeof useMainNavBuilder>;\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 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 } 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 Props = {\n current?: string;\n subItems?: {\n name: string;\n href: string;\n }[];\n routerAdapter?: RouterAdapter;\n} & MainNavWidgetProps;\n\nexport const MainNavMobile: FC<Props> = (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 // TODO: fix this\n const showQrcode = useMemo(() => {\n if (state.status === AccountStatusEnum.EnableTradingWithoutConnected) {\n return false;\n }\n if (state.status === AccountStatusEnum.EnableTrading) {\n return false;\n }\n if (disabledConnect) {\n return false;\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 renderCustomComponents = () => {\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 if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n title,\n languageSwitcher,\n scanQRCode,\n // subAccount,\n linkDevice,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <>\n {props?.customLeftNav ||\n (props.leftNav && (\n <LeftNavUI\n className=\"oui-mr-2\"\n {...props?.leftNav}\n logo={props?.logo}\n routerAdapter={props?.routerAdapter}\n />\n ))}\n {title}\n <Flex gapX={2} className=\"oui-ml-auto\">\n {props.leading}\n {languageSwitcher}\n {scanQRCode}\n {/* {subAccount} */}\n {linkDevice}\n {chainMenu}\n {walletConnect}\n {props.trailing}\n </Flex>\n </>\n );\n };\n\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n itemAlign={\"center\"}\n className={props.classNames?.mainNav?.root}\n >\n {renderCustomComponents()}\n </Flex>\n );\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?.products}\n {showSubAccount && (\n <SubAccountWidget customTrigger={subAccountTrigger} />\n )}\n <div className=\"oui-flex oui-h-[calc(100vh-260px)] oui-overflow-y-auto oui-flex-col\">\n {props?.menus?.map((item) => (\n <NavItem key={item.name} item={item} onClick={onRouteChange} />\n ))}\n </div>\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 onItemClick = () => {\n onClick?.({\n href: item.href,\n name: item.name,\n scope: \"leftNav\",\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>{item.icon}</div>\n <div className=\"oui-text-base oui-font-semibold oui-text-base-contrast-80\">\n {item.name}\n </div>\n {item.trailing}\n </div>\n );\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, 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 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 setTimeout(() => {\n setShowScanTooltip(false);\n }, 8000);\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\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 { 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 console.log(\"restrictedInfo\", restrictedInfo);\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 React, { 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, only works on desktop\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 { PropsWithChildren, ReactNode } from \"react\";\nimport { LeftNavProps } from \"../leftNav/leftNav.type\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\nimport { MainNav, MainNavProps } from \"./mainNav.ui\";\nimport {\n CampaignPositionEnum,\n useMainNavBuilder,\n} from \"./useWidgetBuilder.script\";\n\nexport type MainNavWidgetProps = PropsWithChildren<{\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 initialProduct?: string;\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 /** only works on mobile */\n customRender?: (components: {\n title?: ReactNode;\n languageSwitcher?: ReactNode;\n scanQRCode?: ReactNode;\n subAccount?: ReactNode;\n linkDevice?: ReactNode;\n chainMenu?: ReactNode;\n walletConnect?: ReactNode;\n }) => ReactNode;\n /** only works on mobile */\n leftNav?: LeftNavProps;\n customLeftNav?: ReactNode;\n}> &\n Pick<MainNavProps, \"classNames\">;\n\nexport const MainNavWidget = (props: MainNavWidgetProps) => {\n const { children, classNames, ...rest } = props;\n const state = useMainNavBuilder(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.ts","../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/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/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/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.tsx","../src/components/main/linkDevice/widget.tsx","../src/components/main/linkDevice/linkDevice.script.tsx","../src/components/main/linkDevice/linkDevice.ui.tsx","../src/components/main/mainLogo.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/main/linkDevice/linkDevice.ui.mobile.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/useWidgetBuilder.script.ts","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/announcement/announcement.ui.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/leftNav/leftNav.ui.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/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.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","cn","useScreen","React","useEffect","Box","EyeCloseIcon","EyeIcon","Popover","TotalValue","totalValue","visible","onToggleVisibility","visibleAvailable","FreeCollateral","freeCollateral","CurrentLeverage","currentLeverage","MaxLeverage","UnrealPnL","AccountInfoPopover","keys","elementKeys","onSetToTop","key","elements","DropdownMenu","IdentityButton","AccountSummary","rest","canToggleIndex","sizeRef","resizeObserver","entries","width","index","Items","Dot","Element","useState","useLeverage","useLocalStorage","useMarginRatio","usePositionStream","useCollateral","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","wrongNetwork","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","setCurrentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","ChainSelectorSheetId","ChainMenuUiMobile","ChainMenuWidget","isMobile","useTrack","i18n","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","options","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","Fragment","LanguageSwitcher","LanguageIcon","header","languageList","item","selected","LanguageItem","context","footer","renderTrailing","ref","size","LanguageSwitcherWidget","useRef","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","cloneElement","ChevronDownIcon","NavItem","classNames","currentPath","onClick","buttonProps","isActive","onClickHandler","button","ItemIcon","SubMenus","subItem","SubMenu","SubMenuTitle","name","Tag","OutlinkIcon","ICON_CLASSNAME","CampaignButton","useEventEmitter","ExpireSeconds","useLinkDeviceScript","confirm","setConfirm","seconds","setSeconds","secretKey","setSecretKey","url","setUrl","ee","chain","createTrackParams","getOrderlyKey","hideDialog","showDialog","onConfirm","copyUrl","timestamp","params","createUrl","str","base64","qr","Trans","SimpleDialogFooter","useAppConfig","CommuntiyTelegramIcon","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Logo","MainLogo","appIcons","main","LinkDevice","LinkDeviceIcon","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","canvasRef","qrcode","height","ctx","cells","tileW","tileH","row","c","w","h","LinkDeviceMobile","DesktopIcon","LinkIcon","MobileIcon","DotIcon","LinkDeviceWidget","MainNavMenusUI","items","MainNavMenusExtension","AnnouncementType","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","Announcement","maintenanceDialogInfo","showAnnouncement","currentTip","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","RenderTipsType","SwitchTips","tipsCount","type","label","className","map","UTCDateMini","format","produce","MaintenanceStatus","useMaintenanceStatus","useQuery","useWS","useObserverElement","useOrderlyTheme","getTimestamp","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","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","getTimeString","setMutiLine","entry","date","AnnouncementWidget","hideTips","BottomNav","mainMenus","current","onRouteChange","isSubmenu","menu","menus","Sheet","SheetContent","useModal","VectorIcon","SwapHorizIcon","PeopleIcon","CommunityDiscord","CommunityTG","CommunityX","CommunityDune","LeftNavUI","showModal","LeftNavSheet","resolve","reject","onOpenChange","showSubAccount","option","subAccountTrigger","openExternalLink","useScanQRCodeScript","showScanTooltip","setShowScanTooltip","onScanSuccess","isValidURL","jsQR","QRCODE_WIDTH","QRCODE_HEIGHT","RATIO","QRCodeScanner","videoRef","tick","video","canvas","videoWidth","videoHeight","canvasAspectRatio","videoAspectRatio","sx","sy","sWidth","sHeight","imageData","stream","ScanQRCode","ScanIcon","ScanQRCodeContent","LineGradient","RadiusGradient","ScanQRCodeWidget","MainNavMobile","currentMenu","title","isSub","subTitle","onBack","target","showLinkDevice","showChainMenu","showQrcode","renderCustomComponents","languageSwitcher","scanQRCode","linkDevice","chainMenu","walletConnect","Checkbox","RestrictedInfo","agree","setAgree","ip","restrictedOpen","canUnblock","accessRestricted","setAccessRestricted","checked","renderContent","useRestrictedInfoScript","restrictedInfo","container","setCanUnblock","RestrictedInfoWidget","MobileScaffold","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","children","SideMenus","SideBarHeader","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","onItemSelect","useSideNavBuilder","setCurrent","expanded","useScaffoldContext","SideNavbarWidget","DesktopScaffold","MainNavWidget","OrderlyContext","createContext","useContext","ScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","Scaffold","CampaignPositionEnum","useMainNavBuilder","onItemClick","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","converted","MainNav","logo","campaigns","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","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 { FC, PropsWithChildren, ReactNode, useMemo } from \"react\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { cn, Divider, Flex, useScreen } from \"@orderly.network/ui\";\nimport type { LogoProps } 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, CampaignProps } from \"./campaignButton\";\nimport { LinkDeviceWidget } from \"./linkDevice\";\nimport { MainLogo } from \"./mainLogo\";\nimport { MainNavMenusExtension } from \"./mainMenus/mainNavMenus.widget\";\nimport { MainNavClassNames, MainNavItemsProps } from \"./mainNavItems\";\nimport { CampaignPositionEnum } from \"./useWidgetBuilder.script\";\n\n// export type CampaignPosition = \"menuLeading\" | \"menuTailing\" | \"navTailing\";\n\nexport type MainNavProps = {\n className?: string;\n logo: LogoProps;\n mainMenus: MainNavItemsProps;\n leading?: ReactNode;\n trailing?: ReactNode;\n wrongNetwork: boolean;\n isConnected: boolean;\n campaigns?: CampaignProps;\n campaignPosition?: CampaignPositionEnum;\n classNames?: {\n root?: string;\n mainNav?: MainNavClassNames;\n // subNav?: string;\n logo?: string;\n products?: string;\n account?: string;\n chains?: string;\n campaignButton?: string;\n };\n status?: AccountStatusEnum;\n disabledConnect?: boolean;\n};\n\nexport const MainNav: FC<PropsWithChildren<MainNavProps>> = (props) => {\n const { className, logo, 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\") return null;\n\n return <Flex grow>{props.children}</Flex>;\n }, [props.children]);\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 <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 <MainLogo {...logo} />\n {props.leading}\n <MainNavMenusExtension\n {...props.mainMenus}\n classNames={classNames?.mainNav}\n />\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n {props.trailing}\n </Flex>\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-2\">\n <AccountSummaryWidget />\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n <LinkDeviceWidget />\n </>\n )}\n <LanguageSwitcherWidget />\n {showSubAccount && <SubAccountWidget />}\n {isDesktop && <ChainMenuWidget />}\n {!hideWalletConnectButton && <WalletConnectButtonExtension />}\n </Flex>\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 { 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 { 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 { Divider } from \"@orderly.network/ui\";\nimport { 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 useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { ChevronDownIcon, PopoverContent } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\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 * 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};\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 isActive = useMemo(\n () => props.currentPath?.[0] === props.item.href,\n [currentPath],\n );\n\n const onClickHandler = useCallback(() => {\n if (Array.isArray(props.item.children)) return;\n props.onClick?.([props.item]);\n }, [props.item]);\n\n const button = (\n <button\n id={item.id}\n data-testid={item.testid}\n {...buttonProps}\n disabled={props.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={props.item} />\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n angle={45}\n className=\"oui-whitespace-nowrap oui-break-normal\"\n >\n {props.item.name}\n </Text.gradient>\n {Array.isArray(props.item.children) && (\n <span className={\"oui-ml-1 group-data-[open=true]:oui-rotate-180\"}>\n {isActive ? (\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 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\n offset=\"1\"\n stopColor=\"rgb(var(--oui-gradient-brand-start))\"\n />\n </linearGradient>\n </defs>\n </svg>\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\n if (!Array.isArray(props.item.children)) return button;\n\n return (\n <SubMenus\n items={props.item.children}\n className={classNames?.subMenu}\n current={props.currentPath?.[1]}\n onItemClick={(subItem: MainNavItem) => {\n props.onClick?.([props.item, subItem]);\n }}\n >\n {button}\n </SubMenus>\n );\n};\n\nconst SubMenus = (\n props: PropsWithChildren<{\n items: MainNavItem[];\n className?: string;\n current?: string;\n onItemClick: (item: MainNavItem) => void;\n }>,\n) => {\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 const classNames = (props.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(props.children as React.ReactElement, {\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 timer.current ? clearTimeout(timer.current) : void 0;\n }}\n className={cn(\n \"oui-w-[260px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1\",\n props.className,\n )}\n >\n {props.items.map((item, index) => {\n return (\n <SubMenu\n key={index}\n item={item}\n onClick={props.onItemClick}\n active={item.href === props.current}\n />\n );\n })}\n </PopoverContent>\n </PopoverRoot>\n );\n};\n\nconst SubMenu = (props: {\n item: MainNavItem;\n active?: boolean;\n onClick: (item: MainNavItem) => void;\n}) => {\n const { item } = props;\n return (\n <Flex\n px={2}\n py={3}\n gapX={2}\n data-active={props.active ?? false}\n className={cn(\n \"oui-group oui-w-full oui-cursor-pointer oui-items-start oui-text-base-contrast-80 hover:oui-bg-base-6 data-[active=true]:oui-bg-base-5\",\n // props.active && \"oui-bg-base-5\"\n )}\n r={\"md\"}\n onClick={() => {\n props.onClick(item);\n }}\n data-testid={item.testid}\n >\n {!!props.item.icon && (\n <div className=\"oui-relative oui-size-6 oui-translate-y-1\">\n <ItemIcon isActive={props.active ?? false} item={props.item} />\n </div>\n )}\n\n <div className=\"oui-flex-1\">\n <SubMenuTitle item={item} isActive={props.active} />\n {typeof item.description !== \"undefined\" && (\n <Text size={\"2xs\"} as={\"div\"} intensity={36}>\n {item.description}\n </Text>\n )}\n </div>\n </Flex>\n );\n};\n\nconst SubMenuTitle = (props: { item: MainNavItem; isActive?: boolean }) => {\n const {\n item: { name },\n isActive,\n } = 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 {name}\n </Text.gradient>\n {typeof props.item.tag !== \"undefined\" && <Tag item={props.item} />}\n </div>\n {props.item.target === \"_blank\" && <OutlinkIcon />}\n </Flex>\n );\n};\n\nconst Tag = (props: { item: MainNavItem }) => {\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 = (props: { item: MainNavItem; isActive: boolean }) => {\n const { item, isActive } = props;\n\n if (!props.item.icon) return null;\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 = () => {\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 { 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 } 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 { 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 { 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 { 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 MainNavMenusUI: FC<MainNavItemsProps> = (props) => {\n const { items, classNames } = props;\n\n if (!Array.isArray(items) || items.length === 0) return null;\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 { FC } from \"react\";\nimport { MainNavMenusUI, type MainNavItemsProps } from \"./mainNavMenus.ui\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n installExtension,\n} from \"@orderly.network/ui\";\n\nexport const MainNavMenusWidget: FC<MainNavItemsProps> = (props) => {\n return <MainNavMenusUI {...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 <MainNavMenusUI {...props} />;\n});\n\nexport const MainNavMenusExtension: FC<MainNavItemsProps> = (props) => {\n return (\n <ExtensionSlot position={ExtensionPositionEnum.MainMenus} {...props} />\n );\n};\n","import { useMemo, useState } from \"react\";\nimport { useScaffoldContext } from \"../scaffold\";\nimport {\n useAccount,\n useEventEmitter,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport type { MainNavItem } from \"./mainMenus/navItem\";\nimport { type 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\ntype UseMainNavBuilderProps = Omit<\n MainNavWidgetProps,\n \"classNames\" | \"children\"\n>;\n\nexport const useMainNavBuilder = (props: UseMainNavBuilderProps) => {\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 products: [\n // { name: \"Swap\", href: \"/swap\" },\n // { name: \"Perps\", href: \"/perps\" },\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 converted: any = {};\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\n return {\n // currentProduct,\n // logo: mainNavConfig.logo,\n ...mainNavConfig,\n\n isConnected: !!connectedChain,\n wrongNetwork,\n ...converted,\n status: state.status,\n disabledConnect,\n };\n};\n\nexport type MainNavBuilder = ReturnType<typeof useMainNavBuilder>;\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 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 } 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 Props = {\n current?: string;\n subItems?: {\n name: string;\n href: string;\n }[];\n routerAdapter?: RouterAdapter;\n} & MainNavWidgetProps;\n\nexport const MainNavMobile: FC<Props> = (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 // TODO: fix this\n const showQrcode = useMemo(() => {\n if (state.status === AccountStatusEnum.EnableTradingWithoutConnected) {\n return false;\n }\n if (state.status === AccountStatusEnum.EnableTrading) {\n return false;\n }\n if (disabledConnect) {\n return false;\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 renderCustomComponents = () => {\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 if (typeof props.customRender === \"function\") {\n return props.customRender?.({\n title,\n languageSwitcher,\n scanQRCode,\n // subAccount,\n linkDevice,\n chainMenu,\n walletConnect,\n });\n }\n\n return (\n <>\n {props?.customLeftNav ||\n (props.leftNav && (\n <LeftNavUI\n className=\"oui-mr-2\"\n {...props?.leftNav}\n logo={props?.logo}\n routerAdapter={props?.routerAdapter}\n />\n ))}\n {title}\n <Flex gapX={2} className=\"oui-ml-auto\">\n {props.leading}\n {languageSwitcher}\n {scanQRCode}\n {/* {subAccount} */}\n {linkDevice}\n {chainMenu}\n {walletConnect}\n {props.trailing}\n </Flex>\n </>\n );\n };\n\n return (\n <Flex\n width={\"100%\"}\n height={44}\n px={3}\n itemAlign={\"center\"}\n className={props.classNames?.mainNav?.root}\n >\n {renderCustomComponents()}\n </Flex>\n );\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?.products}\n {showSubAccount && (\n <SubAccountWidget customTrigger={subAccountTrigger} />\n )}\n <div className=\"oui-flex oui-h-[calc(100vh-260px)] oui-overflow-y-auto oui-flex-col\">\n {props?.menus?.map((item) => (\n <NavItem key={item.name} item={item} onClick={onRouteChange} />\n ))}\n </div>\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 onItemClick = () => {\n onClick?.({\n href: item.href,\n name: item.name,\n scope: \"leftNav\",\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>{item.icon}</div>\n <div className=\"oui-text-base oui-font-semibold oui-text-base-contrast-80\">\n {item.name}\n </div>\n {item.trailing}\n </div>\n );\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, 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 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 setTimeout(() => {\n setShowScanTooltip(false);\n }, 8000);\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\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 { 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 React, { 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, only works on desktop\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 { PropsWithChildren, ReactNode } from \"react\";\nimport { LeftNavProps } from \"../leftNav/leftNav.type\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\nimport { MainNav, MainNavProps } from \"./mainNav.ui\";\nimport {\n CampaignPositionEnum,\n useMainNavBuilder,\n} from \"./useWidgetBuilder.script\";\n\nexport type MainNavWidgetProps = PropsWithChildren<{\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 initialProduct?: string;\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 /** only works on mobile */\n customRender?: (components: {\n title?: ReactNode;\n languageSwitcher?: ReactNode;\n scanQRCode?: ReactNode;\n subAccount?: ReactNode;\n linkDevice?: ReactNode;\n chainMenu?: ReactNode;\n walletConnect?: ReactNode;\n }) => ReactNode;\n /** only works on mobile */\n leftNav?: LeftNavProps;\n customLeftNav?: ReactNode;\n}> &\n Pick<MainNavProps, \"classNames\">;\n\nexport const MainNavWidget = (props: MainNavWidgetProps) => {\n const { children, classNames, ...rest } = props;\n const state = useMainNavBuilder(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"]}