@orderly.network/ui-connector 2.5.3-alpha.0 → 2.5.3

package/dist/index.d.mts

@@ -66,7 +66,7 @@ declare const AuthGuard: {
     displayName: string;
 };
 
-declare const AuthGuardDataTable: <RecordType extends unknown>(props: PropsWithChildren<DataTableProps<RecordType> & Omit<GuardViewProps, "status"> & {
+declare const AuthGuardDataTable: <RecordType>(props: PropsWithChildren<DataTableProps<RecordType> & Omit<GuardViewProps, "status"> & {
     status?: AccountStatusEnum;
     classNames?: DataTableProps<RecordType>["classNames"] & {
         authGuardDescription?: string;

package/dist/index.d.ts

@@ -66,7 +66,7 @@ declare const AuthGuard: {
     displayName: string;
 };
 
-declare const AuthGuardDataTable: <RecordType extends unknown>(props: PropsWithChildren<DataTableProps<RecordType> & Omit<GuardViewProps, "status"> & {
+declare const AuthGuardDataTable: <RecordType>(props: PropsWithChildren<DataTableProps<RecordType> & Omit<GuardViewProps, "status"> & {
     status?: AccountStatusEnum;
     classNames?: DataTableProps<RecordType>["classNames"] & {
         authGuardDescription?: string;

package/dist/index.js

@@ -9,16 +9,16 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactApp = require('@orderly.network/react-app');
 var uiChainSelector = require('@orderly.network/ui-chain-selector');
 
-var Q=e=>{let{title:t,description:n}=e;return jsxRuntime.jsxs(ui.Box,{position:"relative",className:"oui-pl-8",children:[jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:98,size:"sm",children:t}),jsxRuntime.jsx(ui.Text,{as:"div",intensity:54,size:"2xs",children:n})]}),jsxRuntime.jsx(be,{...e})]})},be=e=>{let{active:t,isLoading:n,isCompleted:o}=e;return jsxRuntime.jsx(ui.Match,{className:"oui-absolute oui-left-0 oui-top-1 oui-z-10",value:()=>o?"completed":n?"loading":t?"active":"normal",case:{loading:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.Spinner,{size:"sm",className:"oui-ml-1"})}),completed:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(ui.CheckedCircleFillIcon,{opacity:1,className:"oui-text-primary"})})},default:jsxRuntime.jsx(Ce,{active:!!t})})},Ce=({active:e,className:t})=>jsxRuntime.jsx("div",{className:ui.cn("oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1",t,e?"oui-bg-primary-light":"oui-bg-base-2")});var O=e=>{let{initAccountState:t=types.AccountStatusEnum.NotConnected}=e,[n,o]=react.useState(true),r=hooks.useEventEmitter(),{t:l}=i18n.useTranslation(),{state:g,account:d}=hooks.useAccount(),[m,a]=react.useState(t),[c,f]=react.useState(0),[s,h]=react.useState(false),[I]=hooks.useLocalStorage("orderly-first-show-wallet-connector-dialog",void 0);react.useEffect(()=>()=>{localStorage.setItem("orderly-first-show-wallet-connector-dialog","1");},[]),react.useEffect(()=>{a(g.status);},[g]);let T=react.useMemo(()=>{let i=[];return t<types.AccountStatusEnum.SignedIn&&i.push({key:"signIn",title:l("connector.createAccount"),description:l("connector.createAccount.description")}),t<types.AccountStatusEnum.EnableTrading&&i.push({key:"enableTrading",title:l("connector.enableTrading"),description:l("connector.enableTrading.description")}),i},[t,l]),A=()=>(h(true),e.enableTrading(n).then(async i=>{h(false),f(w=>w+1);try{await e.enableTradingComplted?.();}catch{}typeof e.onCompleted=="function"?e.onCompleted():typeof e.close=="function"&&e.close();},i=>{if(h(false),i!==-1){if(i.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:i.message,userAddress:d.address});return}ui.toast.error(Y(i));}}).catch(i=>{h(false);})),k=()=>(h(true),e.signIn().then(i=>{f(w=>w+1),A();},i=>{if(h(false),i!==-1){if(i.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:i.message,userAddress:d.address});return}ui.toast.error(Y(i));}}).catch(i=>{h(false);}));return jsxRuntime.jsxs(ui.Box,{id:"oui-wallet-connect-dialog-content",className:"oui-font-semibold",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"xs",children:l("connector.expired")}),jsxRuntime.jsxs(ui.Box,{p:4,my:6,intensity:600,r:"lg",className:"oui-space-y-5",position:"relative",children:[T.map((i,w)=>jsxRuntime.jsx(Q,{title:i.title,description:i.description,isCompleted:c>w,active:c===w,isLoading:s&&c===w},i.key)),T.length>1&&jsxRuntime.jsx(ui.Box,{position:"absolute",height:"38px",left:28,top:18,zIndex:0,children:jsxRuntime.jsx(ui.Divider,{lineStyle:"dashed",direction:"vertical",intensity:16,className:"oui-h-full"})})]}),e.showRefCodeInput&&T.length==2&&jsxRuntime.jsx(Ee,{...e}),I&&jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",children:[jsxRuntime.jsx(Me,{}),jsxRuntime.jsx(ui.Switch,{color:"primary",checked:n,onCheckedChange:o,disabled:s,className:"data-[state=checked]:oui-bg-primary-darken"})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",mt:8,children:jsxRuntime.jsx(ui.Box,{className:"oui-min-w-[144px]",children:jsxRuntime.jsx(ve,{state:m,signIn:k,enableTrading:A,loading:s,disabled:m>=types.AccountStatusEnum.EnableTrading})})})]})},ve=({state:e,signIn:t,enableTrading:n,loading:o,disabled:r})=>{let{t:l}=i18n.useTranslation();return jsxRuntime.jsx(ui.Match,{value:()=>e<=types.AccountStatusEnum.NotSignedIn?"signIn":"enableTrading",case:{signIn:jsxRuntime.jsx(ui.Button,{fullWidth:true,onClick:()=>t(),loading:o,disabled:r,children:l("connector.createAccount")}),enableTrading:jsxRuntime.jsx(ui.Button,{fullWidth:true,onClick:()=>n(),loading:o,disabled:r,children:l("connector.enableTrading")})}})},Ee=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.TextField,{placeholder:t("connector.referralCode.placeholder"),fullWidth:true,label:"",value:e.refCode,onChange:n=>{let o=n.target.value.toUpperCase().replace(/[^A-Z0-9]/g,"");e.setRefCode(o);},classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},formatters:[ui.inputFormatter.createRegexInputFormatter(n=>String(n).replace(/[a-z]/g,o=>o.toUpperCase())),ui.inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClear:()=>{e.setRefCode("");},autoComplete:"off",helpText:e.helpText,className:"oui-mb-4",color:e.helpText?"danger":void 0})},Me=()=>{let{t:e}=i18n.useTranslation(),t=()=>{window.innerWidth>768||ui.modal.alert({title:e("connector.rememberMe"),message:jsxRuntime.jsx("span",{className:"oui-text-2xs oui-text-base-contrast/60",children:e("connector.rememberMe.description")})});};return jsxRuntime.jsx(ui.Tooltip,{content:e("connector.rememberMe.description"),className:"oui-max-w-[300px]",children:jsxRuntime.jsx("button",{onClick:t,children:jsxRuntime.jsx(ui.Text,{intensity:54,size:"xs",className:"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36",children:e("connector.rememberMe")})})})};function Y(e){Object.keys(e).forEach(n=>{});let t=i18n.i18n.t("connector.somethingWentWrong");return e.toString().includes("rejected")&&(t=i18n.i18n.t("connector.userRejected")),ui.capitalizeFirstLetter(t)??t}var L=()=>{let{account:e,state:t,createOrderlyKey:n,createAccount:o}=hooks.useAccount(),[r,l]=react.useState(""),[g,d]=react.useState(""),{t:m}=i18n.useTranslation(),{trigger:a}=hooks.useLazyQuery(`/v1/public/referral/verify_ref_code?referral_code=${r}`);react.useEffect(()=>{let y=localStorage.getItem("referral_code");y!=null&&l(y);},[]);let{referral_code:c,isLoading:f}=hooks.useGetReferralCode(e.accountId),[s,{error:h,isMutating:I}]=hooks.useMutation("/v1/referral/bind","POST");react.useEffect(()=>{r.length===0&&d("");},[r]);let T=()=>{ui.toast.success(m("connector.walletConnected")),r.length>=4&&r.length<=10&&s({referral_code:r}).finally(()=>{localStorage.removeItem("referral_code");});},A=async()=>{if(r.length===0)return Promise.resolve(void 0);if(r.length>0&&(r.length<4||r.length>10))return Promise.resolve(m("connector.referralCode.invalid"));let{exist:y}=await a();return y===false?Promise.resolve(m("connector.referralCode.notExist")):Promise.resolve(void 0)},k=(c?.length||0)===0&&!f,i=async()=>{if(k){let y=await A();if(typeof y<"u")return d(y),Promise.reject(-1)}return d(""),o()};return {enableTrading:async y=>{if(k){let _=await A();if(typeof _<"u")return d(_),Promise.reject(-1)}return d(""),n(y)},initAccountState:t.status,signIn:i,enableTradingComplted:T,refCode:r,setRefCode:l,helpText:g,showRefCodeInput:k}};var R="walletConnector",B="walletConnectorSheet",D=e=>{let t=L();return jsxRuntime.jsx(O,{...t,...e})};ui.registerSimpleDialog(R,D,{size:"sm",title:()=>i18n.i18n.t("connector.connectWallet")});ui.registerSimpleSheet(B,D,{title:()=>i18n.i18n.t("connector.connectWallet")});var S=e=>{let{status:t,buttonProps:n,fallback:o,descriptions:r,classNames:l,networkId:g,id:d,bridgeLessOnly:m}=e,{t:a}=i18n.useTranslation(),{state:c}=hooks.useAccount(),{wrongNetwork:f,disabledConnect:s}=reactApp.useAppContext(),h=react.useMemo(()=>t===void 0?c.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading:t,[t,c.status]),I={connectWallet:a("connector.connectWallet"),switchChain:a("connector.wrongNetwork"),enableTrading:a("connector.enableTrading"),signin:a("connector.createAccount"),...e.labels},T=react.useMemo(()=>typeof o<"u"?o({validating:c.validating,status:c.status,wrongNetwork:f}):c.validating&&!s?jsxRuntime.jsx(W,{angle:45,disabled:true,loading:true,description:r?.connectWallet,id:d,type:"button",...n,children:I.connectWallet}):jsxRuntime.jsx(je,{bridgeLessOnly:m,status:c.status,buttonProps:{...n,id:d,type:"button"},wrongNetwork:f,networkId:e.networkId,labels:I,descriptions:r,disabledConnect:s}),[c.status,c.validating,n,f]);return jsxRuntime.jsx(ui.Either,{value:c.status>=h&&!f&&!s,left:T,children:e.children})},je=e=>{let{buttonProps:t,labels:n,descriptions:o}=e,{t:r}=i18n.useTranslation(),{connectWallet:l}=reactApp.useAppContext(),{account:g}=hooks.useAccount(),{isMobile:d}=ui.useScreen(),m=hooks.useMediaQuery(types.MEDIA_TABLET),a=()=>{ui.modal.show(m?B:R).then(s=>{},s=>{});},c=async()=>{let s=await l();s&&(s.wrongNetwork?f():(s?.status??types.AccountStatusEnum.NotConnected)<types.AccountStatusEnum.EnableTrading&&a());},f=()=>{g.once("validate:end",s=>{s<types.AccountStatusEnum.EnableTrading?a():ui.toast.success(r("connector.walletConnected"));}),ui.modal.show(d?uiChainSelector.ChainSelectorSheetId:uiChainSelector.ChainSelectorDialogId,{networkId:e.networkId,bridgeLessOnly:e.bridgeLessOnly}).then(s=>{s.wrongNetwork||e.status>=types.AccountStatusEnum.Connected&&(e.status<types.AccountStatusEnum.EnableTrading?a():ui.toast.success(r("connector.walletConnected")));},s=>{});};return e.wrongNetwork&&!e.disabledConnect?jsxRuntime.jsx(W,{color:"warning",onClick:()=>{f();},description:o?.switchChain,...t,children:n.switchChain}):jsxRuntime.jsx(ui.Match,{value:e.status,case:s=>{if(s<=types.AccountStatusEnum.NotConnected||e.disabledConnect)return jsxRuntime.jsx(W,{size:"lg",onClick:()=>{c();},variant:e.disabledConnect?void 0:"gradient",angle:45,description:o?.connectWallet,disabled:e.disabledConnect,...t,children:n.connectWallet});if(s<=types.AccountStatusEnum.NotSignedIn)return jsxRuntime.jsx(W,{size:"lg",onClick:()=>{a();},angle:45,description:o?.signin,...t,children:n.signin})},default:jsxRuntime.jsx(W,{size:"lg",description:o?.enableTrading,...t,onClick:()=>a(),children:n.enableTrading})})};S.displayName="AuthGuard";var W=e=>{let{description:t,...n}=e;return jsxRuntime.jsxs(ui.Flex,{direction:"column",children:[jsxRuntime.jsx(ui.Button,{...n}),!!t&&jsxRuntime.jsx(ui.Box,{mt:4,className:"oui-leading-none",style:{lineHeight:0},children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:t})})]})};var dt=e=>{let{status:t,labels:n,description:o,dataSource:r,...l}=e,{state:g}=hooks.useAccount(),{wrongNetwork:d,disabledConnect:m}=reactApp.useAppContext(),a=react.useMemo(()=>t===void 0?g.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading:t,[t,g.status]),c=reactApp.useDataTap(r,{accountStatus:a}),f=d||m||g.status<a||e.ignoreLoadingCheck;return jsxRuntime.jsx(ui.DataTable,{dataSource:c,ignoreLoadingCheck:f,emptyView:jsxRuntime.jsx(ut,{status:a,description:o,labels:n,className:e.classNames?.authGuardDescription,visible:!g.validating}),manualPagination:true,...l})},ut=e=>{let{t}=i18n.useTranslation(),o={...{connectWallet:t("connector.trade.connectWallet.tooltip"),switchChain:t("connector.wrongNetwork.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),signin:t("connector.trade.createAccount.tooltip")},...e.description};return e.visible?jsxRuntime.jsx(ui.Flex,{py:8,children:jsxRuntime.jsx(S,{status:e.status,labels:e.labels,descriptions:o,buttonProps:{size:"md"},children:jsxRuntime.jsx(ui.ExtensionSlot,{position:ui.ExtensionPositionEnum.EmptyDataIdentifier})})}):null};var le=e=>{let{t}=i18n.useTranslation(),{hint:n={connectWallet:t("connector.trade.connectWallet.tooltip"),signIn:t("connector.trade.createAccount.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")},status:o}=e;return jsxRuntime.jsx(ui.Box,{my:8,children:jsxRuntime.jsx(S,{status:o,descriptions:{...n,switchChain:n.wrongNetwork},children:e.children||jsxRuntime.jsx(ui.EmptyDataState,{})})})};le.displayName="AuthGuardEmpty";var ge=e=>{let{t}=i18n.useTranslation(),{opactiy:n=90,tooltip:o={connectWallet:t("connector.setUp.connectWallet.tooltip"),signIn:t("connector.setUp.createAccount.tooltip"),enableTrading:t("connector.setUp.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")}}=e,[r,l]=react.useState(false),{state:g}=hooks.useAccount(),d=true,{wrongNetwork:m}=reactApp.useAppContext(),a=react.useMemo(()=>{if(m)return o?.wrongNetwork;switch(g.status){case types.AccountStatusEnum.NotConnected:return o?.connectWallet;case types.AccountStatusEnum.NotSignedIn:return o?.signIn;case types.AccountStatusEnum.DisabledTrading:return o?.enableTrading;case types.AccountStatusEnum.EnableTrading:return "";default:return e.content}},[e.content,g,d,o]),c=react.useMemo(()=>{switch(g.status){case types.AccountStatusEnum.NotConnected:case types.AccountStatusEnum.NotSignedIn:return n;case types.AccountStatusEnum.EnableTrading:return;default:return}},[e.opactiy,g,d]);return jsxRuntime.jsx(ui.Tooltip,{open:a?r:false,onOpenChange:l,content:a,className:"oui-text-2xs",align:e.align,alignOffset:e.alignOffset,side:e.side,sideOffset:e.sideOffset,children:jsxRuntime.jsx("div",{style:{opacity:c},children:e.children})})};ge.displayName="AuthGuardTooltip";
+var te=e=>{let{title:t,description:n}=e;return jsxRuntime.jsxs(ui.Box,{position:"relative",className:"oui-pl-8",children:[jsxRuntime.jsxs(ui.Box,{children:[jsxRuntime.jsx(ui.Text,{as:"div",intensity:98,size:"sm",children:t}),jsxRuntime.jsx(ui.Text,{as:"div",intensity:54,size:"2xs",children:n})]}),jsxRuntime.jsx("div",{className:"oui-absolute oui-left-0 oui-top-1 oui-z-10",children:jsxRuntime.jsx(ke,{...e})})]})},ke=e=>{let{active:t,isLoading:n,isCompleted:o}=e;return n?jsxRuntime.jsx(ui.Spinner,{size:"sm",className:"oui-ml-1"}):o?jsxRuntime.jsx(ui.CheckedCircleFillIcon,{opacity:1,className:"oui-text-primary"}):jsxRuntime.jsx(Ae,{active:!!t})},Ae=({active:e,className:t})=>jsxRuntime.jsx("div",{className:ui.cn("oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1",t,e?"oui-bg-primary-light":"oui-bg-base-2")});var U=e=>{let{initAccountState:t=types.AccountStatusEnum.NotConnected}=e,[n,o]=react.useState(true),r=hooks.useEventEmitter(),{t:c}=i18n.useTranslation(),{disconnect:g,namespace:d}=hooks.useWalletConnector(),{state:m,account:s}=hooks.useAccount(),[a,p]=react.useState(t),[l,I]=react.useState(0),[x,b]=react.useState(false),[B,w]=react.useState(false),{ledgerWallet:N,setLedgerAddress:ye}=hooks.useStorageLedgerAddress(),C=react.useRef(0),[M]=hooks.useLocalStorage("orderly-first-show-wallet-connector-dialog",void 0);react.useEffect(()=>()=>{localStorage.setItem("orderly-first-show-wallet-connector-dialog","1");},[]),react.useEffect(()=>{p(m.status);},[m]);let z=react.useMemo(()=>{let u=[];return t<types.AccountStatusEnum.SignedIn&&u.push({key:"signIn",title:c("connector.createAccount"),description:c("connector.createAccount.description")}),t<types.AccountStatusEnum.EnableTrading&&u.push({key:"enableTrading",title:c("connector.enableTrading"),description:c("connector.enableTrading.description")}),u},[t,c]);react.useEffect(()=>{if(d!=types.ChainNamespace.solana){w(false);return}if(!N){w(true);return}if(N&&s.address&&!N.includes(s.address)){w(true);return}w(false);},[d,s.address,N]);let X=()=>(b(true),e.enableTrading(n).then(async u=>{C.current++,b(false),I(y=>y+1);try{await e.enableTradingComplted?.();}catch{}typeof e.onCompleted=="function"?e.onCompleted():typeof e.close=="function"&&e.close();},u=>{if(b(false),u!==-1){if(u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:s.address});return}ui.toast.error(ae(u));}}).catch(u=>{b(false);})),Te=async()=>{localStorage.removeItem("orderly_link_device"),g({label:a.connectWallet?.name}).then(()=>{s.disconnect(),typeof e.close=="function"&&e.close();});},xe=()=>(b(true),e.signIn().then(u=>{I(y=>y+1),X();},u=>{if(b(false),u!==-1){if(u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:s.address});return}ui.toast.error(ae(u));}}).catch(u=>{b(false);}));return jsxRuntime.jsxs(ui.Box,{id:"oui-wallet-connect-dialog-content",className:"oui-font-semibold",children:[jsxRuntime.jsx(ui.Text,{intensity:54,size:"xs",children:c("connector.expired")}),jsxRuntime.jsxs(ui.Box,{p:4,my:6,intensity:600,r:"lg",className:"oui-space-y-5",position:"relative",children:[z.map((u,y)=>jsxRuntime.jsx(te,{title:u.title,description:u.description,isCompleted:l>y,active:l===y,isLoading:x&&l===y},u.key)),z.length>1&&jsxRuntime.jsx(ui.Box,{position:"absolute",height:"38px",left:28,top:18,zIndex:0,children:jsxRuntime.jsx(ui.Divider,{lineStyle:"dashed",direction:"vertical",intensity:16,className:"oui-h-full"})})]}),e.showRefCodeInput&&z.length==2&&jsxRuntime.jsx(He,{...e}),M&&jsxRuntime.jsxs(ui.Flex,{justify:"between",itemAlign:"center",children:[jsxRuntime.jsx(Ve,{}),jsxRuntime.jsx(ui.Switch,{color:"primary",checked:n,onCheckedChange:o,disabled:x,className:"data-[state=checked]:oui-bg-primary-darken"})]}),jsxRuntime.jsx(ui.Flex,{justify:"center",mt:8,className:"oui-w-full",children:jsxRuntime.jsx(ui.Box,{className:"oui-w-full",children:jsxRuntime.jsx(_e,{state:a,signIn:xe,enableTrading:X,loading:x,disabled:a>=types.AccountStatusEnum.EnableTrading,showLedgerButton:B})})}),a>types.AccountStatusEnum.NotConnected&&jsxRuntime.jsxs(ui.Flex,{justify:"center",mt:4,gap:1,className:"oui-w-full oui-cursor-pointer",onClick:Te,children:[jsxRuntime.jsx(ze,{}),jsxRuntime.jsx(ui.Text,{className:"oui-text-base-contrast-80 oui-text-sm",children:c("connector.disconnectWallet")})]})]})},ze=()=>jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:jsxRuntime.jsx("path",{d:"M2.24219 5.24316C2.24219 3.58641 3.58536 2.24316 5.24219 2.24316H8.24219C9.89894 2.24316 11.2422 3.58641 11.2422 5.24316C11.2422 5.65716 10.9062 5.99316 10.4922 5.99316C10.0782 5.99316 9.74219 5.65716 9.74219 5.24316C9.74219 4.41441 9.07094 3.74316 8.24219 3.74316H5.24219C4.41374 3.74316 3.74219 4.41441 3.74219 5.24316V12.7432C3.74219 13.5719 4.41374 14.2432 5.24219 14.2432H8.24219C9.07094 14.2432 9.74219 13.5719 9.74219 12.7432C9.74219 12.3292 10.0782 11.9932 10.4922 11.9932C10.9062 11.9932 11.2422 12.3292 11.2422 12.7432C11.2422 14.3999 9.89894 15.7432 8.24219 15.7432H5.24219C3.58536 15.7432 2.24219 14.3999 2.24219 12.7432V5.24316ZM7.49219 8.99316C7.49219 8.57916 7.82819 8.24316 8.24219 8.24316H13.9144L12.4377 6.74316L13.4922 5.68866L16.2814 8.45391C16.5739 8.74716 16.5739 9.23915 16.2814 9.5324L13.4922 12.2977L12.4377 11.2432L13.9144 9.74316H8.24219C7.82819 9.74316 7.49219 9.40716 7.49219 8.99316Z",fill:"white",fillOpacity:"0.8"})}),_e=({state:e,signIn:t,enableTrading:n,loading:o,disabled:r,showLedgerButton:c})=>{let{t:g}=i18n.useTranslation();return e<=types.AccountStatusEnum.NotSignedIn?jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,className:"oui-w-full",children:[jsxRuntime.jsx(ui.Button,{fullWidth:true,onClick:()=>t(),loading:o,disabled:r,children:g("connector.createAccount")}),c&&jsxRuntime.jsx(se,{onClick:()=>t(),content:g("connector.createAccountWithLedger")})]}):jsxRuntime.jsxs(ui.Flex,{direction:"column",gap:3,className:"oui-w-full",children:[jsxRuntime.jsx(ui.Button,{fullWidth:true,onClick:()=>n(),loading:o,disabled:r,children:g("connector.enableTrading")}),c&&jsxRuntime.jsx(se,{onClick:()=>n(),disabled:r,content:g("connector.enableTradingWithLedger")})]})},se=({onClick:e,disabled:t,content:n})=>{let{t:o}=i18n.useTranslation(),{state:r}=hooks.useAccount(),c=r.address,{setLedgerAddress:g}=hooks.useStorageLedgerAddress();return c?jsxRuntime.jsx(ui.Button,{variant:"outlined",color:"primary",fullWidth:true,onClick:()=>{g(c),e();},disabled:t,className:"oui-w-full",children:n}):null},He=e=>{let{t}=i18n.useTranslation();return jsxRuntime.jsx(ui.TextField,{placeholder:t("connector.referralCode.placeholder"),fullWidth:true,label:"",value:e.refCode,onChange:n=>{let o=n.target.value.toUpperCase().replace(/[^A-Z0-9]/g,"");e.setRefCode(o);},classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},formatters:[ui.inputFormatter.createRegexInputFormatter(n=>String(n).replace(/[a-z]/g,o=>o.toUpperCase())),ui.inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClear:()=>{e.setRefCode("");},autoComplete:"off",helpText:e.helpText,className:"oui-mb-4",color:e.helpText?"danger":void 0})},Ve=()=>{let{t:e}=i18n.useTranslation(),t=()=>{window.innerWidth>768||ui.modal.alert({title:e("connector.rememberMe"),message:jsxRuntime.jsx("span",{className:"oui-text-2xs oui-text-base-contrast/60",children:e("connector.rememberMe.description")})});};return jsxRuntime.jsx(ui.Tooltip,{content:e("connector.rememberMe.description"),className:"oui-max-w-[300px]",children:jsxRuntime.jsx("button",{onClick:t,children:jsxRuntime.jsx(ui.Text,{intensity:54,size:"xs",className:"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36",children:e("connector.rememberMe")})})})};function ae(e){Object.keys(e).forEach(n=>{});let t=i18n.i18n.t("connector.somethingWentWrong");return e.toString().includes("rejected")&&(t=i18n.i18n.t("connector.userRejected")),ui.capitalizeFirstLetter(t)??t}var Z=()=>{let{account:e,state:t,createOrderlyKey:n,createAccount:o}=hooks.useAccount(),[r,c]=react.useState(""),[g,d]=react.useState(""),{t:m}=i18n.useTranslation(),{trigger:s}=hooks.useLazyQuery(`/v1/public/referral/verify_ref_code?referral_code=${r}`);react.useEffect(()=>{let C=localStorage.getItem("referral_code");C!=null&&c(C);},[]);let{referral_code:a,isLoading:p}=hooks.useGetReferralCode(e.accountId),[l,{error:I,isMutating:x}]=hooks.useMutation("/v1/referral/bind","POST");react.useEffect(()=>{r.length===0&&d("");},[r]);let b=()=>{ui.toast.success(m("connector.walletConnected")),r.length>=4&&r.length<=10&&l({referral_code:r}).finally(()=>{localStorage.removeItem("referral_code");});},B=async()=>{if(r.length===0)return Promise.resolve(void 0);if(r.length>0&&(r.length<4||r.length>10))return Promise.resolve(m("connector.referralCode.invalid"));let{exist:C}=await s();return C===false?Promise.resolve(m("connector.referralCode.notExist")):Promise.resolve(void 0)},w=(a?.length||0)===0&&!p,N=async()=>{if(w){let C=await B();if(typeof C<"u")return d(C),Promise.reject(-1)}return d(""),o()};return {enableTrading:async C=>{if(w){let M=await B();if(typeof M<"u")return d(M),Promise.reject(-1)}return d(""),n(C)},initAccountState:t.status,signIn:N,enableTradingComplted:b,refCode:r,setRefCode:c,helpText:g,showRefCodeInput:w}};var O="walletConnector",D="walletConnectorSheet",K=e=>{let t=Z();return jsxRuntime.jsx(U,{...t,...e})};ui.registerSimpleDialog(O,K,{size:"sm",title:()=>i18n.i18n.t("connector.connectWallet")});ui.registerSimpleSheet(D,K,{title:()=>i18n.i18n.t("connector.connectWallet")});var A=e=>{let{status:t,buttonProps:n,fallback:o,descriptions:r,classNames:c,networkId:g,id:d,bridgeLessOnly:m}=e,{t:s}=i18n.useTranslation(),{state:a}=hooks.useAccount(),{wrongNetwork:p,disabledConnect:l}=reactApp.useAppContext(),I=react.useMemo(()=>t===void 0?a.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading:t,[t,a.status]),x={connectWallet:s("connector.connectWallet"),switchChain:s("connector.wrongNetwork"),enableTrading:s("connector.enableTrading"),signin:s("connector.createAccount"),...e.labels},b=react.useMemo(()=>typeof o<"u"?o({validating:a.validating,status:a.status,wrongNetwork:p}):a.validating&&!l?jsxRuntime.jsx(L,{angle:45,disabled:true,loading:true,description:r?.connectWallet,id:d,type:"button",...n,children:x.connectWallet}):jsxRuntime.jsx(lt,{bridgeLessOnly:m,status:a.status,buttonProps:{...n,id:d,type:"button"},wrongNetwork:p,networkId:e.networkId,labels:x,descriptions:r,disabledConnect:l}),[a.status,a.validating,n,p]);return jsxRuntime.jsx(ui.Either,{value:a.status>=I&&!p&&!l,left:b,children:e.children})},ct=()=>{let{t:e}=i18n.useTranslation(),{state:t}=hooks.useAccount();return t.status<types.AccountStatusEnum.SignedIn?jsxRuntime.jsx(ui.Text,{children:e("connector.createAccount")}):t.status<types.AccountStatusEnum.EnableTrading?jsxRuntime.jsx(ui.Text,{children:e("connector.enableTrading")}):jsxRuntime.jsx(ui.Text,{children:e("connector.connectWallet")})},lt=e=>{let{buttonProps:t,labels:n,descriptions:o}=e,{t:r}=i18n.useTranslation(),{connectWallet:c}=reactApp.useAppContext(),{account:g}=hooks.useAccount(),{isMobile:d}=ui.useScreen(),m=hooks.useMediaQuery(types.MEDIA_TABLET),s=()=>{ui.modal.show(m?D:O,{title:jsxRuntime.jsx(ct,{})}).then(l=>{},l=>{});},a=async()=>{let l=await c();l&&(l.wrongNetwork?p():(l?.status??types.AccountStatusEnum.NotConnected)<types.AccountStatusEnum.EnableTrading&&s());},p=()=>{g.once("validate:end",l=>{l<types.AccountStatusEnum.EnableTrading?s():ui.toast.success(r("connector.walletConnected"));}),ui.modal.show(d?uiChainSelector.ChainSelectorSheetId:uiChainSelector.ChainSelectorDialogId,{networkId:e.networkId,bridgeLessOnly:e.bridgeLessOnly}).then(l=>{l.wrongNetwork||e.status>=types.AccountStatusEnum.Connected&&(e.status<types.AccountStatusEnum.EnableTrading?s():ui.toast.success(r("connector.walletConnected")));},l=>{});};return e.wrongNetwork&&!e.disabledConnect?jsxRuntime.jsx(L,{color:"warning",onClick:()=>{p();},description:o?.switchChain,...t,children:n.switchChain}):e.status<=types.AccountStatusEnum.NotConnected||e.disabledConnect?jsxRuntime.jsx(L,{size:"lg",onClick:()=>{a();},variant:e.disabledConnect?void 0:"gradient",angle:45,description:o?.connectWallet,disabled:e.disabledConnect,...t,children:n.connectWallet}):e.status<=types.AccountStatusEnum.NotSignedIn?jsxRuntime.jsx(L,{size:"lg",onClick:()=>{s();},angle:45,description:o?.signin,...t,children:n.signin}):jsxRuntime.jsx(L,{size:"lg",description:o?.enableTrading,...t,onClick:()=>s(),children:n.enableTrading})};A.displayName="AuthGuard";var L=e=>{let{description:t,...n}=e;return jsxRuntime.jsxs(ui.Flex,{direction:"column",children:[jsxRuntime.jsx(ui.Button,{...n}),!!t&&jsxRuntime.jsx(ui.Box,{mt:4,className:"oui-leading-none",style:{lineHeight:0},children:jsxRuntime.jsx(ui.Text,{size:"2xs",intensity:36,children:t})})]})};var yt=e=>{let{status:t,labels:n,description:o,dataSource:r,children:c,...g}=e,{state:d}=hooks.useAccount(),{wrongNetwork:m,disabledConnect:s}=reactApp.useAppContext(),a=react.useMemo(()=>t===void 0?d.status===types.AccountStatusEnum.EnableTradingWithoutConnected?types.AccountStatusEnum.EnableTradingWithoutConnected:types.AccountStatusEnum.EnableTrading:t,[t,d.status]),p=reactApp.useDataTap(r,{accountStatus:a}),l=m||s||d.status<a||e.ignoreLoadingCheck;return jsxRuntime.jsx(ui.DataTable,{dataSource:p,ignoreLoadingCheck:l,emptyView:jsxRuntime.jsx(Tt,{status:a,description:o,labels:n,className:e.classNames?.authGuardDescription,visible:!d.validating}),manualPagination:true,...g,children:c})},Tt=e=>{let{t}=i18n.useTranslation(),o={...{connectWallet:t("connector.trade.connectWallet.tooltip"),switchChain:t("connector.wrongNetwork.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),signin:t("connector.trade.createAccount.tooltip")},...e.description};return e.visible?jsxRuntime.jsx(ui.Flex,{py:8,children:jsxRuntime.jsx(A,{status:e.status,labels:e.labels,descriptions:o,buttonProps:{size:"md"},children:jsxRuntime.jsx(ui.ExtensionSlot,{position:ui.ExtensionPositionEnum.EmptyDataIdentifier})})}):null};var he=e=>{let{t}=i18n.useTranslation(),{hint:n={connectWallet:t("connector.trade.connectWallet.tooltip"),signIn:t("connector.trade.createAccount.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")},status:o}=e;return jsxRuntime.jsx(ui.Box,{my:8,children:jsxRuntime.jsx(A,{status:o,descriptions:{...n,switchChain:n.wrongNetwork},children:e.children||jsxRuntime.jsx(ui.EmptyDataState,{})})})};he.displayName="AuthGuardEmpty";var we=e=>{let{t}=i18n.useTranslation(),{opactiy:n=90,tooltip:o={connectWallet:t("connector.setUp.connectWallet.tooltip"),signIn:t("connector.setUp.createAccount.tooltip"),enableTrading:t("connector.setUp.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")}}=e,[r,c]=react.useState(false),{state:g}=hooks.useAccount(),d=true,{wrongNetwork:m}=reactApp.useAppContext(),s=react.useMemo(()=>{if(m)return o?.wrongNetwork;switch(g.status){case types.AccountStatusEnum.NotConnected:return o?.connectWallet;case types.AccountStatusEnum.NotSignedIn:return o?.signIn;case types.AccountStatusEnum.DisabledTrading:return o?.enableTrading;case types.AccountStatusEnum.EnableTrading:return "";default:return e.content}},[e.content,g,d,o]),a=react.useMemo(()=>{switch(g.status){case types.AccountStatusEnum.NotConnected:case types.AccountStatusEnum.NotSignedIn:return n;case types.AccountStatusEnum.EnableTrading:return;default:return}},[e.opactiy,g,d]);return jsxRuntime.jsx(ui.Tooltip,{open:s?r:false,onOpenChange:c,content:s,className:"oui-text-2xs",align:e.align,alignOffset:e.alignOffset,side:e.side,sideOffset:e.sideOffset,children:jsxRuntime.jsx("div",{style:{opacity:a},children:e.children})})};we.displayName="AuthGuardTooltip";
 
-exports.AuthGuard = S;
-exports.AuthGuardDataTable = dt;
-exports.AuthGuardEmpty = le;
-exports.AuthGuardTooltip = ge;
-exports.WalletConnectContent = O;
-exports.WalletConnectorModalId = R;
-exports.WalletConnectorSheetId = B;
-exports.WalletConnectorWidget = D;
-exports.useWalletConnectorBuilder = L;
+exports.AuthGuard = A;
+exports.AuthGuardDataTable = yt;
+exports.AuthGuardEmpty = he;
+exports.AuthGuardTooltip = we;
+exports.WalletConnectContent = U;
+exports.WalletConnectorModalId = O;
+exports.WalletConnectorSheetId = D;
+exports.WalletConnectorWidget = K;
+exports.useWalletConnectorBuilder = Z;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/walletConnectorContent.tsx","../src/component/step.tsx","../src/component/walletConnector.tsx","../src/component/useWalletConnectorBuilder.ts","../src/component/authGuard.tsx","../src/component/authGuardDataTable.tsx","../src/component/authGuardEmpty.tsx","../src/component/authGuardTooltip.tsx"],"names":["useEffect","useMemo","useState","useAccount","useEventEmitter","useLocalStorage","i18n","useTranslation","AccountStatusEnum","Box","Button","capitalizeFirstLetter","Divider","Flex","inputFormatter","Match","modal","Switch","Text","TextField","toast","Tooltip","CheckedCircleFillIcon","cn","Spinner","jsx","jsxs","StepItem","props","title","description","Identifier","active","isLoading","isCompleted","Dot","className","WalletConnectContent","initAccountState","remember","setRemember","ee","t","accountState","account","state","setState","activeStep","setActiveStep","loading","setLoading","firstShowDialog","steps","onEnableTrading","res","step","reject","paseErrorMsg","e","onSignIn","index","ReferralCode","RememberMe","ActionButton","signIn","enableTrading","disabled","_value","value","char","showRememberHint","key","msg","registerSimpleDialog","registerSimpleSheet","useGetReferralCode","useLazyQuery","useMutation","useWalletConnectorBuilder","createOrderlyKey","createAccount","refCode","setRefCode","helpText","setHelpText","verifyRefCode","referral_code","bindRefCode","updateOrderError","updateMutating","enableTradingComplted","checkRefCode","exist","showRefCodeInput","info","WalletConnectorModalId","WalletConnectorSheetId","WalletConnectorWidget","useMediaQuery","useAppContext","MEDIA_TABLET","Either","useScreen","ChainSelectorDialogId","ChainSelectorSheetId","AuthGuard","status","buttonProps","fallback","descriptions","classNames","networkId","id","bridgeLessOnly","wrongNetwork","disabledConnect","_status","labels","Left","StatusInfo","DefaultFallback","connectWallet","isMobile","matches","onConnectOrderly","r","error","onConnectWallet","switchChain","useDataTap","ExtensionPositionEnum","ExtensionSlot","DataTable","AuthGuardDataTable","dataSource","rest","data","ignoreLoadingCheck","GuardView","EmptyDataState","AuthGuardEmpty","hint","AuthGuardTooltip","opactiy","tooltip","open","setOpen","isSupport","newOpacity"],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useState } from \"react\";\nimport {\n  useAccount,\n  useEventEmitter,\n  useLocalStorage,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  Divider,\n  Flex,\n  inputFormatter,\n  Match,\n  modal,\n  Switch,\n  Text,\n  TextField,\n  toast,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { StepItem } from \"./step\";\n\nexport type WalletConnectContentProps = {\n  initAccountState: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: (remember: boolean) => Promise<any>;\n  enableTradingComplted?: () => Promise<void>;\n  onCompleted?: () => void;\n  close?: () => void;\n  refCode: string;\n  setRefCode: React.Dispatch<React.SetStateAction<string>>;\n  helpText?: string;\n  showRefCodeInput: boolean;\n};\n\nexport const WalletConnectContent = (props: WalletConnectContentProps) => {\n  const { initAccountState = AccountStatusEnum.NotConnected } = props;\n  const [remember, setRemember] = useState(true);\n  const ee = useEventEmitter();\n  const { t } = useTranslation();\n\n  const { state: accountState, account } = useAccount();\n  const [state, setState] = useState(initAccountState);\n  const [activeStep, setActiveStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [firstShowDialog] = useLocalStorage(\n    \"orderly-first-show-wallet-connector-dialog\",\n    undefined,\n  );\n  useEffect(() => {\n    return () => {\n      localStorage.setItem(\"orderly-first-show-wallet-connector-dialog\", \"1\");\n    };\n  }, []);\n\n  useEffect(() => {\n    setState(accountState.status);\n  }, [accountState]);\n\n  const steps = useMemo(() => {\n    const steps = [];\n    if (initAccountState < AccountStatusEnum.SignedIn) {\n      steps.push({\n        key: \"signIn\",\n        title: t(\"connector.createAccount\"),\n        description: t(\"connector.createAccount.description\"),\n      });\n    }\n\n    if (initAccountState < AccountStatusEnum.EnableTrading) {\n      steps.push({\n        key: \"enableTrading\",\n        title: t(\"connector.enableTrading\"),\n        description: t(\"connector.enableTrading.description\"),\n      });\n    }\n\n    return steps;\n  }, [initAccountState, t]);\n\n  const onEnableTrading = () => {\n    setLoading(true);\n    return props\n      .enableTrading(remember)\n      .then(\n        async (res) => {\n          console.log(res);\n          setLoading(false);\n          setActiveStep((step) => step + 1);\n          try {\n            await props.enableTradingComplted?.();\n          } catch (e) {}\n          if (typeof props.onCompleted === \"function\") {\n            props.onCompleted();\n          } else if (typeof props.close === \"function\") {\n            props.close();\n          }\n          // props.onCompleted?.();\n        },\n        (reject) => {\n          setLoading(false);\n          if (reject === -1) return;\n\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        console.log(\"enable trading catch error\", e);\n        setLoading(false);\n      });\n  };\n\n  const onSignIn = () => {\n    setLoading(true);\n    return props\n      .signIn()\n      .then(\n        (res) => {\n          setActiveStep((step) => step + 1);\n          onEnableTrading();\n        },\n        (reject) => {\n          setLoading(false);\n\n          if (reject === -1) return;\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Box id=\"oui-wallet-connect-dialog-content\" className=\"oui-font-semibold\">\n      <Text intensity={54} size=\"xs\">\n        {t(\"connector.expired\")}\n      </Text>\n      <Box\n        p={4}\n        my={6}\n        intensity={600}\n        r=\"lg\"\n        className=\"oui-space-y-5\"\n        position={\"relative\"}\n      >\n        {steps.map((step, index) => {\n          return (\n            <StepItem\n              title={step.title}\n              description={step.description}\n              isCompleted={activeStep > index}\n              key={step.key}\n              active={activeStep === index}\n              isLoading={loading && activeStep === index}\n            />\n          );\n        })}\n        {steps.length > 1 && (\n          <Box\n            position={\"absolute\"}\n            height={\"38px\"}\n            left={28}\n            top={18}\n            zIndex={0}\n          >\n            <Divider\n              lineStyle={\"dashed\"}\n              direction={\"vertical\"}\n              intensity={16}\n              className=\"oui-h-full\"\n            />\n          </Box>\n        )}\n      </Box>\n      {props.showRefCodeInput && steps.length == 2 && (\n        <ReferralCode {...props} />\n      )}\n      {firstShowDialog && (\n        <Flex justify={\"between\"} itemAlign={\"center\"}>\n          <RememberMe />\n          <Switch\n            color={\"primary\"}\n            checked={remember}\n            onCheckedChange={setRemember}\n            disabled={loading}\n            className=\"data-[state=checked]:oui-bg-primary-darken\"\n          />\n        </Flex>\n      )}\n      <Flex justify={\"center\"} mt={8}>\n        <Box className=\"oui-min-w-[144px]\">\n          <ActionButton\n            state={state}\n            signIn={onSignIn}\n            enableTrading={onEnableTrading}\n            loading={loading}\n            disabled={state >= AccountStatusEnum.EnableTrading}\n          />\n        </Box>\n      </Flex>\n    </Box>\n  );\n};\n\nconst ActionButton: FC<{\n  state: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: () => Promise<any>;\n  loading: boolean;\n  disabled?: boolean;\n}> = ({ state, signIn, enableTrading, loading, disabled }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Match\n      value={() => {\n        if (state <= AccountStatusEnum.NotSignedIn) {\n          return \"signIn\";\n        }\n        return \"enableTrading\";\n      }}\n      case={{\n        signIn: (\n          <Button\n            fullWidth\n            onClick={() => signIn()}\n            loading={loading}\n            disabled={disabled}\n          >\n            {t(\"connector.createAccount\")}\n          </Button>\n        ),\n        enableTrading: (\n          <Button\n            fullWidth\n            onClick={() => enableTrading()}\n            loading={loading}\n            disabled={disabled}\n          >\n            {t(\"connector.enableTrading\")}\n          </Button>\n        ),\n      }}\n    />\n  );\n};\n\nconst ReferralCode: FC<WalletConnectContentProps> = (props) => {\n  const { t } = useTranslation();\n\n  return (\n    <TextField\n      placeholder={t(\"connector.referralCode.placeholder\")}\n      fullWidth\n      label=\"\"\n      value={props.refCode}\n      onChange={(e) => {\n        const _value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\");\n        props.setRefCode(_value);\n      }}\n      classNames={{\n        label: \"oui-text-base-contrast-54 oui-text-xs\",\n        input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n      }}\n      formatters={[\n        inputFormatter.createRegexInputFormatter((value: string | number) => {\n          return String(value).replace(/[a-z]/g, (char: string) =>\n            char.toUpperCase(),\n          );\n        }),\n        inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g),\n      ]}\n      onClear={() => {\n        props.setRefCode(\"\");\n      }}\n      autoComplete=\"off\"\n      helpText={props.helpText}\n      className=\"oui-mb-4\"\n      color={props.helpText ? \"danger\" : undefined}\n    />\n  );\n};\n\nconst RememberMe = () => {\n  const { t } = useTranslation();\n\n  const showRememberHint = () => {\n    if (window.innerWidth > 768) return;\n    modal.alert({\n      title: t(\"connector.rememberMe\"),\n      message: (\n        <span className=\"oui-text-2xs oui-text-base-contrast/60\">\n          {t(\"connector.rememberMe.description\")}\n        </span>\n      ),\n    });\n  };\n  return (\n    <Tooltip\n      content={t(\"connector.rememberMe.description\")}\n      className=\"oui-max-w-[300px]\"\n    >\n      <button onClick={showRememberHint}>\n        <Text\n          intensity={54}\n          size={\"xs\"}\n          className={\n            \"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36\"\n          }\n        >\n          {t(\"connector.rememberMe\")}\n        </Text>\n      </button>\n    </Tooltip>\n  );\n};\n\nfunction paseErrorMsg(reject: any): string {\n  console.log(\"wallet callback error\", reject);\n  console.log(\"message *** \", \"reject keys\", Object.keys(reject));\n  Object.keys(reject).forEach((key) => {\n    console.log(\"key\", key, \"-\", reject[key]);\n  });\n  let msg = i18n.t(\"connector.somethingWentWrong\");\n\n  // if (typeof reject?.info?.error === \"object\" && \"message\" in reject?.info?.error) {\n  //   msg = reject?.info?.error?.message;\n  // }\n\n  // if (typeof reject?.shortMessage === 'string') {\n  //   msg = reject.shortMessage;\n  // }\n\n  if (reject.toString().includes(\"rejected\")) {\n    msg = i18n.t(\"connector.userRejected\");\n  }\n\n  return capitalizeFirstLetter(msg) ?? msg;\n}\n","import { FC } from \"react\";\nimport {\n  Box,\n  CheckedCircleFillIcon,\n  cn,\n  Match,\n  Spinner,\n  Text,\n} from \"@orderly.network/ui\";\n\ntype StepItemProps = {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n  title: string;\n  description: string;\n};\n\nexport const StepItem = (props: StepItemProps) => {\n  const { title, description } = props;\n\n  // console.log(props);\n\n  return (\n    <Box position=\"relative\" className=\"oui-pl-8\">\n      <Box>\n        <Text as=\"div\" intensity={98} size={\"sm\"}>\n          {title}\n        </Text>\n        <Text as=\"div\" intensity={54} size={\"2xs\"}>\n          {description}\n        </Text>\n      </Box>\n      <Identifier {...props} />\n    </Box>\n  );\n};\n\nconst Identifier = (props: {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n}) => {\n  const { active, isLoading, isCompleted } = props;\n\n  return (\n    <Match\n      className={\"oui-absolute oui-left-0 oui-top-1 oui-z-10\"}\n      value={() => {\n        if (isCompleted) {\n          return \"completed\";\n        }\n        if (isLoading) {\n          return \"loading\";\n        }\n\n        if (active) {\n          return \"active\";\n        }\n\n        return \"normal\";\n      }}\n      case={{\n        loading: (\n          <div>\n            <Spinner size={\"sm\"} className={\"oui-ml-1\"} />\n          </div>\n        ),\n        completed: (\n          <div>\n            <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />\n          </div>\n        ),\n      }}\n      default={<Dot active={!!active} />}\n    />\n  );\n};\n\nconst Dot: FC<{ active: boolean; className?: string }> = ({\n  active,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1\",\n        className,\n        active ? \"oui-bg-primary-light\" : \"oui-bg-base-2\"\n      )}\n    />\n  );\n};\n","import { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useWalletConnectorBuilder } from \"./useWalletConnectorBuilder\";\nimport { WalletConnectContent } from \"./walletConnectorContent\";\nimport { i18n } from \"@orderly.network/i18n\";\n\nexport const WalletConnectorModalId = \"walletConnector\" as const;\nexport const WalletConnectorSheetId = \"walletConnectorSheet\" as const;\n\nexport const WalletConnectorWidget = (props: any) => {\n  const state = useWalletConnectorBuilder();\n  return <WalletConnectContent {...state} {...props} />;\n};\n\nregisterSimpleDialog(WalletConnectorModalId, WalletConnectorWidget, {\n  size: \"sm\",\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n\nregisterSimpleSheet(WalletConnectorSheetId, WalletConnectorWidget, {\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n","import { useEffect, useState } from \"react\";\nimport {\n  useAccount,\n  useGetReferralCode,\n  useLazyQuery,\n  useMutation,\n} from \"@orderly.network/hooks\";\nimport { toast } from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useWalletConnectorBuilder = () => {\n  const { account, state, createOrderlyKey, createAccount } = useAccount();\n  const [refCode, setRefCode] = useState(\"\");\n  const [helpText, setHelpText] = useState(\"\");\n  const { t } = useTranslation();\n\n  const { trigger: verifyRefCode } = useLazyQuery(\n    `/v1/public/referral/verify_ref_code?referral_code=${refCode}`\n  );\n\n  useEffect(() => {\n    const refCode = localStorage.getItem(\"referral_code\");\n    if (refCode != null) {\n      setRefCode(refCode);\n    }\n  }, []);\n\n  const { referral_code, isLoading } = useGetReferralCode(account.accountId);\n\n  const [bindRefCode, { error: updateOrderError, isMutating: updateMutating }] =\n    useMutation(\"/v1/referral/bind\", \"POST\");\n\n  useEffect(() => {\n    if (refCode.length === 0) {\n      setHelpText(\"\");\n    }\n  }, [refCode]);\n\n  const enableTradingComplted = () => {\n    toast.success(t(\"connector.walletConnected\"));\n    // validate ref code and bind referral code\n    if (refCode.length >= 4 && refCode.length <= 10)\n      bindRefCode({ referral_code: refCode }).finally(() => {\n        localStorage.removeItem(\"referral_code\");\n      });\n  };\n\n  const checkRefCode = async (): Promise<string | undefined> => {\n    if (refCode.length === 0) return Promise.resolve(undefined);\n\n    if (refCode.length > 0 && (refCode.length < 4 || refCode.length > 10)) {\n      return Promise.resolve(t(\"connector.referralCode.invalid\"));\n    }\n\n    const { exist } = await verifyRefCode();\n\n    if (exist === false) {\n      return Promise.resolve(t(\"connector.referralCode.notExist\"));\n    }\n\n    return Promise.resolve(undefined);\n  };\n\n  const showRefCodeInput = (referral_code?.length || 0) === 0 && !isLoading;\n\n  const signIn = async () => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createAccount();\n  };\n\n  const enableTrading = async (remember: boolean) => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createOrderlyKey(remember);\n  };\n\n  return {\n    enableTrading,\n    initAccountState: state.status,\n    signIn,\n    enableTradingComplted,\n    refCode,\n    setRefCode,\n    helpText,\n    showRefCodeInput,\n  } as const;\n};\n","import { PropsWithChildren, ReactElement, useMemo } from \"react\";\nimport { useAccount, useMediaQuery } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport {\n  AccountStatusEnum,\n  MEDIA_TABLET,\n  NetworkId,\n} from \"@orderly.network/types\";\nimport {\n  Button,\n  Either,\n  Match,\n  modal,\n  Text,\n  toast,\n  useScreen,\n  type ButtonProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box } from \"@orderly.network/ui\";\nimport {\n  ChainSelectorDialogId,\n  ChainSelectorSheetId,\n} from \"@orderly.network/ui-chain-selector\";\nimport {\n  WalletConnectorModalId,\n  WalletConnectorSheetId,\n} from \"./walletConnector\";\n\ntype ChainProps = {\n  networkId?: NetworkId;\n  bridgeLessOnly?: boolean;\n};\n\nexport type alertMessages = {\n  connectWallet?: string;\n  switchChain?: string;\n  enableTrading?: string;\n  signin?: string;\n};\n\nexport type AuthGuardProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  fallback?: (props: {\n    validating: boolean;\n    status: AccountStatusEnum;\n    wrongNetwork: boolean;\n  }) => ReactElement;\n  // indicator?: ReactElement;\n  /**\n   * Required state to be satisfied\n   * @default AccountStatusEnum.EnableTrading\n   */\n  status?: AccountStatusEnum;\n\n  bridgeLessOnly?: boolean;\n\n  buttonProps?: ButtonProps;\n\n  descriptions?: alertMessages;\n\n  labels?: alertMessages;\n\n  classNames?: {\n    root?: string;\n    description?: string;\n    // button?: string;\n  };\n\n  networkId?: NetworkId;\n\n  // validatingIndicator?: ReactElement;\n};\n\nconst AuthGuard = (props: PropsWithChildren<AuthGuardProps>) => {\n  const {\n    status,\n    buttonProps,\n    fallback,\n    descriptions,\n    classNames,\n    networkId,\n    id,\n    bridgeLessOnly,\n    // ...rest\n  } = props;\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const labels = {\n    connectWallet: t(\"connector.connectWallet\"),\n    switchChain: t(\"connector.wrongNetwork\"),\n    enableTrading: t(\"connector.enableTrading\"),\n    signin: t(\"connector.createAccount\"),\n    ...props.labels,\n  };\n\n  // return Match(state.status)\n  //   .with(AccountStatusEnum.EnableTrading, () => props.children)\n  //   .with(AccountStatusEnum.DisableTrading, () => props.fallback)\n  //   .with(AccountStatusEnum.Validating, () => props.validatingIndicator)\n  //   .otherwise(() => props.fallback);\n  //\n\n  const Left = useMemo<ReactElement>(() => {\n    if (typeof fallback !== \"undefined\") {\n      return fallback({\n        validating: state.validating,\n        status: state.status,\n        wrongNetwork,\n      });\n    }\n\n    if (state.validating && !disabledConnect) {\n      return (\n        <StatusInfo\n          // variant={\"gradient\"}\n          angle={45}\n          // fullWidth\n          disabled\n          loading\n          description={descriptions?.connectWallet}\n          id={id}\n          type=\"button\"\n          {...buttonProps}\n        >\n          {labels.connectWallet}\n        </StatusInfo>\n      );\n    }\n\n    return (\n      <DefaultFallback\n        bridgeLessOnly={bridgeLessOnly}\n        status={state.status}\n        buttonProps={{ ...buttonProps, id, type: \"button\" }}\n        wrongNetwork={wrongNetwork}\n        networkId={props.networkId}\n        labels={labels}\n        descriptions={descriptions}\n        disabledConnect={disabledConnect}\n      />\n    );\n  }, [state.status, state.validating, buttonProps, wrongNetwork]);\n\n  /**\n   * **Important: The chldren component will be rendered only if the status is equal to the required status and the network is correct.**\n   */\n\n  return (\n    <Either\n      value={state.status >= _status && !wrongNetwork && !disabledConnect}\n      left={Left}\n    >\n      {props.children}\n    </Either>\n  );\n};\n\nconst DefaultFallback = (props: {\n  status: AccountStatusEnum;\n  wrongNetwork: boolean;\n  buttonProps?: ButtonProps;\n  networkId?: NetworkId;\n  labels: alertMessages;\n  bridgeLessOnly?: boolean;\n  descriptions?: alertMessages;\n  disabledConnect?: boolean;\n}) => {\n  const { buttonProps, labels, descriptions } = props;\n  const { t } = useTranslation();\n  const { connectWallet } = useAppContext();\n  const { account } = useAccount();\n  const { isMobile } = useScreen();\n  const matches = useMediaQuery(MEDIA_TABLET);\n\n  const onConnectOrderly = () => {\n    modal.show(matches ? WalletConnectorSheetId : WalletConnectorModalId).then(\n      (r) => console.log(r),\n      (error) => console.log(error),\n    );\n  };\n\n  const onConnectWallet = async () => {\n    const res = await connectWallet();\n\n    if (!res) return;\n\n    if (res.wrongNetwork) {\n      switchChain();\n    } else {\n      if (\n        (res?.status ?? AccountStatusEnum.NotConnected) <\n        AccountStatusEnum.EnableTrading\n      ) {\n        onConnectOrderly();\n      }\n    }\n  };\n\n  const switchChain = () => {\n    account.once(\"validate:end\", (status) => {\n      if (status < AccountStatusEnum.EnableTrading) {\n        onConnectOrderly();\n      } else {\n        toast.success(t(\"connector.walletConnected\"));\n      }\n    });\n\n    modal\n      .show<{\n        wrongNetwork: boolean;\n      }>(isMobile ? ChainSelectorSheetId : ChainSelectorDialogId, {\n        networkId: props.networkId,\n        bridgeLessOnly: props.bridgeLessOnly,\n      })\n      .then(\n        (r) => {\n          if (!r.wrongNetwork) {\n            if (props.status >= AccountStatusEnum.Connected) {\n              if (props.status < AccountStatusEnum.EnableTrading) {\n                onConnectOrderly();\n              } else {\n                toast.success(t(\"connector.walletConnected\"));\n              }\n            }\n          }\n        },\n        (error) => console.log(\"[switchChain error]\", error),\n      );\n  };\n\n  if (props.wrongNetwork && !props.disabledConnect) {\n    return (\n      <StatusInfo\n        color=\"warning\"\n        // size=\"md\"\n        // fullWidth\n        onClick={() => {\n          switchChain();\n        }}\n        description={descriptions?.switchChain}\n        {...buttonProps}\n      >\n        {labels.switchChain}\n      </StatusInfo>\n    );\n  }\n\n  return (\n    <Match\n      value={props.status}\n      case={(value: AccountStatusEnum) => {\n        if (value <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n          return (\n            <StatusInfo\n              size=\"lg\"\n              onClick={() => {\n                onConnectWallet();\n              }}\n              // fullWidth\n              variant={props.disabledConnect ? undefined : \"gradient\"}\n              angle={45}\n              description={descriptions?.connectWallet}\n              disabled={props.disabledConnect}\n              {...buttonProps}\n            >\n              {labels.connectWallet}\n            </StatusInfo>\n          );\n        }\n        if (value <= AccountStatusEnum.NotSignedIn) {\n          return (\n            <StatusInfo\n              size=\"lg\"\n              onClick={() => {\n                onConnectOrderly();\n              }}\n              // fullWidth\n              angle={45}\n              description={descriptions?.signin}\n              {...buttonProps}\n            >\n              {labels.signin}\n            </StatusInfo>\n          );\n        }\n      }}\n      default={\n        <StatusInfo\n          size=\"lg\"\n          // fullWidth\n          description={descriptions?.enableTrading}\n          {...buttonProps}\n          onClick={() => onConnectOrderly()}\n        >\n          {labels.enableTrading}\n        </StatusInfo>\n      }\n    />\n  );\n};\n\nAuthGuard.displayName = \"AuthGuard\";\n\nconst StatusInfo = (\n  props: ButtonProps & {\n    description?: string;\n  },\n) => {\n  const { description, ...buttonProps } = props;\n  return (\n    <Flex direction={\"column\"}>\n      <Button {...buttonProps}></Button>\n      {!!description && (\n        <Box mt={4} className=\"oui-leading-none\" style={{ lineHeight: 0 }}>\n          <Text size=\"2xs\" intensity={36}>\n            {description}\n          </Text>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nexport { AuthGuard };\n","import { PropsWithChildren, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext, useDataTap } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  DataTable,\n  DataTableProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { alertMessages, AuthGuard } from \"./authGuard\";\n\nexport const AuthGuardDataTable = <RecordType extends unknown>(\n  props: PropsWithChildren<\n    DataTableProps<RecordType> &\n      Omit<GuardViewProps, \"status\"> & {\n        status?: AccountStatusEnum;\n        classNames?: DataTableProps<RecordType>[\"classNames\"] & {\n          authGuardDescription?: string;\n        };\n      }\n  >,\n) => {\n  const {\n    status,\n    // message,\n    labels,\n    description,\n    dataSource,\n    ...rest\n  } = props;\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const data = useDataTap(dataSource, {\n    accountStatus: _status,\n  });\n\n  const ignoreLoadingCheck =\n    wrongNetwork ||\n    disabledConnect ||\n    state.status < _status ||\n    props.ignoreLoadingCheck;\n\n  return (\n    <DataTable\n      dataSource={data}\n      ignoreLoadingCheck={ignoreLoadingCheck}\n      emptyView={\n        <GuardView\n          status={_status}\n          description={description}\n          labels={labels}\n          className={props.classNames?.authGuardDescription}\n          visible={!state.validating}\n        />\n      }\n      manualPagination\n      {...rest}\n    />\n  );\n};\n\ntype GuardViewProps = {\n  status: AccountStatusEnum;\n  description?: alertMessages;\n  labels?: alertMessages;\n  className?: string;\n  visible?: boolean;\n};\n\nconst GuardView = (props: GuardViewProps) => {\n  const { t } = useTranslation();\n\n  const DESCRIPTIONS: alertMessages = {\n    connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n    switchChain: t(\"connector.wrongNetwork.tooltip\"),\n    enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n    signin: t(\"connector.trade.createAccount.tooltip\"),\n  };\n\n  const descriptions = { ...DESCRIPTIONS, ...props.description };\n  if (!props.visible) return null;\n  return (\n    <Flex py={8}>\n      <AuthGuard\n        status={props.status}\n        labels={props.labels}\n        descriptions={descriptions}\n        buttonProps={{\n          size: \"md\",\n        }}\n      >\n        <ExtensionSlot position={ExtensionPositionEnum.EmptyDataIdentifier} />\n      </AuthGuard>\n    </Flex>\n  );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Box, EmptyDataState } from \"@orderly.network/ui\";\nimport { AuthGuard } from \"./authGuard\";\n\ntype AuthGuardProps = {\n  hint?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n  status?: AccountStatusEnum;\n};\n\nconst AuthGuardEmpty = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n  const {\n    hint = {\n      connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n      signIn: t(\"connector.trade.createAccount.tooltip\"),\n      enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n    status,\n  } = props;\n\n  return (\n    <Box my={8}>\n      <AuthGuard\n        status={status}\n        descriptions={{ ...hint, switchChain: hint.wrongNetwork }}\n      >\n        {props.children || <EmptyDataState />}\n      </AuthGuard>\n    </Box>\n  );\n};\n\nAuthGuardEmpty.displayName = \"AuthGuardEmpty\";\n\nexport { AuthGuardEmpty };\n","import { PropsWithChildren, useMemo, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Tooltip } from \"@orderly.network/ui\";\n\ntype AuthGuardProps = {\n  content?: string;\n  align?: \"center\" | \"end\" | \"start\";\n  alignOffset?: number;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  opactiy?: number;\n  tooltip?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n};\n\nconst AuthGuardTooltip = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n\n  const {\n    opactiy = 90,\n    tooltip = {\n      connectWallet: t(\"connector.setUp.connectWallet.tooltip\"),\n      signIn: t(\"connector.setUp.createAccount.tooltip\"),\n      enableTrading: t(\"connector.setUp.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n  } = props;\n\n  const [open, setOpen] = useState(false);\n  const { state } = useAccount();\n  const isSupport = true;\n  const { wrongNetwork } = useAppContext();\n\n  const hint = useMemo(() => {\n    if (wrongNetwork) {\n      return tooltip?.wrongNetwork;\n    }\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n        return tooltip?.connectWallet;\n      case AccountStatusEnum.NotSignedIn:\n        return tooltip?.signIn;\n      case AccountStatusEnum.DisabledTrading:\n        return tooltip?.enableTrading;\n      case AccountStatusEnum.EnableTrading: {\n        return \"\";\n      }\n      default:\n        return props.content;\n    }\n  }, [props.content, state, isSupport, tooltip]);\n\n  const newOpacity = useMemo(() => {\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n      case AccountStatusEnum.NotSignedIn:\n        return opactiy;\n      case AccountStatusEnum.EnableTrading: {\n        return undefined;\n      }\n      default:\n        return undefined;\n    }\n  }, [props.opactiy, state, isSupport]);\n\n  return (\n    <Tooltip\n      open={hint ? open : false}\n      onOpenChange={setOpen}\n      content={hint}\n      className=\"oui-text-2xs\"\n      align={props.align}\n      alignOffset={props.alignOffset}\n      side={props.side}\n      sideOffset={props.sideOffset}\n    >\n      <div\n        style={{\n          opacity: newOpacity,\n        }}\n      >\n        {props.children}\n      </div>\n    </Tooltip>\n  );\n};\n\nAuthGuardTooltip.displayName = \"AuthGuardTooltip\";\n\nexport { AuthGuardTooltip };\n"]}
+{"version":3,"sources":["../src/component/walletConnectorContent.tsx","../src/component/step.tsx","../src/component/walletConnector.tsx","../src/component/useWalletConnectorBuilder.ts","../src/component/authGuard.tsx","../src/component/authGuardDataTable.tsx","../src/component/authGuardEmpty.tsx","../src/component/authGuardTooltip.tsx"],"names":["useEffect","useMemo","useRef","useState","useAccount","useEventEmitter","useLocalStorage","useStorageLedgerAddress","useWalletConnector","i18n","useTranslation","AccountStatusEnum","ChainNamespace","Box","Button","capitalizeFirstLetter","Divider","Flex","inputFormatter","modal","Switch","Text","TextField","toast","Tooltip","CheckedCircleFillIcon","cn","Spinner","jsx","jsxs","StepItem","props","title","description","Identifier","active","isLoading","isCompleted","Dot","className","WalletConnectContent","initAccountState","remember","setRemember","ee","t","disconnect","namespace","accountState","account","state","setState","activeStep","setActiveStep","loading","setLoading","showLedgerButton","setShowLedgerButton","ledgerWallet","setLedgerAddress","handleRef","firstShowDialog","steps","onEnableTrading","res","step","reject","paseErrorMsg","e","onDisconnect","onSignIn","index","ReferralCode","RememberMe","ActionButton","DisconnectIcon","signIn","enableTrading","disabled","WithLedgerButton","onClick","content","address","_value","value","char","showRememberHint","key","msg","registerSimpleDialog","registerSimpleSheet","useGetReferralCode","useLazyQuery","useMutation","useWalletConnectorBuilder","createOrderlyKey","createAccount","refCode","setRefCode","helpText","setHelpText","verifyRefCode","referral_code","bindRefCode","updateOrderError","updateMutating","enableTradingComplted","checkRefCode","exist","showRefCodeInput","info","WalletConnectorModalId","WalletConnectorSheetId","WalletConnectorWidget","useMediaQuery","useAppContext","MEDIA_TABLET","Either","useScreen","ChainSelectorDialogId","ChainSelectorSheetId","AuthGuard","status","buttonProps","fallback","descriptions","classNames","networkId","id","bridgeLessOnly","wrongNetwork","disabledConnect","_status","labels","Left","StatusInfo","DefaultFallback","ModalTitle","connectWallet","isMobile","matches","onConnectOrderly","r","error","onConnectWallet","switchChain","useDataTap","ExtensionPositionEnum","ExtensionSlot","DataTable","AuthGuardDataTable","dataSource","children","rest","data","ignoreLoadingCheck","GuardView","EmptyDataState","AuthGuardEmpty","hint","AuthGuardTooltip","opactiy","tooltip","open","setOpen","isSupport","newOpacity"],"mappings":"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","sourcesContent":["import { FC, ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  useAccount,\n  useEventEmitter,\n  useLocalStorage,\n  useStorageLedgerAddress,\n  useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport {\n  AccountStatusEnum,\n  ChainNamespace,\n  LedgerWalletKey,\n} from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  Divider,\n  Flex,\n  inputFormatter,\n  modal,\n  Switch,\n  Text,\n  TextField,\n  toast,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { StepItem } from \"./step\";\n\nexport type WalletConnectContentProps = {\n  initAccountState: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: (remember: boolean) => Promise<any>;\n  enableTradingComplted?: () => Promise<void>;\n  onCompleted?: () => void;\n  close?: () => void;\n  refCode: string;\n  setRefCode: React.Dispatch<React.SetStateAction<string>>;\n  helpText?: string;\n  showRefCodeInput: boolean;\n};\n\nexport const WalletConnectContent = (props: WalletConnectContentProps) => {\n  const { initAccountState = AccountStatusEnum.NotConnected } = props;\n  const [remember, setRemember] = useState(true);\n  const ee = useEventEmitter();\n  const { t } = useTranslation();\n  const { disconnect, namespace } = useWalletConnector();\n\n  const { state: accountState, account } = useAccount();\n  const [state, setState] = useState(initAccountState);\n  const [activeStep, setActiveStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [showLedgerButton, setShowLedgerButton] = useState(false);\n  const { ledgerWallet, setLedgerAddress } = useStorageLedgerAddress();\n  const handleRef = useRef(0);\n  const [firstShowDialog] = useLocalStorage(\n    \"orderly-first-show-wallet-connector-dialog\",\n    undefined,\n  );\n  useEffect(() => {\n    return () => {\n      localStorage.setItem(\"orderly-first-show-wallet-connector-dialog\", \"1\");\n    };\n  }, []);\n\n  useEffect(() => {\n    setState(accountState.status);\n  }, [accountState]);\n\n  const steps = useMemo(() => {\n    const steps = [];\n    if (initAccountState < AccountStatusEnum.SignedIn) {\n      steps.push({\n        key: \"signIn\",\n        title: t(\"connector.createAccount\"),\n        description: t(\"connector.createAccount.description\"),\n      });\n    }\n\n    if (initAccountState < AccountStatusEnum.EnableTrading) {\n      steps.push({\n        key: \"enableTrading\",\n        title: t(\"connector.enableTrading\"),\n        description: t(\"connector.enableTrading.description\"),\n      });\n    }\n\n    return steps;\n  }, [initAccountState, t]);\n\n  useEffect(() => {\n    if (namespace != ChainNamespace.solana) {\n      setShowLedgerButton(false);\n      return;\n    }\n    if (!ledgerWallet) {\n      setShowLedgerButton(true);\n      return;\n    }\n    if (ledgerWallet && account.address) {\n      if (!ledgerWallet.includes(account.address)) {\n        setShowLedgerButton(true);\n        return;\n      }\n    }\n    setShowLedgerButton(false);\n  }, [namespace, account.address, ledgerWallet]);\n\n  const onEnableTrading = () => {\n    setLoading(true);\n    return props\n      .enableTrading(remember)\n      .then(\n        async (res) => {\n          handleRef.current++;\n          console.log(res);\n          setLoading(false);\n          setActiveStep((step) => step + 1);\n          try {\n            await props.enableTradingComplted?.();\n          } catch (e) {}\n          if (typeof props.onCompleted === \"function\") {\n            props.onCompleted();\n          } else if (typeof props.close === \"function\") {\n            props.close();\n          }\n          // props.onCompleted?.();\n        },\n        (reject) => {\n          setLoading(false);\n          if (reject === -1) return;\n\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        console.log(\"enable trading catch error\", e);\n        setLoading(false);\n      });\n  };\n\n  const onDisconnect = async () => {\n    localStorage.removeItem(\"orderly_link_device\");\n    disconnect({\n      label: (state as unknown as any).connectWallet?.name,\n    }).then(() => {\n      account.disconnect();\n      if (typeof props.close === \"function\") {\n        props.close();\n      }\n    });\n  };\n\n  const onSignIn = () => {\n    setLoading(true);\n    return props\n      .signIn()\n      .then(\n        (res) => {\n          setActiveStep((step) => step + 1);\n          onEnableTrading();\n        },\n        (reject) => {\n          setLoading(false);\n\n          if (reject === -1) return;\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Box id=\"oui-wallet-connect-dialog-content\" className=\"oui-font-semibold\">\n      <Text intensity={54} size=\"xs\">\n        {t(\"connector.expired\")}\n      </Text>\n      <Box\n        p={4}\n        my={6}\n        intensity={600}\n        r=\"lg\"\n        className=\"oui-space-y-5\"\n        position={\"relative\"}\n      >\n        {steps.map((step, index) => {\n          return (\n            <StepItem\n              title={step.title}\n              description={step.description}\n              isCompleted={activeStep > index}\n              key={step.key}\n              active={activeStep === index}\n              isLoading={loading && activeStep === index}\n            />\n          );\n        })}\n        {steps.length > 1 && (\n          <Box\n            position={\"absolute\"}\n            height={\"38px\"}\n            left={28}\n            top={18}\n            zIndex={0}\n          >\n            <Divider\n              lineStyle={\"dashed\"}\n              direction={\"vertical\"}\n              intensity={16}\n              className=\"oui-h-full\"\n            />\n          </Box>\n        )}\n      </Box>\n      {props.showRefCodeInput && steps.length == 2 && (\n        <ReferralCode {...props} />\n      )}\n      {firstShowDialog && (\n        <Flex justify={\"between\"} itemAlign={\"center\"}>\n          <RememberMe />\n          <Switch\n            color={\"primary\"}\n            checked={remember}\n            onCheckedChange={setRemember}\n            disabled={loading}\n            className=\"data-[state=checked]:oui-bg-primary-darken\"\n          />\n        </Flex>\n      )}\n      <Flex justify={\"center\"} mt={8} className=\"oui-w-full\">\n        <Box className=\"oui-w-full\">\n          <ActionButton\n            state={state}\n            signIn={onSignIn}\n            enableTrading={onEnableTrading}\n            loading={loading}\n            disabled={state >= AccountStatusEnum.EnableTrading}\n            showLedgerButton={showLedgerButton}\n          />\n        </Box>\n      </Flex>\n      {state > AccountStatusEnum.NotConnected && (\n        <Flex\n          justify={\"center\"}\n          mt={4}\n          gap={1}\n          className=\"oui-w-full oui-cursor-pointer\"\n          onClick={onDisconnect}\n        >\n          <DisconnectIcon />\n          <Text className=\"oui-text-base-contrast-80 oui-text-sm\">\n            {t(\"connector.disconnectWallet\")}\n          </Text>\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst DisconnectIcon = () => {\n  return (\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=\"M2.24219 5.24316C2.24219 3.58641 3.58536 2.24316 5.24219 2.24316H8.24219C9.89894 2.24316 11.2422 3.58641 11.2422 5.24316C11.2422 5.65716 10.9062 5.99316 10.4922 5.99316C10.0782 5.99316 9.74219 5.65716 9.74219 5.24316C9.74219 4.41441 9.07094 3.74316 8.24219 3.74316H5.24219C4.41374 3.74316 3.74219 4.41441 3.74219 5.24316V12.7432C3.74219 13.5719 4.41374 14.2432 5.24219 14.2432H8.24219C9.07094 14.2432 9.74219 13.5719 9.74219 12.7432C9.74219 12.3292 10.0782 11.9932 10.4922 11.9932C10.9062 11.9932 11.2422 12.3292 11.2422 12.7432C11.2422 14.3999 9.89894 15.7432 8.24219 15.7432H5.24219C3.58536 15.7432 2.24219 14.3999 2.24219 12.7432V5.24316ZM7.49219 8.99316C7.49219 8.57916 7.82819 8.24316 8.24219 8.24316H13.9144L12.4377 6.74316L13.4922 5.68866L16.2814 8.45391C16.5739 8.74716 16.5739 9.23915 16.2814 9.5324L13.4922 12.2977L12.4377 11.2432L13.9144 9.74316H8.24219C7.82819 9.74316 7.49219 9.40716 7.49219 8.99316Z\"\n        fill=\"white\"\n        fillOpacity=\"0.8\"\n      />\n    </svg>\n  );\n};\n\nconst ActionButton: FC<{\n  state: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: () => Promise<any>;\n  loading: boolean;\n  showLedgerButton?: boolean;\n  disabled?: boolean;\n}> = ({\n  state,\n  signIn,\n  enableTrading,\n  loading,\n  disabled,\n  showLedgerButton,\n}) => {\n  const { t } = useTranslation();\n\n  if (state <= AccountStatusEnum.NotSignedIn) {\n    return (\n      <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n        <Button\n          fullWidth\n          onClick={() => signIn()}\n          loading={loading}\n          disabled={disabled}\n        >\n          {t(\"connector.createAccount\")}\n        </Button>\n        {showLedgerButton && (\n          <WithLedgerButton\n            onClick={() => signIn()}\n            content={t(\"connector.createAccountWithLedger\")}\n          />\n        )}\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n      <Button\n        fullWidth\n        onClick={() => enableTrading()}\n        loading={loading}\n        disabled={disabled}\n      >\n        {t(\"connector.enableTrading\")}\n      </Button>\n      {showLedgerButton && (\n        <WithLedgerButton\n          onClick={() => enableTrading()}\n          disabled={disabled}\n          content={t(\"connector.enableTradingWithLedger\")}\n        />\n      )}\n    </Flex>\n  );\n\n  // return (\n  //   <Match\n  //     value={() => {\n  //       if (state <= AccountStatusEnum.NotSignedIn) {\n  //         return \"signIn\";\n  //       }\n  //       return \"enableTrading\";\n  //     }}\n  //     case={{\n  //       signIn: (\n  //         <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n  //           <Button\n  //             fullWidth\n  //             onClick={() => signIn()}\n  //             loading={loading}\n  //             disabled={disabled}\n  //           >\n  //             {t(\"connector.createAccount\")}\n  //           </Button>\n  //           {showLedgerButton && (\n  //             <WithLedgerButton\n  //               onClick={() => signIn()}\n  //               content={t(\"connector.createAccountWithLedger\")}\n  //             />\n  //           )}\n  //         </Flex>\n  //       ),\n  //       enableTrading: (\n  //         <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n  //           <Button\n  //             fullWidth\n  //             onClick={() => enableTrading()}\n  //             loading={loading}\n  //             disabled={disabled}\n  //           >\n  //             {t(\"connector.enableTrading\")}\n  //           </Button>\n  //           {showLedgerButton && (\n  //             <WithLedgerButton\n  //               onClick={() => enableTrading()}\n  //               disabled={disabled}\n  //               content={t(\"connector.enableTradingWithLedger\")}\n  //             />\n  //           )}\n  //         </Flex>\n  //       ),\n  //     }}\n  //   />\n  // );\n};\n\nconst WithLedgerButton = ({\n  onClick,\n  disabled,\n  content,\n}: {\n  onClick: () => void;\n  disabled?: boolean;\n  content: ReactNode;\n}) => {\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const address = state.address;\n  const { setLedgerAddress } = useStorageLedgerAddress();\n  if (!address) return null;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"primary\"\n      fullWidth\n      onClick={() => {\n        setLedgerAddress(address);\n        onClick();\n      }}\n      disabled={disabled}\n      className=\"oui-w-full\"\n    >\n      {content}\n    </Button>\n  );\n};\n\nconst ReferralCode: FC<WalletConnectContentProps> = (props) => {\n  const { t } = useTranslation();\n\n  return (\n    <TextField\n      placeholder={t(\"connector.referralCode.placeholder\")}\n      fullWidth\n      label=\"\"\n      value={props.refCode}\n      onChange={(e) => {\n        const _value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\");\n        props.setRefCode(_value);\n      }}\n      classNames={{\n        label: \"oui-text-base-contrast-54 oui-text-xs\",\n        input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n      }}\n      formatters={[\n        inputFormatter.createRegexInputFormatter((value: string | number) => {\n          return String(value).replace(/[a-z]/g, (char: string) =>\n            char.toUpperCase(),\n          );\n        }),\n        inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g),\n      ]}\n      onClear={() => {\n        props.setRefCode(\"\");\n      }}\n      autoComplete=\"off\"\n      helpText={props.helpText}\n      className=\"oui-mb-4\"\n      color={props.helpText ? \"danger\" : undefined}\n    />\n  );\n};\n\nconst RememberMe = () => {\n  const { t } = useTranslation();\n\n  const showRememberHint = () => {\n    if (window.innerWidth > 768) return;\n    modal.alert({\n      title: t(\"connector.rememberMe\"),\n      message: (\n        <span className=\"oui-text-2xs oui-text-base-contrast/60\">\n          {t(\"connector.rememberMe.description\")}\n        </span>\n      ),\n    });\n  };\n  return (\n    <Tooltip\n      content={t(\"connector.rememberMe.description\")}\n      className=\"oui-max-w-[300px]\"\n    >\n      <button onClick={showRememberHint}>\n        <Text\n          intensity={54}\n          size={\"xs\"}\n          className={\n            \"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36\"\n          }\n        >\n          {t(\"connector.rememberMe\")}\n        </Text>\n      </button>\n    </Tooltip>\n  );\n};\n\nfunction paseErrorMsg(reject: any): string {\n  console.log(\"wallet callback error\", reject);\n  console.log(\"message *** \", \"reject keys\", Object.keys(reject));\n  Object.keys(reject).forEach((key) => {\n    console.log(\"key\", key, \"-\", reject[key]);\n  });\n  let msg = i18n.t(\"connector.somethingWentWrong\");\n\n  // if (typeof reject?.info?.error === \"object\" && \"message\" in reject?.info?.error) {\n  //   msg = reject?.info?.error?.message;\n  // }\n\n  // if (typeof reject?.shortMessage === 'string') {\n  //   msg = reject.shortMessage;\n  // }\n\n  if (reject.toString().includes(\"rejected\")) {\n    msg = i18n.t(\"connector.userRejected\");\n  }\n\n  return capitalizeFirstLetter(msg) ?? msg;\n}\n","import { FC } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  Box,\n  CheckedCircleFillIcon,\n  cn,\n  Spinner,\n  Text,\n} from \"@orderly.network/ui\";\n\ntype StepItemProps = {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n  title: string;\n  description: string;\n};\n\nexport const StepItem = (props: StepItemProps) => {\n  const { title, description } = props;\n  return (\n    <Box position=\"relative\" className=\"oui-pl-8\">\n      <Box>\n        <Text as=\"div\" intensity={98} size={\"sm\"}>\n          {title}\n        </Text>\n        <Text as=\"div\" intensity={54} size={\"2xs\"}>\n          {description}\n        </Text>\n      </Box>\n      <div className=\"oui-absolute oui-left-0 oui-top-1 oui-z-10\">\n        <Identifier {...props} />\n      </div>\n    </Box>\n  );\n};\n\nconst Identifier = (props: {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n}) => {\n  const { active, isLoading, isCompleted } = props;\n\n  if (isLoading) {\n    return <Spinner size={\"sm\"} className={\"oui-ml-1\"} />;\n  }\n\n  if (isCompleted) {\n    return <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />;\n  }\n\n  return <Dot active={!!active} />;\n\n  // return (\n  //   <Match\n  //     className={\"oui-absolute oui-left-0 oui-top-1 oui-z-10\"}\n  //     value={() => {\n  //       if (isCompleted) {\n  //         return \"completed\";\n  //       }\n  //       if (isLoading) {\n  //         return \"loading\";\n  //       }\n\n  //       if (active) {\n  //         return \"active\";\n  //       }\n\n  //       return \"normal\";\n  //     }}\n  //     case={{\n  //       loading: (\n  //         <div>\n  //           <Spinner size={\"sm\"} className={\"oui-ml-1\"} />\n  //         </div>\n  //       ),\n  //       completed: (\n  //         <div>\n  //           <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />\n  //         </div>\n  //       ),\n  //     }}\n  //     default={<Dot active={!!active} />}\n  //   />\n  // );\n};\n\nconst Dot: FC<{ active: boolean; className?: string }> = ({\n  active,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1\",\n        className,\n        active ? \"oui-bg-primary-light\" : \"oui-bg-base-2\",\n      )}\n    />\n  );\n};\n","import { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useWalletConnectorBuilder } from \"./useWalletConnectorBuilder\";\nimport { WalletConnectContent } from \"./walletConnectorContent\";\nimport { i18n } from \"@orderly.network/i18n\";\n\nexport const WalletConnectorModalId = \"walletConnector\" as const;\nexport const WalletConnectorSheetId = \"walletConnectorSheet\" as const;\n\nexport const WalletConnectorWidget = (props: any) => {\n  const state = useWalletConnectorBuilder();\n  return <WalletConnectContent {...state} {...props} />;\n};\n\nregisterSimpleDialog(WalletConnectorModalId, WalletConnectorWidget, {\n  size: \"sm\",\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n\nregisterSimpleSheet(WalletConnectorSheetId, WalletConnectorWidget, {\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n","import { useEffect, useState } from \"react\";\nimport {\n  useAccount,\n  useGetReferralCode,\n  useLazyQuery,\n  useMutation,\n} from \"@orderly.network/hooks\";\nimport { toast } from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useWalletConnectorBuilder = () => {\n  const { account, state, createOrderlyKey, createAccount } = useAccount();\n  const [refCode, setRefCode] = useState(\"\");\n  const [helpText, setHelpText] = useState(\"\");\n  const { t } = useTranslation();\n\n  const { trigger: verifyRefCode } = useLazyQuery(\n    `/v1/public/referral/verify_ref_code?referral_code=${refCode}`\n  );\n\n  useEffect(() => {\n    const refCode = localStorage.getItem(\"referral_code\");\n    if (refCode != null) {\n      setRefCode(refCode);\n    }\n  }, []);\n\n  const { referral_code, isLoading } = useGetReferralCode(account.accountId);\n\n  const [bindRefCode, { error: updateOrderError, isMutating: updateMutating }] =\n    useMutation(\"/v1/referral/bind\", \"POST\");\n\n  useEffect(() => {\n    if (refCode.length === 0) {\n      setHelpText(\"\");\n    }\n  }, [refCode]);\n\n  const enableTradingComplted = () => {\n    toast.success(t(\"connector.walletConnected\"));\n    // validate ref code and bind referral code\n    if (refCode.length >= 4 && refCode.length <= 10)\n      bindRefCode({ referral_code: refCode }).finally(() => {\n        localStorage.removeItem(\"referral_code\");\n      });\n  };\n\n  const checkRefCode = async (): Promise<string | undefined> => {\n    if (refCode.length === 0) return Promise.resolve(undefined);\n\n    if (refCode.length > 0 && (refCode.length < 4 || refCode.length > 10)) {\n      return Promise.resolve(t(\"connector.referralCode.invalid\"));\n    }\n\n    const { exist } = await verifyRefCode();\n\n    if (exist === false) {\n      return Promise.resolve(t(\"connector.referralCode.notExist\"));\n    }\n\n    return Promise.resolve(undefined);\n  };\n\n  const showRefCodeInput = (referral_code?.length || 0) === 0 && !isLoading;\n\n  const signIn = async () => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createAccount();\n  };\n\n  const enableTrading = async (remember: boolean) => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createOrderlyKey(remember);\n  };\n\n  return {\n    enableTrading,\n    initAccountState: state.status,\n    signIn,\n    enableTradingComplted,\n    refCode,\n    setRefCode,\n    helpText,\n    showRefCodeInput,\n  } as const;\n};\n","import { PropsWithChildren, ReactElement, useMemo } from \"react\";\nimport { useAccount, useMediaQuery } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport {\n  AccountStatusEnum,\n  MEDIA_TABLET,\n  NetworkId,\n} from \"@orderly.network/types\";\nimport {\n  Button,\n  Either,\n  modal,\n  Text,\n  toast,\n  useScreen,\n  type ButtonProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box } from \"@orderly.network/ui\";\nimport {\n  ChainSelectorDialogId,\n  ChainSelectorSheetId,\n} from \"@orderly.network/ui-chain-selector\";\nimport {\n  WalletConnectorModalId,\n  WalletConnectorSheetId,\n} from \"./walletConnector\";\n\ntype ChainProps = {\n  networkId?: NetworkId;\n  bridgeLessOnly?: boolean;\n};\n\nexport type alertMessages = {\n  connectWallet?: string;\n  switchChain?: string;\n  enableTrading?: string;\n  signin?: string;\n};\n\nexport type AuthGuardProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  fallback?: (props: {\n    validating: boolean;\n    status: AccountStatusEnum;\n    wrongNetwork: boolean;\n  }) => ReactElement;\n  // indicator?: ReactElement;\n  /**\n   * Required state to be satisfied\n   * @default AccountStatusEnum.EnableTrading\n   */\n  status?: AccountStatusEnum;\n\n  bridgeLessOnly?: boolean;\n\n  buttonProps?: ButtonProps;\n\n  descriptions?: alertMessages;\n\n  labels?: alertMessages;\n\n  classNames?: {\n    root?: string;\n    description?: string;\n    // button?: string;\n  };\n\n  networkId?: NetworkId;\n\n  // validatingIndicator?: ReactElement;\n};\n\nconst AuthGuard = (props: PropsWithChildren<AuthGuardProps>) => {\n  const {\n    status,\n    buttonProps,\n    fallback,\n    descriptions,\n    classNames,\n    networkId,\n    id,\n    bridgeLessOnly,\n    // ...rest\n  } = props;\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const labels = {\n    connectWallet: t(\"connector.connectWallet\"),\n    switchChain: t(\"connector.wrongNetwork\"),\n    enableTrading: t(\"connector.enableTrading\"),\n    signin: t(\"connector.createAccount\"),\n    ...props.labels,\n  };\n\n  // return Match(state.status)\n  //   .with(AccountStatusEnum.EnableTrading, () => props.children)\n  //   .with(AccountStatusEnum.DisableTrading, () => props.fallback)\n  //   .with(AccountStatusEnum.Validating, () => props.validatingIndicator)\n  //   .otherwise(() => props.fallback);\n  //\n\n  const Left = useMemo<ReactElement>(() => {\n    if (typeof fallback !== \"undefined\") {\n      return fallback({\n        validating: state.validating,\n        status: state.status,\n        wrongNetwork,\n      });\n    }\n\n    if (state.validating && !disabledConnect) {\n      return (\n        <StatusInfo\n          // variant={\"gradient\"}\n          angle={45}\n          // fullWidth\n          disabled\n          loading\n          description={descriptions?.connectWallet}\n          id={id}\n          type=\"button\"\n          {...buttonProps}\n        >\n          {labels.connectWallet}\n        </StatusInfo>\n      );\n    }\n\n    return (\n      <DefaultFallback\n        bridgeLessOnly={bridgeLessOnly}\n        status={state.status}\n        buttonProps={{ ...buttonProps, id, type: \"button\" }}\n        wrongNetwork={wrongNetwork}\n        networkId={props.networkId}\n        labels={labels}\n        descriptions={descriptions}\n        disabledConnect={disabledConnect}\n      />\n    );\n  }, [state.status, state.validating, buttonProps, wrongNetwork]);\n\n  /**\n   * **Important: The chldren component will be rendered only if the status is equal to the required status and the network is correct.**\n   */\n\n  return (\n    <Either\n      value={state.status >= _status && !wrongNetwork && !disabledConnect}\n      left={Left}\n    >\n      {props.children}\n    </Either>\n  );\n};\n\nconst ModalTitle = () => {\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  if (state.status < AccountStatusEnum.SignedIn) {\n    return <Text>{t(\"connector.createAccount\")}</Text>;\n  }\n  if (state.status < AccountStatusEnum.EnableTrading) {\n    return <Text>{t(\"connector.enableTrading\")}</Text>;\n  }\n  return <Text>{t(\"connector.connectWallet\")}</Text>;\n};\n\nconst DefaultFallback = (props: {\n  status: AccountStatusEnum;\n  wrongNetwork: boolean;\n  buttonProps?: ButtonProps;\n  networkId?: NetworkId;\n  labels: alertMessages;\n  bridgeLessOnly?: boolean;\n  descriptions?: alertMessages;\n  disabledConnect?: boolean;\n}) => {\n  const { buttonProps, labels, descriptions } = props;\n  const { t } = useTranslation();\n  const { connectWallet } = useAppContext();\n  const { account } = useAccount();\n  const { isMobile } = useScreen();\n  const matches = useMediaQuery(MEDIA_TABLET);\n\n  const onConnectOrderly = () => {\n    modal\n      .show(matches ? WalletConnectorSheetId : WalletConnectorModalId, {\n        title: <ModalTitle />,\n      })\n      .then(\n        (r) => console.log(r),\n        (error) => console.log(error),\n      );\n  };\n\n  const onConnectWallet = async () => {\n    const res = await connectWallet();\n\n    if (!res) return;\n\n    if (res.wrongNetwork) {\n      switchChain();\n    } else {\n      if (\n        (res?.status ?? AccountStatusEnum.NotConnected) <\n        AccountStatusEnum.EnableTrading\n      ) {\n        onConnectOrderly();\n      }\n    }\n  };\n\n  const switchChain = () => {\n    account.once(\"validate:end\", (status) => {\n      if (status < AccountStatusEnum.EnableTrading) {\n        onConnectOrderly();\n      } else {\n        toast.success(t(\"connector.walletConnected\"));\n      }\n    });\n\n    modal\n      .show<{\n        wrongNetwork: boolean;\n      }>(isMobile ? ChainSelectorSheetId : ChainSelectorDialogId, {\n        networkId: props.networkId,\n        bridgeLessOnly: props.bridgeLessOnly,\n      })\n      .then(\n        (r) => {\n          if (!r.wrongNetwork) {\n            if (props.status >= AccountStatusEnum.Connected) {\n              if (props.status < AccountStatusEnum.EnableTrading) {\n                onConnectOrderly();\n              } else {\n                toast.success(t(\"connector.walletConnected\"));\n              }\n            }\n          }\n        },\n        (error) => console.log(\"[switchChain error]\", error),\n      );\n  };\n\n  if (props.wrongNetwork && !props.disabledConnect) {\n    return (\n      <StatusInfo\n        color=\"warning\"\n        // size=\"md\"\n        // fullWidth\n        onClick={() => {\n          switchChain();\n        }}\n        description={descriptions?.switchChain}\n        {...buttonProps}\n      >\n        {labels.switchChain}\n      </StatusInfo>\n    );\n  }\n\n  if (props.status <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n    return (\n      <StatusInfo\n        size=\"lg\"\n        onClick={() => {\n          onConnectWallet();\n        }}\n        // fullWidth\n        variant={props.disabledConnect ? undefined : \"gradient\"}\n        angle={45}\n        description={descriptions?.connectWallet}\n        disabled={props.disabledConnect}\n        {...buttonProps}\n      >\n        {labels.connectWallet}\n      </StatusInfo>\n    );\n  }\n\n  if (props.status <= AccountStatusEnum.NotSignedIn) {\n    return (\n      <StatusInfo\n        size=\"lg\"\n        onClick={() => {\n          onConnectOrderly();\n        }}\n        // fullWidth\n        angle={45}\n        description={descriptions?.signin}\n        {...buttonProps}\n      >\n        {labels.signin}\n      </StatusInfo>\n    );\n  }\n\n  return (\n    <StatusInfo\n      size=\"lg\"\n      // fullWidth\n      description={descriptions?.enableTrading}\n      {...buttonProps}\n      onClick={() => onConnectOrderly()}\n    >\n      {labels.enableTrading}\n    </StatusInfo>\n  );\n\n  // return (\n  //   <Match\n  //     value={props.status}\n  //     case={(value: AccountStatusEnum) => {\n  //       if (value <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n  //         return (\n  //           <StatusInfo\n  //             size=\"lg\"\n  //             onClick={() => {\n  //               onConnectWallet();\n  //             }}\n  //             // fullWidth\n  //             variant={props.disabledConnect ? undefined : \"gradient\"}\n  //             angle={45}\n  //             description={descriptions?.connectWallet}\n  //             disabled={props.disabledConnect}\n  //             {...buttonProps}\n  //           >\n  //             {labels.connectWallet}\n  //           </StatusInfo>\n  //         );\n  //       }\n  //       if (value <= AccountStatusEnum.NotSignedIn) {\n  //         return (\n  //           <StatusInfo\n  //             size=\"lg\"\n  //             onClick={() => {\n  //               onConnectOrderly();\n  //             }}\n  //             // fullWidth\n  //             angle={45}\n  //             description={descriptions?.signin}\n  //             {...buttonProps}\n  //           >\n  //             {labels.signin}\n  //           </StatusInfo>\n  //         );\n  //       }\n  //     }}\n  //     default={\n  //       <StatusInfo\n  //         size=\"lg\"\n  //         // fullWidth\n  //         description={descriptions?.enableTrading}\n  //         {...buttonProps}\n  //         onClick={() => onConnectOrderly()}\n  //       >\n  //         {labels.enableTrading}\n  //       </StatusInfo>\n  //     }\n  //   />\n  // );\n};\n\nAuthGuard.displayName = \"AuthGuard\";\n\nconst StatusInfo = (\n  props: ButtonProps & {\n    description?: string;\n  },\n) => {\n  const { description, ...buttonProps } = props;\n  return (\n    <Flex direction={\"column\"}>\n      <Button {...buttonProps}></Button>\n      {!!description && (\n        <Box mt={4} className=\"oui-leading-none\" style={{ lineHeight: 0 }}>\n          <Text size=\"2xs\" intensity={36}>\n            {description}\n          </Text>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nexport { AuthGuard };\n","import React, { PropsWithChildren, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext, useDataTap } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  DataTable,\n  DataTableProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { alertMessages, AuthGuard } from \"./authGuard\";\n\nexport const AuthGuardDataTable = <RecordType,>(\n  props: PropsWithChildren<\n    DataTableProps<RecordType> &\n      Omit<GuardViewProps, \"status\"> & {\n        status?: AccountStatusEnum;\n        classNames?: DataTableProps<RecordType>[\"classNames\"] & {\n          authGuardDescription?: string;\n        };\n      }\n  >,\n) => {\n  const {\n    status,\n    // message,\n    labels,\n    description,\n    dataSource,\n    children,\n    ...rest\n  } = props;\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const data = useDataTap(dataSource, {\n    accountStatus: _status,\n  });\n\n  const ignoreLoadingCheck =\n    wrongNetwork ||\n    disabledConnect ||\n    state.status < _status ||\n    props.ignoreLoadingCheck;\n\n  return (\n    <DataTable\n      dataSource={data}\n      ignoreLoadingCheck={ignoreLoadingCheck}\n      emptyView={\n        <GuardView\n          status={_status}\n          description={description}\n          labels={labels}\n          className={props.classNames?.authGuardDescription}\n          visible={!state.validating}\n        />\n      }\n      manualPagination\n      {...rest}\n    >\n      {children}\n    </DataTable>\n  );\n};\n\ntype GuardViewProps = {\n  status: AccountStatusEnum;\n  description?: alertMessages;\n  labels?: alertMessages;\n  className?: string;\n  visible?: boolean;\n};\n\nconst GuardView: React.FC<GuardViewProps> = (props) => {\n  const { t } = useTranslation();\n\n  const DESCRIPTIONS: alertMessages = {\n    connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n    switchChain: t(\"connector.wrongNetwork.tooltip\"),\n    enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n    signin: t(\"connector.trade.createAccount.tooltip\"),\n  };\n\n  const descriptions = { ...DESCRIPTIONS, ...props.description };\n  if (!props.visible) {\n    return null;\n  }\n  return (\n    <Flex py={8}>\n      <AuthGuard\n        status={props.status}\n        labels={props.labels}\n        descriptions={descriptions}\n        buttonProps={{\n          size: \"md\",\n        }}\n      >\n        <ExtensionSlot position={ExtensionPositionEnum.EmptyDataIdentifier} />\n      </AuthGuard>\n    </Flex>\n  );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Box, EmptyDataState } from \"@orderly.network/ui\";\nimport { AuthGuard } from \"./authGuard\";\n\ntype AuthGuardProps = {\n  hint?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n  status?: AccountStatusEnum;\n};\n\nconst AuthGuardEmpty = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n  const {\n    hint = {\n      connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n      signIn: t(\"connector.trade.createAccount.tooltip\"),\n      enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n    status,\n  } = props;\n\n  return (\n    <Box my={8}>\n      <AuthGuard\n        status={status}\n        descriptions={{ ...hint, switchChain: hint.wrongNetwork }}\n      >\n        {props.children || <EmptyDataState />}\n      </AuthGuard>\n    </Box>\n  );\n};\n\nAuthGuardEmpty.displayName = \"AuthGuardEmpty\";\n\nexport { AuthGuardEmpty };\n","import { PropsWithChildren, useMemo, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Tooltip } from \"@orderly.network/ui\";\n\ntype AuthGuardProps = {\n  content?: string;\n  align?: \"center\" | \"end\" | \"start\";\n  alignOffset?: number;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  opactiy?: number;\n  tooltip?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n};\n\nconst AuthGuardTooltip = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n\n  const {\n    opactiy = 90,\n    tooltip = {\n      connectWallet: t(\"connector.setUp.connectWallet.tooltip\"),\n      signIn: t(\"connector.setUp.createAccount.tooltip\"),\n      enableTrading: t(\"connector.setUp.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n  } = props;\n\n  const [open, setOpen] = useState(false);\n  const { state } = useAccount();\n  const isSupport = true;\n  const { wrongNetwork } = useAppContext();\n\n  const hint = useMemo(() => {\n    if (wrongNetwork) {\n      return tooltip?.wrongNetwork;\n    }\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n        return tooltip?.connectWallet;\n      case AccountStatusEnum.NotSignedIn:\n        return tooltip?.signIn;\n      case AccountStatusEnum.DisabledTrading:\n        return tooltip?.enableTrading;\n      case AccountStatusEnum.EnableTrading: {\n        return \"\";\n      }\n      default:\n        return props.content;\n    }\n  }, [props.content, state, isSupport, tooltip]);\n\n  const newOpacity = useMemo(() => {\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n      case AccountStatusEnum.NotSignedIn:\n        return opactiy;\n      case AccountStatusEnum.EnableTrading: {\n        return undefined;\n      }\n      default:\n        return undefined;\n    }\n  }, [props.opactiy, state, isSupport]);\n\n  return (\n    <Tooltip\n      open={hint ? open : false}\n      onOpenChange={setOpen}\n      content={hint}\n      className=\"oui-text-2xs\"\n      align={props.align}\n      alignOffset={props.alignOffset}\n      side={props.side}\n      sideOffset={props.sideOffset}\n    >\n      <div\n        style={{\n          opacity: newOpacity,\n        }}\n      >\n        {props.children}\n      </div>\n    </Tooltip>\n  );\n};\n\nAuthGuardTooltip.displayName = \"AuthGuardTooltip\";\n\nexport { AuthGuardTooltip };\n"]}

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { useState, useEffect, useMemo } from 'react';
-import { useAccount, useLazyQuery, useGetReferralCode, useMutation, useEventEmitter, useLocalStorage, useMediaQuery } from '@orderly.network/hooks';
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { useAccount, useLazyQuery, useGetReferralCode, useMutation, useEventEmitter, useWalletConnector, useStorageLedgerAddress, useLocalStorage, useMediaQuery } from '@orderly.network/hooks';
 import { i18n, useTranslation } from '@orderly.network/i18n';
-import { AccountStatusEnum, MEDIA_TABLET } from '@orderly.network/types';
-import { registerSimpleDialog, registerSimpleSheet, Box, Text, Divider, Flex, Switch, toast, TextField, inputFormatter, Tooltip, Match, Button, CheckedCircleFillIcon, Spinner, modal, capitalizeFirstLetter, cn, Either, useScreen, DataTable, ExtensionSlot, ExtensionPositionEnum, EmptyDataState } from '@orderly.network/ui';
+import { AccountStatusEnum, ChainNamespace, MEDIA_TABLET } from '@orderly.network/types';
+import { registerSimpleDialog, registerSimpleSheet, Box, Text, Divider, Flex, Switch, toast, TextField, inputFormatter, Tooltip, Button, Spinner, CheckedCircleFillIcon, modal, capitalizeFirstLetter, cn, Either, useScreen, DataTable, ExtensionSlot, ExtensionPositionEnum, EmptyDataState } from '@orderly.network/ui';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useAppContext, useDataTap } from '@orderly.network/react-app';
 import { ChainSelectorSheetId, ChainSelectorDialogId } from '@orderly.network/ui-chain-selector';
 
-var Q=e=>{let{title:t,description:n}=e;return jsxs(Box,{position:"relative",className:"oui-pl-8",children:[jsxs(Box,{children:[jsx(Text,{as:"div",intensity:98,size:"sm",children:t}),jsx(Text,{as:"div",intensity:54,size:"2xs",children:n})]}),jsx(be,{...e})]})},be=e=>{let{active:t,isLoading:n,isCompleted:o}=e;return jsx(Match,{className:"oui-absolute oui-left-0 oui-top-1 oui-z-10",value:()=>o?"completed":n?"loading":t?"active":"normal",case:{loading:jsx("div",{children:jsx(Spinner,{size:"sm",className:"oui-ml-1"})}),completed:jsx("div",{children:jsx(CheckedCircleFillIcon,{opacity:1,className:"oui-text-primary"})})},default:jsx(Ce,{active:!!t})})},Ce=({active:e,className:t})=>jsx("div",{className:cn("oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1",t,e?"oui-bg-primary-light":"oui-bg-base-2")});var O=e=>{let{initAccountState:t=AccountStatusEnum.NotConnected}=e,[n,o]=useState(true),r=useEventEmitter(),{t:l}=useTranslation(),{state:g,account:d}=useAccount(),[m,a]=useState(t),[c,f]=useState(0),[s,h]=useState(false),[I]=useLocalStorage("orderly-first-show-wallet-connector-dialog",void 0);useEffect(()=>()=>{localStorage.setItem("orderly-first-show-wallet-connector-dialog","1");},[]),useEffect(()=>{a(g.status);},[g]);let T=useMemo(()=>{let i=[];return t<AccountStatusEnum.SignedIn&&i.push({key:"signIn",title:l("connector.createAccount"),description:l("connector.createAccount.description")}),t<AccountStatusEnum.EnableTrading&&i.push({key:"enableTrading",title:l("connector.enableTrading"),description:l("connector.enableTrading.description")}),i},[t,l]),A=()=>(h(true),e.enableTrading(n).then(async i=>{h(false),f(w=>w+1);try{await e.enableTradingComplted?.();}catch{}typeof e.onCompleted=="function"?e.onCompleted():typeof e.close=="function"&&e.close();},i=>{if(h(false),i!==-1){if(i.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:i.message,userAddress:d.address});return}toast.error(Y(i));}}).catch(i=>{h(false);})),k=()=>(h(true),e.signIn().then(i=>{f(w=>w+1),A();},i=>{if(h(false),i!==-1){if(i.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:i.message,userAddress:d.address});return}toast.error(Y(i));}}).catch(i=>{h(false);}));return jsxs(Box,{id:"oui-wallet-connect-dialog-content",className:"oui-font-semibold",children:[jsx(Text,{intensity:54,size:"xs",children:l("connector.expired")}),jsxs(Box,{p:4,my:6,intensity:600,r:"lg",className:"oui-space-y-5",position:"relative",children:[T.map((i,w)=>jsx(Q,{title:i.title,description:i.description,isCompleted:c>w,active:c===w,isLoading:s&&c===w},i.key)),T.length>1&&jsx(Box,{position:"absolute",height:"38px",left:28,top:18,zIndex:0,children:jsx(Divider,{lineStyle:"dashed",direction:"vertical",intensity:16,className:"oui-h-full"})})]}),e.showRefCodeInput&&T.length==2&&jsx(Ee,{...e}),I&&jsxs(Flex,{justify:"between",itemAlign:"center",children:[jsx(Me,{}),jsx(Switch,{color:"primary",checked:n,onCheckedChange:o,disabled:s,className:"data-[state=checked]:oui-bg-primary-darken"})]}),jsx(Flex,{justify:"center",mt:8,children:jsx(Box,{className:"oui-min-w-[144px]",children:jsx(ve,{state:m,signIn:k,enableTrading:A,loading:s,disabled:m>=AccountStatusEnum.EnableTrading})})})]})},ve=({state:e,signIn:t,enableTrading:n,loading:o,disabled:r})=>{let{t:l}=useTranslation();return jsx(Match,{value:()=>e<=AccountStatusEnum.NotSignedIn?"signIn":"enableTrading",case:{signIn:jsx(Button,{fullWidth:true,onClick:()=>t(),loading:o,disabled:r,children:l("connector.createAccount")}),enableTrading:jsx(Button,{fullWidth:true,onClick:()=>n(),loading:o,disabled:r,children:l("connector.enableTrading")})}})},Ee=e=>{let{t}=useTranslation();return jsx(TextField,{placeholder:t("connector.referralCode.placeholder"),fullWidth:true,label:"",value:e.refCode,onChange:n=>{let o=n.target.value.toUpperCase().replace(/[^A-Z0-9]/g,"");e.setRefCode(o);},classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},formatters:[inputFormatter.createRegexInputFormatter(n=>String(n).replace(/[a-z]/g,o=>o.toUpperCase())),inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClear:()=>{e.setRefCode("");},autoComplete:"off",helpText:e.helpText,className:"oui-mb-4",color:e.helpText?"danger":void 0})},Me=()=>{let{t:e}=useTranslation(),t=()=>{window.innerWidth>768||modal.alert({title:e("connector.rememberMe"),message:jsx("span",{className:"oui-text-2xs oui-text-base-contrast/60",children:e("connector.rememberMe.description")})});};return jsx(Tooltip,{content:e("connector.rememberMe.description"),className:"oui-max-w-[300px]",children:jsx("button",{onClick:t,children:jsx(Text,{intensity:54,size:"xs",className:"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36",children:e("connector.rememberMe")})})})};function Y(e){Object.keys(e).forEach(n=>{});let t=i18n.t("connector.somethingWentWrong");return e.toString().includes("rejected")&&(t=i18n.t("connector.userRejected")),capitalizeFirstLetter(t)??t}var L=()=>{let{account:e,state:t,createOrderlyKey:n,createAccount:o}=useAccount(),[r,l]=useState(""),[g,d]=useState(""),{t:m}=useTranslation(),{trigger:a}=useLazyQuery(`/v1/public/referral/verify_ref_code?referral_code=${r}`);useEffect(()=>{let y=localStorage.getItem("referral_code");y!=null&&l(y);},[]);let{referral_code:c,isLoading:f}=useGetReferralCode(e.accountId),[s,{error:h,isMutating:I}]=useMutation("/v1/referral/bind","POST");useEffect(()=>{r.length===0&&d("");},[r]);let T=()=>{toast.success(m("connector.walletConnected")),r.length>=4&&r.length<=10&&s({referral_code:r}).finally(()=>{localStorage.removeItem("referral_code");});},A=async()=>{if(r.length===0)return Promise.resolve(void 0);if(r.length>0&&(r.length<4||r.length>10))return Promise.resolve(m("connector.referralCode.invalid"));let{exist:y}=await a();return y===false?Promise.resolve(m("connector.referralCode.notExist")):Promise.resolve(void 0)},k=(c?.length||0)===0&&!f,i=async()=>{if(k){let y=await A();if(typeof y<"u")return d(y),Promise.reject(-1)}return d(""),o()};return {enableTrading:async y=>{if(k){let _=await A();if(typeof _<"u")return d(_),Promise.reject(-1)}return d(""),n(y)},initAccountState:t.status,signIn:i,enableTradingComplted:T,refCode:r,setRefCode:l,helpText:g,showRefCodeInput:k}};var R="walletConnector",B="walletConnectorSheet",D=e=>{let t=L();return jsx(O,{...t,...e})};registerSimpleDialog(R,D,{size:"sm",title:()=>i18n.t("connector.connectWallet")});registerSimpleSheet(B,D,{title:()=>i18n.t("connector.connectWallet")});var S=e=>{let{status:t,buttonProps:n,fallback:o,descriptions:r,classNames:l,networkId:g,id:d,bridgeLessOnly:m}=e,{t:a}=useTranslation(),{state:c}=useAccount(),{wrongNetwork:f,disabledConnect:s}=useAppContext(),h=useMemo(()=>t===void 0?c.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading:t,[t,c.status]),I={connectWallet:a("connector.connectWallet"),switchChain:a("connector.wrongNetwork"),enableTrading:a("connector.enableTrading"),signin:a("connector.createAccount"),...e.labels},T=useMemo(()=>typeof o<"u"?o({validating:c.validating,status:c.status,wrongNetwork:f}):c.validating&&!s?jsx(W,{angle:45,disabled:true,loading:true,description:r?.connectWallet,id:d,type:"button",...n,children:I.connectWallet}):jsx(je,{bridgeLessOnly:m,status:c.status,buttonProps:{...n,id:d,type:"button"},wrongNetwork:f,networkId:e.networkId,labels:I,descriptions:r,disabledConnect:s}),[c.status,c.validating,n,f]);return jsx(Either,{value:c.status>=h&&!f&&!s,left:T,children:e.children})},je=e=>{let{buttonProps:t,labels:n,descriptions:o}=e,{t:r}=useTranslation(),{connectWallet:l}=useAppContext(),{account:g}=useAccount(),{isMobile:d}=useScreen(),m=useMediaQuery(MEDIA_TABLET),a=()=>{modal.show(m?B:R).then(s=>{},s=>{});},c=async()=>{let s=await l();s&&(s.wrongNetwork?f():(s?.status??AccountStatusEnum.NotConnected)<AccountStatusEnum.EnableTrading&&a());},f=()=>{g.once("validate:end",s=>{s<AccountStatusEnum.EnableTrading?a():toast.success(r("connector.walletConnected"));}),modal.show(d?ChainSelectorSheetId:ChainSelectorDialogId,{networkId:e.networkId,bridgeLessOnly:e.bridgeLessOnly}).then(s=>{s.wrongNetwork||e.status>=AccountStatusEnum.Connected&&(e.status<AccountStatusEnum.EnableTrading?a():toast.success(r("connector.walletConnected")));},s=>{});};return e.wrongNetwork&&!e.disabledConnect?jsx(W,{color:"warning",onClick:()=>{f();},description:o?.switchChain,...t,children:n.switchChain}):jsx(Match,{value:e.status,case:s=>{if(s<=AccountStatusEnum.NotConnected||e.disabledConnect)return jsx(W,{size:"lg",onClick:()=>{c();},variant:e.disabledConnect?void 0:"gradient",angle:45,description:o?.connectWallet,disabled:e.disabledConnect,...t,children:n.connectWallet});if(s<=AccountStatusEnum.NotSignedIn)return jsx(W,{size:"lg",onClick:()=>{a();},angle:45,description:o?.signin,...t,children:n.signin})},default:jsx(W,{size:"lg",description:o?.enableTrading,...t,onClick:()=>a(),children:n.enableTrading})})};S.displayName="AuthGuard";var W=e=>{let{description:t,...n}=e;return jsxs(Flex,{direction:"column",children:[jsx(Button,{...n}),!!t&&jsx(Box,{mt:4,className:"oui-leading-none",style:{lineHeight:0},children:jsx(Text,{size:"2xs",intensity:36,children:t})})]})};var dt=e=>{let{status:t,labels:n,description:o,dataSource:r,...l}=e,{state:g}=useAccount(),{wrongNetwork:d,disabledConnect:m}=useAppContext(),a=useMemo(()=>t===void 0?g.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading:t,[t,g.status]),c=useDataTap(r,{accountStatus:a}),f=d||m||g.status<a||e.ignoreLoadingCheck;return jsx(DataTable,{dataSource:c,ignoreLoadingCheck:f,emptyView:jsx(ut,{status:a,description:o,labels:n,className:e.classNames?.authGuardDescription,visible:!g.validating}),manualPagination:true,...l})},ut=e=>{let{t}=useTranslation(),o={...{connectWallet:t("connector.trade.connectWallet.tooltip"),switchChain:t("connector.wrongNetwork.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),signin:t("connector.trade.createAccount.tooltip")},...e.description};return e.visible?jsx(Flex,{py:8,children:jsx(S,{status:e.status,labels:e.labels,descriptions:o,buttonProps:{size:"md"},children:jsx(ExtensionSlot,{position:ExtensionPositionEnum.EmptyDataIdentifier})})}):null};var le=e=>{let{t}=useTranslation(),{hint:n={connectWallet:t("connector.trade.connectWallet.tooltip"),signIn:t("connector.trade.createAccount.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")},status:o}=e;return jsx(Box,{my:8,children:jsx(S,{status:o,descriptions:{...n,switchChain:n.wrongNetwork},children:e.children||jsx(EmptyDataState,{})})})};le.displayName="AuthGuardEmpty";var ge=e=>{let{t}=useTranslation(),{opactiy:n=90,tooltip:o={connectWallet:t("connector.setUp.connectWallet.tooltip"),signIn:t("connector.setUp.createAccount.tooltip"),enableTrading:t("connector.setUp.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")}}=e,[r,l]=useState(false),{state:g}=useAccount(),d=true,{wrongNetwork:m}=useAppContext(),a=useMemo(()=>{if(m)return o?.wrongNetwork;switch(g.status){case AccountStatusEnum.NotConnected:return o?.connectWallet;case AccountStatusEnum.NotSignedIn:return o?.signIn;case AccountStatusEnum.DisabledTrading:return o?.enableTrading;case AccountStatusEnum.EnableTrading:return "";default:return e.content}},[e.content,g,d,o]),c=useMemo(()=>{switch(g.status){case AccountStatusEnum.NotConnected:case AccountStatusEnum.NotSignedIn:return n;case AccountStatusEnum.EnableTrading:return;default:return}},[e.opactiy,g,d]);return jsx(Tooltip,{open:a?r:false,onOpenChange:l,content:a,className:"oui-text-2xs",align:e.align,alignOffset:e.alignOffset,side:e.side,sideOffset:e.sideOffset,children:jsx("div",{style:{opacity:c},children:e.children})})};ge.displayName="AuthGuardTooltip";
+var te=e=>{let{title:t,description:n}=e;return jsxs(Box,{position:"relative",className:"oui-pl-8",children:[jsxs(Box,{children:[jsx(Text,{as:"div",intensity:98,size:"sm",children:t}),jsx(Text,{as:"div",intensity:54,size:"2xs",children:n})]}),jsx("div",{className:"oui-absolute oui-left-0 oui-top-1 oui-z-10",children:jsx(ke,{...e})})]})},ke=e=>{let{active:t,isLoading:n,isCompleted:o}=e;return n?jsx(Spinner,{size:"sm",className:"oui-ml-1"}):o?jsx(CheckedCircleFillIcon,{opacity:1,className:"oui-text-primary"}):jsx(Ae,{active:!!t})},Ae=({active:e,className:t})=>jsx("div",{className:cn("oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1",t,e?"oui-bg-primary-light":"oui-bg-base-2")});var U=e=>{let{initAccountState:t=AccountStatusEnum.NotConnected}=e,[n,o]=useState(true),r=useEventEmitter(),{t:c}=useTranslation(),{disconnect:g,namespace:d}=useWalletConnector(),{state:m,account:s}=useAccount(),[a,p]=useState(t),[l,I]=useState(0),[x,b]=useState(false),[B,w]=useState(false),{ledgerWallet:N,setLedgerAddress:ye}=useStorageLedgerAddress(),C=useRef(0),[M]=useLocalStorage("orderly-first-show-wallet-connector-dialog",void 0);useEffect(()=>()=>{localStorage.setItem("orderly-first-show-wallet-connector-dialog","1");},[]),useEffect(()=>{p(m.status);},[m]);let z=useMemo(()=>{let u=[];return t<AccountStatusEnum.SignedIn&&u.push({key:"signIn",title:c("connector.createAccount"),description:c("connector.createAccount.description")}),t<AccountStatusEnum.EnableTrading&&u.push({key:"enableTrading",title:c("connector.enableTrading"),description:c("connector.enableTrading.description")}),u},[t,c]);useEffect(()=>{if(d!=ChainNamespace.solana){w(false);return}if(!N){w(true);return}if(N&&s.address&&!N.includes(s.address)){w(true);return}w(false);},[d,s.address,N]);let X=()=>(b(true),e.enableTrading(n).then(async u=>{C.current++,b(false),I(y=>y+1);try{await e.enableTradingComplted?.();}catch{}typeof e.onCompleted=="function"?e.onCompleted():typeof e.close=="function"&&e.close();},u=>{if(b(false),u!==-1){if(u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:s.address});return}toast.error(ae(u));}}).catch(u=>{b(false);})),Te=async()=>{localStorage.removeItem("orderly_link_device"),g({label:a.connectWallet?.name}).then(()=>{s.disconnect(),typeof e.close=="function"&&e.close();});},xe=()=>(b(true),e.signIn().then(u=>{I(y=>y+1),X();},u=>{if(b(false),u!==-1){if(u.message.indexOf("Signing off chain messages with Ledger is not yet supported")!==-1){r.emit("wallet:sign-message-with-ledger-error",{message:u.message,userAddress:s.address});return}toast.error(ae(u));}}).catch(u=>{b(false);}));return jsxs(Box,{id:"oui-wallet-connect-dialog-content",className:"oui-font-semibold",children:[jsx(Text,{intensity:54,size:"xs",children:c("connector.expired")}),jsxs(Box,{p:4,my:6,intensity:600,r:"lg",className:"oui-space-y-5",position:"relative",children:[z.map((u,y)=>jsx(te,{title:u.title,description:u.description,isCompleted:l>y,active:l===y,isLoading:x&&l===y},u.key)),z.length>1&&jsx(Box,{position:"absolute",height:"38px",left:28,top:18,zIndex:0,children:jsx(Divider,{lineStyle:"dashed",direction:"vertical",intensity:16,className:"oui-h-full"})})]}),e.showRefCodeInput&&z.length==2&&jsx(He,{...e}),M&&jsxs(Flex,{justify:"between",itemAlign:"center",children:[jsx(Ve,{}),jsx(Switch,{color:"primary",checked:n,onCheckedChange:o,disabled:x,className:"data-[state=checked]:oui-bg-primary-darken"})]}),jsx(Flex,{justify:"center",mt:8,className:"oui-w-full",children:jsx(Box,{className:"oui-w-full",children:jsx(_e,{state:a,signIn:xe,enableTrading:X,loading:x,disabled:a>=AccountStatusEnum.EnableTrading,showLedgerButton:B})})}),a>AccountStatusEnum.NotConnected&&jsxs(Flex,{justify:"center",mt:4,gap:1,className:"oui-w-full oui-cursor-pointer",onClick:Te,children:[jsx(ze,{}),jsx(Text,{className:"oui-text-base-contrast-80 oui-text-sm",children:c("connector.disconnectWallet")})]})]})},ze=()=>jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:jsx("path",{d:"M2.24219 5.24316C2.24219 3.58641 3.58536 2.24316 5.24219 2.24316H8.24219C9.89894 2.24316 11.2422 3.58641 11.2422 5.24316C11.2422 5.65716 10.9062 5.99316 10.4922 5.99316C10.0782 5.99316 9.74219 5.65716 9.74219 5.24316C9.74219 4.41441 9.07094 3.74316 8.24219 3.74316H5.24219C4.41374 3.74316 3.74219 4.41441 3.74219 5.24316V12.7432C3.74219 13.5719 4.41374 14.2432 5.24219 14.2432H8.24219C9.07094 14.2432 9.74219 13.5719 9.74219 12.7432C9.74219 12.3292 10.0782 11.9932 10.4922 11.9932C10.9062 11.9932 11.2422 12.3292 11.2422 12.7432C11.2422 14.3999 9.89894 15.7432 8.24219 15.7432H5.24219C3.58536 15.7432 2.24219 14.3999 2.24219 12.7432V5.24316ZM7.49219 8.99316C7.49219 8.57916 7.82819 8.24316 8.24219 8.24316H13.9144L12.4377 6.74316L13.4922 5.68866L16.2814 8.45391C16.5739 8.74716 16.5739 9.23915 16.2814 9.5324L13.4922 12.2977L12.4377 11.2432L13.9144 9.74316H8.24219C7.82819 9.74316 7.49219 9.40716 7.49219 8.99316Z",fill:"white",fillOpacity:"0.8"})}),_e=({state:e,signIn:t,enableTrading:n,loading:o,disabled:r,showLedgerButton:c})=>{let{t:g}=useTranslation();return e<=AccountStatusEnum.NotSignedIn?jsxs(Flex,{direction:"column",gap:3,className:"oui-w-full",children:[jsx(Button,{fullWidth:true,onClick:()=>t(),loading:o,disabled:r,children:g("connector.createAccount")}),c&&jsx(se,{onClick:()=>t(),content:g("connector.createAccountWithLedger")})]}):jsxs(Flex,{direction:"column",gap:3,className:"oui-w-full",children:[jsx(Button,{fullWidth:true,onClick:()=>n(),loading:o,disabled:r,children:g("connector.enableTrading")}),c&&jsx(se,{onClick:()=>n(),disabled:r,content:g("connector.enableTradingWithLedger")})]})},se=({onClick:e,disabled:t,content:n})=>{let{t:o}=useTranslation(),{state:r}=useAccount(),c=r.address,{setLedgerAddress:g}=useStorageLedgerAddress();return c?jsx(Button,{variant:"outlined",color:"primary",fullWidth:true,onClick:()=>{g(c),e();},disabled:t,className:"oui-w-full",children:n}):null},He=e=>{let{t}=useTranslation();return jsx(TextField,{placeholder:t("connector.referralCode.placeholder"),fullWidth:true,label:"",value:e.refCode,onChange:n=>{let o=n.target.value.toUpperCase().replace(/[^A-Z0-9]/g,"");e.setRefCode(o);},classNames:{label:"oui-text-base-contrast-54 oui-text-xs",input:"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm"},formatters:[inputFormatter.createRegexInputFormatter(n=>String(n).replace(/[a-z]/g,o=>o.toUpperCase())),inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g)],onClear:()=>{e.setRefCode("");},autoComplete:"off",helpText:e.helpText,className:"oui-mb-4",color:e.helpText?"danger":void 0})},Ve=()=>{let{t:e}=useTranslation(),t=()=>{window.innerWidth>768||modal.alert({title:e("connector.rememberMe"),message:jsx("span",{className:"oui-text-2xs oui-text-base-contrast/60",children:e("connector.rememberMe.description")})});};return jsx(Tooltip,{content:e("connector.rememberMe.description"),className:"oui-max-w-[300px]",children:jsx("button",{onClick:t,children:jsx(Text,{intensity:54,size:"xs",className:"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36",children:e("connector.rememberMe")})})})};function ae(e){Object.keys(e).forEach(n=>{});let t=i18n.t("connector.somethingWentWrong");return e.toString().includes("rejected")&&(t=i18n.t("connector.userRejected")),capitalizeFirstLetter(t)??t}var Z=()=>{let{account:e,state:t,createOrderlyKey:n,createAccount:o}=useAccount(),[r,c]=useState(""),[g,d]=useState(""),{t:m}=useTranslation(),{trigger:s}=useLazyQuery(`/v1/public/referral/verify_ref_code?referral_code=${r}`);useEffect(()=>{let C=localStorage.getItem("referral_code");C!=null&&c(C);},[]);let{referral_code:a,isLoading:p}=useGetReferralCode(e.accountId),[l,{error:I,isMutating:x}]=useMutation("/v1/referral/bind","POST");useEffect(()=>{r.length===0&&d("");},[r]);let b=()=>{toast.success(m("connector.walletConnected")),r.length>=4&&r.length<=10&&l({referral_code:r}).finally(()=>{localStorage.removeItem("referral_code");});},B=async()=>{if(r.length===0)return Promise.resolve(void 0);if(r.length>0&&(r.length<4||r.length>10))return Promise.resolve(m("connector.referralCode.invalid"));let{exist:C}=await s();return C===false?Promise.resolve(m("connector.referralCode.notExist")):Promise.resolve(void 0)},w=(a?.length||0)===0&&!p,N=async()=>{if(w){let C=await B();if(typeof C<"u")return d(C),Promise.reject(-1)}return d(""),o()};return {enableTrading:async C=>{if(w){let M=await B();if(typeof M<"u")return d(M),Promise.reject(-1)}return d(""),n(C)},initAccountState:t.status,signIn:N,enableTradingComplted:b,refCode:r,setRefCode:c,helpText:g,showRefCodeInput:w}};var O="walletConnector",D="walletConnectorSheet",K=e=>{let t=Z();return jsx(U,{...t,...e})};registerSimpleDialog(O,K,{size:"sm",title:()=>i18n.t("connector.connectWallet")});registerSimpleSheet(D,K,{title:()=>i18n.t("connector.connectWallet")});var A=e=>{let{status:t,buttonProps:n,fallback:o,descriptions:r,classNames:c,networkId:g,id:d,bridgeLessOnly:m}=e,{t:s}=useTranslation(),{state:a}=useAccount(),{wrongNetwork:p,disabledConnect:l}=useAppContext(),I=useMemo(()=>t===void 0?a.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading:t,[t,a.status]),x={connectWallet:s("connector.connectWallet"),switchChain:s("connector.wrongNetwork"),enableTrading:s("connector.enableTrading"),signin:s("connector.createAccount"),...e.labels},b=useMemo(()=>typeof o<"u"?o({validating:a.validating,status:a.status,wrongNetwork:p}):a.validating&&!l?jsx(L,{angle:45,disabled:true,loading:true,description:r?.connectWallet,id:d,type:"button",...n,children:x.connectWallet}):jsx(lt,{bridgeLessOnly:m,status:a.status,buttonProps:{...n,id:d,type:"button"},wrongNetwork:p,networkId:e.networkId,labels:x,descriptions:r,disabledConnect:l}),[a.status,a.validating,n,p]);return jsx(Either,{value:a.status>=I&&!p&&!l,left:b,children:e.children})},ct=()=>{let{t:e}=useTranslation(),{state:t}=useAccount();return t.status<AccountStatusEnum.SignedIn?jsx(Text,{children:e("connector.createAccount")}):t.status<AccountStatusEnum.EnableTrading?jsx(Text,{children:e("connector.enableTrading")}):jsx(Text,{children:e("connector.connectWallet")})},lt=e=>{let{buttonProps:t,labels:n,descriptions:o}=e,{t:r}=useTranslation(),{connectWallet:c}=useAppContext(),{account:g}=useAccount(),{isMobile:d}=useScreen(),m=useMediaQuery(MEDIA_TABLET),s=()=>{modal.show(m?D:O,{title:jsx(ct,{})}).then(l=>{},l=>{});},a=async()=>{let l=await c();l&&(l.wrongNetwork?p():(l?.status??AccountStatusEnum.NotConnected)<AccountStatusEnum.EnableTrading&&s());},p=()=>{g.once("validate:end",l=>{l<AccountStatusEnum.EnableTrading?s():toast.success(r("connector.walletConnected"));}),modal.show(d?ChainSelectorSheetId:ChainSelectorDialogId,{networkId:e.networkId,bridgeLessOnly:e.bridgeLessOnly}).then(l=>{l.wrongNetwork||e.status>=AccountStatusEnum.Connected&&(e.status<AccountStatusEnum.EnableTrading?s():toast.success(r("connector.walletConnected")));},l=>{});};return e.wrongNetwork&&!e.disabledConnect?jsx(L,{color:"warning",onClick:()=>{p();},description:o?.switchChain,...t,children:n.switchChain}):e.status<=AccountStatusEnum.NotConnected||e.disabledConnect?jsx(L,{size:"lg",onClick:()=>{a();},variant:e.disabledConnect?void 0:"gradient",angle:45,description:o?.connectWallet,disabled:e.disabledConnect,...t,children:n.connectWallet}):e.status<=AccountStatusEnum.NotSignedIn?jsx(L,{size:"lg",onClick:()=>{s();},angle:45,description:o?.signin,...t,children:n.signin}):jsx(L,{size:"lg",description:o?.enableTrading,...t,onClick:()=>s(),children:n.enableTrading})};A.displayName="AuthGuard";var L=e=>{let{description:t,...n}=e;return jsxs(Flex,{direction:"column",children:[jsx(Button,{...n}),!!t&&jsx(Box,{mt:4,className:"oui-leading-none",style:{lineHeight:0},children:jsx(Text,{size:"2xs",intensity:36,children:t})})]})};var yt=e=>{let{status:t,labels:n,description:o,dataSource:r,children:c,...g}=e,{state:d}=useAccount(),{wrongNetwork:m,disabledConnect:s}=useAppContext(),a=useMemo(()=>t===void 0?d.status===AccountStatusEnum.EnableTradingWithoutConnected?AccountStatusEnum.EnableTradingWithoutConnected:AccountStatusEnum.EnableTrading:t,[t,d.status]),p=useDataTap(r,{accountStatus:a}),l=m||s||d.status<a||e.ignoreLoadingCheck;return jsx(DataTable,{dataSource:p,ignoreLoadingCheck:l,emptyView:jsx(Tt,{status:a,description:o,labels:n,className:e.classNames?.authGuardDescription,visible:!d.validating}),manualPagination:true,...g,children:c})},Tt=e=>{let{t}=useTranslation(),o={...{connectWallet:t("connector.trade.connectWallet.tooltip"),switchChain:t("connector.wrongNetwork.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),signin:t("connector.trade.createAccount.tooltip")},...e.description};return e.visible?jsx(Flex,{py:8,children:jsx(A,{status:e.status,labels:e.labels,descriptions:o,buttonProps:{size:"md"},children:jsx(ExtensionSlot,{position:ExtensionPositionEnum.EmptyDataIdentifier})})}):null};var he=e=>{let{t}=useTranslation(),{hint:n={connectWallet:t("connector.trade.connectWallet.tooltip"),signIn:t("connector.trade.createAccount.tooltip"),enableTrading:t("connector.trade.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")},status:o}=e;return jsx(Box,{my:8,children:jsx(A,{status:o,descriptions:{...n,switchChain:n.wrongNetwork},children:e.children||jsx(EmptyDataState,{})})})};he.displayName="AuthGuardEmpty";var we=e=>{let{t}=useTranslation(),{opactiy:n=90,tooltip:o={connectWallet:t("connector.setUp.connectWallet.tooltip"),signIn:t("connector.setUp.createAccount.tooltip"),enableTrading:t("connector.setUp.enableTrading.tooltip"),wrongNetwork:t("connector.wrongNetwork.tooltip")}}=e,[r,c]=useState(false),{state:g}=useAccount(),d=true,{wrongNetwork:m}=useAppContext(),s=useMemo(()=>{if(m)return o?.wrongNetwork;switch(g.status){case AccountStatusEnum.NotConnected:return o?.connectWallet;case AccountStatusEnum.NotSignedIn:return o?.signIn;case AccountStatusEnum.DisabledTrading:return o?.enableTrading;case AccountStatusEnum.EnableTrading:return "";default:return e.content}},[e.content,g,d,o]),a=useMemo(()=>{switch(g.status){case AccountStatusEnum.NotConnected:case AccountStatusEnum.NotSignedIn:return n;case AccountStatusEnum.EnableTrading:return;default:return}},[e.opactiy,g,d]);return jsx(Tooltip,{open:s?r:false,onOpenChange:c,content:s,className:"oui-text-2xs",align:e.align,alignOffset:e.alignOffset,side:e.side,sideOffset:e.sideOffset,children:jsx("div",{style:{opacity:a},children:e.children})})};we.displayName="AuthGuardTooltip";
 
-export { S as AuthGuard, dt as AuthGuardDataTable, le as AuthGuardEmpty, ge as AuthGuardTooltip, O as WalletConnectContent, R as WalletConnectorModalId, B as WalletConnectorSheetId, D as WalletConnectorWidget, L as useWalletConnectorBuilder };
+export { A as AuthGuard, yt as AuthGuardDataTable, he as AuthGuardEmpty, we as AuthGuardTooltip, U as WalletConnectContent, O as WalletConnectorModalId, D as WalletConnectorSheetId, K as WalletConnectorWidget, Z as useWalletConnectorBuilder };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/walletConnectorContent.tsx","../src/component/step.tsx","../src/component/walletConnector.tsx","../src/component/useWalletConnectorBuilder.ts","../src/component/authGuard.tsx","../src/component/authGuardDataTable.tsx","../src/component/authGuardEmpty.tsx","../src/component/authGuardTooltip.tsx"],"names":["useEffect","useMemo","useState","useAccount","useEventEmitter","useLocalStorage","i18n","useTranslation","AccountStatusEnum","Box","Button","capitalizeFirstLetter","Divider","Flex","inputFormatter","Match","modal","Switch","Text","TextField","toast","Tooltip","CheckedCircleFillIcon","cn","Spinner","jsx","jsxs","StepItem","props","title","description","Identifier","active","isLoading","isCompleted","Dot","className","WalletConnectContent","initAccountState","remember","setRemember","ee","t","accountState","account","state","setState","activeStep","setActiveStep","loading","setLoading","firstShowDialog","steps","onEnableTrading","res","step","reject","paseErrorMsg","e","onSignIn","index","ReferralCode","RememberMe","ActionButton","signIn","enableTrading","disabled","_value","value","char","showRememberHint","key","msg","registerSimpleDialog","registerSimpleSheet","useGetReferralCode","useLazyQuery","useMutation","useWalletConnectorBuilder","createOrderlyKey","createAccount","refCode","setRefCode","helpText","setHelpText","verifyRefCode","referral_code","bindRefCode","updateOrderError","updateMutating","enableTradingComplted","checkRefCode","exist","showRefCodeInput","info","WalletConnectorModalId","WalletConnectorSheetId","WalletConnectorWidget","useMediaQuery","useAppContext","MEDIA_TABLET","Either","useScreen","ChainSelectorDialogId","ChainSelectorSheetId","AuthGuard","status","buttonProps","fallback","descriptions","classNames","networkId","id","bridgeLessOnly","wrongNetwork","disabledConnect","_status","labels","Left","StatusInfo","DefaultFallback","connectWallet","isMobile","matches","onConnectOrderly","r","error","onConnectWallet","switchChain","useDataTap","ExtensionPositionEnum","ExtensionSlot","DataTable","AuthGuardDataTable","dataSource","rest","data","ignoreLoadingCheck","GuardView","EmptyDataState","AuthGuardEmpty","hint","AuthGuardTooltip","opactiy","tooltip","open","setOpen","isSupport","newOpacity"],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useState } from \"react\";\nimport {\n  useAccount,\n  useEventEmitter,\n  useLocalStorage,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  Divider,\n  Flex,\n  inputFormatter,\n  Match,\n  modal,\n  Switch,\n  Text,\n  TextField,\n  toast,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { StepItem } from \"./step\";\n\nexport type WalletConnectContentProps = {\n  initAccountState: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: (remember: boolean) => Promise<any>;\n  enableTradingComplted?: () => Promise<void>;\n  onCompleted?: () => void;\n  close?: () => void;\n  refCode: string;\n  setRefCode: React.Dispatch<React.SetStateAction<string>>;\n  helpText?: string;\n  showRefCodeInput: boolean;\n};\n\nexport const WalletConnectContent = (props: WalletConnectContentProps) => {\n  const { initAccountState = AccountStatusEnum.NotConnected } = props;\n  const [remember, setRemember] = useState(true);\n  const ee = useEventEmitter();\n  const { t } = useTranslation();\n\n  const { state: accountState, account } = useAccount();\n  const [state, setState] = useState(initAccountState);\n  const [activeStep, setActiveStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [firstShowDialog] = useLocalStorage(\n    \"orderly-first-show-wallet-connector-dialog\",\n    undefined,\n  );\n  useEffect(() => {\n    return () => {\n      localStorage.setItem(\"orderly-first-show-wallet-connector-dialog\", \"1\");\n    };\n  }, []);\n\n  useEffect(() => {\n    setState(accountState.status);\n  }, [accountState]);\n\n  const steps = useMemo(() => {\n    const steps = [];\n    if (initAccountState < AccountStatusEnum.SignedIn) {\n      steps.push({\n        key: \"signIn\",\n        title: t(\"connector.createAccount\"),\n        description: t(\"connector.createAccount.description\"),\n      });\n    }\n\n    if (initAccountState < AccountStatusEnum.EnableTrading) {\n      steps.push({\n        key: \"enableTrading\",\n        title: t(\"connector.enableTrading\"),\n        description: t(\"connector.enableTrading.description\"),\n      });\n    }\n\n    return steps;\n  }, [initAccountState, t]);\n\n  const onEnableTrading = () => {\n    setLoading(true);\n    return props\n      .enableTrading(remember)\n      .then(\n        async (res) => {\n          console.log(res);\n          setLoading(false);\n          setActiveStep((step) => step + 1);\n          try {\n            await props.enableTradingComplted?.();\n          } catch (e) {}\n          if (typeof props.onCompleted === \"function\") {\n            props.onCompleted();\n          } else if (typeof props.close === \"function\") {\n            props.close();\n          }\n          // props.onCompleted?.();\n        },\n        (reject) => {\n          setLoading(false);\n          if (reject === -1) return;\n\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        console.log(\"enable trading catch error\", e);\n        setLoading(false);\n      });\n  };\n\n  const onSignIn = () => {\n    setLoading(true);\n    return props\n      .signIn()\n      .then(\n        (res) => {\n          setActiveStep((step) => step + 1);\n          onEnableTrading();\n        },\n        (reject) => {\n          setLoading(false);\n\n          if (reject === -1) return;\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Box id=\"oui-wallet-connect-dialog-content\" className=\"oui-font-semibold\">\n      <Text intensity={54} size=\"xs\">\n        {t(\"connector.expired\")}\n      </Text>\n      <Box\n        p={4}\n        my={6}\n        intensity={600}\n        r=\"lg\"\n        className=\"oui-space-y-5\"\n        position={\"relative\"}\n      >\n        {steps.map((step, index) => {\n          return (\n            <StepItem\n              title={step.title}\n              description={step.description}\n              isCompleted={activeStep > index}\n              key={step.key}\n              active={activeStep === index}\n              isLoading={loading && activeStep === index}\n            />\n          );\n        })}\n        {steps.length > 1 && (\n          <Box\n            position={\"absolute\"}\n            height={\"38px\"}\n            left={28}\n            top={18}\n            zIndex={0}\n          >\n            <Divider\n              lineStyle={\"dashed\"}\n              direction={\"vertical\"}\n              intensity={16}\n              className=\"oui-h-full\"\n            />\n          </Box>\n        )}\n      </Box>\n      {props.showRefCodeInput && steps.length == 2 && (\n        <ReferralCode {...props} />\n      )}\n      {firstShowDialog && (\n        <Flex justify={\"between\"} itemAlign={\"center\"}>\n          <RememberMe />\n          <Switch\n            color={\"primary\"}\n            checked={remember}\n            onCheckedChange={setRemember}\n            disabled={loading}\n            className=\"data-[state=checked]:oui-bg-primary-darken\"\n          />\n        </Flex>\n      )}\n      <Flex justify={\"center\"} mt={8}>\n        <Box className=\"oui-min-w-[144px]\">\n          <ActionButton\n            state={state}\n            signIn={onSignIn}\n            enableTrading={onEnableTrading}\n            loading={loading}\n            disabled={state >= AccountStatusEnum.EnableTrading}\n          />\n        </Box>\n      </Flex>\n    </Box>\n  );\n};\n\nconst ActionButton: FC<{\n  state: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: () => Promise<any>;\n  loading: boolean;\n  disabled?: boolean;\n}> = ({ state, signIn, enableTrading, loading, disabled }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Match\n      value={() => {\n        if (state <= AccountStatusEnum.NotSignedIn) {\n          return \"signIn\";\n        }\n        return \"enableTrading\";\n      }}\n      case={{\n        signIn: (\n          <Button\n            fullWidth\n            onClick={() => signIn()}\n            loading={loading}\n            disabled={disabled}\n          >\n            {t(\"connector.createAccount\")}\n          </Button>\n        ),\n        enableTrading: (\n          <Button\n            fullWidth\n            onClick={() => enableTrading()}\n            loading={loading}\n            disabled={disabled}\n          >\n            {t(\"connector.enableTrading\")}\n          </Button>\n        ),\n      }}\n    />\n  );\n};\n\nconst ReferralCode: FC<WalletConnectContentProps> = (props) => {\n  const { t } = useTranslation();\n\n  return (\n    <TextField\n      placeholder={t(\"connector.referralCode.placeholder\")}\n      fullWidth\n      label=\"\"\n      value={props.refCode}\n      onChange={(e) => {\n        const _value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\");\n        props.setRefCode(_value);\n      }}\n      classNames={{\n        label: \"oui-text-base-contrast-54 oui-text-xs\",\n        input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n      }}\n      formatters={[\n        inputFormatter.createRegexInputFormatter((value: string | number) => {\n          return String(value).replace(/[a-z]/g, (char: string) =>\n            char.toUpperCase(),\n          );\n        }),\n        inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g),\n      ]}\n      onClear={() => {\n        props.setRefCode(\"\");\n      }}\n      autoComplete=\"off\"\n      helpText={props.helpText}\n      className=\"oui-mb-4\"\n      color={props.helpText ? \"danger\" : undefined}\n    />\n  );\n};\n\nconst RememberMe = () => {\n  const { t } = useTranslation();\n\n  const showRememberHint = () => {\n    if (window.innerWidth > 768) return;\n    modal.alert({\n      title: t(\"connector.rememberMe\"),\n      message: (\n        <span className=\"oui-text-2xs oui-text-base-contrast/60\">\n          {t(\"connector.rememberMe.description\")}\n        </span>\n      ),\n    });\n  };\n  return (\n    <Tooltip\n      content={t(\"connector.rememberMe.description\")}\n      className=\"oui-max-w-[300px]\"\n    >\n      <button onClick={showRememberHint}>\n        <Text\n          intensity={54}\n          size={\"xs\"}\n          className={\n            \"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36\"\n          }\n        >\n          {t(\"connector.rememberMe\")}\n        </Text>\n      </button>\n    </Tooltip>\n  );\n};\n\nfunction paseErrorMsg(reject: any): string {\n  console.log(\"wallet callback error\", reject);\n  console.log(\"message *** \", \"reject keys\", Object.keys(reject));\n  Object.keys(reject).forEach((key) => {\n    console.log(\"key\", key, \"-\", reject[key]);\n  });\n  let msg = i18n.t(\"connector.somethingWentWrong\");\n\n  // if (typeof reject?.info?.error === \"object\" && \"message\" in reject?.info?.error) {\n  //   msg = reject?.info?.error?.message;\n  // }\n\n  // if (typeof reject?.shortMessage === 'string') {\n  //   msg = reject.shortMessage;\n  // }\n\n  if (reject.toString().includes(\"rejected\")) {\n    msg = i18n.t(\"connector.userRejected\");\n  }\n\n  return capitalizeFirstLetter(msg) ?? msg;\n}\n","import { FC } from \"react\";\nimport {\n  Box,\n  CheckedCircleFillIcon,\n  cn,\n  Match,\n  Spinner,\n  Text,\n} from \"@orderly.network/ui\";\n\ntype StepItemProps = {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n  title: string;\n  description: string;\n};\n\nexport const StepItem = (props: StepItemProps) => {\n  const { title, description } = props;\n\n  // console.log(props);\n\n  return (\n    <Box position=\"relative\" className=\"oui-pl-8\">\n      <Box>\n        <Text as=\"div\" intensity={98} size={\"sm\"}>\n          {title}\n        </Text>\n        <Text as=\"div\" intensity={54} size={\"2xs\"}>\n          {description}\n        </Text>\n      </Box>\n      <Identifier {...props} />\n    </Box>\n  );\n};\n\nconst Identifier = (props: {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n}) => {\n  const { active, isLoading, isCompleted } = props;\n\n  return (\n    <Match\n      className={\"oui-absolute oui-left-0 oui-top-1 oui-z-10\"}\n      value={() => {\n        if (isCompleted) {\n          return \"completed\";\n        }\n        if (isLoading) {\n          return \"loading\";\n        }\n\n        if (active) {\n          return \"active\";\n        }\n\n        return \"normal\";\n      }}\n      case={{\n        loading: (\n          <div>\n            <Spinner size={\"sm\"} className={\"oui-ml-1\"} />\n          </div>\n        ),\n        completed: (\n          <div>\n            <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />\n          </div>\n        ),\n      }}\n      default={<Dot active={!!active} />}\n    />\n  );\n};\n\nconst Dot: FC<{ active: boolean; className?: string }> = ({\n  active,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1\",\n        className,\n        active ? \"oui-bg-primary-light\" : \"oui-bg-base-2\"\n      )}\n    />\n  );\n};\n","import { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useWalletConnectorBuilder } from \"./useWalletConnectorBuilder\";\nimport { WalletConnectContent } from \"./walletConnectorContent\";\nimport { i18n } from \"@orderly.network/i18n\";\n\nexport const WalletConnectorModalId = \"walletConnector\" as const;\nexport const WalletConnectorSheetId = \"walletConnectorSheet\" as const;\n\nexport const WalletConnectorWidget = (props: any) => {\n  const state = useWalletConnectorBuilder();\n  return <WalletConnectContent {...state} {...props} />;\n};\n\nregisterSimpleDialog(WalletConnectorModalId, WalletConnectorWidget, {\n  size: \"sm\",\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n\nregisterSimpleSheet(WalletConnectorSheetId, WalletConnectorWidget, {\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n","import { useEffect, useState } from \"react\";\nimport {\n  useAccount,\n  useGetReferralCode,\n  useLazyQuery,\n  useMutation,\n} from \"@orderly.network/hooks\";\nimport { toast } from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useWalletConnectorBuilder = () => {\n  const { account, state, createOrderlyKey, createAccount } = useAccount();\n  const [refCode, setRefCode] = useState(\"\");\n  const [helpText, setHelpText] = useState(\"\");\n  const { t } = useTranslation();\n\n  const { trigger: verifyRefCode } = useLazyQuery(\n    `/v1/public/referral/verify_ref_code?referral_code=${refCode}`\n  );\n\n  useEffect(() => {\n    const refCode = localStorage.getItem(\"referral_code\");\n    if (refCode != null) {\n      setRefCode(refCode);\n    }\n  }, []);\n\n  const { referral_code, isLoading } = useGetReferralCode(account.accountId);\n\n  const [bindRefCode, { error: updateOrderError, isMutating: updateMutating }] =\n    useMutation(\"/v1/referral/bind\", \"POST\");\n\n  useEffect(() => {\n    if (refCode.length === 0) {\n      setHelpText(\"\");\n    }\n  }, [refCode]);\n\n  const enableTradingComplted = () => {\n    toast.success(t(\"connector.walletConnected\"));\n    // validate ref code and bind referral code\n    if (refCode.length >= 4 && refCode.length <= 10)\n      bindRefCode({ referral_code: refCode }).finally(() => {\n        localStorage.removeItem(\"referral_code\");\n      });\n  };\n\n  const checkRefCode = async (): Promise<string | undefined> => {\n    if (refCode.length === 0) return Promise.resolve(undefined);\n\n    if (refCode.length > 0 && (refCode.length < 4 || refCode.length > 10)) {\n      return Promise.resolve(t(\"connector.referralCode.invalid\"));\n    }\n\n    const { exist } = await verifyRefCode();\n\n    if (exist === false) {\n      return Promise.resolve(t(\"connector.referralCode.notExist\"));\n    }\n\n    return Promise.resolve(undefined);\n  };\n\n  const showRefCodeInput = (referral_code?.length || 0) === 0 && !isLoading;\n\n  const signIn = async () => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createAccount();\n  };\n\n  const enableTrading = async (remember: boolean) => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createOrderlyKey(remember);\n  };\n\n  return {\n    enableTrading,\n    initAccountState: state.status,\n    signIn,\n    enableTradingComplted,\n    refCode,\n    setRefCode,\n    helpText,\n    showRefCodeInput,\n  } as const;\n};\n","import { PropsWithChildren, ReactElement, useMemo } from \"react\";\nimport { useAccount, useMediaQuery } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport {\n  AccountStatusEnum,\n  MEDIA_TABLET,\n  NetworkId,\n} from \"@orderly.network/types\";\nimport {\n  Button,\n  Either,\n  Match,\n  modal,\n  Text,\n  toast,\n  useScreen,\n  type ButtonProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box } from \"@orderly.network/ui\";\nimport {\n  ChainSelectorDialogId,\n  ChainSelectorSheetId,\n} from \"@orderly.network/ui-chain-selector\";\nimport {\n  WalletConnectorModalId,\n  WalletConnectorSheetId,\n} from \"./walletConnector\";\n\ntype ChainProps = {\n  networkId?: NetworkId;\n  bridgeLessOnly?: boolean;\n};\n\nexport type alertMessages = {\n  connectWallet?: string;\n  switchChain?: string;\n  enableTrading?: string;\n  signin?: string;\n};\n\nexport type AuthGuardProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  fallback?: (props: {\n    validating: boolean;\n    status: AccountStatusEnum;\n    wrongNetwork: boolean;\n  }) => ReactElement;\n  // indicator?: ReactElement;\n  /**\n   * Required state to be satisfied\n   * @default AccountStatusEnum.EnableTrading\n   */\n  status?: AccountStatusEnum;\n\n  bridgeLessOnly?: boolean;\n\n  buttonProps?: ButtonProps;\n\n  descriptions?: alertMessages;\n\n  labels?: alertMessages;\n\n  classNames?: {\n    root?: string;\n    description?: string;\n    // button?: string;\n  };\n\n  networkId?: NetworkId;\n\n  // validatingIndicator?: ReactElement;\n};\n\nconst AuthGuard = (props: PropsWithChildren<AuthGuardProps>) => {\n  const {\n    status,\n    buttonProps,\n    fallback,\n    descriptions,\n    classNames,\n    networkId,\n    id,\n    bridgeLessOnly,\n    // ...rest\n  } = props;\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const labels = {\n    connectWallet: t(\"connector.connectWallet\"),\n    switchChain: t(\"connector.wrongNetwork\"),\n    enableTrading: t(\"connector.enableTrading\"),\n    signin: t(\"connector.createAccount\"),\n    ...props.labels,\n  };\n\n  // return Match(state.status)\n  //   .with(AccountStatusEnum.EnableTrading, () => props.children)\n  //   .with(AccountStatusEnum.DisableTrading, () => props.fallback)\n  //   .with(AccountStatusEnum.Validating, () => props.validatingIndicator)\n  //   .otherwise(() => props.fallback);\n  //\n\n  const Left = useMemo<ReactElement>(() => {\n    if (typeof fallback !== \"undefined\") {\n      return fallback({\n        validating: state.validating,\n        status: state.status,\n        wrongNetwork,\n      });\n    }\n\n    if (state.validating && !disabledConnect) {\n      return (\n        <StatusInfo\n          // variant={\"gradient\"}\n          angle={45}\n          // fullWidth\n          disabled\n          loading\n          description={descriptions?.connectWallet}\n          id={id}\n          type=\"button\"\n          {...buttonProps}\n        >\n          {labels.connectWallet}\n        </StatusInfo>\n      );\n    }\n\n    return (\n      <DefaultFallback\n        bridgeLessOnly={bridgeLessOnly}\n        status={state.status}\n        buttonProps={{ ...buttonProps, id, type: \"button\" }}\n        wrongNetwork={wrongNetwork}\n        networkId={props.networkId}\n        labels={labels}\n        descriptions={descriptions}\n        disabledConnect={disabledConnect}\n      />\n    );\n  }, [state.status, state.validating, buttonProps, wrongNetwork]);\n\n  /**\n   * **Important: The chldren component will be rendered only if the status is equal to the required status and the network is correct.**\n   */\n\n  return (\n    <Either\n      value={state.status >= _status && !wrongNetwork && !disabledConnect}\n      left={Left}\n    >\n      {props.children}\n    </Either>\n  );\n};\n\nconst DefaultFallback = (props: {\n  status: AccountStatusEnum;\n  wrongNetwork: boolean;\n  buttonProps?: ButtonProps;\n  networkId?: NetworkId;\n  labels: alertMessages;\n  bridgeLessOnly?: boolean;\n  descriptions?: alertMessages;\n  disabledConnect?: boolean;\n}) => {\n  const { buttonProps, labels, descriptions } = props;\n  const { t } = useTranslation();\n  const { connectWallet } = useAppContext();\n  const { account } = useAccount();\n  const { isMobile } = useScreen();\n  const matches = useMediaQuery(MEDIA_TABLET);\n\n  const onConnectOrderly = () => {\n    modal.show(matches ? WalletConnectorSheetId : WalletConnectorModalId).then(\n      (r) => console.log(r),\n      (error) => console.log(error),\n    );\n  };\n\n  const onConnectWallet = async () => {\n    const res = await connectWallet();\n\n    if (!res) return;\n\n    if (res.wrongNetwork) {\n      switchChain();\n    } else {\n      if (\n        (res?.status ?? AccountStatusEnum.NotConnected) <\n        AccountStatusEnum.EnableTrading\n      ) {\n        onConnectOrderly();\n      }\n    }\n  };\n\n  const switchChain = () => {\n    account.once(\"validate:end\", (status) => {\n      if (status < AccountStatusEnum.EnableTrading) {\n        onConnectOrderly();\n      } else {\n        toast.success(t(\"connector.walletConnected\"));\n      }\n    });\n\n    modal\n      .show<{\n        wrongNetwork: boolean;\n      }>(isMobile ? ChainSelectorSheetId : ChainSelectorDialogId, {\n        networkId: props.networkId,\n        bridgeLessOnly: props.bridgeLessOnly,\n      })\n      .then(\n        (r) => {\n          if (!r.wrongNetwork) {\n            if (props.status >= AccountStatusEnum.Connected) {\n              if (props.status < AccountStatusEnum.EnableTrading) {\n                onConnectOrderly();\n              } else {\n                toast.success(t(\"connector.walletConnected\"));\n              }\n            }\n          }\n        },\n        (error) => console.log(\"[switchChain error]\", error),\n      );\n  };\n\n  if (props.wrongNetwork && !props.disabledConnect) {\n    return (\n      <StatusInfo\n        color=\"warning\"\n        // size=\"md\"\n        // fullWidth\n        onClick={() => {\n          switchChain();\n        }}\n        description={descriptions?.switchChain}\n        {...buttonProps}\n      >\n        {labels.switchChain}\n      </StatusInfo>\n    );\n  }\n\n  return (\n    <Match\n      value={props.status}\n      case={(value: AccountStatusEnum) => {\n        if (value <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n          return (\n            <StatusInfo\n              size=\"lg\"\n              onClick={() => {\n                onConnectWallet();\n              }}\n              // fullWidth\n              variant={props.disabledConnect ? undefined : \"gradient\"}\n              angle={45}\n              description={descriptions?.connectWallet}\n              disabled={props.disabledConnect}\n              {...buttonProps}\n            >\n              {labels.connectWallet}\n            </StatusInfo>\n          );\n        }\n        if (value <= AccountStatusEnum.NotSignedIn) {\n          return (\n            <StatusInfo\n              size=\"lg\"\n              onClick={() => {\n                onConnectOrderly();\n              }}\n              // fullWidth\n              angle={45}\n              description={descriptions?.signin}\n              {...buttonProps}\n            >\n              {labels.signin}\n            </StatusInfo>\n          );\n        }\n      }}\n      default={\n        <StatusInfo\n          size=\"lg\"\n          // fullWidth\n          description={descriptions?.enableTrading}\n          {...buttonProps}\n          onClick={() => onConnectOrderly()}\n        >\n          {labels.enableTrading}\n        </StatusInfo>\n      }\n    />\n  );\n};\n\nAuthGuard.displayName = \"AuthGuard\";\n\nconst StatusInfo = (\n  props: ButtonProps & {\n    description?: string;\n  },\n) => {\n  const { description, ...buttonProps } = props;\n  return (\n    <Flex direction={\"column\"}>\n      <Button {...buttonProps}></Button>\n      {!!description && (\n        <Box mt={4} className=\"oui-leading-none\" style={{ lineHeight: 0 }}>\n          <Text size=\"2xs\" intensity={36}>\n            {description}\n          </Text>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nexport { AuthGuard };\n","import { PropsWithChildren, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext, useDataTap } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  DataTable,\n  DataTableProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { alertMessages, AuthGuard } from \"./authGuard\";\n\nexport const AuthGuardDataTable = <RecordType extends unknown>(\n  props: PropsWithChildren<\n    DataTableProps<RecordType> &\n      Omit<GuardViewProps, \"status\"> & {\n        status?: AccountStatusEnum;\n        classNames?: DataTableProps<RecordType>[\"classNames\"] & {\n          authGuardDescription?: string;\n        };\n      }\n  >,\n) => {\n  const {\n    status,\n    // message,\n    labels,\n    description,\n    dataSource,\n    ...rest\n  } = props;\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const data = useDataTap(dataSource, {\n    accountStatus: _status,\n  });\n\n  const ignoreLoadingCheck =\n    wrongNetwork ||\n    disabledConnect ||\n    state.status < _status ||\n    props.ignoreLoadingCheck;\n\n  return (\n    <DataTable\n      dataSource={data}\n      ignoreLoadingCheck={ignoreLoadingCheck}\n      emptyView={\n        <GuardView\n          status={_status}\n          description={description}\n          labels={labels}\n          className={props.classNames?.authGuardDescription}\n          visible={!state.validating}\n        />\n      }\n      manualPagination\n      {...rest}\n    />\n  );\n};\n\ntype GuardViewProps = {\n  status: AccountStatusEnum;\n  description?: alertMessages;\n  labels?: alertMessages;\n  className?: string;\n  visible?: boolean;\n};\n\nconst GuardView = (props: GuardViewProps) => {\n  const { t } = useTranslation();\n\n  const DESCRIPTIONS: alertMessages = {\n    connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n    switchChain: t(\"connector.wrongNetwork.tooltip\"),\n    enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n    signin: t(\"connector.trade.createAccount.tooltip\"),\n  };\n\n  const descriptions = { ...DESCRIPTIONS, ...props.description };\n  if (!props.visible) return null;\n  return (\n    <Flex py={8}>\n      <AuthGuard\n        status={props.status}\n        labels={props.labels}\n        descriptions={descriptions}\n        buttonProps={{\n          size: \"md\",\n        }}\n      >\n        <ExtensionSlot position={ExtensionPositionEnum.EmptyDataIdentifier} />\n      </AuthGuard>\n    </Flex>\n  );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Box, EmptyDataState } from \"@orderly.network/ui\";\nimport { AuthGuard } from \"./authGuard\";\n\ntype AuthGuardProps = {\n  hint?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n  status?: AccountStatusEnum;\n};\n\nconst AuthGuardEmpty = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n  const {\n    hint = {\n      connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n      signIn: t(\"connector.trade.createAccount.tooltip\"),\n      enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n    status,\n  } = props;\n\n  return (\n    <Box my={8}>\n      <AuthGuard\n        status={status}\n        descriptions={{ ...hint, switchChain: hint.wrongNetwork }}\n      >\n        {props.children || <EmptyDataState />}\n      </AuthGuard>\n    </Box>\n  );\n};\n\nAuthGuardEmpty.displayName = \"AuthGuardEmpty\";\n\nexport { AuthGuardEmpty };\n","import { PropsWithChildren, useMemo, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Tooltip } from \"@orderly.network/ui\";\n\ntype AuthGuardProps = {\n  content?: string;\n  align?: \"center\" | \"end\" | \"start\";\n  alignOffset?: number;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  opactiy?: number;\n  tooltip?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n};\n\nconst AuthGuardTooltip = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n\n  const {\n    opactiy = 90,\n    tooltip = {\n      connectWallet: t(\"connector.setUp.connectWallet.tooltip\"),\n      signIn: t(\"connector.setUp.createAccount.tooltip\"),\n      enableTrading: t(\"connector.setUp.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n  } = props;\n\n  const [open, setOpen] = useState(false);\n  const { state } = useAccount();\n  const isSupport = true;\n  const { wrongNetwork } = useAppContext();\n\n  const hint = useMemo(() => {\n    if (wrongNetwork) {\n      return tooltip?.wrongNetwork;\n    }\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n        return tooltip?.connectWallet;\n      case AccountStatusEnum.NotSignedIn:\n        return tooltip?.signIn;\n      case AccountStatusEnum.DisabledTrading:\n        return tooltip?.enableTrading;\n      case AccountStatusEnum.EnableTrading: {\n        return \"\";\n      }\n      default:\n        return props.content;\n    }\n  }, [props.content, state, isSupport, tooltip]);\n\n  const newOpacity = useMemo(() => {\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n      case AccountStatusEnum.NotSignedIn:\n        return opactiy;\n      case AccountStatusEnum.EnableTrading: {\n        return undefined;\n      }\n      default:\n        return undefined;\n    }\n  }, [props.opactiy, state, isSupport]);\n\n  return (\n    <Tooltip\n      open={hint ? open : false}\n      onOpenChange={setOpen}\n      content={hint}\n      className=\"oui-text-2xs\"\n      align={props.align}\n      alignOffset={props.alignOffset}\n      side={props.side}\n      sideOffset={props.sideOffset}\n    >\n      <div\n        style={{\n          opacity: newOpacity,\n        }}\n      >\n        {props.children}\n      </div>\n    </Tooltip>\n  );\n};\n\nAuthGuardTooltip.displayName = \"AuthGuardTooltip\";\n\nexport { AuthGuardTooltip };\n"]}
+{"version":3,"sources":["../src/component/walletConnectorContent.tsx","../src/component/step.tsx","../src/component/walletConnector.tsx","../src/component/useWalletConnectorBuilder.ts","../src/component/authGuard.tsx","../src/component/authGuardDataTable.tsx","../src/component/authGuardEmpty.tsx","../src/component/authGuardTooltip.tsx"],"names":["useEffect","useMemo","useRef","useState","useAccount","useEventEmitter","useLocalStorage","useStorageLedgerAddress","useWalletConnector","i18n","useTranslation","AccountStatusEnum","ChainNamespace","Box","Button","capitalizeFirstLetter","Divider","Flex","inputFormatter","modal","Switch","Text","TextField","toast","Tooltip","CheckedCircleFillIcon","cn","Spinner","jsx","jsxs","StepItem","props","title","description","Identifier","active","isLoading","isCompleted","Dot","className","WalletConnectContent","initAccountState","remember","setRemember","ee","t","disconnect","namespace","accountState","account","state","setState","activeStep","setActiveStep","loading","setLoading","showLedgerButton","setShowLedgerButton","ledgerWallet","setLedgerAddress","handleRef","firstShowDialog","steps","onEnableTrading","res","step","reject","paseErrorMsg","e","onDisconnect","onSignIn","index","ReferralCode","RememberMe","ActionButton","DisconnectIcon","signIn","enableTrading","disabled","WithLedgerButton","onClick","content","address","_value","value","char","showRememberHint","key","msg","registerSimpleDialog","registerSimpleSheet","useGetReferralCode","useLazyQuery","useMutation","useWalletConnectorBuilder","createOrderlyKey","createAccount","refCode","setRefCode","helpText","setHelpText","verifyRefCode","referral_code","bindRefCode","updateOrderError","updateMutating","enableTradingComplted","checkRefCode","exist","showRefCodeInput","info","WalletConnectorModalId","WalletConnectorSheetId","WalletConnectorWidget","useMediaQuery","useAppContext","MEDIA_TABLET","Either","useScreen","ChainSelectorDialogId","ChainSelectorSheetId","AuthGuard","status","buttonProps","fallback","descriptions","classNames","networkId","id","bridgeLessOnly","wrongNetwork","disabledConnect","_status","labels","Left","StatusInfo","DefaultFallback","ModalTitle","connectWallet","isMobile","matches","onConnectOrderly","r","error","onConnectWallet","switchChain","useDataTap","ExtensionPositionEnum","ExtensionSlot","DataTable","AuthGuardDataTable","dataSource","children","rest","data","ignoreLoadingCheck","GuardView","EmptyDataState","AuthGuardEmpty","hint","AuthGuardTooltip","opactiy","tooltip","open","setOpen","isSupport","newOpacity"],"mappings":"AAAA,OAAwB,aAAAA,EAAW,WAAAC,GAAS,UAAAC,GAAQ,YAAAC,MAAgB,QACpE,OACE,cAAAC,GACA,mBAAAC,GACA,mBAAAC,GACA,2BAAAC,GACA,sBAAAC,OACK,yBACP,OAAS,QAAAC,GAAM,kBAAAC,MAAsB,wBACrC,OACE,qBAAAC,EACA,kBAAAC,OAEK,yBACP,OACE,OAAAC,EACA,UAAAC,EACA,yBAAAC,GACA,WAAAC,GACA,QAAAC,EACA,kBAAAC,GACA,SAAAC,GACA,UAAAC,GACA,QAAAC,EACA,aAAAC,GACA,SAAAC,GACA,WAAAC,OACK,sBCzBP,OACE,OAAAX,EACA,yBAAAY,GACA,MAAAC,GACA,WAAAC,GACA,QAAAN,MACK,sBAcD,OACE,OAAAO,EADF,QAAAC,OAAA,oBAJC,IAAMC,GAAYC,GAAyB,CAChD,GAAM,CAAE,MAAAC,EAAO,YAAAC,CAAY,EAAIF,EAC/B,OACEF,GAAChB,EAAA,CAAI,SAAS,WAAW,UAAU,WACjC,UAAAgB,GAAChB,EAAA,CACC,UAAAe,EAACP,EAAA,CAAK,GAAG,MAAM,UAAW,GAAI,KAAM,KACjC,SAAAW,EACH,EACAJ,EAACP,EAAA,CAAK,GAAG,MAAM,UAAW,GAAI,KAAM,MACjC,SAAAY,EACH,GACF,EACAL,EAAC,OAAI,UAAU,6CACb,SAAAA,EAACM,GAAA,CAAY,GAAGH,EAAO,EACzB,GACF,CAEJ,EAEMG,GAAcH,GAId,CACJ,GAAM,CAAE,OAAAI,EAAQ,UAAAC,EAAW,YAAAC,CAAY,EAAIN,EAE3C,OAAIK,EACKR,EAACD,GAAA,CAAQ,KAAM,KAAM,UAAW,WAAY,EAGjDU,EACKT,EAACH,GAAA,CAAsB,QAAS,EAAG,UAAU,mBAAmB,EAGlEG,EAACU,GAAA,CAAI,OAAQ,CAAC,CAACH,EAAQ,CAkChC,EAEMG,GAAmD,CAAC,CACxD,OAAAH,EACA,UAAAI,CACF,IAEIX,EAAC,OACC,UAAWF,GACT,iEACAa,EACAJ,EAAS,uBAAyB,eACpC,EACF,EDsGE,cAAAP,EAGA,QAAAC,MAHA,oBA9JC,IAAMW,EAAwBT,GAAqC,CACxE,GAAM,CAAE,iBAAAU,EAAmB9B,EAAkB,YAAa,EAAIoB,EACxD,CAACW,EAAUC,CAAW,EAAIxC,EAAS,EAAI,EACvCyC,EAAKvC,GAAgB,EACrB,CAAE,EAAAwC,CAAE,EAAInC,EAAe,EACvB,CAAE,WAAAoC,EAAY,UAAAC,CAAU,EAAIvC,GAAmB,EAE/C,CAAE,MAAOwC,EAAc,QAAAC,CAAQ,EAAI7C,GAAW,EAC9C,CAAC8C,EAAOC,CAAQ,EAAIhD,EAASsC,CAAgB,EAC7C,CAACW,EAAYC,CAAa,EAAIlD,EAAS,CAAC,EACxC,CAACmD,EAASC,CAAU,EAAIpD,EAAS,EAAK,EACtC,CAACqD,EAAkBC,CAAmB,EAAItD,EAAS,EAAK,EACxD,CAAE,aAAAuD,EAAc,iBAAAC,EAAiB,EAAIpD,GAAwB,EAC7DqD,EAAY1D,GAAO,CAAC,EACpB,CAAC2D,CAAe,EAAIvD,GACxB,6CACA,MACF,EACAN,EAAU,IACD,IAAM,CACX,aAAa,QAAQ,6CAA8C,GAAG,CACxE,EACC,CAAC,CAAC,EAELA,EAAU,IAAM,CACdmD,EAASH,EAAa,MAAM,CAC9B,EAAG,CAACA,CAAY,CAAC,EAEjB,IAAMc,EAAQ7D,GAAQ,IAAM,CAC1B,IAAM6D,EAAQ,CAAC,EACf,OAAIrB,EAAmB9B,EAAkB,UACvCmD,EAAM,KAAK,CACT,IAAK,SACL,MAAOjB,EAAE,yBAAyB,EAClC,YAAaA,EAAE,qCAAqC,CACtD,CAAC,EAGCJ,EAAmB9B,EAAkB,eACvCmD,EAAM,KAAK,CACT,IAAK,gBACL,MAAOjB,EAAE,yBAAyB,EAClC,YAAaA,EAAE,qCAAqC,CACtD,CAAC,EAGIiB,CACT,EAAG,CAACrB,EAAkBI,CAAC,CAAC,EAExB7C,EAAU,IAAM,CACd,GAAI+C,GAAanC,GAAe,OAAQ,CACtC6C,EAAoB,EAAK,EACzB,MACF,CACA,GAAI,CAACC,EAAc,CACjBD,EAAoB,EAAI,EACxB,MACF,CACA,GAAIC,GAAgBT,EAAQ,SACtB,CAACS,EAAa,SAAST,EAAQ,OAAO,EAAG,CAC3CQ,EAAoB,EAAI,EACxB,MACF,CAEFA,EAAoB,EAAK,CAC3B,EAAG,CAACV,EAAWE,EAAQ,QAASS,CAAY,CAAC,EAE7C,IAAMK,EAAkB,KACtBR,EAAW,EAAI,EACRxB,EACJ,cAAcW,CAAQ,EACtB,KACC,MAAOsB,GAAQ,CACbJ,EAAU,UAEVL,EAAW,EAAK,EAChBF,EAAeY,GAASA,EAAO,CAAC,EAChC,GAAI,CACF,MAAMlC,EAAM,wBAAwB,CACtC,MAAY,CAAC,CACT,OAAOA,EAAM,aAAgB,WAC/BA,EAAM,YAAY,EACT,OAAOA,EAAM,OAAU,YAChCA,EAAM,MAAM,CAGhB,EACCmC,GAAW,CAEV,GADAX,EAAW,EAAK,EACZW,IAAW,GAEf,IACEA,EAAO,QAAQ,QACb,6DACF,IAAM,GACN,CACAtB,EAAG,KAAK,wCAAyC,CAC/C,QAASsB,EAAO,QAChB,YAAajB,EAAQ,OACvB,CAAC,EACD,MACF,CACA1B,GAAM,MAAM4C,GAAaD,CAAM,CAAC,EAClC,CACF,EACC,MAAOE,GAAM,CAEZb,EAAW,EAAK,CAClB,CAAC,GAGCc,GAAe,SAAY,CAC/B,aAAa,WAAW,qBAAqB,EAC7CvB,EAAW,CACT,MAAQI,EAAyB,eAAe,IAClD,CAAC,EAAE,KAAK,IAAM,CACZD,EAAQ,WAAW,EACf,OAAOlB,EAAM,OAAU,YACzBA,EAAM,MAAM,CAEhB,CAAC,CACH,EAEMuC,GAAW,KACff,EAAW,EAAI,EACRxB,EACJ,OAAO,EACP,KACEiC,GAAQ,CACPX,EAAeY,GAASA,EAAO,CAAC,EAChCF,EAAgB,CAClB,EACCG,GAAW,CAGV,GAFAX,EAAW,EAAK,EAEZW,IAAW,GACf,IACEA,EAAO,QAAQ,QACb,6DACF,IAAM,GACN,CACAtB,EAAG,KAAK,wCAAyC,CAC/C,QAASsB,EAAO,QAChB,YAAajB,EAAQ,OACvB,CAAC,EACD,MACF,CAEA1B,GAAM,MAAM4C,GAAaD,CAAM,CAAC,EAClC,CACF,EACC,MAAOE,GAAM,CACZb,EAAW,EAAK,CAClB,CAAC,GAGL,OACE1B,EAAChB,EAAA,CAAI,GAAG,oCAAoC,UAAU,oBACpD,UAAAe,EAACP,EAAA,CAAK,UAAW,GAAI,KAAK,KACvB,SAAAwB,EAAE,mBAAmB,EACxB,EACAhB,EAAChB,EAAA,CACC,EAAG,EACH,GAAI,EACJ,UAAW,IACX,EAAE,KACF,UAAU,gBACV,SAAU,WAET,UAAAiD,EAAM,IAAI,CAACG,EAAMM,IAEd3C,EAACE,GAAA,CACC,MAAOmC,EAAK,MACZ,YAAaA,EAAK,YAClB,YAAab,EAAamB,EAE1B,OAAQnB,IAAemB,EACvB,UAAWjB,GAAWF,IAAemB,GAFhCN,EAAK,GAGZ,CAEH,EACAH,EAAM,OAAS,GACdlC,EAACf,EAAA,CACC,SAAU,WACV,OAAQ,OACR,KAAM,GACN,IAAK,GACL,OAAQ,EAER,SAAAe,EAACZ,GAAA,CACC,UAAW,SACX,UAAW,WACX,UAAW,GACX,UAAU,aACZ,EACF,GAEJ,EACCe,EAAM,kBAAoB+B,EAAM,QAAU,GACzClC,EAAC4C,GAAA,CAAc,GAAGzC,EAAO,EAE1B8B,GACChC,EAACZ,EAAA,CAAK,QAAS,UAAW,UAAW,SACnC,UAAAW,EAAC6C,GAAA,EAAW,EACZ7C,EAACR,GAAA,CACC,MAAO,UACP,QAASsB,EACT,gBAAiBC,EACjB,SAAUW,EACV,UAAU,6CACZ,GACF,EAEF1B,EAACX,EAAA,CAAK,QAAS,SAAU,GAAI,EAAG,UAAU,aACxC,SAAAW,EAACf,EAAA,CAAI,UAAU,aACb,SAAAe,EAAC8C,GAAA,CACC,MAAOxB,EACP,OAAQoB,GACR,cAAeP,EACf,QAAST,EACT,SAAUJ,GAASvC,EAAkB,cACrC,iBAAkB6C,EACpB,EACF,EACF,EACCN,EAAQvC,EAAkB,cACzBkB,EAACZ,EAAA,CACC,QAAS,SACT,GAAI,EACJ,IAAK,EACL,UAAU,gCACV,QAASoD,GAET,UAAAzC,EAAC+C,GAAA,EAAe,EAChB/C,EAACP,EAAA,CAAK,UAAU,wCACb,SAAAwB,EAAE,4BAA4B,EACjC,GACF,GAEJ,CAEJ,EAEM8B,GAAiB,IAEnB/C,EAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,SAAAA,EAAC,QACC,EAAE,o5BACF,KAAK,QACL,YAAY,MACd,EACF,EAIE8C,GAOD,CAAC,CACJ,MAAAxB,EACA,OAAA0B,EACA,cAAAC,EACA,QAAAvB,EACA,SAAAwB,EACA,iBAAAtB,CACF,IAAM,CACJ,GAAM,CAAE,EAAAX,CAAE,EAAInC,EAAe,EAE7B,OAAIwC,GAASvC,EAAkB,YAE3BkB,EAACZ,EAAA,CAAK,UAAW,SAAU,IAAK,EAAG,UAAU,aAC3C,UAAAW,EAACd,EAAA,CACC,UAAS,GACT,QAAS,IAAM8D,EAAO,EACtB,QAAStB,EACT,SAAUwB,EAET,SAAAjC,EAAE,yBAAyB,EAC9B,EACCW,GACC5B,EAACmD,GAAA,CACC,QAAS,IAAMH,EAAO,EACtB,QAAS/B,EAAE,mCAAmC,EAChD,GAEJ,EAKFhB,EAACZ,EAAA,CAAK,UAAW,SAAU,IAAK,EAAG,UAAU,aAC3C,UAAAW,EAACd,EAAA,CACC,UAAS,GACT,QAAS,IAAM+D,EAAc,EAC7B,QAASvB,EACT,SAAUwB,EAET,SAAAjC,EAAE,yBAAyB,EAC9B,EACCW,GACC5B,EAACmD,GAAA,CACC,QAAS,IAAMF,EAAc,EAC7B,SAAUC,EACV,QAASjC,EAAE,mCAAmC,EAChD,GAEJ,CAoDJ,EAEMkC,GAAmB,CAAC,CACxB,QAAAC,EACA,SAAAF,EACA,QAAAG,CACF,IAIM,CACJ,GAAM,CAAE,EAAApC,CAAE,EAAInC,EAAe,EACvB,CAAE,MAAAwC,CAAM,EAAI9C,GAAW,EACvB8E,EAAUhC,EAAM,QAChB,CAAE,iBAAAS,CAAiB,EAAIpD,GAAwB,EACrD,OAAK2E,EAEHtD,EAACd,EAAA,CACC,QAAQ,WACR,MAAM,UACN,UAAS,GACT,QAAS,IAAM,CACb6C,EAAiBuB,CAAO,EACxBF,EAAQ,CACV,EACA,SAAUF,EACV,UAAU,aAET,SAAAG,EACH,EAdmB,IAgBvB,EAEMT,GAA+CzC,GAAU,CAC7D,GAAM,CAAE,CAAE,EAAIrB,EAAe,EAE7B,OACEkB,EAACN,GAAA,CACC,YAAa,EAAE,oCAAoC,EACnD,UAAS,GACT,MAAM,GACN,MAAOS,EAAM,QACb,SAAWqC,GAAM,CACf,IAAMe,EAASf,EAAE,OAAO,MAAM,YAAY,EAAE,QAAQ,aAAc,EAAE,EACpErC,EAAM,WAAWoD,CAAM,CACzB,EACA,WAAY,CACV,MAAO,wCACP,MAAO,+DACT,EACA,WAAY,CACVjE,GAAe,0BAA2BkE,GACjC,OAAOA,CAAK,EAAE,QAAQ,SAAWC,GACtCA,EAAK,YAAY,CACnB,CACD,EACDnE,GAAe,0BAA0B,YAAY,CACvD,EACA,QAAS,IAAM,CACba,EAAM,WAAW,EAAE,CACrB,EACA,aAAa,MACb,SAAUA,EAAM,SAChB,UAAU,WACV,MAAOA,EAAM,SAAW,SAAW,OACrC,CAEJ,EAEM0C,GAAa,IAAM,CACvB,GAAM,CAAE,EAAA5B,CAAE,EAAInC,EAAe,EAEvB4E,EAAmB,IAAM,CACzB,OAAO,WAAa,KACxBnE,GAAM,MAAM,CACV,MAAO0B,EAAE,sBAAsB,EAC/B,QACEjB,EAAC,QAAK,UAAU,yCACb,SAAAiB,EAAE,kCAAkC,EACvC,CAEJ,CAAC,CACH,EACA,OACEjB,EAACJ,GAAA,CACC,QAASqB,EAAE,kCAAkC,EAC7C,UAAU,oBAEV,SAAAjB,EAAC,UAAO,QAAS0D,EACf,SAAA1D,EAACP,EAAA,CACC,UAAW,GACX,KAAM,KACN,UACE,6FAGD,SAAAwB,EAAE,sBAAsB,EAC3B,EACF,EACF,CAEJ,EAEA,SAASsB,GAAaD,EAAqB,CAGzC,OAAO,KAAKA,CAAM,EAAE,QAASqB,GAAQ,CAErC,CAAC,EACD,IAAIC,EAAM/E,GAAK,EAAE,8BAA8B,EAU/C,OAAIyD,EAAO,SAAS,EAAE,SAAS,UAAU,IACvCsB,EAAM/E,GAAK,EAAE,wBAAwB,GAGhCM,GAAsByE,CAAG,GAAKA,CACvC,CEvhBA,OAAS,wBAAAC,GAAsB,uBAAAC,OAA2B,sBCA1D,OAAS,aAAA1F,GAAW,YAAAG,OAAgB,QACpC,OACE,cAAAC,GACA,sBAAAuF,GACA,gBAAAC,GACA,eAAAC,OACK,yBACP,OAAS,SAAAtE,OAAa,sBACtB,OAAS,kBAAAb,OAAsB,wBAExB,IAAMoF,EAA4B,IAAM,CAC7C,GAAM,CAAE,QAAA7C,EAAS,MAAAC,EAAO,iBAAA6C,EAAkB,cAAAC,CAAc,EAAI5F,GAAW,EACjE,CAAC6F,EAASC,CAAU,EAAI/F,GAAS,EAAE,EACnC,CAACgG,EAAUC,CAAW,EAAIjG,GAAS,EAAE,EACrC,CAAE,EAAA0C,CAAE,EAAInC,GAAe,EAEvB,CAAE,QAAS2F,CAAc,EAAIT,GACjC,qDAAqDK,CAAO,EAC9D,EAEAjG,GAAU,IAAM,CACd,IAAMiG,EAAU,aAAa,QAAQ,eAAe,EAChDA,GAAW,MACbC,EAAWD,CAAO,CAEtB,EAAG,CAAC,CAAC,EAEL,GAAM,CAAE,cAAAK,EAAe,UAAAlE,CAAU,EAAIuD,GAAmB1C,EAAQ,SAAS,EAEnE,CAACsD,EAAa,CAAE,MAAOC,EAAkB,WAAYC,CAAe,CAAC,EACzEZ,GAAY,oBAAqB,MAAM,EAEzC7F,GAAU,IAAM,CACViG,EAAQ,SAAW,GACrBG,EAAY,EAAE,CAElB,EAAG,CAACH,CAAO,CAAC,EAEZ,IAAMS,EAAwB,IAAM,CAClCnF,GAAM,QAAQsB,EAAE,2BAA2B,CAAC,EAExCoD,EAAQ,QAAU,GAAKA,EAAQ,QAAU,IAC3CM,EAAY,CAAE,cAAeN,CAAQ,CAAC,EAAE,QAAQ,IAAM,CACpD,aAAa,WAAW,eAAe,CACzC,CAAC,CACL,EAEMU,EAAe,SAAyC,CAC5D,GAAIV,EAAQ,SAAW,EAAG,OAAO,QAAQ,QAAQ,MAAS,EAE1D,GAAIA,EAAQ,OAAS,IAAMA,EAAQ,OAAS,GAAKA,EAAQ,OAAS,IAChE,OAAO,QAAQ,QAAQpD,EAAE,gCAAgC,CAAC,EAG5D,GAAM,CAAE,MAAA+D,CAAM,EAAI,MAAMP,EAAc,EAEtC,OAAIO,IAAU,GACL,QAAQ,QAAQ/D,EAAE,iCAAiC,CAAC,EAGtD,QAAQ,QAAQ,MAAS,CAClC,EAEMgE,GAAoBP,GAAe,QAAU,KAAO,GAAK,CAAClE,EAE1DwC,EAAS,SAAY,CACzB,GAAIiC,EAAkB,CACpB,IAAMC,EAAO,MAAMH,EAAa,EAChC,GAAI,OAAOG,EAAS,IAClB,OAAAV,EAAYU,CAAI,EACT,QAAQ,OAAO,EAAE,CAE5B,CACA,OAAAV,EAAY,EAAE,EACPJ,EAAc,CACvB,EAcA,MAAO,CACL,cAboB,MAAOtD,GAAsB,CACjD,GAAImE,EAAkB,CACpB,IAAMC,EAAO,MAAMH,EAAa,EAChC,GAAI,OAAOG,EAAS,IAClB,OAAAV,EAAYU,CAAI,EACT,QAAQ,OAAO,EAAE,CAE5B,CACA,OAAAV,EAAY,EAAE,EACPL,EAAiBrD,CAAQ,CAClC,EAIE,iBAAkBQ,EAAM,OACxB,OAAA0B,EACA,sBAAA8B,EACA,QAAAT,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAU,CACF,CACF,EDhGA,OAAS,QAAApG,OAAY,wBAOZ,cAAAmB,OAAA,oBALF,IAAMmF,EAAyB,kBACzBC,EAAyB,uBAEzBC,EAAyBlF,GAAe,CACnD,IAAMmB,EAAQ4C,EAA0B,EACxC,OAAOlE,GAACY,EAAA,CAAsB,GAAGU,EAAQ,GAAGnB,EAAO,CACrD,EAEA0D,GAAqBsB,EAAwBE,EAAuB,CAClE,KAAM,KACN,MAAO,IAAMxG,GAAK,EAAE,yBAAyB,CAC/C,CAAC,EAEDiF,GAAoBsB,EAAwBC,EAAuB,CACjE,MAAO,IAAMxG,GAAK,EAAE,yBAAyB,CAC/C,CAAC,EEpBD,OAA0C,WAAAR,OAAe,QACzD,OAAS,cAAAG,EAAY,iBAAA8G,OAAqB,yBAC1C,OAAS,kBAAAxG,MAAsB,wBAC/B,OAAS,iBAAAyG,OAAqB,6BAC9B,OACE,qBAAAxG,EACA,gBAAAyG,OAEK,yBACP,OACE,UAAAtG,GACA,UAAAuG,GACA,SAAAlG,GACA,QAAAE,EACA,SAAAE,GACA,aAAA+F,OAEK,sBACP,OAAS,QAAArG,OAAY,sBACrB,OAAS,OAAAJ,OAAW,sBACpB,OACE,yBAAA0G,GACA,wBAAAC,OACK,qCAqGC,cAAA5F,EAqQJ,QAAAC,OArQI,oBAnDR,IAAM4F,EAAa1F,GAA6C,CAC9D,GAAM,CACJ,OAAA2F,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAAC,EACA,eAAAC,CAEF,EAAIlG,EACE,CAAE,EAAAc,CAAE,EAAInC,EAAe,EACvB,CAAE,MAAAwC,CAAM,EAAI9C,EAAW,EACvB,CAAE,aAAA8H,EAAc,gBAAAC,CAAgB,EAAIhB,GAAc,EAElDiB,EAAUnI,GAAQ,IAClByH,IAAW,OACNxE,EAAM,SAAWvC,EAAkB,8BACtCA,EAAkB,8BAClBA,EAAkB,cAEjB+G,EACN,CAACA,EAAQxE,EAAM,MAAM,CAAC,EAEnBmF,EAAS,CACb,cAAexF,EAAE,yBAAyB,EAC1C,YAAaA,EAAE,wBAAwB,EACvC,cAAeA,EAAE,yBAAyB,EAC1C,OAAQA,EAAE,yBAAyB,EACnC,GAAGd,EAAM,MACX,EASMuG,EAAOrI,GAAsB,IAC7B,OAAO2H,EAAa,IACfA,EAAS,CACd,WAAY1E,EAAM,WAClB,OAAQA,EAAM,OACd,aAAAgF,CACF,CAAC,EAGChF,EAAM,YAAc,CAACiF,EAErBvG,EAAC2G,EAAA,CAEC,MAAO,GAEP,SAAQ,GACR,QAAO,GACP,YAAaV,GAAc,cAC3B,GAAIG,EACJ,KAAK,SACJ,GAAGL,EAEH,SAAAU,EAAO,cACV,EAKFzG,EAAC4G,GAAA,CACC,eAAgBP,EAChB,OAAQ/E,EAAM,OACd,YAAa,CAAE,GAAGyE,EAAa,GAAAK,EAAI,KAAM,QAAS,EAClD,aAAcE,EACd,UAAWnG,EAAM,UACjB,OAAQsG,EACR,aAAcR,EACd,gBAAiBM,EACnB,EAED,CAACjF,EAAM,OAAQA,EAAM,WAAYyE,EAAaO,CAAY,CAAC,EAM9D,OACEtG,EAACyF,GAAA,CACC,MAAOnE,EAAM,QAAUkF,GAAW,CAACF,GAAgB,CAACC,EACpD,KAAMG,EAEL,SAAAvG,EAAM,SACT,CAEJ,EAEM0G,GAAa,IAAM,CACvB,GAAM,CAAE,EAAA5F,CAAE,EAAInC,EAAe,EACvB,CAAE,MAAAwC,CAAM,EAAI9C,EAAW,EAC7B,OAAI8C,EAAM,OAASvC,EAAkB,SAC5BiB,EAACP,EAAA,CAAM,SAAAwB,EAAE,yBAAyB,EAAE,EAEzCK,EAAM,OAASvC,EAAkB,cAC5BiB,EAACP,EAAA,CAAM,SAAAwB,EAAE,yBAAyB,EAAE,EAEtCjB,EAACP,EAAA,CAAM,SAAAwB,EAAE,yBAAyB,EAAE,CAC7C,EAEM2F,GAAmBzG,GASnB,CACJ,GAAM,CAAE,YAAA4F,EAAa,OAAAU,EAAQ,aAAAR,CAAa,EAAI9F,EACxC,CAAE,EAAAc,CAAE,EAAInC,EAAe,EACvB,CAAE,cAAAgI,CAAc,EAAIvB,GAAc,EAClC,CAAE,QAAAlE,CAAQ,EAAI7C,EAAW,EACzB,CAAE,SAAAuI,CAAS,EAAIrB,GAAU,EACzBsB,EAAU1B,GAAcE,EAAY,EAEpCyB,EAAmB,IAAM,CAC7B1H,GACG,KAAKyH,EAAU5B,EAAyBD,EAAwB,CAC/D,MAAOnF,EAAC6G,GAAA,EAAW,CACrB,CAAC,EACA,KACEK,GAAG,GACHC,GAAO,EACV,CACJ,EAEMC,EAAkB,SAAY,CAClC,IAAMhF,EAAM,MAAM0E,EAAc,EAE3B1E,IAEDA,EAAI,aACNiF,EAAY,GAGTjF,GAAK,QAAUrD,EAAkB,cAClCA,EAAkB,eAElBkI,EAAiB,EAGvB,EAEMI,EAAc,IAAM,CACxBhG,EAAQ,KAAK,eAAiByE,GAAW,CACnCA,EAAS/G,EAAkB,cAC7BkI,EAAiB,EAEjBtH,GAAM,QAAQsB,EAAE,2BAA2B,CAAC,CAEhD,CAAC,EAED1B,GACG,KAEEwH,EAAWnB,GAAuBD,GAAuB,CAC1D,UAAWxF,EAAM,UACjB,eAAgBA,EAAM,cACxB,CAAC,EACA,KACE+G,GAAM,CACAA,EAAE,cACD/G,EAAM,QAAUpB,EAAkB,YAChCoB,EAAM,OAASpB,EAAkB,cACnCkI,EAAiB,EAEjBtH,GAAM,QAAQsB,EAAE,2BAA2B,CAAC,EAIpD,EACCkG,GAAO,EACV,CACJ,EAEA,OAAIhH,EAAM,cAAgB,CAACA,EAAM,gBAE7BH,EAAC2G,EAAA,CACC,MAAM,UAGN,QAAS,IAAM,CACbU,EAAY,CACd,EACA,YAAapB,GAAc,YAC1B,GAAGF,EAEH,SAAAU,EAAO,YACV,EAIAtG,EAAM,QAAUpB,EAAkB,cAAgBoB,EAAM,gBAExDH,EAAC2G,EAAA,CACC,KAAK,KACL,QAAS,IAAM,CACbS,EAAgB,CAClB,EAEA,QAASjH,EAAM,gBAAkB,OAAY,WAC7C,MAAO,GACP,YAAa8F,GAAc,cAC3B,SAAU9F,EAAM,gBACf,GAAG4F,EAEH,SAAAU,EAAO,cACV,EAIAtG,EAAM,QAAUpB,EAAkB,YAElCiB,EAAC2G,EAAA,CACC,KAAK,KACL,QAAS,IAAM,CACbM,EAAiB,CACnB,EAEA,MAAO,GACP,YAAahB,GAAc,OAC1B,GAAGF,EAEH,SAAAU,EAAO,OACV,EAKFzG,EAAC2G,EAAA,CACC,KAAK,KAEL,YAAaV,GAAc,cAC1B,GAAGF,EACJ,QAAS,IAAMkB,EAAiB,EAE/B,SAAAR,EAAO,cACV,CAuDJ,EAEAZ,EAAU,YAAc,YAExB,IAAMc,EACJxG,GAGG,CACH,GAAM,CAAE,YAAAE,EAAa,GAAG0F,CAAY,EAAI5F,EACxC,OACEF,GAACZ,GAAA,CAAK,UAAW,SACf,UAAAW,EAACd,GAAA,CAAQ,GAAG6G,EAAa,EACxB,CAAC,CAAC1F,GACDL,EAACf,GAAA,CAAI,GAAI,EAAG,UAAU,mBAAmB,MAAO,CAAE,WAAY,CAAE,EAC9D,SAAAe,EAACP,EAAA,CAAK,KAAK,MAAM,UAAW,GACzB,SAAAY,EACH,EACF,GAEJ,CAEJ,EC5YA,OAAmC,WAAAhC,OAAe,QAClD,OAAS,cAAAG,OAAkB,yBAC3B,OAAS,kBAAAM,OAAsB,wBAC/B,OAAS,iBAAAyG,GAAe,cAAA+B,OAAkB,6BAC1C,OAAS,qBAAAvI,MAAyB,yBAClC,OACE,yBAAAwI,GACA,iBAAAC,GACA,aAAAC,OAEK,sBACP,OAAS,QAAApI,OAAY,sBAkDb,cAAAW,MAAA,oBA/CD,IAAM0H,GACXvH,GASG,CACH,GAAM,CACJ,OAAA2F,EAEA,OAAAW,EACA,YAAApG,EACA,WAAAsH,EACA,SAAAC,EACA,GAAGC,CACL,EAAI1H,EACE,CAAE,MAAAmB,CAAM,EAAI9C,GAAW,EACvB,CAAE,aAAA8H,EAAc,gBAAAC,CAAgB,EAAIhB,GAAc,EAElDiB,EAAUnI,GAAQ,IAClByH,IAAW,OACNxE,EAAM,SAAWvC,EAAkB,8BACtCA,EAAkB,8BAClBA,EAAkB,cAEjB+G,EACN,CAACA,EAAQxE,EAAM,MAAM,CAAC,EAEnBwG,EAAOR,GAAWK,EAAY,CAClC,cAAenB,CACjB,CAAC,EAEKuB,EACJzB,GACAC,GACAjF,EAAM,OAASkF,GACfrG,EAAM,mBAER,OACEH,EAACyH,GAAA,CACC,WAAYK,EACZ,mBAAoBC,EACpB,UACE/H,EAACgI,GAAA,CACC,OAAQxB,EACR,YAAanG,EACb,OAAQoG,EACR,UAAWtG,EAAM,YAAY,qBAC7B,QAAS,CAACmB,EAAM,WAClB,EAEF,iBAAgB,GACf,GAAGuG,EAEH,SAAAD,EACH,CAEJ,EAUMI,GAAuC7H,GAAU,CACrD,GAAM,CAAE,CAAE,EAAIrB,GAAe,EASvBmH,EAAe,CAAE,GAPa,CAClC,cAAe,EAAE,uCAAuC,EACxD,YAAa,EAAE,gCAAgC,EAC/C,cAAe,EAAE,uCAAuC,EACxD,OAAQ,EAAE,uCAAuC,CACnD,EAEwC,GAAG9F,EAAM,WAAY,EAC7D,OAAKA,EAAM,QAITH,EAACX,GAAA,CAAK,GAAI,EACR,SAAAW,EAAC6F,EAAA,CACC,OAAQ1F,EAAM,OACd,OAAQA,EAAM,OACd,aAAc8F,EACd,YAAa,CACX,KAAM,IACR,EAEA,SAAAjG,EAACwH,GAAA,CAAc,SAAUD,GAAsB,oBAAqB,EACtE,EACF,EAdO,IAgBX,EChHA,OAAS,kBAAAzI,OAAsB,wBAE/B,OAAS,OAAAG,GAAK,kBAAAgJ,OAAsB,sBA+BT,cAAAjI,MAAA,oBAlB3B,IAAMkI,GAAkB/H,GAA6C,CACnE,GAAM,CAAE,CAAE,EAAIrB,GAAe,EACvB,CACJ,KAAAqJ,EAAO,CACL,cAAe,EAAE,uCAAuC,EACxD,OAAQ,EAAE,uCAAuC,EACjD,cAAe,EAAE,uCAAuC,EACxD,aAAc,EAAE,gCAAgC,CAClD,EACA,OAAArC,CACF,EAAI3F,EAEJ,OACEH,EAACf,GAAA,CAAI,GAAI,EACP,SAAAe,EAAC6F,EAAA,CACC,OAAQC,EACR,aAAc,CAAE,GAAGqC,EAAM,YAAaA,EAAK,YAAa,EAEvD,SAAAhI,EAAM,UAAYH,EAACiI,GAAA,EAAe,EACrC,EACF,CAEJ,EAEAC,GAAe,YAAc,iBCxC7B,OAA4B,WAAA7J,GAAS,YAAAE,OAAgB,QACrD,OAAS,cAAAC,OAAkB,yBAC3B,OAAS,kBAAAM,OAAsB,wBAC/B,OAAS,iBAAAyG,OAAqB,6BAC9B,OAAS,qBAAAxG,MAAyB,yBAClC,OAAS,WAAAa,OAAe,sBA8ElB,cAAAI,OAAA,oBA7DN,IAAMoI,GAAoBjI,GAA6C,CACrE,GAAM,CAAE,CAAE,EAAIrB,GAAe,EAEvB,CACJ,QAAAuJ,EAAU,GACV,QAAAC,EAAU,CACR,cAAe,EAAE,uCAAuC,EACxD,OAAQ,EAAE,uCAAuC,EACjD,cAAe,EAAE,uCAAuC,EACxD,aAAc,EAAE,gCAAgC,CAClD,CACF,EAAInI,EAEE,CAACoI,EAAMC,CAAO,EAAIjK,GAAS,EAAK,EAChC,CAAE,MAAA+C,CAAM,EAAI9C,GAAW,EACvBiK,EAAY,GACZ,CAAE,aAAAnC,CAAa,EAAIf,GAAc,EAEjC4C,EAAO9J,GAAQ,IAAM,CACzB,GAAIiI,EACF,OAAOgC,GAAS,aAElB,OAAQhH,EAAM,OAAQ,CACpB,KAAKvC,EAAkB,aACrB,OAAOuJ,GAAS,cAClB,KAAKvJ,EAAkB,YACrB,OAAOuJ,GAAS,OAClB,KAAKvJ,EAAkB,gBACrB,OAAOuJ,GAAS,cAClB,KAAKvJ,EAAkB,cACrB,MAAO,GAET,QACE,OAAOoB,EAAM,OACjB,CACF,EAAG,CAACA,EAAM,QAASmB,EAAOmH,EAAWH,CAAO,CAAC,EAEvCI,EAAarK,GAAQ,IAAM,CAC/B,OAAQiD,EAAM,OAAQ,CACpB,KAAKvC,EAAkB,aACvB,KAAKA,EAAkB,YACrB,OAAOsJ,EACT,KAAKtJ,EAAkB,cACrB,OAEF,QACE,MACJ,CACF,EAAG,CAACoB,EAAM,QAASmB,EAAOmH,CAAS,CAAC,EAEpC,OACEzI,GAACJ,GAAA,CACC,KAAMuI,EAAOI,EAAO,GACpB,aAAcC,EACd,QAASL,EACT,UAAU,eACV,MAAOhI,EAAM,MACb,YAAaA,EAAM,YACnB,KAAMA,EAAM,KACZ,WAAYA,EAAM,WAElB,SAAAH,GAAC,OACC,MAAO,CACL,QAAS0I,CACX,EAEC,SAAAvI,EAAM,SACT,EACF,CAEJ,EAEAiI,GAAiB,YAAc","sourcesContent":["import { FC, ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  useAccount,\n  useEventEmitter,\n  useLocalStorage,\n  useStorageLedgerAddress,\n  useWalletConnector,\n} from \"@orderly.network/hooks\";\nimport { i18n, useTranslation } from \"@orderly.network/i18n\";\nimport {\n  AccountStatusEnum,\n  ChainNamespace,\n  LedgerWalletKey,\n} from \"@orderly.network/types\";\nimport {\n  Box,\n  Button,\n  capitalizeFirstLetter,\n  Divider,\n  Flex,\n  inputFormatter,\n  modal,\n  Switch,\n  Text,\n  TextField,\n  toast,\n  Tooltip,\n} from \"@orderly.network/ui\";\nimport { StepItem } from \"./step\";\n\nexport type WalletConnectContentProps = {\n  initAccountState: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: (remember: boolean) => Promise<any>;\n  enableTradingComplted?: () => Promise<void>;\n  onCompleted?: () => void;\n  close?: () => void;\n  refCode: string;\n  setRefCode: React.Dispatch<React.SetStateAction<string>>;\n  helpText?: string;\n  showRefCodeInput: boolean;\n};\n\nexport const WalletConnectContent = (props: WalletConnectContentProps) => {\n  const { initAccountState = AccountStatusEnum.NotConnected } = props;\n  const [remember, setRemember] = useState(true);\n  const ee = useEventEmitter();\n  const { t } = useTranslation();\n  const { disconnect, namespace } = useWalletConnector();\n\n  const { state: accountState, account } = useAccount();\n  const [state, setState] = useState(initAccountState);\n  const [activeStep, setActiveStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [showLedgerButton, setShowLedgerButton] = useState(false);\n  const { ledgerWallet, setLedgerAddress } = useStorageLedgerAddress();\n  const handleRef = useRef(0);\n  const [firstShowDialog] = useLocalStorage(\n    \"orderly-first-show-wallet-connector-dialog\",\n    undefined,\n  );\n  useEffect(() => {\n    return () => {\n      localStorage.setItem(\"orderly-first-show-wallet-connector-dialog\", \"1\");\n    };\n  }, []);\n\n  useEffect(() => {\n    setState(accountState.status);\n  }, [accountState]);\n\n  const steps = useMemo(() => {\n    const steps = [];\n    if (initAccountState < AccountStatusEnum.SignedIn) {\n      steps.push({\n        key: \"signIn\",\n        title: t(\"connector.createAccount\"),\n        description: t(\"connector.createAccount.description\"),\n      });\n    }\n\n    if (initAccountState < AccountStatusEnum.EnableTrading) {\n      steps.push({\n        key: \"enableTrading\",\n        title: t(\"connector.enableTrading\"),\n        description: t(\"connector.enableTrading.description\"),\n      });\n    }\n\n    return steps;\n  }, [initAccountState, t]);\n\n  useEffect(() => {\n    if (namespace != ChainNamespace.solana) {\n      setShowLedgerButton(false);\n      return;\n    }\n    if (!ledgerWallet) {\n      setShowLedgerButton(true);\n      return;\n    }\n    if (ledgerWallet && account.address) {\n      if (!ledgerWallet.includes(account.address)) {\n        setShowLedgerButton(true);\n        return;\n      }\n    }\n    setShowLedgerButton(false);\n  }, [namespace, account.address, ledgerWallet]);\n\n  const onEnableTrading = () => {\n    setLoading(true);\n    return props\n      .enableTrading(remember)\n      .then(\n        async (res) => {\n          handleRef.current++;\n          console.log(res);\n          setLoading(false);\n          setActiveStep((step) => step + 1);\n          try {\n            await props.enableTradingComplted?.();\n          } catch (e) {}\n          if (typeof props.onCompleted === \"function\") {\n            props.onCompleted();\n          } else if (typeof props.close === \"function\") {\n            props.close();\n          }\n          // props.onCompleted?.();\n        },\n        (reject) => {\n          setLoading(false);\n          if (reject === -1) return;\n\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        console.log(\"enable trading catch error\", e);\n        setLoading(false);\n      });\n  };\n\n  const onDisconnect = async () => {\n    localStorage.removeItem(\"orderly_link_device\");\n    disconnect({\n      label: (state as unknown as any).connectWallet?.name,\n    }).then(() => {\n      account.disconnect();\n      if (typeof props.close === \"function\") {\n        props.close();\n      }\n    });\n  };\n\n  const onSignIn = () => {\n    setLoading(true);\n    return props\n      .signIn()\n      .then(\n        (res) => {\n          setActiveStep((step) => step + 1);\n          onEnableTrading();\n        },\n        (reject) => {\n          setLoading(false);\n\n          if (reject === -1) return;\n          if (\n            reject.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: reject.message,\n              userAddress: account.address,\n            });\n            return;\n          }\n\n          toast.error(paseErrorMsg(reject));\n        },\n      )\n      .catch((e) => {\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Box id=\"oui-wallet-connect-dialog-content\" className=\"oui-font-semibold\">\n      <Text intensity={54} size=\"xs\">\n        {t(\"connector.expired\")}\n      </Text>\n      <Box\n        p={4}\n        my={6}\n        intensity={600}\n        r=\"lg\"\n        className=\"oui-space-y-5\"\n        position={\"relative\"}\n      >\n        {steps.map((step, index) => {\n          return (\n            <StepItem\n              title={step.title}\n              description={step.description}\n              isCompleted={activeStep > index}\n              key={step.key}\n              active={activeStep === index}\n              isLoading={loading && activeStep === index}\n            />\n          );\n        })}\n        {steps.length > 1 && (\n          <Box\n            position={\"absolute\"}\n            height={\"38px\"}\n            left={28}\n            top={18}\n            zIndex={0}\n          >\n            <Divider\n              lineStyle={\"dashed\"}\n              direction={\"vertical\"}\n              intensity={16}\n              className=\"oui-h-full\"\n            />\n          </Box>\n        )}\n      </Box>\n      {props.showRefCodeInput && steps.length == 2 && (\n        <ReferralCode {...props} />\n      )}\n      {firstShowDialog && (\n        <Flex justify={\"between\"} itemAlign={\"center\"}>\n          <RememberMe />\n          <Switch\n            color={\"primary\"}\n            checked={remember}\n            onCheckedChange={setRemember}\n            disabled={loading}\n            className=\"data-[state=checked]:oui-bg-primary-darken\"\n          />\n        </Flex>\n      )}\n      <Flex justify={\"center\"} mt={8} className=\"oui-w-full\">\n        <Box className=\"oui-w-full\">\n          <ActionButton\n            state={state}\n            signIn={onSignIn}\n            enableTrading={onEnableTrading}\n            loading={loading}\n            disabled={state >= AccountStatusEnum.EnableTrading}\n            showLedgerButton={showLedgerButton}\n          />\n        </Box>\n      </Flex>\n      {state > AccountStatusEnum.NotConnected && (\n        <Flex\n          justify={\"center\"}\n          mt={4}\n          gap={1}\n          className=\"oui-w-full oui-cursor-pointer\"\n          onClick={onDisconnect}\n        >\n          <DisconnectIcon />\n          <Text className=\"oui-text-base-contrast-80 oui-text-sm\">\n            {t(\"connector.disconnectWallet\")}\n          </Text>\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst DisconnectIcon = () => {\n  return (\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=\"M2.24219 5.24316C2.24219 3.58641 3.58536 2.24316 5.24219 2.24316H8.24219C9.89894 2.24316 11.2422 3.58641 11.2422 5.24316C11.2422 5.65716 10.9062 5.99316 10.4922 5.99316C10.0782 5.99316 9.74219 5.65716 9.74219 5.24316C9.74219 4.41441 9.07094 3.74316 8.24219 3.74316H5.24219C4.41374 3.74316 3.74219 4.41441 3.74219 5.24316V12.7432C3.74219 13.5719 4.41374 14.2432 5.24219 14.2432H8.24219C9.07094 14.2432 9.74219 13.5719 9.74219 12.7432C9.74219 12.3292 10.0782 11.9932 10.4922 11.9932C10.9062 11.9932 11.2422 12.3292 11.2422 12.7432C11.2422 14.3999 9.89894 15.7432 8.24219 15.7432H5.24219C3.58536 15.7432 2.24219 14.3999 2.24219 12.7432V5.24316ZM7.49219 8.99316C7.49219 8.57916 7.82819 8.24316 8.24219 8.24316H13.9144L12.4377 6.74316L13.4922 5.68866L16.2814 8.45391C16.5739 8.74716 16.5739 9.23915 16.2814 9.5324L13.4922 12.2977L12.4377 11.2432L13.9144 9.74316H8.24219C7.82819 9.74316 7.49219 9.40716 7.49219 8.99316Z\"\n        fill=\"white\"\n        fillOpacity=\"0.8\"\n      />\n    </svg>\n  );\n};\n\nconst ActionButton: FC<{\n  state: AccountStatusEnum;\n  signIn: () => Promise<any>;\n  enableTrading: () => Promise<any>;\n  loading: boolean;\n  showLedgerButton?: boolean;\n  disabled?: boolean;\n}> = ({\n  state,\n  signIn,\n  enableTrading,\n  loading,\n  disabled,\n  showLedgerButton,\n}) => {\n  const { t } = useTranslation();\n\n  if (state <= AccountStatusEnum.NotSignedIn) {\n    return (\n      <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n        <Button\n          fullWidth\n          onClick={() => signIn()}\n          loading={loading}\n          disabled={disabled}\n        >\n          {t(\"connector.createAccount\")}\n        </Button>\n        {showLedgerButton && (\n          <WithLedgerButton\n            onClick={() => signIn()}\n            content={t(\"connector.createAccountWithLedger\")}\n          />\n        )}\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n      <Button\n        fullWidth\n        onClick={() => enableTrading()}\n        loading={loading}\n        disabled={disabled}\n      >\n        {t(\"connector.enableTrading\")}\n      </Button>\n      {showLedgerButton && (\n        <WithLedgerButton\n          onClick={() => enableTrading()}\n          disabled={disabled}\n          content={t(\"connector.enableTradingWithLedger\")}\n        />\n      )}\n    </Flex>\n  );\n\n  // return (\n  //   <Match\n  //     value={() => {\n  //       if (state <= AccountStatusEnum.NotSignedIn) {\n  //         return \"signIn\";\n  //       }\n  //       return \"enableTrading\";\n  //     }}\n  //     case={{\n  //       signIn: (\n  //         <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n  //           <Button\n  //             fullWidth\n  //             onClick={() => signIn()}\n  //             loading={loading}\n  //             disabled={disabled}\n  //           >\n  //             {t(\"connector.createAccount\")}\n  //           </Button>\n  //           {showLedgerButton && (\n  //             <WithLedgerButton\n  //               onClick={() => signIn()}\n  //               content={t(\"connector.createAccountWithLedger\")}\n  //             />\n  //           )}\n  //         </Flex>\n  //       ),\n  //       enableTrading: (\n  //         <Flex direction={\"column\"} gap={3} className=\"oui-w-full\">\n  //           <Button\n  //             fullWidth\n  //             onClick={() => enableTrading()}\n  //             loading={loading}\n  //             disabled={disabled}\n  //           >\n  //             {t(\"connector.enableTrading\")}\n  //           </Button>\n  //           {showLedgerButton && (\n  //             <WithLedgerButton\n  //               onClick={() => enableTrading()}\n  //               disabled={disabled}\n  //               content={t(\"connector.enableTradingWithLedger\")}\n  //             />\n  //           )}\n  //         </Flex>\n  //       ),\n  //     }}\n  //   />\n  // );\n};\n\nconst WithLedgerButton = ({\n  onClick,\n  disabled,\n  content,\n}: {\n  onClick: () => void;\n  disabled?: boolean;\n  content: ReactNode;\n}) => {\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const address = state.address;\n  const { setLedgerAddress } = useStorageLedgerAddress();\n  if (!address) return null;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"primary\"\n      fullWidth\n      onClick={() => {\n        setLedgerAddress(address);\n        onClick();\n      }}\n      disabled={disabled}\n      className=\"oui-w-full\"\n    >\n      {content}\n    </Button>\n  );\n};\n\nconst ReferralCode: FC<WalletConnectContentProps> = (props) => {\n  const { t } = useTranslation();\n\n  return (\n    <TextField\n      placeholder={t(\"connector.referralCode.placeholder\")}\n      fullWidth\n      label=\"\"\n      value={props.refCode}\n      onChange={(e) => {\n        const _value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\");\n        props.setRefCode(_value);\n      }}\n      classNames={{\n        label: \"oui-text-base-contrast-54 oui-text-xs\",\n        input: \"placeholder:oui-text-base-contrast-20 placeholder:oui-text-sm\",\n      }}\n      formatters={[\n        inputFormatter.createRegexInputFormatter((value: string | number) => {\n          return String(value).replace(/[a-z]/g, (char: string) =>\n            char.toUpperCase(),\n          );\n        }),\n        inputFormatter.createRegexInputFormatter(/[^A-Z0-9]/g),\n      ]}\n      onClear={() => {\n        props.setRefCode(\"\");\n      }}\n      autoComplete=\"off\"\n      helpText={props.helpText}\n      className=\"oui-mb-4\"\n      color={props.helpText ? \"danger\" : undefined}\n    />\n  );\n};\n\nconst RememberMe = () => {\n  const { t } = useTranslation();\n\n  const showRememberHint = () => {\n    if (window.innerWidth > 768) return;\n    modal.alert({\n      title: t(\"connector.rememberMe\"),\n      message: (\n        <span className=\"oui-text-2xs oui-text-base-contrast/60\">\n          {t(\"connector.rememberMe.description\")}\n        </span>\n      ),\n    });\n  };\n  return (\n    <Tooltip\n      content={t(\"connector.rememberMe.description\")}\n      className=\"oui-max-w-[300px]\"\n    >\n      <button onClick={showRememberHint}>\n        <Text\n          intensity={54}\n          size={\"xs\"}\n          className={\n            \"oui-underline oui-underline-offset-4 oui-decoration-dashed oui-decoration-base-contrast-36\"\n          }\n        >\n          {t(\"connector.rememberMe\")}\n        </Text>\n      </button>\n    </Tooltip>\n  );\n};\n\nfunction paseErrorMsg(reject: any): string {\n  console.log(\"wallet callback error\", reject);\n  console.log(\"message *** \", \"reject keys\", Object.keys(reject));\n  Object.keys(reject).forEach((key) => {\n    console.log(\"key\", key, \"-\", reject[key]);\n  });\n  let msg = i18n.t(\"connector.somethingWentWrong\");\n\n  // if (typeof reject?.info?.error === \"object\" && \"message\" in reject?.info?.error) {\n  //   msg = reject?.info?.error?.message;\n  // }\n\n  // if (typeof reject?.shortMessage === 'string') {\n  //   msg = reject.shortMessage;\n  // }\n\n  if (reject.toString().includes(\"rejected\")) {\n    msg = i18n.t(\"connector.userRejected\");\n  }\n\n  return capitalizeFirstLetter(msg) ?? msg;\n}\n","import { FC } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  Box,\n  CheckedCircleFillIcon,\n  cn,\n  Spinner,\n  Text,\n} from \"@orderly.network/ui\";\n\ntype StepItemProps = {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n  title: string;\n  description: string;\n};\n\nexport const StepItem = (props: StepItemProps) => {\n  const { title, description } = props;\n  return (\n    <Box position=\"relative\" className=\"oui-pl-8\">\n      <Box>\n        <Text as=\"div\" intensity={98} size={\"sm\"}>\n          {title}\n        </Text>\n        <Text as=\"div\" intensity={54} size={\"2xs\"}>\n          {description}\n        </Text>\n      </Box>\n      <div className=\"oui-absolute oui-left-0 oui-top-1 oui-z-10\">\n        <Identifier {...props} />\n      </div>\n    </Box>\n  );\n};\n\nconst Identifier = (props: {\n  active?: boolean;\n  isLoading?: boolean;\n  isCompleted?: boolean;\n}) => {\n  const { active, isLoading, isCompleted } = props;\n\n  if (isLoading) {\n    return <Spinner size={\"sm\"} className={\"oui-ml-1\"} />;\n  }\n\n  if (isCompleted) {\n    return <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />;\n  }\n\n  return <Dot active={!!active} />;\n\n  // return (\n  //   <Match\n  //     className={\"oui-absolute oui-left-0 oui-top-1 oui-z-10\"}\n  //     value={() => {\n  //       if (isCompleted) {\n  //         return \"completed\";\n  //       }\n  //       if (isLoading) {\n  //         return \"loading\";\n  //       }\n\n  //       if (active) {\n  //         return \"active\";\n  //       }\n\n  //       return \"normal\";\n  //     }}\n  //     case={{\n  //       loading: (\n  //         <div>\n  //           <Spinner size={\"sm\"} className={\"oui-ml-1\"} />\n  //         </div>\n  //       ),\n  //       completed: (\n  //         <div>\n  //           <CheckedCircleFillIcon opacity={1} className=\"oui-text-primary\" />\n  //         </div>\n  //       ),\n  //     }}\n  //     default={<Dot active={!!active} />}\n  //   />\n  // );\n};\n\nconst Dot: FC<{ active: boolean; className?: string }> = ({\n  active,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"oui-w-[8.3px] oui-h-[8.3px] oui-rounded-full oui-ml-2 oui-mt-1\",\n        className,\n        active ? \"oui-bg-primary-light\" : \"oui-bg-base-2\",\n      )}\n    />\n  );\n};\n","import { registerSimpleDialog, registerSimpleSheet } from \"@orderly.network/ui\";\nimport { useWalletConnectorBuilder } from \"./useWalletConnectorBuilder\";\nimport { WalletConnectContent } from \"./walletConnectorContent\";\nimport { i18n } from \"@orderly.network/i18n\";\n\nexport const WalletConnectorModalId = \"walletConnector\" as const;\nexport const WalletConnectorSheetId = \"walletConnectorSheet\" as const;\n\nexport const WalletConnectorWidget = (props: any) => {\n  const state = useWalletConnectorBuilder();\n  return <WalletConnectContent {...state} {...props} />;\n};\n\nregisterSimpleDialog(WalletConnectorModalId, WalletConnectorWidget, {\n  size: \"sm\",\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n\nregisterSimpleSheet(WalletConnectorSheetId, WalletConnectorWidget, {\n  title: () => i18n.t(\"connector.connectWallet\"),\n});\n","import { useEffect, useState } from \"react\";\nimport {\n  useAccount,\n  useGetReferralCode,\n  useLazyQuery,\n  useMutation,\n} from \"@orderly.network/hooks\";\nimport { toast } from \"@orderly.network/ui\";\nimport { useTranslation } from \"@orderly.network/i18n\";\n\nexport const useWalletConnectorBuilder = () => {\n  const { account, state, createOrderlyKey, createAccount } = useAccount();\n  const [refCode, setRefCode] = useState(\"\");\n  const [helpText, setHelpText] = useState(\"\");\n  const { t } = useTranslation();\n\n  const { trigger: verifyRefCode } = useLazyQuery(\n    `/v1/public/referral/verify_ref_code?referral_code=${refCode}`\n  );\n\n  useEffect(() => {\n    const refCode = localStorage.getItem(\"referral_code\");\n    if (refCode != null) {\n      setRefCode(refCode);\n    }\n  }, []);\n\n  const { referral_code, isLoading } = useGetReferralCode(account.accountId);\n\n  const [bindRefCode, { error: updateOrderError, isMutating: updateMutating }] =\n    useMutation(\"/v1/referral/bind\", \"POST\");\n\n  useEffect(() => {\n    if (refCode.length === 0) {\n      setHelpText(\"\");\n    }\n  }, [refCode]);\n\n  const enableTradingComplted = () => {\n    toast.success(t(\"connector.walletConnected\"));\n    // validate ref code and bind referral code\n    if (refCode.length >= 4 && refCode.length <= 10)\n      bindRefCode({ referral_code: refCode }).finally(() => {\n        localStorage.removeItem(\"referral_code\");\n      });\n  };\n\n  const checkRefCode = async (): Promise<string | undefined> => {\n    if (refCode.length === 0) return Promise.resolve(undefined);\n\n    if (refCode.length > 0 && (refCode.length < 4 || refCode.length > 10)) {\n      return Promise.resolve(t(\"connector.referralCode.invalid\"));\n    }\n\n    const { exist } = await verifyRefCode();\n\n    if (exist === false) {\n      return Promise.resolve(t(\"connector.referralCode.notExist\"));\n    }\n\n    return Promise.resolve(undefined);\n  };\n\n  const showRefCodeInput = (referral_code?.length || 0) === 0 && !isLoading;\n\n  const signIn = async () => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createAccount();\n  };\n\n  const enableTrading = async (remember: boolean) => {\n    if (showRefCodeInput) {\n      const info = await checkRefCode();\n      if (typeof info !== \"undefined\") {\n        setHelpText(info);\n        return Promise.reject(-1);\n      }\n    }\n    setHelpText(\"\");\n    return createOrderlyKey(remember);\n  };\n\n  return {\n    enableTrading,\n    initAccountState: state.status,\n    signIn,\n    enableTradingComplted,\n    refCode,\n    setRefCode,\n    helpText,\n    showRefCodeInput,\n  } as const;\n};\n","import { PropsWithChildren, ReactElement, useMemo } from \"react\";\nimport { useAccount, useMediaQuery } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport {\n  AccountStatusEnum,\n  MEDIA_TABLET,\n  NetworkId,\n} from \"@orderly.network/types\";\nimport {\n  Button,\n  Either,\n  modal,\n  Text,\n  toast,\n  useScreen,\n  type ButtonProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { Box } from \"@orderly.network/ui\";\nimport {\n  ChainSelectorDialogId,\n  ChainSelectorSheetId,\n} from \"@orderly.network/ui-chain-selector\";\nimport {\n  WalletConnectorModalId,\n  WalletConnectorSheetId,\n} from \"./walletConnector\";\n\ntype ChainProps = {\n  networkId?: NetworkId;\n  bridgeLessOnly?: boolean;\n};\n\nexport type alertMessages = {\n  connectWallet?: string;\n  switchChain?: string;\n  enableTrading?: string;\n  signin?: string;\n};\n\nexport type AuthGuardProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  fallback?: (props: {\n    validating: boolean;\n    status: AccountStatusEnum;\n    wrongNetwork: boolean;\n  }) => ReactElement;\n  // indicator?: ReactElement;\n  /**\n   * Required state to be satisfied\n   * @default AccountStatusEnum.EnableTrading\n   */\n  status?: AccountStatusEnum;\n\n  bridgeLessOnly?: boolean;\n\n  buttonProps?: ButtonProps;\n\n  descriptions?: alertMessages;\n\n  labels?: alertMessages;\n\n  classNames?: {\n    root?: string;\n    description?: string;\n    // button?: string;\n  };\n\n  networkId?: NetworkId;\n\n  // validatingIndicator?: ReactElement;\n};\n\nconst AuthGuard = (props: PropsWithChildren<AuthGuardProps>) => {\n  const {\n    status,\n    buttonProps,\n    fallback,\n    descriptions,\n    classNames,\n    networkId,\n    id,\n    bridgeLessOnly,\n    // ...rest\n  } = props;\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const labels = {\n    connectWallet: t(\"connector.connectWallet\"),\n    switchChain: t(\"connector.wrongNetwork\"),\n    enableTrading: t(\"connector.enableTrading\"),\n    signin: t(\"connector.createAccount\"),\n    ...props.labels,\n  };\n\n  // return Match(state.status)\n  //   .with(AccountStatusEnum.EnableTrading, () => props.children)\n  //   .with(AccountStatusEnum.DisableTrading, () => props.fallback)\n  //   .with(AccountStatusEnum.Validating, () => props.validatingIndicator)\n  //   .otherwise(() => props.fallback);\n  //\n\n  const Left = useMemo<ReactElement>(() => {\n    if (typeof fallback !== \"undefined\") {\n      return fallback({\n        validating: state.validating,\n        status: state.status,\n        wrongNetwork,\n      });\n    }\n\n    if (state.validating && !disabledConnect) {\n      return (\n        <StatusInfo\n          // variant={\"gradient\"}\n          angle={45}\n          // fullWidth\n          disabled\n          loading\n          description={descriptions?.connectWallet}\n          id={id}\n          type=\"button\"\n          {...buttonProps}\n        >\n          {labels.connectWallet}\n        </StatusInfo>\n      );\n    }\n\n    return (\n      <DefaultFallback\n        bridgeLessOnly={bridgeLessOnly}\n        status={state.status}\n        buttonProps={{ ...buttonProps, id, type: \"button\" }}\n        wrongNetwork={wrongNetwork}\n        networkId={props.networkId}\n        labels={labels}\n        descriptions={descriptions}\n        disabledConnect={disabledConnect}\n      />\n    );\n  }, [state.status, state.validating, buttonProps, wrongNetwork]);\n\n  /**\n   * **Important: The chldren component will be rendered only if the status is equal to the required status and the network is correct.**\n   */\n\n  return (\n    <Either\n      value={state.status >= _status && !wrongNetwork && !disabledConnect}\n      left={Left}\n    >\n      {props.children}\n    </Either>\n  );\n};\n\nconst ModalTitle = () => {\n  const { t } = useTranslation();\n  const { state } = useAccount();\n  if (state.status < AccountStatusEnum.SignedIn) {\n    return <Text>{t(\"connector.createAccount\")}</Text>;\n  }\n  if (state.status < AccountStatusEnum.EnableTrading) {\n    return <Text>{t(\"connector.enableTrading\")}</Text>;\n  }\n  return <Text>{t(\"connector.connectWallet\")}</Text>;\n};\n\nconst DefaultFallback = (props: {\n  status: AccountStatusEnum;\n  wrongNetwork: boolean;\n  buttonProps?: ButtonProps;\n  networkId?: NetworkId;\n  labels: alertMessages;\n  bridgeLessOnly?: boolean;\n  descriptions?: alertMessages;\n  disabledConnect?: boolean;\n}) => {\n  const { buttonProps, labels, descriptions } = props;\n  const { t } = useTranslation();\n  const { connectWallet } = useAppContext();\n  const { account } = useAccount();\n  const { isMobile } = useScreen();\n  const matches = useMediaQuery(MEDIA_TABLET);\n\n  const onConnectOrderly = () => {\n    modal\n      .show(matches ? WalletConnectorSheetId : WalletConnectorModalId, {\n        title: <ModalTitle />,\n      })\n      .then(\n        (r) => console.log(r),\n        (error) => console.log(error),\n      );\n  };\n\n  const onConnectWallet = async () => {\n    const res = await connectWallet();\n\n    if (!res) return;\n\n    if (res.wrongNetwork) {\n      switchChain();\n    } else {\n      if (\n        (res?.status ?? AccountStatusEnum.NotConnected) <\n        AccountStatusEnum.EnableTrading\n      ) {\n        onConnectOrderly();\n      }\n    }\n  };\n\n  const switchChain = () => {\n    account.once(\"validate:end\", (status) => {\n      if (status < AccountStatusEnum.EnableTrading) {\n        onConnectOrderly();\n      } else {\n        toast.success(t(\"connector.walletConnected\"));\n      }\n    });\n\n    modal\n      .show<{\n        wrongNetwork: boolean;\n      }>(isMobile ? ChainSelectorSheetId : ChainSelectorDialogId, {\n        networkId: props.networkId,\n        bridgeLessOnly: props.bridgeLessOnly,\n      })\n      .then(\n        (r) => {\n          if (!r.wrongNetwork) {\n            if (props.status >= AccountStatusEnum.Connected) {\n              if (props.status < AccountStatusEnum.EnableTrading) {\n                onConnectOrderly();\n              } else {\n                toast.success(t(\"connector.walletConnected\"));\n              }\n            }\n          }\n        },\n        (error) => console.log(\"[switchChain error]\", error),\n      );\n  };\n\n  if (props.wrongNetwork && !props.disabledConnect) {\n    return (\n      <StatusInfo\n        color=\"warning\"\n        // size=\"md\"\n        // fullWidth\n        onClick={() => {\n          switchChain();\n        }}\n        description={descriptions?.switchChain}\n        {...buttonProps}\n      >\n        {labels.switchChain}\n      </StatusInfo>\n    );\n  }\n\n  if (props.status <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n    return (\n      <StatusInfo\n        size=\"lg\"\n        onClick={() => {\n          onConnectWallet();\n        }}\n        // fullWidth\n        variant={props.disabledConnect ? undefined : \"gradient\"}\n        angle={45}\n        description={descriptions?.connectWallet}\n        disabled={props.disabledConnect}\n        {...buttonProps}\n      >\n        {labels.connectWallet}\n      </StatusInfo>\n    );\n  }\n\n  if (props.status <= AccountStatusEnum.NotSignedIn) {\n    return (\n      <StatusInfo\n        size=\"lg\"\n        onClick={() => {\n          onConnectOrderly();\n        }}\n        // fullWidth\n        angle={45}\n        description={descriptions?.signin}\n        {...buttonProps}\n      >\n        {labels.signin}\n      </StatusInfo>\n    );\n  }\n\n  return (\n    <StatusInfo\n      size=\"lg\"\n      // fullWidth\n      description={descriptions?.enableTrading}\n      {...buttonProps}\n      onClick={() => onConnectOrderly()}\n    >\n      {labels.enableTrading}\n    </StatusInfo>\n  );\n\n  // return (\n  //   <Match\n  //     value={props.status}\n  //     case={(value: AccountStatusEnum) => {\n  //       if (value <= AccountStatusEnum.NotConnected || props.disabledConnect) {\n  //         return (\n  //           <StatusInfo\n  //             size=\"lg\"\n  //             onClick={() => {\n  //               onConnectWallet();\n  //             }}\n  //             // fullWidth\n  //             variant={props.disabledConnect ? undefined : \"gradient\"}\n  //             angle={45}\n  //             description={descriptions?.connectWallet}\n  //             disabled={props.disabledConnect}\n  //             {...buttonProps}\n  //           >\n  //             {labels.connectWallet}\n  //           </StatusInfo>\n  //         );\n  //       }\n  //       if (value <= AccountStatusEnum.NotSignedIn) {\n  //         return (\n  //           <StatusInfo\n  //             size=\"lg\"\n  //             onClick={() => {\n  //               onConnectOrderly();\n  //             }}\n  //             // fullWidth\n  //             angle={45}\n  //             description={descriptions?.signin}\n  //             {...buttonProps}\n  //           >\n  //             {labels.signin}\n  //           </StatusInfo>\n  //         );\n  //       }\n  //     }}\n  //     default={\n  //       <StatusInfo\n  //         size=\"lg\"\n  //         // fullWidth\n  //         description={descriptions?.enableTrading}\n  //         {...buttonProps}\n  //         onClick={() => onConnectOrderly()}\n  //       >\n  //         {labels.enableTrading}\n  //       </StatusInfo>\n  //     }\n  //   />\n  // );\n};\n\nAuthGuard.displayName = \"AuthGuard\";\n\nconst StatusInfo = (\n  props: ButtonProps & {\n    description?: string;\n  },\n) => {\n  const { description, ...buttonProps } = props;\n  return (\n    <Flex direction={\"column\"}>\n      <Button {...buttonProps}></Button>\n      {!!description && (\n        <Box mt={4} className=\"oui-leading-none\" style={{ lineHeight: 0 }}>\n          <Text size=\"2xs\" intensity={36}>\n            {description}\n          </Text>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nexport { AuthGuard };\n","import React, { PropsWithChildren, useMemo } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext, useDataTap } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  DataTable,\n  DataTableProps,\n} from \"@orderly.network/ui\";\nimport { Flex } from \"@orderly.network/ui\";\nimport { alertMessages, AuthGuard } from \"./authGuard\";\n\nexport const AuthGuardDataTable = <RecordType,>(\n  props: PropsWithChildren<\n    DataTableProps<RecordType> &\n      Omit<GuardViewProps, \"status\"> & {\n        status?: AccountStatusEnum;\n        classNames?: DataTableProps<RecordType>[\"classNames\"] & {\n          authGuardDescription?: string;\n        };\n      }\n  >,\n) => {\n  const {\n    status,\n    // message,\n    labels,\n    description,\n    dataSource,\n    children,\n    ...rest\n  } = props;\n  const { state } = useAccount();\n  const { wrongNetwork, disabledConnect } = useAppContext();\n\n  const _status = useMemo(() => {\n    if (status === undefined) {\n      return state.status === AccountStatusEnum.EnableTradingWithoutConnected\n        ? AccountStatusEnum.EnableTradingWithoutConnected\n        : AccountStatusEnum.EnableTrading;\n    }\n    return status;\n  }, [status, state.status]);\n\n  const data = useDataTap(dataSource, {\n    accountStatus: _status,\n  });\n\n  const ignoreLoadingCheck =\n    wrongNetwork ||\n    disabledConnect ||\n    state.status < _status ||\n    props.ignoreLoadingCheck;\n\n  return (\n    <DataTable\n      dataSource={data}\n      ignoreLoadingCheck={ignoreLoadingCheck}\n      emptyView={\n        <GuardView\n          status={_status}\n          description={description}\n          labels={labels}\n          className={props.classNames?.authGuardDescription}\n          visible={!state.validating}\n        />\n      }\n      manualPagination\n      {...rest}\n    >\n      {children}\n    </DataTable>\n  );\n};\n\ntype GuardViewProps = {\n  status: AccountStatusEnum;\n  description?: alertMessages;\n  labels?: alertMessages;\n  className?: string;\n  visible?: boolean;\n};\n\nconst GuardView: React.FC<GuardViewProps> = (props) => {\n  const { t } = useTranslation();\n\n  const DESCRIPTIONS: alertMessages = {\n    connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n    switchChain: t(\"connector.wrongNetwork.tooltip\"),\n    enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n    signin: t(\"connector.trade.createAccount.tooltip\"),\n  };\n\n  const descriptions = { ...DESCRIPTIONS, ...props.description };\n  if (!props.visible) {\n    return null;\n  }\n  return (\n    <Flex py={8}>\n      <AuthGuard\n        status={props.status}\n        labels={props.labels}\n        descriptions={descriptions}\n        buttonProps={{\n          size: \"md\",\n        }}\n      >\n        <ExtensionSlot position={ExtensionPositionEnum.EmptyDataIdentifier} />\n      </AuthGuard>\n    </Flex>\n  );\n};\n","import { PropsWithChildren } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Box, EmptyDataState } from \"@orderly.network/ui\";\nimport { AuthGuard } from \"./authGuard\";\n\ntype AuthGuardProps = {\n  hint?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n  status?: AccountStatusEnum;\n};\n\nconst AuthGuardEmpty = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n  const {\n    hint = {\n      connectWallet: t(\"connector.trade.connectWallet.tooltip\"),\n      signIn: t(\"connector.trade.createAccount.tooltip\"),\n      enableTrading: t(\"connector.trade.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n    status,\n  } = props;\n\n  return (\n    <Box my={8}>\n      <AuthGuard\n        status={status}\n        descriptions={{ ...hint, switchChain: hint.wrongNetwork }}\n      >\n        {props.children || <EmptyDataState />}\n      </AuthGuard>\n    </Box>\n  );\n};\n\nAuthGuardEmpty.displayName = \"AuthGuardEmpty\";\n\nexport { AuthGuardEmpty };\n","import { PropsWithChildren, useMemo, useState } from \"react\";\nimport { useAccount } from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { Tooltip } from \"@orderly.network/ui\";\n\ntype AuthGuardProps = {\n  content?: string;\n  align?: \"center\" | \"end\" | \"start\";\n  alignOffset?: number;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  opactiy?: number;\n  tooltip?: {\n    connectWallet?: string;\n    signIn?: string;\n    enableTrading?: string;\n    wrongNetwork?: string;\n  };\n};\n\nconst AuthGuardTooltip = (props: PropsWithChildren<AuthGuardProps>) => {\n  const { t } = useTranslation();\n\n  const {\n    opactiy = 90,\n    tooltip = {\n      connectWallet: t(\"connector.setUp.connectWallet.tooltip\"),\n      signIn: t(\"connector.setUp.createAccount.tooltip\"),\n      enableTrading: t(\"connector.setUp.enableTrading.tooltip\"),\n      wrongNetwork: t(\"connector.wrongNetwork.tooltip\"),\n    },\n  } = props;\n\n  const [open, setOpen] = useState(false);\n  const { state } = useAccount();\n  const isSupport = true;\n  const { wrongNetwork } = useAppContext();\n\n  const hint = useMemo(() => {\n    if (wrongNetwork) {\n      return tooltip?.wrongNetwork;\n    }\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n        return tooltip?.connectWallet;\n      case AccountStatusEnum.NotSignedIn:\n        return tooltip?.signIn;\n      case AccountStatusEnum.DisabledTrading:\n        return tooltip?.enableTrading;\n      case AccountStatusEnum.EnableTrading: {\n        return \"\";\n      }\n      default:\n        return props.content;\n    }\n  }, [props.content, state, isSupport, tooltip]);\n\n  const newOpacity = useMemo(() => {\n    switch (state.status) {\n      case AccountStatusEnum.NotConnected:\n      case AccountStatusEnum.NotSignedIn:\n        return opactiy;\n      case AccountStatusEnum.EnableTrading: {\n        return undefined;\n      }\n      default:\n        return undefined;\n    }\n  }, [props.opactiy, state, isSupport]);\n\n  return (\n    <Tooltip\n      open={hint ? open : false}\n      onOpenChange={setOpen}\n      content={hint}\n      className=\"oui-text-2xs\"\n      align={props.align}\n      alignOffset={props.alignOffset}\n      side={props.side}\n      sideOffset={props.sideOffset}\n    >\n      <div\n        style={{\n          opacity: newOpacity,\n        }}\n      >\n        {props.children}\n      </div>\n    </Tooltip>\n  );\n};\n\nAuthGuardTooltip.displayName = \"AuthGuardTooltip\";\n\nexport { AuthGuardTooltip };\n"]}

package/dist/styles.css

@@ -1 +1 @@
-.oui-absolute{position:absolute}.oui-left-0{left:0}.oui-top-1{top:.25rem}.oui-z-10{z-index:10}.oui-mb-4{margin-bottom:1rem}.oui-ml-1{margin-left:.25rem}.oui-ml-2{margin-left:.5rem}.oui-mt-1{margin-top:.25rem}.oui-h-\[8\.3px\]{height:8.3px}.oui-h-full{height:100%}.oui-w-\[8\.3px\]{width:8.3px}.oui-min-w-\[144px\]{min-width:144px}.oui-max-w-\[300px\]{max-width:300px}.oui-space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.oui-rounded-full{border-radius:var(--oui-rounded-full,9999px)}.oui-bg-base-2{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-2)/var(--tw-bg-opacity,1))}.oui-bg-primary-light{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-primary-light)/var(--tw-bg-opacity,1))}.oui-pl-8{padding-left:2rem}.oui-text-2xs{font-size:var(--oui-font-size-2xs,.75rem);line-height:1.125rem}.oui-text-xs{font-size:var(--oui-font-size-xs,calc(.875rem - 1px));line-height:1.25rem}.oui-font-semibold{font-weight:600}.oui-leading-none{line-height:1}.oui-text-base-contrast-54{color:rgb(var(--oui-color-base-foreground)/.54)}.oui-text-base-contrast\/60{color:rgb(var(--oui-color-base-foreground)/.6)}.oui-text-primary{--tw-text-opacity:1;color:rgb(var(--oui-color-primary)/var(--tw-text-opacity,1))}.oui-underline{text-decoration-line:underline}.oui-decoration-base-contrast-36{text-decoration-color:rgb(var(--oui-color-base-foreground)/.36)}.oui-decoration-dashed{text-decoration-style:dashed}.oui-underline-offset-4{text-underline-offset:4px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.placeholder\:oui-text-sm::-moz-placeholder{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.placeholder\:oui-text-sm::placeholder{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.placeholder\:oui-text-base-contrast-20::-moz-placeholder{color:rgb(var(--oui-color-base-foreground)/.2)}.placeholder\:oui-text-base-contrast-20::placeholder{color:rgb(var(--oui-color-base-foreground)/.2)}.data-\[state\=checked\]\:oui-bg-primary-darken[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-primary-darken)/var(--tw-bg-opacity,1))}
+.oui-absolute{position:absolute}.oui-left-0{left:0}.oui-top-1{top:.25rem}.oui-z-10{z-index:10}.oui-mb-4{margin-bottom:1rem}.oui-ml-1{margin-left:.25rem}.oui-ml-2{margin-left:.5rem}.oui-mt-1{margin-top:.25rem}.oui-h-\[8\.3px\]{height:8.3px}.oui-h-full{height:100%}.oui-w-\[8\.3px\]{width:8.3px}.oui-w-full{width:100%}.oui-max-w-\[300px\]{max-width:300px}.oui-cursor-pointer{cursor:pointer}.oui-space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.oui-rounded-full{border-radius:var(--oui-rounded-full,9999px)}.oui-bg-base-2{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-2)/var(--tw-bg-opacity,1))}.oui-bg-primary-light{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-primary-light)/var(--tw-bg-opacity,1))}.oui-pl-8{padding-left:2rem}.oui-text-2xs{font-size:var(--oui-font-size-2xs,.75rem);line-height:1.125rem}.oui-text-sm{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.oui-text-xs{font-size:var(--oui-font-size-xs,calc(.875rem - 1px));line-height:1.25rem}.oui-font-semibold{font-weight:600}.oui-leading-none{line-height:1}.oui-text-base-contrast-54{color:rgb(var(--oui-color-base-foreground)/.54)}.oui-text-base-contrast-80{color:rgb(var(--oui-color-base-foreground)/.8)}.oui-text-base-contrast\/60{color:rgb(var(--oui-color-base-foreground)/.6)}.oui-text-primary{--tw-text-opacity:1;color:rgb(var(--oui-color-primary)/var(--tw-text-opacity,1))}.oui-underline{text-decoration-line:underline}.oui-decoration-base-contrast-36{text-decoration-color:rgb(var(--oui-color-base-foreground)/.36)}.oui-decoration-dashed{text-decoration-style:dashed}.oui-underline-offset-4{text-underline-offset:4px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.placeholder\:oui-text-sm::-moz-placeholder{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.placeholder\:oui-text-sm::placeholder{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.placeholder\:oui-text-base-contrast-20::-moz-placeholder{color:rgb(var(--oui-color-base-foreground)/.2)}.placeholder\:oui-text-base-contrast-20::placeholder{color:rgb(var(--oui-color-base-foreground)/.2)}.data-\[state\=checked\]\:oui-bg-primary-darken[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-primary-darken)/var(--tw-bg-opacity,1))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orderly.network/ui-connector",
-  "version": "2.5.3-alpha.0",
+  "version": "2.5.3",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -17,12 +17,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@orderly.network/hooks": "2.5.3-alpha.0",
-    "@orderly.network/i18n": "2.5.3-alpha.0",
-    "@orderly.network/types": "2.5.3-alpha.0",
-    "@orderly.network/ui": "2.5.3-alpha.0",
-    "@orderly.network/react-app": "2.5.3-alpha.0",
-    "@orderly.network/ui-chain-selector": "2.5.3-alpha.0"
+    "@orderly.network/hooks": "2.5.3",
+    "@orderly.network/i18n": "2.5.3",
+    "@orderly.network/ui": "2.5.3",
+    "@orderly.network/types": "2.5.3",
+    "@orderly.network/ui-chain-selector": "2.5.3",
+    "@orderly.network/react-app": "2.5.3"
   },
   "devDependencies": {
     "@types/react": "^18.3.2",
@@ -31,7 +31,7 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.4.4",
     "tsup": "^7.3.0",
-    "tsconfig": "0.8.3-alpha.0"
+    "tsconfig": "0.8.3"
   },
   "peerDependencies": {
     "react": ">=18",