@orderly.network/ui-scaffold 2.1.2 → 2.1.3-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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.ui.tsx","../src/components/chainMenu/chainMenu.script.ts","../src/components/chainMenu/chainMenu.widget.tsx","../src/components/languageSwitcher/languageSwitcher.script.ts","../src/components/languageSwitcher/languageSwitcher.ui.tsx","../src/components/languageSwitcher/widget.tsx","../src/components/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.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/widget.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/useWidgetBuilder.script.ts","../src/components/scaffold/scaffoldProvider.tsx","../src/components/scaffold/scaffoldContext.ts","../src/utils/chain.ts","../src/components/scaffold/scaffold.script.ts","../src/components/announcement/announcement.ui.tsx","../src/components/announcement/announcement.script.tsx","../src/components/announcement/announcement.widget.tsx","../src/components/restrictedInfo/restrictedInfo.ui.tsx","../src/components/restrictedInfo/restrictedInfo.script.tsx","../src/components/restrictedInfo/restrictedInfo.widget.tsx","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/scaffold/scaffold.ui.tsx","../src/components/sidebar/sidebar.ui.tsx","../src/components/sidebar/useSideNavBuilder.script.tsx","../src/components/sidebar/sidebar.widget.tsx","../src/components/footer/footer.ui.tsx","../src/components/footer/footer.script.tsx","../src/components/footer/footer.widget.tsx","../src/components/scaffold/scaffold.widget.tsx","../src/components/main/mainNav.widget.tsx","../src/components/maintenanceTips/ui.tsx","../src/components/maintenanceTips/script.tsx","../src/components/maintenanceTips/widget.tsx"],"names":["ExtensionPositionEnum","ExtensionSlot","installExtension","AccountStatusEnum","Button","Divider","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","EVMAvatar","Flex","Text","useTranslation","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","useLeverage","useLocalStorage","useMarginRatio","usePositionStream","useCollateral","useState","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","wrongNetwork","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainMenuWidget","useTrack","i18n","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","options","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","isMobile","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","Fragment","LanguageSwitcher","LanguageIcon","header","languageList","item","selected","LanguageItem","context","footer","renderTrailing","ref","size","LanguageSwitcherWidget","ChevronDownIcon","PopoverContent","PopoverAnchor","PopoverRoot","cloneElement","useRef","NavItem","classNames","currentPath","onClick","buttonProps","isActive","onClickHandler","button","ItemIcon","SubMenus","subItem","timer","onMouseEnter","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","CopyIcon","SimpleDialogFooter","qr","useAppConfig","CommuntiyTelegramIcon","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Logo","MainLogo","appIcons","main","Trans","LinkDevice","LinkDeviceIcon","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","canvasRef","qrcode","height","ctx","cells","tileW","tileH","row","c","LinkDeviceWidget","MainNavMenusUI","items","MainNavMenusExtension","OrderlyContext","createContext","useContext","ScaffoldContext","useScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","expand","useObserverElement","useScaffoldScript","restrictedInfo","showAnnouncement","topNavbarRef","topNavbarHeight","useRefAndHeight","footerRef","footerHeight","announcementRef","announcementHeight","setExpand","sideBarExpandWidth","sideBarCollaspedWidth","hasLeftSidebar","defaultHeight","deps","setHeight","entry","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","AnnouncementType","Announcement","maintenanceDialogInfo","currentTip","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","RenderTipsType","SwitchTips","tipsCount","type","label","className","UTCDateMini","getTimestamp","format","MaintenanceStatus","useMaintenanceStatus","useQuery","useWS","produce","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","setCurrentIndex","setIsAnimating","setShowAnnouncement","useAnnouncementData","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","date","AnnouncementWidget","hideTips","RestrictedInfo","ip","content","restrictedOpen","renderContent","useRestrictedInfoScript","container","RestrictedInfoWidget","MobileScaffold","Grid","memo","tv","menuItemVariants","MenuItem","mode","active","children","SideMenus","SideBarHeader","title","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","current","onItemSelect","useSideNavBuilder","setCurrent","expanded","SideNavbarWidget","isValidElement","WsNetworkStatus","Footer","signalClsName","openUrl","useWsStatus","useFooterScript","FooterWidget","DesktopScaffold","MainNavWidget","Scaffold","CampaignPositionEnum","useMainNavBuilder","onItemClick","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","converted","MainNav","logo","campaigns","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","MaintenanceTipsUI","showTips","tipsContent","dialogContent","useMaintenanceScript","setShowTips","setShowDialog","MaintenanceTipsWidget"],"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 { 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\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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.signIn\")}\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 { 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 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 2xl:oui-gap-4\",\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 {props.trailing}\n </Flex>\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-3 2xl:oui-gap-4\">\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n <AccountSummaryWidget />\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n <LinkDeviceWidget />\n </>\n )}\n <LanguageSwitcherWidget />\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 {\n Box,\n EyeCloseIcon,\n EyeIcon,\n Flex,\n Popover,\n Text,\n} from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 > 1440) {\n sizeRef.current = 5;\n } else if (width > 1366) {\n sizeRef.current = 4;\n } else if (width > 1280) {\n sizeRef.current = 3;\n } else if (width > 1140) {\n sizeRef.current = 2;\n } else {\n sizeRef.current = 1;\n }\n }\n });\n\n resizeObserver.observe(document.body);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n let 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 {\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\";\nimport { useState } from \"react\";\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({\n dp: 2,\n });\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 { 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 { useEffect, useState } from \"react\";\nimport {\n useChains,\n useConfig,\n useAccount,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { API, Chain, NetworkId } from \"@orderly.network/types\";\nimport { useAppContext } from \"@orderly.network/react-app\";\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 } = 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 };\n};\n\nexport type UseChainMenuBuilderScript = ReturnType<typeof useChainMenuScript>;\n","import { ChainMenu } from \"./chainMenu.ui\";\nimport { useChainMenuScript } from \"./chainMenu.script\";\n\nexport const ChainMenuWidget = () => {\n const state = useChainMenuScript();\n return <ChainMenu {...state} />;\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<LocaleContextState, \"popup\">;\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 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,\n onOpenChange: 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 )}\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\nexport const LanguageSwitcherWidget = (props: LanguageSwitcherWidgetProps) => {\n const state = useLanguageSwitcherScript(props);\n return <LanguageSwitcher {...state} />;\n};\n","import { Divider } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./mainMenus/navItem\";\nimport { cn } from \"@orderly.network/ui\";\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-gradient-primary oui-text-white\", props.className),\n }}\n />\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n </>\n );\n};\n","import { ChevronDownIcon, PopoverContent } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\nimport React, {\n cloneElement,\n FC,\n HTMLAttributeAnchorTarget,\n PropsWithChildren,\n ReactElement,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\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\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-text-base-contrast-36 oui-text-sm oui-relative oui-group oui-rounded oui-px-3 oui-py-1 oui-h-[32px] 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-break-normal oui-whitespace-nowrap\"\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-p-1 oui-w-[260px] oui-border oui-border-line-6 oui-space-y-[2px]\",\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 \"hover:oui-bg-base-6 oui-cursor-pointer oui-text-base-contrast-80 oui-items-start oui-w-full oui-group 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-translate-y-1 oui-relative oui-w-6 oui-h-6\">\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-1 oui-flex\">\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n size={\"xs\"}\n as={\"div\"}\n intensity={80}\n weight={\"semibold\"}\n className=\"oui-break-normal oui-whitespace-nowrap\"\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-px-2 oui-py-1 oui-ml-1 oui-rounded oui-inline-flex 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)]\"\n }\n >\n <Text.gradient\n color={\"brand\"}\n size={\"3xs\"}\n className=\"oui-break-normal oui-whitespace-nowrap\"\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-w-[20px] oui-h-[20px] oui-mr-1\"}>\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-w-full oui-max-h-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-data-[active=true]:oui-invisible group-hover:oui-invisible\"\n )}\n >\n {props.item.icon}\n </div>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"oui-invisible group-data-[active=true]:oui-visible group-hover: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-absolute oui-right-0 oui-top-0 oui-invisible 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 { 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 {\n cn,\n CopyIcon,\n Flex,\n SimpleDialog,\n SimpleDialogFooter,\n SimpleDialogFooterProps,\n Text,\n} from \"@orderly.network/ui\";\nimport { qrcode as qr } from \"@akamfoad/qr\";\nimport { MainLogo } from \"../mainLogo\";\nimport { UseLinkDeviceScriptReturn } from \"./linkDevice.script\";\nimport { Trans, useTranslation } from \"@orderly.network/i18n\";\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\"\n onClick={props.showDialog}\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 { useLinkDeviceScript } from \"./linkDevice.script\";\nimport { LinkDevice } from \"./linkDevice.ui\";\n\nexport const LinkDeviceWidget = () => {\n const state = useLinkDeviceScript();\n return <LinkDevice {...state} />;\n};\n","import { cn, Flex } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./navItem\";\nimport { FC } from \"react\";\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-[6px] 2xl:oui-gap-2\", 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 { 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 { 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 [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 };\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 React, { useMemo } from \"react\";\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 { AnnouncementType } from \"@orderly.network/types\";\nimport { AnnouncementScriptReturn } from \"./announcement.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { CloseIcon } from \"../icons\";\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-font-semibold oui-rounded-xl oui-overflow-hidden\",\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.rows ?? []).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 >\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.rows ?? []).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(\n \"oui-items-start oui-justify-start oui-w-full\",\n currentTip?.url && \"oui-cursor-pointer\"\n )}\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 >\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 map[type!] || {};\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, useRef, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { getTimestamp } from \"@orderly.network/utils\";\nimport { format } from \"date-fns\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useQuery,\n useWS,\n} from \"@orderly.network/hooks\";\nimport { AnnouncementType, API, WSMessage } from \"@orderly.network/types\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement } from \"@orderly.network/ui\";\nimport { produce } from \"immer\";\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, maintenanceDialogInfo } = useAnnouncementData();\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.rows ?? []).length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex - 1 + len) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips.rows]);\n\n const nextTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = (tips.rows ?? []).length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex + 1) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips.rows]);\n\n useEffect(() => {\n const len = (tips.rows ?? []).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.rows ?? []).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.rows?.[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 { FC } from \"react\";\nimport { cn, Flex } from \"@orderly.network/ui\";\nimport { InfoIcon } from \"../icons\";\nimport { UseRestrictedInfoScriptReturn } from \"./restrictedInfo.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type RestrictedInfoProps = UseRestrictedInfoScriptReturn & {\n className?: string;\n};\n\nexport const RestrictedInfo: FC<RestrictedInfoProps> = (props) => {\n const { brokerName } = props;\n const { ip, content, restrictedOpen } = props.restrictedInfo || {};\n const { t } = useTranslation();\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-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 md:oui-text-sm oui-leading-4\",\n \"oui-items-start lg:oui-justify-center\",\n props.mutiLine ? \"lg:oui-items-start\" : \"lg:oui-items-center\"\n )}\n >\n <InfoIcon\n size={20}\n className=\"oui-flex-shrink-0 oui-w-4 oui-h-4 lg:oui-w-5 lg:oui-h-5\"\n />\n {renderContent()}\n </Flex>\n </Flex>\n );\n};\n","import { useRef, useState } from \"react\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useConfig } from \"@orderly.network/hooks\";\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\n useObserverElement(container.current, (entry) => {\n setMutiLine(entry.contentRect.height > 28);\n });\n\n return {\n restrictedInfo,\n brokerName,\n container,\n mutiLine,\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 { PropsWithChildren } from \"react\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\n\ntype MobileScaffoldProps = PropsWithChildren<ScaffoldScriptReturn>;\n\nexport const MobileScaffold = (props: MobileScaffoldProps) => {\n return (\n <>\n <RestrictedInfoWidget className=\"oui-bg-base-6 oui-mx-1 oui-mb-1\" />\n\n <AnnouncementWidget\n className=\"oui-bg-base-6 oui-mx-1 oui-mb-1\"\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n\n {props.children}\n </>\n );\n};\n","import { FC, PropsWithChildren } from \"react\";\nimport { Box, cn, Grid } from \"@orderly.network/ui\";\nimport { MainNavWidget } from \"../main/mainNav.widget\";\nimport { SideNavbarWidget } from \"../sidebar\";\nimport { isValidElement } from \"react\";\nimport { FooterWidget } from \"../footer\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { AnnouncementWidget } from \"../announcement\";\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-text-base-contrast oui-bg-base-10\",\n \"oui-flex oui-flex-col\",\n \"oui-overflow-auto oui-custom-scrollbar\",\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={3} ref={props.announcementRef}>\n <RestrictedInfoWidget\n className={cn(\n \"oui-scaffold-restricted-info\",\n \"oui-relative oui-z-[1]\",\n \"oui-mt-3\",\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-3\",\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-transition-all oui-flex xl:oui-grid\",\n \"oui-flex-1 oui-min-h-full\",\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-[1px] oui-border-line-12\",\n classNames?.footer\n )}\n >\n {props.footer || <FooterWidget {...props.footerProps} />}\n </Box>\n </div>\n );\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};\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-animate-in oui-fade-in oui-break-all\"\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-absolute oui-invisible oui-pointer-events-none\"\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 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 { FC, useMemo } from \"react\";\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 { WsNetworkStatus } from \"@orderly.network/hooks\";\nimport { FooterProps } from \"./footer.widget\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 direction={\"row\"} gap={1}>\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 { useFooterScript } from \"./footer.script\";\nimport { Footer } from \"./footer.ui\";\n\nexport type FooterProps = {\n telegramUrl?: string;\n twitterUrl?: string;\n discordUrl?: string;\n trailing?: React.ReactNode;\n};\n\nexport const FooterWidget = (props: FooterProps) => {\n const state = useFooterScript();\n return <Footer {...state} {...props} />;\n};\n","import React, { PropsWithChildren } from \"react\";\nimport { MainNavWidgetProps } from \"../main/mainNav.widget\";\nimport { SideBarProps } from \"../sidebar\";\nimport { RouterAdapter } from \"./scaffoldContext\";\nimport { FooterProps } from \"../footer\";\nimport { ScaffoldProvider } from \"./scaffoldProvider\";\nimport { useScaffoldScript } from \"./scaffold.script\";\nimport { MobileScaffold } from \"./scaffold.mobile.ui\";\nimport { DesktopScaffold } from \"./scaffold.ui\";\n\nexport type ScaffoldProps = {\n /**\n * Custom left sidebar component,\n * if provided, the layout will use this component over the default sidebar component\n */\n leftSidebar?: React.ReactNode;\n leftSideProps?: SideBarProps;\n topBar?: React.ReactNode;\n mainNavProps?: MainNavWidgetProps;\n footer?: React.ReactNode;\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 };\n};\n\nexport const Scaffold = (props: PropsWithChildren<ScaffoldProps>) => {\n const state = useScaffoldScript(props);\n\n const renderContent = () => {\n if (state.isMobile) {\n return <MobileScaffold {...state}>{props.children}</MobileScaffold>;\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 { MainNav, MainNavProps } from \"./mainNav.ui\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\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}> &\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 {\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"]}
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.ui.tsx","../src/components/chainMenu/chainMenu.script.ts","../src/components/chainMenu/chainMenu.widget.tsx","../src/components/languageSwitcher/languageSwitcher.script.ts","../src/components/languageSwitcher/languageSwitcher.ui.tsx","../src/components/languageSwitcher/widget.tsx","../src/components/main/campaignButton.tsx","../src/components/main/mainMenus/navItem.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/widget.tsx","../src/components/main/mainMenus/mainNavMenus.ui.tsx","../src/components/main/mainMenus/mainNavMenus.widget.tsx","../src/components/main/useWidgetBuilder.script.ts","../src/components/scaffold/scaffoldProvider.tsx","../src/components/scaffold/scaffoldContext.ts","../src/utils/chain.ts","../src/components/scaffold/scaffold.script.ts","../src/components/announcement/announcement.ui.tsx","../src/components/announcement/announcement.script.tsx","../src/components/announcement/announcement.widget.tsx","../src/components/restrictedInfo/restrictedInfo.ui.tsx","../src/components/restrictedInfo/restrictedInfo.script.tsx","../src/components/restrictedInfo/restrictedInfo.widget.tsx","../src/components/scaffold/scaffold.mobile.ui.tsx","../src/components/scaffold/scaffold.ui.tsx","../src/components/sidebar/sidebar.ui.tsx","../src/components/sidebar/useSideNavBuilder.script.tsx","../src/components/sidebar/sidebar.widget.tsx","../src/components/footer/footer.ui.tsx","../src/components/footer/footer.script.tsx","../src/components/footer/footer.widget.tsx","../src/components/scaffold/scaffold.widget.tsx","../src/components/main/mainNav.widget.tsx","../src/components/maintenanceTips/ui.tsx","../src/components/maintenanceTips/script.tsx","../src/components/maintenanceTips/widget.tsx"],"names":["ExtensionPositionEnum","ExtensionSlot","installExtension","AccountStatusEnum","Button","Divider","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuPortal","DropdownMenuRoot","DropdownMenuTrigger","EVMAvatar","Flex","Text","useTranslation","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","useLeverage","useLocalStorage","useMarginRatio","usePositionStream","useCollateral","useState","useTotalValueBuilderScript","setKeys","setElementKeys","setVisible","aggregated","totalUnrealizedROI","wrongNetwork","maxLeverage","onToggleItemByKey","k","onKeyToTop","unavailable","AccountSummaryWidget","ChainIcon","Tooltip","Spinner","ChainSelectorWidget","ChainMenu","renderIcon","trigger","useConfig","useChainMenuScript","open","setOpen","loading","setLoading","currentChainId","networkId","hide","onChainChangeBefore","onChainChangeAfter","ChainMenuWidget","useTrack","i18n","useLocaleContext","TrackerEventName","useLanguageSwitcherScript","options","selectedLang","setSelectedLang","languages","onLanguageBeforeChanged","onLanguageChanged","popup","track","setIdentify","isMobile","onLangChange","lang","displayName","_popup","forwardRef","SimpleDialog","SimpleSheet","Fragment","LanguageSwitcher","LanguageIcon","header","languageList","item","selected","LanguageItem","context","footer","renderTrailing","ref","size","LanguageSwitcherWidget","ChevronDownIcon","PopoverContent","PopoverAnchor","PopoverRoot","cloneElement","useRef","NavItem","classNames","currentPath","onClick","buttonProps","isActive","onClickHandler","button","ItemIcon","SubMenus","subItem","timer","onMouseEnter","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","CopyIcon","SimpleDialogFooter","qr","useAppConfig","CommuntiyTelegramIcon","CommuntiyDiscordIcon","CommuntiyXIcon","OrderlyTextIcon","opacity","SignalIcon","InfoIcon","viewBox","CloseIcon","OrderlyLogo","Logo","MainLogo","appIcons","main","Trans","LinkDevice","LinkDeviceIcon","LinkDeviceContent","Loading","QRCode","LinkDeviceConfirm","actions","QRCodeCanvas","canvasRef","qrcode","height","ctx","cells","tileW","tileH","row","c","LinkDeviceWidget","MainNavMenusUI","items","MainNavMenusExtension","OrderlyContext","createContext","useContext","ScaffoldContext","useScaffoldContext","checkChainSupport","chainId","chains","ScaffoldProvider","checkChainSupportHandle","onExpandChange","expand","useObserverElement","useScaffoldScript","restrictedInfo","showAnnouncement","topNavbarRef","topNavbarHeight","useRefAndHeight","footerRef","footerHeight","announcementRef","announcementHeight","setExpand","sideBarExpandWidth","sideBarCollaspedWidth","hasLeftSidebar","defaultHeight","deps","setHeight","entry","AnnouncementType","ChevronLeftIcon","ChevronRightIcon","DialogTitle","DialogHeader","Dialog","DialogBody","DialogContent","Announcement","maintenanceDialogInfo","currentTip","contentNode","MobileTips","DeskTopTips","currentIndex","tips","prevTips","nextTips","closeTips","mutiLine","contentRef","isAnimating","len","RenderTipsType","SwitchTips","tipsCount","type","label","className","UTCDateMini","getTimestamp","format","MaintenanceStatus","useMaintenanceStatus","useQuery","useWS","produce","oneDay","maintentanceId","ORDERLY_ANNOUNCEMENT_KEY","sortDataByUpdatedTime","ori","draft","a","b","useAnnouncementScript","setCurrentIndex","setIsAnimating","setShowAnnouncement","useAnnouncementData","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","date","AnnouncementWidget","hideTips","RestrictedInfo","ip","content","restrictedOpen","renderContent","useRestrictedInfoScript","container","RestrictedInfoWidget","MobileScaffold","Grid","memo","tv","menuItemVariants","MenuItem","mode","active","children","SideMenus","SideBarHeader","title","titleElemet","iconProps","CollapseIcon","ExpandIcon","SideBar","current","onItemSelect","useSideNavBuilder","setCurrent","expanded","SideNavbarWidget","isValidElement","WsNetworkStatus","Footer","signalClsName","openUrl","useWsStatus","useFooterScript","FooterWidget","DesktopScaffold","MainNavWidget","Scaffold","CampaignPositionEnum","useMainNavBuilder","onItemClick","campaignPosition","routerAdapter","onItemClickHandler","scope","lastItem","args","mainNavConfig","config","converted","MainNav","logo","campaigns","showCampaignButton","showLinkIcon","hideWalletConnectButton","isDesktop","MaintenanceTipsUI","showTips","tipsContent","dialogContent","useMaintenanceScript","setShowTips","setShowDialog","MaintenanceTipsWidget"],"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 { 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\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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.signIn\")}\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 { 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 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 2xl:oui-gap-4\",\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 {props.trailing}\n </Flex>\n {children}\n\n <Flex itemAlign={\"center\"} className=\"oui-gap-3 2xl:oui-gap-4\">\n {!!showCampaignButton && (\n <CampaignButton\n {...campaigns}\n className={classNames?.campaignButton}\n />\n )}\n <AccountSummaryWidget />\n {showLinkIcon && (\n <>\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n <LinkDeviceWidget />\n </>\n )}\n <LanguageSwitcherWidget />\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 {\n Box,\n EyeCloseIcon,\n EyeIcon,\n Flex,\n Popover,\n Text,\n} from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 > 1440) {\n sizeRef.current = 5;\n } else if (width > 1366) {\n sizeRef.current = 4;\n } else if (width > 1280) {\n sizeRef.current = 3;\n } else if (width > 1140) {\n sizeRef.current = 2;\n } else {\n sizeRef.current = 1;\n }\n }\n });\n\n resizeObserver.observe(document.body);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n let 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 {\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\";\nimport { useState } from \"react\";\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({\n dp: 2,\n });\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 { 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 { useEffect, useState } from \"react\";\nimport {\n useChains,\n useConfig,\n useAccount,\n useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { API, Chain, NetworkId } from \"@orderly.network/types\";\nimport { useAppContext } from \"@orderly.network/react-app\";\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 } = 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 };\n};\n\nexport type UseChainMenuBuilderScript = ReturnType<typeof useChainMenuScript>;\n","import { ChainMenu } from \"./chainMenu.ui\";\nimport { useChainMenuScript } from \"./chainMenu.script\";\n\nexport const ChainMenuWidget = () => {\n const state = useChainMenuScript();\n return <ChainMenu {...state} />;\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<LocaleContextState, \"popup\">;\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 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,\n onOpenChange: 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 )}\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\nexport const LanguageSwitcherWidget = (props: LanguageSwitcherWidgetProps) => {\n const state = useLanguageSwitcherScript(props);\n return <LanguageSwitcher {...state} />;\n};\n","import { Divider } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./mainMenus/navItem\";\nimport { cn } from \"@orderly.network/ui\";\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-gradient-primary oui-text-white\", props.className),\n }}\n />\n <Divider direction=\"vertical\" className=\"oui-h-8\" intensity={8} />\n </>\n );\n};\n","import { ChevronDownIcon, PopoverContent } from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box, cn, PopoverAnchor, PopoverRoot, Text } from \"@orderly.network/ui\";\nimport React, {\n cloneElement,\n FC,\n HTMLAttributeAnchorTarget,\n PropsWithChildren,\n ReactElement,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\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\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-text-base-contrast-36 oui-text-sm oui-relative oui-group oui-rounded oui-px-3 oui-py-1 oui-h-[32px] 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-break-normal oui-whitespace-nowrap\"\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-p-1 oui-w-[260px] oui-border oui-border-line-6 oui-space-y-[2px]\",\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 \"hover:oui-bg-base-6 oui-cursor-pointer oui-text-base-contrast-80 oui-items-start oui-w-full oui-group 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-translate-y-1 oui-relative oui-w-6 oui-h-6\">\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-1 oui-flex\">\n <Text.gradient\n color={isActive ? \"brand\" : \"inherit\"}\n size={\"xs\"}\n as={\"div\"}\n intensity={80}\n weight={\"semibold\"}\n className=\"oui-break-normal oui-whitespace-nowrap\"\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-px-2 oui-py-1 oui-ml-1 oui-rounded oui-inline-flex 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)]\"\n }\n >\n <Text.gradient\n color={\"brand\"}\n size={\"3xs\"}\n className=\"oui-break-normal oui-whitespace-nowrap\"\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-w-[20px] oui-h-[20px] oui-mr-1\"}>\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-w-full oui-max-h-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-data-[active=true]:oui-invisible group-hover:oui-invisible\"\n )}\n >\n {props.item.icon}\n </div>\n <div\n className={cn(\n ICON_CLASSNAME,\n \"oui-invisible group-data-[active=true]:oui-visible group-hover: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-absolute oui-right-0 oui-top-0 oui-invisible 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 { 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 {\n cn,\n CopyIcon,\n Flex,\n SimpleDialog,\n SimpleDialogFooter,\n SimpleDialogFooterProps,\n Text,\n} from \"@orderly.network/ui\";\nimport { qrcode as qr } from \"@akamfoad/qr\";\nimport { MainLogo } from \"../mainLogo\";\nimport { UseLinkDeviceScriptReturn } from \"./linkDevice.script\";\nimport { Trans, useTranslation } from \"@orderly.network/i18n\";\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\"\n onClick={props.showDialog}\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 { useLinkDeviceScript } from \"./linkDevice.script\";\nimport { LinkDevice } from \"./linkDevice.ui\";\n\nexport const LinkDeviceWidget = () => {\n const state = useLinkDeviceScript();\n return <LinkDevice {...state} />;\n};\n","import { cn, Flex } from \"@orderly.network/ui\";\nimport { MainNavItem, NavItem } from \"./navItem\";\nimport { FC } from \"react\";\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-[6px] 2xl:oui-gap-2\", 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 { 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 { 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 [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 };\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 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-font-semibold oui-rounded-xl oui-overflow-hidden\",\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.rows ?? []).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.rows ?? []).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 map[type!] || {};\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, useRef, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { getTimestamp } from \"@orderly.network/utils\";\nimport { format } from \"date-fns\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useQuery,\n useWS,\n} from \"@orderly.network/hooks\";\nimport { AnnouncementType, API, WSMessage } from \"@orderly.network/types\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useObserverElement } from \"@orderly.network/ui\";\nimport { produce } from \"immer\";\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, maintenanceDialogInfo } = useAnnouncementData();\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.rows ?? []).length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex - 1 + len) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips.rows]);\n\n const nextTips = React.useCallback(() => {\n if (isAnimating) {\n return;\n }\n const len = (tips.rows ?? []).length;\n setIsAnimating(true);\n setCurrentIndex((prevIndex) => (prevIndex + 1) % len);\n setTimeout(() => {\n setIsAnimating(false);\n }, 200);\n }, [isAnimating, tips.rows]);\n\n useEffect(() => {\n const len = (tips.rows ?? []).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.rows ?? []).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.rows?.[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 { FC } from \"react\";\nimport { cn, Flex } from \"@orderly.network/ui\";\nimport { InfoIcon } from \"../icons\";\nimport { UseRestrictedInfoScriptReturn } from \"./restrictedInfo.script\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nexport type RestrictedInfoProps = UseRestrictedInfoScriptReturn & {\n className?: string;\n};\n\nexport const RestrictedInfo: FC<RestrictedInfoProps> = (props) => {\n const { brokerName } = props;\n const { ip, content, restrictedOpen } = props.restrictedInfo || {};\n const { t } = useTranslation();\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-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 md:oui-text-sm oui-leading-4\",\n \"oui-items-start lg:oui-justify-center\",\n props.mutiLine ? \"lg:oui-items-start\" : \"lg:oui-items-center\"\n )}\n >\n <InfoIcon\n size={20}\n className=\"oui-flex-shrink-0 oui-w-4 oui-h-4 lg:oui-w-5 lg:oui-h-5\"\n />\n {renderContent()}\n </Flex>\n </Flex>\n );\n};\n","import { useRef, useState } from \"react\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { useConfig } from \"@orderly.network/hooks\";\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\n useObserverElement(container.current, (entry) => {\n setMutiLine(entry.contentRect.height > 28);\n });\n\n return {\n restrictedInfo,\n brokerName,\n container,\n mutiLine,\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 { PropsWithChildren } from \"react\";\nimport { AnnouncementWidget } from \"../announcement\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { ScaffoldScriptReturn } from \"./scaffold.script\";\n\ntype MobileScaffoldProps = PropsWithChildren<ScaffoldScriptReturn>;\n\nexport const MobileScaffold = (props: MobileScaffoldProps) => {\n return (\n <>\n <RestrictedInfoWidget className=\"oui-bg-base-6 oui-mx-1 oui-mb-1\" />\n\n <AnnouncementWidget\n className=\"oui-bg-base-6 oui-mx-1 oui-mb-1\"\n hideTips={props.restrictedInfo?.restrictedOpen}\n />\n\n {props.children}\n </>\n );\n};\n","import { FC, PropsWithChildren } from \"react\";\nimport { Box, cn, Grid } from \"@orderly.network/ui\";\nimport { MainNavWidget } from \"../main/mainNav.widget\";\nimport { SideNavbarWidget } from \"../sidebar\";\nimport { isValidElement } from \"react\";\nimport { FooterWidget } from \"../footer\";\nimport { RestrictedInfoWidget } from \"../restrictedInfo\";\nimport { AnnouncementWidget } from \"../announcement\";\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-text-base-contrast oui-bg-base-10\",\n \"oui-flex oui-flex-col\",\n \"oui-overflow-auto oui-custom-scrollbar\",\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={3} ref={props.announcementRef}>\n <RestrictedInfoWidget\n className={cn(\n \"oui-scaffold-restricted-info\",\n \"oui-relative oui-z-[1]\",\n \"oui-mt-3\",\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-3\",\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-transition-all oui-flex xl:oui-grid\",\n \"oui-flex-1 oui-min-h-full\",\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-[1px] oui-border-line-12\",\n classNames?.footer\n )}\n >\n {props.footer || <FooterWidget {...props.footerProps} />}\n </Box>\n </div>\n );\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};\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-animate-in oui-fade-in oui-break-all\"\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-absolute oui-invisible oui-pointer-events-none\"\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 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 { FC, useMemo } from \"react\";\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 { WsNetworkStatus } from \"@orderly.network/hooks\";\nimport { FooterProps } from \"./footer.widget\";\nimport { useTranslation } from \"@orderly.network/i18n\";\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 direction={\"row\"} gap={1}>\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 { useFooterScript } from \"./footer.script\";\nimport { Footer } from \"./footer.ui\";\n\nexport type FooterProps = {\n telegramUrl?: string;\n twitterUrl?: string;\n discordUrl?: string;\n trailing?: React.ReactNode;\n};\n\nexport const FooterWidget = (props: FooterProps) => {\n const state = useFooterScript();\n return <Footer {...state} {...props} />;\n};\n","import React, { PropsWithChildren } from \"react\";\nimport { MainNavWidgetProps } from \"../main/mainNav.widget\";\nimport { SideBarProps } from \"../sidebar\";\nimport { RouterAdapter } from \"./scaffoldContext\";\nimport { FooterProps } from \"../footer\";\nimport { ScaffoldProvider } from \"./scaffoldProvider\";\nimport { useScaffoldScript } from \"./scaffold.script\";\nimport { MobileScaffold } from \"./scaffold.mobile.ui\";\nimport { DesktopScaffold } from \"./scaffold.ui\";\n\nexport type ScaffoldProps = {\n /**\n * Custom left sidebar component,\n * if provided, the layout will use this component over the default sidebar component\n */\n leftSidebar?: React.ReactNode;\n leftSideProps?: SideBarProps;\n topBar?: React.ReactNode;\n mainNavProps?: MainNavWidgetProps;\n footer?: React.ReactNode;\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 };\n};\n\nexport const Scaffold = (props: PropsWithChildren<ScaffoldProps>) => {\n const state = useScaffoldScript(props);\n\n const renderContent = () => {\n if (state.isMobile) {\n return <MobileScaffold {...state}>{props.children}</MobileScaffold>;\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 { MainNav, MainNavProps } from \"./mainNav.ui\";\nimport { MainNavItem } from \"./mainMenus/navItem\";\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}> &\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 {\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"]}