@0xsequence/provider 1.2.2 → 1.2.4

package/dist/0xsequence-provider.cjs.dev.js

@@ -360,7 +360,7 @@ class BaseProviderTransport {
 
     // CHAIN_CHANGED -- when a user changes their default chain
     if (message.type === EventType.CHAIN_CHANGED) {
-      this.events.emit('chainChanged', message.data);
+      this.events.emit('chainChanged', message.data, message.origin);
       return;
     }
 
@@ -949,9 +949,12 @@ class BaseWalletTransport {
       if (!networks || networks.length === 0) {
         this.notifyChainChanged('0x0');
       } else {
-        this.notifyChainChanged(ethers.ethers.utils.hexlify(networks.find(network => network.isDefaultChain).chainId));
+        this.notifyChainChanged(ethers.ethers.utils.hexValue(networks.find(network => network.isDefaultChain).chainId));
       }
     });
+    this.walletRequestHandler.on('chainChanged', (chainIdHex, origin) => {
+      this.notifyChainChanged(chainIdHex, origin);
+    });
     this.walletRequestHandler.on('walletContext', walletContext => {
       if (!this.registered || !walletContext) return;
       this.notifyWalletContext(walletContext);
@@ -1021,14 +1024,15 @@ class BaseWalletTransport {
       idx: -1,
       type: EventType.ACCOUNTS_CHANGED,
       data: accounts,
-      origin: origin
+      origin
     });
   }
