@velora-dex/widget 0.8.0 → 0.8.1

package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.d.ts

@@ -10,6 +10,7 @@ export declare function isMetaMaskProvider(provider: EIP1193Provider & {
     isMetaMask: true;
     isConnected: () => boolean;
 } & Partial<Record<ProvFlags, boolean>>;
+export declare function isMetaMaskProviderThroughWalletConnect(provider: EIP1193Provider): boolean;
 export declare function prepareInjectedParamsForMetamask(provider: EIP1193Provider, logger?: LoggerInstance): InjectedExternalConnectorParameters | null;
 export {};
 //# sourceMappingURL=metamaskProviderWrapper.d.ts.map

package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metamaskProviderWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/web3/ConnectExternalProvider/metamaskProviderWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,MAAM,CAAC;AAC7D,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,QAAA,MAAM,aAAa,uTAoBT,CAAC;AAEX,KAAK,SAAS,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,eAAe,GAAG;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;CAC7B,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GACtC,QAAQ,IAAI,eAAe,GAAG;IAC/B,UAAU,EAAE,IAAI,CAAC;IACjB,WAAW,EAAE,MAAM,OAAO,CAAC;CAC5B,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAOtC;AA8BD,wBAAgB,gCAAgC,CAC9C,QAAQ,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,cAAc,GACtB,mCAAmC,GAAG,IAAI,CAoB5C"}
+{"version":3,"file":"metamaskProviderWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/web3/ConnectExternalProvider/metamaskProviderWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,MAAM,CAAC;AAC7D,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMzD,QAAA,MAAM,aAAa,uTAoBT,CAAC;AAEX,KAAK,SAAS,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,eAAe,GAAG;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;CAC7B,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GACtC,QAAQ,IAAI,eAAe,GAAG;IAC/B,UAAU,EAAE,IAAI,CAAC;IACjB,WAAW,EAAE,MAAM,OAAO,CAAC;CAC5B,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAOtC;AAED,wBAAgB,sCAAsC,CACpD,QAAQ,EAAE,eAAe,GACxB,OAAO,CAaT;AAkDD,wBAAgB,gCAAgC,CAC9C,QAAQ,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,cAAc,GACtB,mCAAmC,GAAG,IAAI,CAoB5C"}

package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.js

@@ -1,6 +1,7 @@
 import { EXTERNAL_CONNECTOR_ID as e } from "./constants.js";
+import { getWalletConnectMetadata as t, isWConnectProvider as n } from "../ConnectWallets/walletIcons.js";
 //#region src/components/web3/ConnectExternalProvider/metamaskProviderWrapper.ts
-var t = [
+var r = [
 	"isApexWallet",
 	"isAvalanche",
 	"isBitKeep",
@@ -21,27 +22,37 @@ var t = [
 	"isZerion",
 	"isBraveWallet"
 ];
-function n(e) {
-	return !(!e.isMetaMask || typeof e.isConnected != "function" || t.some((t) => e[t]));
+function i(e) {
+	return !(!e.isMetaMask || typeof e.isConnected != "function" || r.some((t) => e[t]));
 }
-function r(e) {
-	if (n(e)) {
-		let t = (async (t) => {
-			if (a(t)) throw Error("Interrupt revoking permissions in MetaMask");
-			return await e.request(t);
-		}), n = e.on?.bind(e), r = e.removeListener?.bind(e);
+function a(e) {
+	if (!n(e)) return !1;
+	let r = t(e);
+	return r ? /MetaMask/i.test(r.name) : !1;
+}
+function o(e) {
+	let t = !1;
+	if (i(e) || (t = a(e))) {
+		let n = (async (n) => {
+			if (l(n)) throw Error("Interrupt revoking permissions in MetaMask");
+			if (t && c(n)) try {
+				let t = await e.request({ method: "eth_accounts" });
+				if (t.length > 0) return t;
+			} catch {}
+			return await e.request(n);
+		}), r = e.on?.bind(e), i = e.removeListener?.bind(e);
 		return {
 			...e,
-			request: t,
-			on: n,
-			removeListener: r
+			request: n,
+			on: r,
+			removeListener: i
 		};
 	}
 	return null;
 }
-function i(t, n) {
+function s(t, n) {
 	try {
-		let n = r(t);
+		let n = o(t);
 		return n === null ? null : {
 			shimDisconnect: !1,
 			target: {
@@ -54,10 +65,13 @@ function i(t, n) {
 		return n?.error("Failed to prepare injected params for MetaMask", e), null;
 	}
 }
-function a(e) {
+function c(e) {
+	return e.method === "eth_requestAccounts";
+}
+function l(e) {
 	return e.method === "wallet_revokePermissions" && Array.isArray(e.params) && e.params[0]?.eth_accounts;
 }
 //#endregion
-export { i as prepareInjectedParamsForMetamask };
+export { s as prepareInjectedParamsForMetamask };
 
 //# sourceMappingURL=metamaskProviderWrapper.js.map

package/dist/components/web3/ConnectExternalProvider/metamaskProviderWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"metamaskProviderWrapper.js","names":["EIP1193Provider","WalletRpcSchema","EXTERNAL_CONNECTOR_ID","InjectedExternalConnectorParameters","LoggerInstance","providerFlags","const","ProvFlags","isMetaMaskProvider","provider","isMetaMask","isConnected","Partial","Record","some","flag","wrapMetamaskExternalProvider","request","args","isRevokeAccountPermissionsCall","Error","result","on","bind","removeListener","prepareInjectedParamsForMetamask","logger","wrappedProvider","shimDisconnect","target","id","name","error","RevokeAccountsPermissionsArgs","Extract","Method","method","params","Array","isArray","eth_accounts"],"sources":["../../../../src/components/web3/ConnectExternalProvider/metamaskProviderWrapper.ts"],"sourcesContent":["import type { EIP1193Provider, WalletRpcSchema } from \"viem\";\nimport {\n  EXTERNAL_CONNECTOR_ID,\n  type InjectedExternalConnectorParameters,\n} from \"./constants\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\n\n// flag list from wagmi/connectors/injected\nconst providerFlags = [\n  \"isApexWallet\",\n  \"isAvalanche\",\n  \"isBitKeep\",\n  \"isBlockWallet\",\n  \"isKuCoinWallet\",\n  \"isMathWallet\",\n  \"isOkxWallet\",\n  \"isOKExWallet\",\n  \"isOneInchIOSWallet\",\n  \"isOneInchAndroidWallet\",\n  \"isOpera\",\n  \"isPhantom\",\n  \"isPortal\",\n  \"isRabby\",\n  \"isTokenPocket\",\n  \"isTokenary\",\n  \"isUniswapWallet\",\n  \"isZerion\",\n  \"isBraveWallet\",\n] as const;\n\ntype ProvFlags = (typeof providerFlags)[number];\n\nexport function isMetaMaskProvider(\n  provider: EIP1193Provider & {\n    isMetaMask?: boolean;\n    isConnected?: () => boolean;\n  } & Partial<Record<ProvFlags, boolean>>\n): provider is EIP1193Provider & {\n  isMetaMask: true;\n  isConnected: () => boolean;\n} & Partial<Record<ProvFlags, boolean>> {\n  if (!provider.isMetaMask) return false;\n  if (typeof provider.isConnected !== \"function\") return false;\n\n  // a provider that pretends to be MetaMask but has one of the flags is not MetaMask\n  if (providerFlags.some((flag) => provider[flag])) return false;\n  return true;\n}\n\n// workaround to avoid revoking permissions in MetaMask, which causes all subsequent wallet_requestAccounts to prompt Connect in the Wallet\n// returns null if the provider is not MetaMask\nfunction wrapMetamaskExternalProvider(\n  provider: EIP1193Provider\n): EIP1193Provider | null {\n  if (isMetaMaskProvider(provider)) {\n    const request = (async (args) => {\n      if (isRevokeAccountPermissionsCall(args)) {\n        // avoid revoking permissions in MetaMask, which causes all subsequent wallet_requestAccounts to prompt Connect in the Wallet\n        throw new Error(\"Interrupt revoking permissions in MetaMask\");\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const result = await provider.request(args as any);\n      return result;\n    }) as typeof provider.request;\n\n    const on = provider.on?.bind(provider);\n    const removeListener = provider.removeListener?.bind(provider);\n    return {\n      ...provider,\n      request,\n      on,\n      removeListener,\n    };\n  }\n  return null;\n}\n\nexport function prepareInjectedParamsForMetamask(\n  provider: EIP1193Provider,\n  logger?: LoggerInstance\n): InjectedExternalConnectorParameters | null {\n  try {\n    const wrappedProvider = wrapMetamaskExternalProvider(provider);\n    if (wrappedProvider === null) {\n      return null;\n    }\n    return {\n      // shimDisconnect=false avoids wallet_requestPermissions call in MetaMask that always prompts Connect in the Wallet,\n      // even if permissions weren't revoked between calls\n      shimDisconnect: false,\n      target: {\n        id: EXTERNAL_CONNECTOR_ID,\n        name: \"External\",\n        provider: wrappedProvider,\n      },\n    };\n  } catch (error) {\n    logger?.error(\"Failed to prepare injected params for MetaMask\", error);\n    return null;\n  }\n}\n\ntype RevokeAccountsPermissionsArgs = Extract<\n  WalletRpcSchema[number],\n  { Method: \"wallet_revokePermissions\" }\n>;\n\nfunction isRevokeAccountPermissionsCall(args: {\n  method: string;\n  params?: unknown;\n}): args is {\n  method: RevokeAccountsPermissionsArgs[\"Method\"];\n  params: RevokeAccountsPermissionsArgs[\"Parameters\"];\n} {\n  return (\n    args.method === \"wallet_revokePermissions\" &&\n    Array.isArray(args.params) &&\n    args.params[0]?.eth_accounts\n  );\n}\n"],"mappings":";;AAQA,IAAMK,IAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAID,SAAgBG,EACdC,GAOsC;AAMtC,QADA,EAJI,CAACA,EAASC,cACV,OAAOD,EAASE,eAAgB,cAGhCN,EAAcS,MAAMC,MAASN,EAASM,GAAM;;AAMlD,SAASC,EACPP,GACwB;AACxB,KAAID,EAAmBC,EAAS,EAAE;EAChC,IAAMQ,KAAW,OAAOC,MAAS;AAC/B,OAAIC,EAA+BD,EAAK,CAEtC,OAAUE,MAAM,6CAA6C;AAI/D,UADe,MAAMX,EAASQ,QAAQC,EAAY;MAI9CI,IAAKb,EAASa,IAAIC,KAAKd,EAAS,EAChCe,IAAiBf,EAASe,gBAAgBD,KAAKd,EAAS;AAC9D,SAAO;GACL,GAAGA;GACHQ;GACAK;GACAE;GACD;;AAEH,QAAO;;AAGT,SAAgBC,EACdhB,GACAiB,GAC4C;AAC5C,KAAI;EACF,IAAMC,IAAkBX,EAA6BP,EAAS;AAI9D,SAHIkB,MAAoB,OACf,OAEF;GAGLC,gBAAgB;GAChBC,QAAQ;IACNC,IAAI5B;IACJ6B,MAAM;IACNtB,UAAUkB;IACZ;GACD;UACMK,GAAO;AAEd,SADAN,GAAQM,MAAM,kDAAkDA,EAAM,EAC/D;;;AASX,SAASb,EAA+BD,GAMtC;AACA,QACEA,EAAKkB,WAAW,8BAChBE,MAAMC,QAAQrB,EAAKmB,OAAO,IAC1BnB,EAAKmB,OAAO,IAAIG"}
+{"version":3,"file":"metamaskProviderWrapper.js","names":["EIP1193Provider","WalletRpcSchema","EXTERNAL_CONNECTOR_ID","InjectedExternalConnectorParameters","LoggerInstance","getWalletConnectMetadata","isWConnectProvider","providerFlags","const","ProvFlags","isMetaMaskProvider","provider","isMetaMask","isConnected","Partial","Record","some","flag","isMetaMaskProviderThroughWalletConnect","isWConnect","metadata","test","name","wrapMetamaskExternalProvider","isMMaskThroughWConnect","request","args","isRevokeAccountPermissionsCall","Error","isRequestAccountsCall","accounts","method","length","result","on","bind","removeListener","prepareInjectedParamsForMetamask","logger","wrappedProvider","shimDisconnect","target","id","error","RevokeAccountsPermissionsArgs","Extract","Method","RequestAccountsArgs","params","Array","isArray","eth_accounts"],"sources":["../../../../src/components/web3/ConnectExternalProvider/metamaskProviderWrapper.ts"],"sourcesContent":["import type { EIP1193Provider, WalletRpcSchema } from \"viem\";\nimport {\n  EXTERNAL_CONNECTOR_ID,\n  type InjectedExternalConnectorParameters,\n} from \"./constants\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport {\n  getWalletConnectMetadata,\n  isWConnectProvider,\n} from \"../ConnectWallets/walletIcons\";\n// flag list from wagmi/connectors/injected\nconst providerFlags = [\n  \"isApexWallet\",\n  \"isAvalanche\",\n  \"isBitKeep\",\n  \"isBlockWallet\",\n  \"isKuCoinWallet\",\n  \"isMathWallet\",\n  \"isOkxWallet\",\n  \"isOKExWallet\",\n  \"isOneInchIOSWallet\",\n  \"isOneInchAndroidWallet\",\n  \"isOpera\",\n  \"isPhantom\",\n  \"isPortal\",\n  \"isRabby\",\n  \"isTokenPocket\",\n  \"isTokenary\",\n  \"isUniswapWallet\",\n  \"isZerion\",\n  \"isBraveWallet\",\n] as const;\n\ntype ProvFlags = (typeof providerFlags)[number];\n\nexport function isMetaMaskProvider(\n  provider: EIP1193Provider & {\n    isMetaMask?: boolean;\n    isConnected?: () => boolean;\n  } & Partial<Record<ProvFlags, boolean>>\n): provider is EIP1193Provider & {\n  isMetaMask: true;\n  isConnected: () => boolean;\n} & Partial<Record<ProvFlags, boolean>> {\n  if (!provider.isMetaMask) return false;\n  if (typeof provider.isConnected !== \"function\") return false;\n\n  // a provider that pretends to be MetaMask but has one of the flags is not MetaMask\n  if (providerFlags.some((flag) => provider[flag])) return false;\n  return true;\n}\n\nexport function isMetaMaskProviderThroughWalletConnect(\n  provider: EIP1193Provider\n): boolean {\n  const isWConnect = isWConnectProvider(provider);\n\n  if (!isWConnect) {\n    return false;\n  }\n  const metadata = getWalletConnectMetadata(provider);\n  if (!metadata) {\n    return false;\n  }\n\n  const isMetaMask = /MetaMask/i.test(metadata.name);\n  return isMetaMask;\n}\n\n// workaround to avoid revoking permissions in MetaMask, which causes all subsequent wallet_requestAccounts to prompt Connect in the Wallet\n// returns null if the provider is not MetaMask\nfunction wrapMetamaskExternalProvider(\n  provider: EIP1193Provider\n): EIP1193Provider | null {\n  let isMMaskThroughWConnect = false;\n\n  if (\n    isMetaMaskProvider(provider) ||\n    (isMMaskThroughWConnect = isMetaMaskProviderThroughWalletConnect(provider))\n  ) {\n    const request = (async (args) => {\n      if (isRevokeAccountPermissionsCall(args)) {\n        // avoid revoking permissions in MetaMask, which causes all subsequent wallet_requestAccounts to prompt Connect in the Wallet\n        throw new Error(\"Interrupt revoking permissions in MetaMask\");\n      }\n      // MetaMask through WalletConnect prompts the user to connect on each eth_requestAccounts request.\n      // External provider is assumed to already be (or will be) connected in the integrating App.\n      // injected() connector inside Widget will trigger requestAccount once more and cause another prompt,\n      // so we try to get accounts without prompting first, \n      // and only if there are no accounts we proceed with the eth_requestAccounts call that triggers the prompt.\n      if (isMMaskThroughWConnect && isRequestAccountsCall(args)) {\n        try {\n          const accounts = await provider.request({ method: \"eth_accounts\" });\n          if (accounts.length > 0) {\n            return accounts;\n          }\n        } catch {\n          // ignore\n        }\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const result = await provider.request(args as any);\n      return result;\n    }) as typeof provider.request;\n\n    const on = provider.on?.bind(provider);\n    const removeListener = provider.removeListener?.bind(provider);\n    return {\n      ...provider,\n      request,\n      on,\n      removeListener,\n    };\n  }\n  return null;\n}\n\nexport function prepareInjectedParamsForMetamask(\n  provider: EIP1193Provider,\n  logger?: LoggerInstance\n): InjectedExternalConnectorParameters | null {\n  try {\n    const wrappedProvider = wrapMetamaskExternalProvider(provider);\n    if (wrappedProvider === null) {\n      return null;\n    }\n    return {\n      // shimDisconnect=false avoids wallet_requestPermissions call in MetaMask that always prompts Connect in the Wallet,\n      // even if permissions weren't revoked between calls\n      shimDisconnect: false,\n      target: {\n        id: EXTERNAL_CONNECTOR_ID,\n        name: \"External\",\n        provider: wrappedProvider,\n      },\n    };\n  } catch (error) {\n    logger?.error(\"Failed to prepare injected params for MetaMask\", error);\n    return null;\n  }\n}\n\ntype RevokeAccountsPermissionsArgs = Extract<\n  WalletRpcSchema[number],\n  { Method: \"wallet_revokePermissions\" }\n>;\n\ntype RequestAccountsArgs = Extract<\n  WalletRpcSchema[number],\n  { Method: \"eth_requestAccounts\" }\n>;\n\nfunction isRequestAccountsCall(args: {\n  method: string;\n  params?: unknown;\n}): args is {\n  method: RequestAccountsArgs[\"Method\"];\n  params: RequestAccountsArgs[\"Parameters\"];\n} {\n  return args.method === \"eth_requestAccounts\";\n}\n\nfunction isRevokeAccountPermissionsCall(args: {\n  method: string;\n  params?: unknown;\n}): args is {\n  method: RevokeAccountsPermissionsArgs[\"Method\"];\n  params: RevokeAccountsPermissionsArgs[\"Parameters\"];\n} {\n  return (\n    args.method === \"wallet_revokePermissions\" &&\n    Array.isArray(args.params) &&\n    args.params[0]?.eth_accounts\n  );\n}\n"],"mappings":";;;AAWA,IAAMO,IAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAID,SAAgBG,EACdC,GAOsC;AAMtC,QADA,EAJI,CAACA,EAASC,cACV,OAAOD,EAASE,eAAgB,cAGhCN,EAAcS,MAAMC,MAASN,EAASM,GAAM;;AAIlD,SAAgBC,EACdP,GACS;AAGT,KAAI,CAFeL,EAAmBK,EAAS,CAG7C,QAAO;CAET,IAAMS,IAAWf,EAAyBM,EAAS;AAMnD,QALKS,IAIc,YAAYC,KAAKD,EAASE,KAAK,GAHzC;;AASX,SAASC,EACPZ,GACwB;CACxB,IAAIa,IAAyB;AAE7B,KACEd,EAAmBC,EAAS,KAC3Ba,IAAyBN,EAAuCP,EAAS,GAC1E;EACA,IAAMc,KAAW,OAAOC,MAAS;AAC/B,OAAIC,EAA+BD,EAAK,CAEtC,OAAUE,MAAM,6CAA6C;AAO/D,OAAIJ,KAA0BK,EAAsBH,EAAK,CACvD,KAAI;IACF,IAAMI,IAAW,MAAMnB,EAASc,QAAQ,EAAEM,QAAQ,gBAAgB,CAAC;AACnE,QAAID,EAASE,SAAS,EACpB,QAAOF;WAEH;AAMV,UADe,MAAMnB,EAASc,QAAQC,EAAY;MAI9CQ,IAAKvB,EAASuB,IAAIC,KAAKxB,EAAS,EAChCyB,IAAiBzB,EAASyB,gBAAgBD,KAAKxB,EAAS;AAC9D,SAAO;GACL,GAAGA;GACHc;GACAS;GACAE;GACD;;AAEH,QAAO;;AAGT,SAAgBC,EACd1B,GACA2B,GAC4C;AAC5C,KAAI;EACF,IAAMC,IAAkBhB,EAA6BZ,EAAS;AAI9D,SAHI4B,MAAoB,OACf,OAEF;GAGLC,gBAAgB;GAChBC,QAAQ;IACNC,IAAIxC;IACJoB,MAAM;IACNX,UAAU4B;IACZ;GACD;UACMI,GAAO;AAEd,SADAL,GAAQK,MAAM,kDAAkDA,EAAM,EAC/D;;;AAcX,SAASd,EAAsBH,GAM7B;AACA,QAAOA,EAAKK,WAAW;;AAGzB,SAASJ,EAA+BD,GAMtC;AACA,QACEA,EAAKK,WAAW,8BAChBkB,MAAMC,QAAQxB,EAAKsB,OAAO,IAC1BtB,EAAKsB,OAAO,IAAIG"}

package/dist/components/web3/ConnectWallets/walletIcons.js

@@ -128,6 +128,6 @@ function D(e) {
 	return e.type === g.type;
 }
 //#endregion
-export { x as getWalletConnectMetadata, y as getWalletIcon, E as getWalletMetadata, b as getWalletName, D as isWalletConnectConnector, w as useWalletMetadata, C as useWatchWalletMetadata };
+export { x as getWalletConnectMetadata, y as getWalletIcon, E as getWalletMetadata, b as getWalletName, S as isWConnectProvider, D as isWalletConnectConnector, w as useWalletMetadata, C as useWatchWalletMetadata };
 
 //# sourceMappingURL=walletIcons.js.map

package/dist/components/widget/AppHeader/TradeModeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModeSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,iBAAiB,GAAI,gBAAgB;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,4CA2BzE,CAAC"}
+{"version":3,"file":"TradeModeSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,iBAAiB,GAAI,gBAAgB;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,4CAqCzE,CAAC"}

package/dist/components/widget/AppHeader/TradeModeSwitcher.js

@@ -1,87 +1,95 @@
 import { useAtomValue as e, useSetAtom as t } from "../../../core/store.js";
 import { cn as n } from "../../../lib/utils/index.js";
-import { enabledTradeModesAtom as r } from "../../../core/state/enabledTradeModesAtom.js";
-import { tradeModeAtom as i, userTradeModeAtom as a } from "../../../core/state/tradeModeAtom.js";
-import { Button as o } from "../../ui/button.js";
-import { DropdownWithItems as s } from "../Dropdown/DropdownWithItems.js";
-import { ChevronIcon as c } from "../Icon/ChevronIcon.js";
-import { c as l } from "react-compiler-runtime";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { sortTradeModes as r } from "../../../lib/tradeMode.js";
+import { availableTradeModesAtom as i, enabledTradeModesFromConfigAtom as a } from "../../../core/state/enabledTradeModesAtom.js";
+import { tradeModeAtom as o, userTradeModeAtom as s } from "../../../core/state/tradeModeAtom.js";
+import { Button as c } from "../../ui/button.js";
+import { DropdownWithItems as l } from "../Dropdown/DropdownWithItems.js";
+import { ChevronIcon as u } from "../Icon/ChevronIcon.js";
+import { c as d } from "react-compiler-runtime";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/widget/AppHeader/TradeModeSwitcher.tsx
-var f = {
+var m = {
 	swap: "Swap",
 	limit: "Limit",
 	otc: "OTC",
 	twap: "TWAP"
-}, p = (n) => {
-	let o = l(18), { asDropdown: c } = n, d = t(a), p = e(i), g = e(r), _ = g.length <= 1;
-	if (_) {
+}, h = (n) => {
+	let c = d(22), { asDropdown: u } = n, p = t(s), h = e(o), v = e(a), y = e(i), b;
+	c[0] === y ? b = c[1] : (b = new Set(y), c[0] = y, c[1] = b);
+	let x = b, S = v.length === 1;
+	if (S) {
 		let e;
-		return o[0] !== _ || o[1] !== p ? (e = /* @__PURE__ */ u(m, {
-			tradeMode: p,
-			isDisabled: _
-		}), o[0] = _, o[1] = p, o[2] = e) : e = o[2], e;
+		return c[2] !== h || c[3] !== S ? (e = /* @__PURE__ */ f(g, {
+			tradeMode: h,
+			isDisabled: S
+		}), c[2] = h, c[3] = S, c[4] = e) : e = c[4], e;
 	}
-	let v;
-	if (o[3] !== g || o[4] !== d || o[5] !== p) {
+	let C;
+	if (c[5] !== x || c[6] !== h || c[7] !== v || c[8] !== p) {
+		let e = Array.from(new Set([h, ...v])), t;
+		c[10] !== x || c[11] !== h || c[12] !== p ? (t = (e) => ({
+			label: m[e],
+			onSelect: () => p(e),
+			selected: h === e,
+			disabled: !x.has(e)
+		}), c[10] = x, c[11] = h, c[12] = p, c[13] = t) : t = c[13], C = e.sort(r).map(t), c[5] = x, c[6] = h, c[7] = v, c[8] = p, c[9] = C;
+	} else C = c[9];
+	let w = C;
+	if (u) {
 		let e;
-		o[7] !== d || o[8] !== p ? (e = (e) => ({
-			label: f[e],
-			onSelect: () => d(e),
-			selected: p === e
-		}), o[7] = d, o[8] = p, o[9] = e) : e = o[9], v = g.map(e), o[3] = g, o[4] = d, o[5] = p, o[6] = v;
-	} else v = o[6];
-	let y = v;
-	if (c) {
-		let e;
-		o[10] !== _ || o[11] !== p ? (e = /* @__PURE__ */ u(m, {
-			tradeMode: p,
-			isDisabled: _
-		}), o[10] = _, o[11] = p, o[12] = e) : e = o[12];
+		c[14] !== h || c[15] !== S ? (e = /* @__PURE__ */ f(g, {
+			tradeMode: h,
+			isDisabled: S
+		}), c[14] = h, c[15] = S, c[16] = e) : e = c[16];
 		let t;
-		return o[13] !== y || o[14] !== e ? (t = /* @__PURE__ */ u(s, {
+		return c[17] !== w || c[18] !== e ? (t = /* @__PURE__ */ f(l, {
 			menuTrigger: e,
-			items: y
-		}), o[13] = y, o[14] = e, o[15] = t) : t = o[15], t;
+			items: w
+		}), c[17] = w, c[18] = e, c[19] = t) : t = c[19], t;
 	}
-	let b;
-	return o[16] === y ? b = o[17] : (b = /* @__PURE__ */ u(h, { tradeModeItems: y }), o[16] = y, o[17] = b), b;
-}, m = (e) => {
-	let t = l(8), { tradeMode: r, isDisabled: i } = e, a = !i, o;
+	let T;
+	return c[20] === w ? T = c[21] : (T = /* @__PURE__ */ f(_, { tradeModeItems: w }), c[20] = w, c[21] = T), T;
+}, g = (e) => {
+	let t = d(8), { tradeMode: r, isDisabled: i } = e, a = !i, o;
 	t[0] === a ? o = t[1] : (o = n("flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8", { "cursor-pointer": a }), t[0] = a, t[1] = o);
-	let s = f[r], p;
-	t[2] === i ? p = t[3] : (p = !i && /* @__PURE__ */ u(c, {
+	let s = m[r], c;
+	t[2] === i ? c = t[3] : (c = !i && /* @__PURE__ */ f(u, {
 		width: 8,
 		className: "pt-[2px] dark:text-contrast-5"
-	}), t[2] = i, t[3] = p);
-	let m;
-	return t[4] !== o || t[5] !== s || t[6] !== p ? (m = /* @__PURE__ */ d("div", {
+	}), t[2] = i, t[3] = c);
+	let l;
+	return t[4] !== o || t[5] !== s || t[6] !== c ? (l = /* @__PURE__ */ p("div", {
 		className: o,
 		children: [
 			s,
 			" ",
-			p
+			c
 		]
-	}), t[4] = o, t[5] = s, t[6] = p, t[7] = m) : m = t[7], m;
-}, h = (e) => {
-	let t = l(4), { tradeModeItems: n } = e, r;
-	t[0] === n ? r = t[1] : (r = n.map(g), t[0] = n, t[1] = r);
+	}), t[4] = o, t[5] = s, t[6] = c, t[7] = l) : l = t[7], l;
+}, _ = (e) => {
+	let t = d(4), { tradeModeItems: n } = e, r;
+	t[0] === n ? r = t[1] : (r = n.map(v), t[0] = n, t[1] = r);
 	let i;
-	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ u("div", {
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ f("div", {
 		className: "flex items-center gap-6",
 		children: r
 	}), t[2] = r, t[3] = i), i;
 };
-function g(e) {
-	let { selected: t, label: r, onSelect: i } = e;
-	return /* @__PURE__ */ u(o, {
+function v(e) {
+	let { selected: t, label: r, onSelect: i, disabled: a } = e;
+	return /* @__PURE__ */ f(c, {
 		variant: "ghost",
-		className: n("cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min", { "text-contrast-3 dark:text-contrast-9": t }),
+		className: n("cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min", {
+			"text-contrast-3 dark:text-contrast-9": t,
+			"hover:text-contrast-5": a
+		}),
 		onClick: i,
+		disabled: a,
 		children: r
 	}, r);
 }
 //#endregion
-export { p as TradeModeSwitcher };
+export { h as TradeModeSwitcher };
 
 //# sourceMappingURL=TradeModeSwitcher.js.map

package/dist/components/widget/AppHeader/TradeModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModeSwitcher.js","names":["tradeModeAtom","userTradeModeAtom","TradeMode","useAtomValue","useSetAtom","DropdownWithItems","ChevronIcon","DropdownItem","enabledTradeModesAtom","cn","Button","tradeModeLabel","Record","swap","limit","otc","twap","TradeModeSwitcher","t0","$","_c","asDropdown","setTradeMode","tradeMode","enabledTradeModes","isDisabled","length","t1","t2","mode","label","onSelect","selected","map","items","t3","MenuTrigger","t4","t5","RelaxedDropdownItem","Omit","TradeModesRow","tradeModeItems","_temp"],"sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"sourcesContent":["import {\n  tradeModeAtom,\n  userTradeModeAtom,\n  type TradeMode,\n} from \"@/core/state/tradeModeAtom\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport type { DropdownItem } from \"../Dropdown/types\";\nimport { enabledTradeModesAtom } from \"@/core/state/enabledTradeModesAtom\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\n\nconst tradeModeLabel: Record<TradeMode, string> = {\n  swap: \"Swap\",\n  limit: \"Limit\",\n  otc: \"OTC\",\n  twap: \"TWAP\",\n};\n\nexport const TradeModeSwitcher = ({ asDropdown }: { asDropdown?: boolean }) => {\n  const setTradeMode = useSetAtom(userTradeModeAtom);\n  const tradeMode = useAtomValue(tradeModeAtom);\n  const enabledTradeModes = useAtomValue(enabledTradeModesAtom);\n  const isDisabled = enabledTradeModes.length <= 1;\n\n  if (isDisabled)\n    return <MenuTrigger tradeMode={tradeMode} isDisabled={isDisabled} />;\n\n  const items = enabledTradeModes.map((mode) => ({\n    label: tradeModeLabel[mode],\n    onSelect: () => setTradeMode(mode),\n    selected: tradeMode === mode,\n  })) satisfies DropdownItem[];\n\n  if (asDropdown) {\n    return (\n      <DropdownWithItems\n        menuTrigger={\n          <MenuTrigger tradeMode={tradeMode} isDisabled={isDisabled} />\n        }\n        items={items}\n      />\n    );\n  }\n\n  return <TradeModesRow tradeModeItems={items} />;\n};\n\nconst MenuTrigger = ({\n  tradeMode,\n  isDisabled,\n}: {\n  tradeMode: TradeMode;\n  isDisabled: boolean;\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8\",\n        {\n          \"cursor-pointer\": !isDisabled,\n        }\n      )}\n    >\n      {tradeModeLabel[tradeMode]}{\" \"}\n      {!isDisabled && (\n        <ChevronIcon width={8} className=\"pt-[2px] dark:text-contrast-5\" />\n      )}\n    </div>\n  );\n};\n\ntype RelaxedDropdownItem = Omit<DropdownItem, \"label\" | \"onSelect\"> & {\n  label: string; // allows to pass key={label}\n  onSelect: () => void; // allows to pass onClick={onSelect}\n};\n\nconst TradeModesRow = ({\n  tradeModeItems,\n}: {\n  tradeModeItems: RelaxedDropdownItem[];\n}) => {\n  return (\n    <div className=\"flex items-center gap-6\">\n      {tradeModeItems.map(({ selected, label, onSelect }) => (\n        <Button\n          variant=\"ghost\"\n          key={label}\n          className={cn(\n            \"cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min\",\n            { \"text-contrast-3 dark:text-contrast-9\": selected }\n          )}\n          onClick={onSelect}\n        >\n          {label}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeModeSwitcher.js","names":["tradeModeAtom","userTradeModeAtom","TradeMode","useAtomValue","useSetAtom","DropdownWithItems","ChevronIcon","DropdownItem","availableTradeModesAtom","enabledTradeModesFromConfigAtom","cn","Button","sortTradeModes","tradeModeLabel","Record","swap","limit","otc","twap","TradeModeSwitcher","t0","$","_c","asDropdown","setTradeMode","currentTradeMode","enabledTradeModesFromConfig","availableTradeModes","t1","Set","availableTradeModesSet","isDisabled","length","t2","tradeModesToShow","Array","from","t3","mode","label","onSelect","selected","disabled","has","sort","map","items","t4","MenuTrigger","tradeMode","t5","RelaxedDropdownItem","Omit","TradeModesRow","tradeModeItems","_temp"],"sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"sourcesContent":["import {\n  tradeModeAtom,\n  userTradeModeAtom,\n  type TradeMode,\n} from \"@/core/state/tradeModeAtom\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport type { DropdownItem } from \"../Dropdown/types\";\nimport {\n  availableTradeModesAtom,\n  enabledTradeModesFromConfigAtom,\n} from \"@/core/state/enabledTradeModesAtom\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { sortTradeModes } from \"@/lib/tradeMode\";\n\nconst tradeModeLabel: Record<TradeMode, string> = {\n  swap: \"Swap\",\n  limit: \"Limit\",\n  otc: \"OTC\",\n  twap: \"TWAP\",\n};\n\nexport const TradeModeSwitcher = ({ asDropdown }: { asDropdown?: boolean }) => {\n  const setTradeMode = useSetAtom(userTradeModeAtom);\n  const currentTradeMode = useAtomValue(tradeModeAtom);\n  const enabledTradeModesFromConfig = useAtomValue(\n    enabledTradeModesFromConfigAtom\n  );\n  const availableTradeModes = useAtomValue(availableTradeModesAtom);\n\n  const availableTradeModesSet = new Set(availableTradeModes);\n  const isDisabled = enabledTradeModesFromConfig.length === 1;\n\n  if (isDisabled)\n    return <MenuTrigger tradeMode={currentTradeMode} isDisabled={isDisabled} />;\n\n  const tradeModesToShow = Array.from(\n    new Set([currentTradeMode, ...enabledTradeModesFromConfig])\n  ) as typeof enabledTradeModesFromConfig; // inherit NonEmptyArray<TradeMode>\n\n  const items = tradeModesToShow.sort(sortTradeModes).map((mode) => ({\n    label: tradeModeLabel[mode],\n    onSelect: () => setTradeMode(mode),\n    selected: currentTradeMode === mode,\n    disabled: !availableTradeModesSet.has(mode),\n  })) satisfies DropdownItem[];\n\n  if (asDropdown) {\n    return (\n      <DropdownWithItems\n        menuTrigger={\n          <MenuTrigger tradeMode={currentTradeMode} isDisabled={isDisabled} />\n        }\n        items={items}\n      />\n    );\n  }\n\n  return <TradeModesRow tradeModeItems={items} />;\n};\n\nconst MenuTrigger = ({\n  tradeMode,\n  isDisabled,\n}: {\n  tradeMode: TradeMode;\n  isDisabled: boolean;\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8\",\n        {\n          \"cursor-pointer\": !isDisabled,\n        }\n      )}\n    >\n      {tradeModeLabel[tradeMode]}{\" \"}\n      {!isDisabled && (\n        <ChevronIcon width={8} className=\"pt-[2px] dark:text-contrast-5\" />\n      )}\n    </div>\n  );\n};\n\ntype RelaxedDropdownItem = Omit<DropdownItem, \"label\" | \"onSelect\"> & {\n  label: string; // allows to pass key={label}\n  onSelect: () => void; // allows to pass onClick={onSelect}\n};\n\nconst TradeModesRow = ({\n  tradeModeItems,\n}: {\n  tradeModeItems: RelaxedDropdownItem[];\n}) => {\n  return (\n    <div className=\"flex items-center gap-6\">\n      {tradeModeItems.map(({ selected, label, onSelect, disabled }) => (\n        <Button\n          variant=\"ghost\"\n          key={label}\n          className={cn(\n            \"cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min\",\n            {\n              \"text-contrast-3 dark:text-contrast-9\": selected,\n              \"hover:text-contrast-5\": disabled,\n            }\n          )}\n          onClick={onSelect}\n          disabled={disabled}\n        >\n          {label}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Button/RefreshButton.d.ts

@@ -0,0 +1,3 @@
+import { RefreshButtonProps } from './types';
+export declare function RefreshButton({ onClick, disabled, animate, classes, radius, asChild, }: RefreshButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RefreshButton.d.ts.map

package/dist/components/widget/Button/RefreshButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Button/RefreshButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE,kBAAkB,2CAoBpB"}

package/dist/components/widget/Button/RefreshButton.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../../lib/utils/index.js";
+import { Button as t } from "../../ui/button.js";
+import { ForwardRef as n } from "../../../assets/refresh.js";
+import { c as r } from "react-compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/widget/Button/RefreshButton.tsx
+function a(a) {
+	let o = r(15), { onClick: s, disabled: c, animate: l, classes: u, radius: d, asChild: f } = a, p = u?.icon, m;
+	o[0] !== l || o[1] !== p ? (m = e("fill-contrast-5 dark:fill-contrast-6", p, { "animate-spin": l }), o[0] = l, o[1] = p, o[2] = m) : m = o[2];
+	let h;
+	o[3] === m ? h = o[4] : (h = /* @__PURE__ */ i(n, { className: m }), o[3] = m, o[4] = h);
+	let g = h, _ = u?.button, v;
+	o[5] !== f || o[6] !== g ? (v = f ? /* @__PURE__ */ i("div", { children: g }) : g, o[5] = f, o[6] = g, o[7] = v) : v = o[7];
+	let y;
+	return o[8] !== f || o[9] !== c || o[10] !== s || o[11] !== d || o[12] !== _ || o[13] !== v ? (y = /* @__PURE__ */ i(t, {
+		variant: "ghost",
+		onClick: s,
+		disabled: c,
+		className: _,
+		radius: d,
+		asChild: f,
+		children: v
+	}), o[8] = f, o[9] = c, o[10] = s, o[11] = d, o[12] = _, o[13] = v, o[14] = y) : y = o[14], y;
+}
+//#endregion
+export { a as RefreshButton };
+
+//# sourceMappingURL=RefreshButton.js.map

package/dist/components/widget/Button/RefreshButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshButton.js","names":["Button","cn","ReactComponent","RefreshSVG","RefreshButtonProps","RefreshButton","t0","$","_c","onClick","disabled","animate","classes","radius","asChild","t1","icon","t2","t3","refreshSvg","t4","button","t5","t6"],"sources":["../../../../src/components/widget/Button/RefreshButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport { ReactComponent as RefreshSVG } from \"@/assets/refresh.svg\";\nimport type { RefreshButtonProps } from \"./types\";\n\nexport function RefreshButton({\n  onClick,\n  disabled,\n  animate,\n  classes,\n  radius,\n  asChild,\n}: RefreshButtonProps) {\n  const refreshSvg = (\n    <RefreshSVG\n      className={cn(\"fill-contrast-5 dark:fill-contrast-6\", classes?.icon, {\n        \"animate-spin\": animate,\n      })}\n    />\n  );\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={onClick}\n      disabled={disabled}\n      className={classes?.button}\n      radius={radius}\n      asChild={asChild}\n    >\n      {asChild ? <div>{refreshSvg}</div> : refreshSvg}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAOK,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAuB,EAAAC,YAAAC,aAAAC,YAAAC,YAAAC,WAAAC,eAAAR,GAU8BS,IAAAH,GAAOI,MAAMC;AAAA,CAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAQ,KAAxDE,IAAAhB,EAAG,wCAAwCc,GAAe,EAAA,gBACnDJ,GACjB,CAAC,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAU,IACFC,IAAAX,EAAA,MAJFW,IAAA,kBAAC,GAAD,EACa,WAAAD,GAGX,CAAA,EAAAV,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CALJ,IAAAC,IACED,GAWaE,IAAAR,GAAOS,QAAQC;AAAA,CAAAf,EAAA,OAAAO,KAAAP,EAAA,OAAAY,KAIzBG,IAAAR,IAAU,kBAAA,OAAA,EAAA,UAAMK,GAA8B,CAAA,GAA9CA,GAA8CZ,EAAA,KAAAO,GAAAP,EAAA,KAAAY,GAAAZ,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;AACxC,QADwChB,EAAA,OAAAO,KAAAP,EAAA,OAAAG,KAAAH,EAAA,QAAAE,KAAAF,EAAA,QAAAM,KAAAN,EAAA,QAAAa,KAAAb,EAAA,QAAAe,KARjDC,IAAA,kBAAC,GAAD;EACU,SAAA;EACCd;EACCC;EACC,WAAAU;EACHP;EACCC;YAERQ;EACM,CAAA,EAAAf,EAAA,KAAAO,GAAAP,EAAA,KAAAG,GAAAH,EAAA,MAAAE,GAAAF,EAAA,MAAAM,GAAAN,EAAA,MAAAa,GAAAb,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KATTgB"}

package/dist/components/widget/Button/types.d.ts

@@ -0,0 +1,7 @@
+import { Button } from '../../ui/button';
+import { WithClasses } from '../../../types/withClasses';
+import { ComponentProps } from 'react';
+export type RefreshButtonProps = Pick<ComponentProps<typeof Button>, "onClick" | "disabled" | "radius" | "asChild"> & {
+    animate?: boolean;
+} & WithClasses<"button" | "icon">;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/widget/Button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAC9C,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,WAAW,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC"}

package/dist/components/widget/CompareQuotes/CompareQuotes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompareQuotes.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/CompareQuotes/CompareQuotes.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,mBAAmB,+CAyF/B,CAAC"}
+{"version":3,"file":"CompareQuotes.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/CompareQuotes/CompareQuotes.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,mBAAmB,+CAmF/B,CAAC"}

package/dist/components/widget/CompareQuotes/CompareQuotes.js

@@ -1,98 +1,92 @@
-import { cn as e, unorderedShallowEqual as t } from "../../../lib/utils/index.js";
-import { isBridgePrice as n } from "../../../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js";
-import { useWidgetEvents as r } from "../../../core/state/widgetEventsAtom.js";
-import { Button as i } from "../../ui/button.js";
-import { useSetScreen as a } from "../../../core/screen/state/hooks/useSetScreen.js";
-import { useSwapPrices as o } from "../../../hooks/swap/prices/useSwapPrices.js";
-import { useBridgePreferences as s, useIsNotDefaultBridgePreferences as c } from "../TradeParameters/state/bridgePreferences/useBridgePreferences.js";
-import { SettingsButton as l } from "../SettingsButton/SettingsButton.js";
-import { GenericScreen as u } from "../Screen/GenericScreen.js";
-import { useBridgeListItems as d } from "../BridgeList/hooks.js";
-import { BridgesList as f } from "../BridgeList/BridgesList.js";
-import { ForwardRef as p } from "../../../assets/refresh.js";
-import { c as m } from "react-compiler-runtime";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { unorderedShallowEqual as e } from "../../../lib/utils/index.js";
+import { isBridgePrice as t } from "../../../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js";
+import { useWidgetEvents as n } from "../../../core/state/widgetEventsAtom.js";
+import { useSetScreen as r } from "../../../core/screen/state/hooks/useSetScreen.js";
+import { useSwapPrices as i } from "../../../hooks/swap/prices/useSwapPrices.js";
+import { RefreshButton as a } from "../Button/RefreshButton.js";
+import { useBridgePreferences as o, useIsNotDefaultBridgePreferences as s } from "../TradeParameters/state/bridgePreferences/useBridgePreferences.js";
+import { SettingsButton as c } from "../SettingsButton/SettingsButton.js";
+import { GenericScreen as l } from "../Screen/GenericScreen.js";
+import { useBridgeListItems as u } from "../BridgeList/hooks.js";
+import { BridgesList as d } from "../BridgeList/BridgesList.js";
+import { c as f } from "react-compiler-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/widget/CompareQuotes/CompareQuotes.tsx
-var _ = { root: "min-h-[571px]" }, v = { root: "px-6 pb-6 h-[406px] overflow-auto" }, y = () => {
-	let y = m(38), { delta: b } = o(), { price: x, isFetching: S, refetch: C } = b, { closeScreen: w, showBridgePreferencesScreen: T, showCompareQuotesScreen: E } = a(), { bridgePreference: D, disabledBridges: O, setBridgePreference: k, setDisabledBridges: A } = s(), j = c(), { onSettingsChange: M } = r(), N;
-	y[0] === x ? N = y[1] : (N = x && n(x) ? x : void 0, y[0] = x, y[1] = N);
-	let P = N, F;
-	y[2] === P ? F = y[3] : (F = { bridgePrice: P }, y[2] = P, y[3] = F);
-	let { displayedBridges: I, allBridges: L } = d(F), R;
-	y[4] !== D || y[5] !== O || y[6] !== M || y[7] !== k || y[8] !== A || y[9] !== T || y[10] !== E ? (R = () => T({
-		onGoBack: E,
-		initialBridgePreference: D,
-		initialDisabledBridges: O,
-		onClose: (e) => {
-			k(e.bridgePreference), A(e.disabledBridges), (D !== e.bridgePreference || !t(O, e.disabledBridges)) && M?.({ event: {
+var h = { root: "min-h-[571px]" }, g = { root: "px-6 pb-6 h-[406px] overflow-auto" }, _ = () => {
+	let _ = f(33), { delta: v } = i(), { price: y, isFetching: b, refetch: x } = v, { closeScreen: S, showBridgePreferencesScreen: C, showCompareQuotesScreen: w } = r(), { bridgePreference: T, disabledBridges: E, setBridgePreference: D, setDisabledBridges: O } = o(), k = s(), { onSettingsChange: A } = n(), j;
+	_[0] === y ? j = _[1] : (j = y && t(y) ? y : void 0, _[0] = y, _[1] = j);
+	let M = j, N;
+	_[2] === M ? N = _[3] : (N = { bridgePrice: M }, _[2] = M, _[3] = N);
+	let { displayedBridges: P, allBridges: F } = u(N), I;
+	_[4] !== T || _[5] !== E || _[6] !== A || _[7] !== D || _[8] !== O || _[9] !== C || _[10] !== w ? (I = () => C({
+		onGoBack: w,
+		initialBridgePreference: T,
+		initialDisabledBridges: E,
+		onClose: (t) => {
+			D(t.bridgePreference), O(t.disabledBridges), (T !== t.bridgePreference || !e(E, t.disabledBridges)) && A?.({ event: {
 				name: "Settings:changeBridgePreferences",
 				params: {
-					bridgePreference: e.bridgePreference,
-					disabledBridges: e.disabledBridges
+					bridgePreference: t.bridgePreference,
+					disabledBridges: t.disabledBridges
 				}
 			} });
 		}
-	}), y[4] = D, y[5] = O, y[6] = M, y[7] = k, y[8] = A, y[9] = T, y[10] = E, y[11] = R) : R = y[11];
-	let z = R, B;
-	y[12] === C ? B = y[13] : (B = () => C({ cancelRefetch: !1 }), y[12] = C, y[13] = B);
+	}), _[4] = T, _[5] = E, _[6] = A, _[7] = D, _[8] = O, _[9] = C, _[10] = w, _[11] = I) : I = _[11];
+	let L = I, R;
+	_[12] === x ? R = _[13] : (R = () => x({ cancelRefetch: !1 }), _[12] = x, _[13] = R);
+	let z;
+	_[14] !== b || _[15] !== R ? (z = /* @__PURE__ */ p(a, {
+		onClick: R,
+		disabled: b,
+		animate: b
+	}), _[14] = b, _[15] = R, _[16] = z) : z = _[16];
+	let B;
+	_[17] !== k || _[18] !== L ? (B = /* @__PURE__ */ p(c, {
+		onClick: L,
+		showEllipseIcon: k
+	}), _[17] = k, _[18] = L, _[19] = B) : B = _[19];
 	let V;
-	y[14] === S ? V = y[15] : (V = e("fill-contrast-5 dark:fill-contrast-6", { "animate-spin": S }), y[14] = S, y[15] = V);
-	let H;
-	y[16] === V ? H = y[17] : (H = /* @__PURE__ */ h(p, { className: V }), y[16] = V, y[17] = H);
-	let U;
-	y[18] !== S || y[19] !== B || y[20] !== H ? (U = /* @__PURE__ */ h(i, {
-		variant: "ghost",
-		onClick: B,
-		disabled: S,
-		children: H
-	}), y[18] = S, y[19] = B, y[20] = H, y[21] = U) : U = y[21];
-	let W;
-	y[22] !== j || y[23] !== z ? (W = /* @__PURE__ */ h(l, {
-		onClick: z,
-		showEllipseIcon: j
-	}), y[22] = j, y[23] = z, y[24] = W) : W = y[24];
-	let G;
-	y[25] !== U || y[26] !== W ? (G = /* @__PURE__ */ g("div", {
+	_[20] !== z || _[21] !== B ? (V = /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-3.5",
-		children: [U, W]
-	}), y[25] = U, y[26] = W, y[27] = G) : G = y[27];
-	let K;
-	y[28] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ h("div", {
+		children: [z, B]
+	}), _[20] = z, _[21] = B, _[22] = V) : V = _[22];
+	let H;
+	_[23] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ p("div", {
 		className: "px-6 pb-4 text-contrast-5 text-sm leading-5",
 		children: "Our quotes are ranked by expected output, accounting for execution accuracy, cost, and speed."
-	}), y[28] = K) : K = y[28];
-	let q;
-	y[29] !== L.length || y[30] !== I || y[31] !== S ? (q = /* @__PURE__ */ h(f, {
-		bridges: I,
-		totalLength: L.length,
-		isLoading: S,
+	}), _[23] = H) : H = _[23];
+	let U;
+	_[24] !== F.length || _[25] !== P || _[26] !== b ? (U = /* @__PURE__ */ p(d, {
+		bridges: P,
+		totalLength: F.length,
+		isLoading: b,
 		showViewAllButton: !1,
-		classes: v
-	}), y[29] = L.length, y[30] = I, y[31] = S, y[32] = q) : q = y[32];
-	let J;
-	y[33] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ g("div", {
+		classes: g
+	}), _[24] = F.length, _[25] = P, _[26] = b, _[27] = U) : U = _[27];
+	let W;
+	_[28] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ m("div", {
 		className: "text-contrast-5 text-sm text-center leading-5 pb-6",
 		children: [
 			"Refreshing quotes every ",
 			5,
 			" seconds"
 		]
-	}), y[33] = J) : J = y[33];
-	let Y;
-	return y[34] !== w || y[35] !== q || y[36] !== G ? (Y = /* @__PURE__ */ g(u, {
+	}), _[28] = W) : W = _[28];
+	let G;
+	return _[29] !== S || _[30] !== V || _[31] !== U ? (G = /* @__PURE__ */ m(l, {
 		showBackButton: !0,
 		title: "Compare Quotes",
-		onGoBack: w,
-		classes: _,
-		closeButtonReplacement: G,
+		onGoBack: S,
+		classes: h,
+		closeButtonReplacement: V,
 		children: [
-			K,
-			q,
-			J
+			H,
+			U,
+			W
 		]
-	}), y[34] = w, y[35] = q, y[36] = G, y[37] = Y) : Y = y[37], Y;
+	}), _[29] = S, _[30] = V, _[31] = U, _[32] = G) : G = _[32], G;
 };
 //#endregion
-export { y as CompareQuotesScreen };
+export { _ as CompareQuotesScreen };
 
 //# sourceMappingURL=CompareQuotes.js.map