-  notifyChainChanged(chainIdHex) {
+  notifyChainChanged(chainIdHex, origin) {
     this.sendMessage({
       idx: -1,
       type: EventType.CHAIN_CHANGED,
-      data: chainIdHex
+      data: chainIdHex,
+      origin
     });
   }
   notifyNetworks(networks) {
@@ -2682,7 +2686,8 @@ class WalletRequestHandler {
       const authOptions = {
         app: options.app,
         origin: options.origin,
-        expiry: options.expiry
+        expiry: options.expiry,
+        nonce: options.authorizeNonce
       };
       // if (typeof(options.authorize) === 'object') {
       //   authOptions = { ...authOptions, ...options.authorize }
@@ -2808,13 +2813,16 @@ class WalletRequestHandler {
     this.events.emit('accountsChanged', [], origin);
     this.events.emit('disconnect');
   }
+  notifyChainChanged(chainId, origin) {
+    this.events.emit('chainChanged', ethers.ethers.utils.hexValue(chainId), origin);
+  }
   async notifyNetworks(networks) {
     const n = networks || (await this.getNetworks(true));
     this.events.emit('networks', n);
     if (n.length > 0) {
       const defaultNetwork = n.find(network => network.chainId === this.defaultChainId());
       if (defaultNetwork) {
-        this.events.emit('chainChanged', ethers.ethers.utils.hexlify(defaultNetwork.chainId));
+        this.events.emit('chainChanged', ethers.ethers.utils.hexValue(defaultNetwork.chainId));
       }
     } else {
       this.events.emit('chainChanged', '0x0');
@@ -3523,7 +3531,7 @@ class SingleNetworkSequenceProvider extends SequenceProvider {
 
 var packageJson = {
 	name: "@0xsequence/provider",
-	version: "1.2.2",
+	version: "1.2.4",
 	description: "provider sub-package for Sequence",
 	repository: "https://github.com/0xsequence/sequence.js/tree/master/packages/provider",
 	source: "src/index.ts",
@@ -3703,13 +3711,17 @@ class SequenceClient {
       var _this$callbacks$close;
       (_this$callbacks$close = this.callbacks.close) == null ? void 0 : _this$callbacks$close.forEach(cb => cb());
     });
+    this.transport.on('chainChanged', (chainIdHex, origin) => {
+      var _this$callbacks$chain;
+      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex, origin));
+    });
 
     // We don't listen for the transport chainChanged event
     // instead we handle it locally, so we listen for changes in the store
     this.defaultChainId.onDefaultChainIdChanged(chainId => {
-      var _this$callbacks$chain;
+      var _this$callbacks$chain2;
       const chainIdHex = ethers.ethers.utils.hexValue(chainId);
-      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex));
+      (_this$callbacks$chain2 = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain2.forEach(cb => cb(chainIdHex));
     });
   }
 
@@ -3750,6 +3762,9 @@ class SequenceClient {
   onWalletContext(callback) {
     return this.registerCallback('walletContext', callback);
   }
+  onChainChanged(callback) {
+    return this.registerCallback('chainChanged', callback);
+  }
   onDefaultChainIdChanged(callback) {
     return this.registerCallback('chainChanged', callback);
   }

package/dist/0xsequence-provider.cjs.prod.js

@@ -360,7 +360,7 @@ class BaseProviderTransport {
 
     // CHAIN_CHANGED -- when a user changes their default chain
     if (message.type === EventType.CHAIN_CHANGED) {
-      this.events.emit('chainChanged', message.data);
+      this.events.emit('chainChanged', message.data, message.origin);
       return;
     }
 
@@ -949,9 +949,12 @@ class BaseWalletTransport {
       if (!networks || networks.length === 0) {
         this.notifyChainChanged('0x0');
       } else {
-        this.notifyChainChanged(ethers.ethers.utils.hexlify(networks.find(network => network.isDefaultChain).chainId));
+        this.notifyChainChanged(ethers.ethers.utils.hexValue(networks.find(network => network.isDefaultChain).chainId));
       }
     });
+    this.walletRequestHandler.on('chainChanged', (chainIdHex, origin) => {
+      this.notifyChainChanged(chainIdHex, origin);
+    });
     this.walletRequestHandler.on('walletContext', walletContext => {
       if (!this.registered || !walletContext) return;
       this.notifyWalletContext(walletContext);
@@ -1021,14 +1024,15 @@ class BaseWalletTransport {
       idx: -1,
       type: EventType.ACCOUNTS_CHANGED,
       data: accounts,
-      origin: origin
+      origin
     });
   }
-  notifyChainChanged(chainIdHex) {
+  notifyChainChanged(chainIdHex, origin) {
     this.sendMessage({
       idx: -1,
       type: EventType.CHAIN_CHANGED,
-      data: chainIdHex
+      data: chainIdHex,
+      origin
     });
   }
   notifyNetworks(networks) {
@@ -2682,7 +2686,8 @@ class WalletRequestHandler {
       const authOptions = {
         app: options.app,
         origin: options.origin,
-        expiry: options.expiry
+        expiry: options.expiry,
+        nonce: options.authorizeNonce
       };
       // if (typeof(options.authorize) === 'object') {
       //   authOptions = { ...authOptions, ...options.authorize }
@@ -2808,13 +2813,16 @@ class WalletRequestHandler {
     this.events.emit('accountsChanged', [], origin);
     this.events.emit('disconnect');
   }
+  notifyChainChanged(chainId, origin) {
+    this.events.emit('chainChanged', ethers.ethers.utils.hexValue(chainId), origin);
+  }
   async notifyNetworks(networks) {
     const n = networks || (await this.getNetworks(true));
     this.events.emit('networks', n);
     if (n.length > 0) {
       const defaultNetwork = n.find(network => network.chainId === this.defaultChainId());
       if (defaultNetwork) {
-        this.events.emit('chainChanged', ethers.ethers.utils.hexlify(defaultNetwork.chainId));
+        this.events.emit('chainChanged', ethers.ethers.utils.hexValue(defaultNetwork.chainId));
       }
     } else {
       this.events.emit('chainChanged', '0x0');
@@ -3523,7 +3531,7 @@ class SingleNetworkSequenceProvider extends SequenceProvider {
 
 var packageJson = {
 	name: "@0xsequence/provider",
-	version: "1.2.2",
+	version: "1.2.4",
 	description: "provider sub-package for Sequence",
 	repository: "https://github.com/0xsequence/sequence.js/tree/master/packages/provider",
 	source: "src/index.ts",
@@ -3703,13 +3711,17 @@ class SequenceClient {
       var _this$callbacks$close;
       (_this$callbacks$close = this.callbacks.close) == null ? void 0 : _this$callbacks$close.forEach(cb => cb());
     });
+    this.transport.on('chainChanged', (chainIdHex, origin) => {
+      var _this$callbacks$chain;
+      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex, origin));
+    });
 
     // We don't listen for the transport chainChanged event
     // instead we handle it locally, so we listen for changes in the store
     this.defaultChainId.onDefaultChainIdChanged(chainId => {
-      var _this$callbacks$chain;
+      var _this$callbacks$chain2;
       const chainIdHex = ethers.ethers.utils.hexValue(chainId);
-      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex));
+      (_this$callbacks$chain2 = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain2.forEach(cb => cb(chainIdHex));
     });
   }
 
@@ -3750,6 +3762,9 @@ class SequenceClient {
   onWalletContext(callback) {
     return this.registerCallback('walletContext', callback);
   }
+  onChainChanged(callback) {
+    return this.registerCallback('chainChanged', callback);
+  }
   onDefaultChainIdChanged(callback) {
     return this.registerCallback('chainChanged', callback);
   }

package/dist/0xsequence-provider.esm.js

@@ -356,7 +356,7 @@ class BaseProviderTransport {
 
     // CHAIN_CHANGED -- when a user changes their default chain
     if (message.type === EventType.CHAIN_CHANGED) {
-      this.events.emit('chainChanged', message.data);
+      this.events.emit('chainChanged', message.data, message.origin);
       return;
     }
 
@@ -945,9 +945,12 @@ class BaseWalletTransport {
       if (!networks || networks.length === 0) {
         this.notifyChainChanged('0x0');
       } else {
-        this.notifyChainChanged(ethers.utils.hexlify(networks.find(network => network.isDefaultChain).chainId));
+        this.notifyChainChanged(ethers.utils.hexValue(networks.find(network => network.isDefaultChain).chainId));
       }
     });
+    this.walletRequestHandler.on('chainChanged', (chainIdHex, origin) => {
+      this.notifyChainChanged(chainIdHex, origin);
+    });
     this.walletRequestHandler.on('walletContext', walletContext => {
       if (!this.registered || !walletContext) return;
       this.notifyWalletContext(walletContext);
@@ -1017,14 +1020,15 @@ class BaseWalletTransport {
       idx: -1,
       type: EventType.ACCOUNTS_CHANGED,
       data: accounts,
-      origin: origin
+      origin
     });
   }
-  notifyChainChanged(chainIdHex) {
+  notifyChainChanged(chainIdHex, origin) {
     this.sendMessage({
       idx: -1,
       type: EventType.CHAIN_CHANGED,
-      data: chainIdHex
+      data: chainIdHex,
+      origin
     });
   }
   notifyNetworks(networks) {
@@ -2678,7 +2682,8 @@ class WalletRequestHandler {
       const authOptions = {
         app: options.app,
         origin: options.origin,
-        expiry: options.expiry
+        expiry: options.expiry,
+        nonce: options.authorizeNonce
       };
       // if (typeof(options.authorize) === 'object') {
       //   authOptions = { ...authOptions, ...options.authorize }
@@ -2804,13 +2809,16 @@ class WalletRequestHandler {
     this.events.emit('accountsChanged', [], origin);
     this.events.emit('disconnect');
   }
+  notifyChainChanged(chainId, origin) {
+    this.events.emit('chainChanged', ethers.utils.hexValue(chainId), origin);
+  }
   async notifyNetworks(networks) {
     const n = networks || (await this.getNetworks(true));
     this.events.emit('networks', n);
     if (n.length > 0) {
       const defaultNetwork = n.find(network => network.chainId === this.defaultChainId());
       if (defaultNetwork) {
-        this.events.emit('chainChanged', ethers.utils.hexlify(defaultNetwork.chainId));
+        this.events.emit('chainChanged', ethers.utils.hexValue(defaultNetwork.chainId));
       }
     } else {
       this.events.emit('chainChanged', '0x0');
@@ -3519,7 +3527,7 @@ class SingleNetworkSequenceProvider extends SequenceProvider {
 
 var packageJson = {
 	name: "@0xsequence/provider",
-	version: "1.2.2",
+	version: "1.2.4",
 	description: "provider sub-package for Sequence",
 	repository: "https://github.com/0xsequence/sequence.js/tree/master/packages/provider",
 	source: "src/index.ts",
@@ -3699,13 +3707,17 @@ class SequenceClient {
       var _this$callbacks$close;
       (_this$callbacks$close = this.callbacks.close) == null ? void 0 : _this$callbacks$close.forEach(cb => cb());
     });
+    this.transport.on('chainChanged', (chainIdHex, origin) => {
+      var _this$callbacks$chain;
+      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex, origin));
+    });
 
     // We don't listen for the transport chainChanged event
     // instead we handle it locally, so we listen for changes in the store
     this.defaultChainId.onDefaultChainIdChanged(chainId => {
-      var _this$callbacks$chain;
+      var _this$callbacks$chain2;
       const chainIdHex = ethers.utils.hexValue(chainId);
-      (_this$callbacks$chain = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain.forEach(cb => cb(chainIdHex));
+      (_this$callbacks$chain2 = this.callbacks.chainChanged) == null ? void 0 : _this$callbacks$chain2.forEach(cb => cb(chainIdHex));
     });
   }
 
@@ -3746,6 +3758,9 @@ class SequenceClient {
   onWalletContext(callback) {
     return this.registerCallback('walletContext', callback);
   }
+  onChainChanged(callback) {
+    return this.registerCallback('chainChanged', callback);
+  }
   onDefaultChainIdChanged(callback) {
     return this.registerCallback('chainChanged', callback);
   }

package/dist/declarations/src/client.d.ts

@@ -58,6 +58,7 @@ export declare class SequenceClient {
     onNetworks(callback: WalletEventTypes['networks']): () => void;
     onAccountsChanged(callback: WalletEventTypes['accountsChanged']): () => void;
     onWalletContext(callback: WalletEventTypes['walletContext']): () => void;
+    onChainChanged(callback: WalletEventTypes['chainChanged']): () => void;
     onDefaultChainIdChanged(callback: WalletEventTypes['chainChanged']): () => void;
     getChainId(): number;
     setDefaultChainId(chainId: number): void;

package/dist/declarations/src/transports/base-wallet-transport.d.ts

@@ -28,7 +28,7 @@ export declare abstract class BaseWalletTransport implements WalletTransport {
     notifyConnect(connectDetails: ConnectDetails): void;
     notifyDisconnect(error?: ProviderRpcError): void;
     notifyAccountsChanged(accounts: string[], origin?: string): void;
-    notifyChainChanged(chainIdHex: string): void;
+    notifyChainChanged(chainIdHex: string, origin?: string): void;
     notifyNetworks(networks: NetworkConfig[]): void;
     notifyWalletContext(walletContext: commons.context.VersionedContext): void;
     protected isValidInitAck(message: ProviderMessage<any>): boolean;

package/dist/declarations/src/transports/wallet-request-handler.d.ts

@@ -39,6 +39,7 @@ export declare class WalletRequestHandler implements ExternalProvider, JsonRpcHa
     walletSession(networkId?: ChainIdLike): WalletSession | undefined;
     notifyConnect(connectDetails: ConnectDetails, origin?: string): void;
     notifyDisconnect(origin?: string): void;
+    notifyChainChanged(chainId: number, origin?: string): void;
     notifyNetworks(networks?: NetworkConfig[]): Promise<void>;
     notifyWalletContext(): Promise<void>;
     notifyClose(error?: ProviderRpcError): void;

package/dist/declarations/src/types.d.ts

@@ -86,7 +86,7 @@ export interface WalletEventTypes {
     connect: (connectDetails: ConnectDetails) => void;
     disconnect: (error?: ProviderRpcError) => void;
     accountsChanged: (accounts: string[], origin?: string) => void;
-    chainChanged: (chainIdHex: string) => void;
+    chainChanged: (chainIdHex: string, origin?: string) => void;
     networks: (networks: NetworkConfig[]) => void;
     walletContext: (walletContext: commons.context.VersionedContext) => void;
 }
@@ -115,6 +115,8 @@ export interface ConnectOptions {
     expiry?: number;
     /** authorize will perform an ETHAuth eip712 signing and return the proof to the dapp. */
     authorize?: boolean;
+    /** authorizeNonce is an optional number to be passed as ETHAuth's nonce claim for replay protection. **/
+    authorizeNonce?: number;
     /** authorizeVersion is the version of the SDK that will validate the ETHAuth proof. */
     authorizeVersion?: number;
     /** askForEmail will prompt to give permission to the dapp to access email address */
@@ -189,7 +191,7 @@ export interface Settings {
  * you can use the camel case version of the name in the wallet settings.
  * For example: "Blue Dark" on wallet UI can be passed as "blueDark" */
 export type ThemeOption = 'light' | 'dark' | string;
-export type PaymentProviderOption = 'moonpay' | 'wyre' | 'ramp';
+export type PaymentProviderOption = 'ramp' | 'moonpay' | 'transak' | 'onmeta' | 'paytrie' | 'sardine';
 export type CurrencyOption = 'usdc' | 'eth' | 'matic';
 export type SignInOption = 'email' | 'google' | 'apple' | 'facebook' | 'discord' | 'twitch';
 export type BannerSize = 'small' | 'medium';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xsequence/provider",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "provider sub-package for Sequence",
   "repository": "https://github.com/0xsequence/sequence.js/tree/master/packages/provider",
   "source": "src/index.ts",
@@ -11,15 +11,15 @@
   "dependencies": {
     "eventemitter2": "^6.4.5",
     "webextension-polyfill": "^0.10.0",
-    "@0xsequence/abi": "1.2.2",
-    "@0xsequence/migration": "1.2.2",
-    "@0xsequence/auth": "1.2.2",
-    "@0xsequence/account": "1.2.2",
-    "@0xsequence/core": "1.2.2",
-    "@0xsequence/network": "1.2.2",
-    "@0xsequence/relayer": "1.2.2",
-    "@0xsequence/utils": "1.2.2",
-    "@0xsequence/wallet": "1.2.2"
+    "@0xsequence/abi": "1.2.4",
+    "@0xsequence/account": "1.2.4",
+    "@0xsequence/auth": "1.2.4",
+    "@0xsequence/core": "1.2.4",
+    "@0xsequence/migration": "1.2.4",
+    "@0xsequence/relayer": "1.2.4",
+    "@0xsequence/network": "1.2.4",
+    "@0xsequence/utils": "1.2.4",
+    "@0xsequence/wallet": "1.2.4"
   },
   "peerDependencies": {
     "ethers": ">=5.5 < 6"

package/src/client.ts

@@ -189,6 +189,10 @@ export class SequenceClient {
       this.callbacks.close?.forEach(cb => cb())
     })
 
+    this.transport.on('chainChanged', (chainIdHex, origin) => {
+      this.callbacks.chainChanged?.forEach(cb => cb(chainIdHex, origin))
+    })
+
     // We don't listen for the transport chainChanged event
     // instead we handle it locally, so we listen for changes in the store
     this.defaultChainId.onDefaultChainIdChanged((chainId: number) => {
@@ -242,6 +246,10 @@ export class SequenceClient {
     return this.registerCallback('walletContext', callback)
   }
 
+  onChainChanged(callback: WalletEventTypes['chainChanged']) {
+    return this.registerCallback('chainChanged', callback)
+  }
+
   onDefaultChainIdChanged(callback: WalletEventTypes['chainChanged']) {
     return this.registerCallback('chainChanged', callback)
   }

package/src/transports/base-provider-transport.ts

@@ -240,7 +240,7 @@ export abstract class BaseProviderTransport implements ProviderTransport {
 
     // CHAIN_CHANGED -- when a user changes their default chain
     if (message.type === EventType.CHAIN_CHANGED) {
-      this.events.emit('chainChanged', message.data)
+      this.events.emit('chainChanged', message.data, message.origin)
       return
     }
 

package/src/transports/base-wallet-transport.ts

@@ -65,10 +65,14 @@ export abstract class BaseWalletTransport implements WalletTransport {
       if (!networks || networks.length === 0) {
         this.notifyChainChanged('0x0')
       } else {
-        this.notifyChainChanged(ethers.utils.hexlify(networks.find(network => network.isDefaultChain)!.chainId))
+        this.notifyChainChanged(ethers.utils.hexValue(networks.find(network => network.isDefaultChain)!.chainId))
       }
     })
 
+    this.walletRequestHandler.on('chainChanged', (chainIdHex: string, origin?: string) => {
+      this.notifyChainChanged(chainIdHex, origin)
+    })
+
     this.walletRequestHandler.on('walletContext', (walletContext: commons.context.VersionedContext) => {
       if (!this.registered || !walletContext) return
       this.notifyWalletContext(walletContext)
@@ -210,15 +214,16 @@ export abstract class BaseWalletTransport implements WalletTransport {
       idx: -1,
       type: EventType.ACCOUNTS_CHANGED,
       data: accounts,
-      origin: origin
+      origin
     })
   }
 
-  notifyChainChanged(chainIdHex: string) {
+  notifyChainChanged(chainIdHex: string, origin?: string) {
     this.sendMessage({
       idx: -1,
       type: EventType.CHAIN_CHANGED,
-      data: chainIdHex
+      data: chainIdHex,
+      origin
     })
   }
 

package/src/transports/wallet-request-handler.ts

@@ -159,7 +159,8 @@ export class WalletRequestHandler implements ExternalProvider, JsonRpcHandler, P
       const authOptions: AuthorizationOptions = {
         app: options.app,
         origin: options.origin,
-        expiry: options.expiry
+        expiry: options.expiry,
+        nonce: options.authorizeNonce
       }
       // if (typeof(options.authorize) === 'object') {
       //   authOptions = { ...authOptions, ...options.authorize }
@@ -770,13 +771,17 @@ export class WalletRequestHandler implements ExternalProvider, JsonRpcHandler, P
     this.events.emit('disconnect')
   }
 
+  notifyChainChanged(chainId: number, origin?: string) {
+    this.events.emit('chainChanged', ethers.utils.hexValue(chainId), origin)
+  }
+
   async notifyNetworks(networks?: NetworkConfig[]) {
     const n = networks || (await this.getNetworks(true))
     this.events.emit('networks', n)
     if (n.length > 0) {
       const defaultNetwork = n.find(network => network.chainId === this.defaultChainId())
       if (defaultNetwork) {
-        this.events.emit('chainChanged', ethers.utils.hexlify(defaultNetwork.chainId))
+        this.events.emit('chainChanged', ethers.utils.hexValue(defaultNetwork.chainId))
       }
     } else {
       this.events.emit('chainChanged', '0x0')

package/src/types.ts

@@ -132,7 +132,7 @@ export interface WalletEventTypes {
   disconnect: (error?: ProviderRpcError) => void
 
   accountsChanged: (accounts: string[], origin?: string) => void
-  chainChanged: (chainIdHex: string) => void
+  chainChanged: (chainIdHex: string, origin?: string) => void
 
   networks: (networks: NetworkConfig[]) => void
   walletContext: (walletContext: commons.context.VersionedContext) => void
@@ -171,6 +171,9 @@ export interface ConnectOptions {
   /** authorize will perform an ETHAuth eip712 signing and return the proof to the dapp. */
   authorize?: boolean
 
+  /** authorizeNonce is an optional number to be passed as ETHAuth's nonce claim for replay protection. **/
+  authorizeNonce?: number
+
   /** authorizeVersion is the version of the SDK that will validate the ETHAuth proof. */
   authorizeVersion?: number
 
@@ -263,7 +266,7 @@ export interface Settings {
  * you can use the camel case version of the name in the wallet settings.
  * For example: "Blue Dark" on wallet UI can be passed as "blueDark" */
 export type ThemeOption = 'light' | 'dark' | string
-export type PaymentProviderOption = 'moonpay' | 'wyre' | 'ramp'
+export type PaymentProviderOption = 'ramp' | 'moonpay' | 'transak' | 'onmeta' | 'paytrie' | 'sardine'
 export type CurrencyOption = 'usdc' | 'eth' | 'matic'
 export type SignInOption = 'email' | 'google' | 'apple' | 'facebook' | 'discord' | 'twitch'
 export type BannerSize = 'small' | 'medium' // | 'large'