@web3modal/react - npm Package Compare versions

Comparing version 2.3.7 to 2.4.0

dist/_types/src/components/Modal.d.ts

@@ -1,7 +0,7 @@
-/// <reference types="react" />
 import type { W3mModal } from '@web3modal/ui';
+import React from 'react';
 /**
  * Component
  */
-export declare function Modal(props: JSX.IntrinsicElements['w3m-modal']): JSX.Element;
+export declare function Modal(props: JSX.IntrinsicElements['w3m-modal']): React.JSX.Element;
 /**
@@ -8,0 +8,0 @@ * Types

dist/_types/src/components/W3mQrCode.d.ts

@@ -1,7 +0,7 @@
-/// <reference types="react" />
 import type { W3mQrCode as TW3mQrCode } from '@web3modal/ui';
+import React from 'react';
 /**
  * Component
  */
-export declare function W3mQrCode(props: JSX.IntrinsicElements['w3m-qrcode']): JSX.Element;
+export declare function W3mQrCode(props: JSX.IntrinsicElements['w3m-qrcode']): React.JSX.Element;
 /**
@@ -8,0 +8,0 @@ * Types

dist/_types/src/components/Web3Button.d.ts

@@ -1,7 +0,7 @@
-/// <reference types="react" />
 import type { W3mCoreButton } from '@web3modal/ui';
+import React from 'react';
 /**
  * Component
  */
-export declare function Web3Button(props: JSX.IntrinsicElements['w3m-core-button']): JSX.Element;
+export declare function Web3Button(props: JSX.IntrinsicElements['w3m-core-button']): React.JSX.Element;
 /**
@@ -8,0 +8,0 @@ * Types

dist/_types/src/components/Web3Modal.d.ts

@@ -7,3 +7,3 @@ import type { ConfigCtrlState, ThemeCtrlState } from '@web3modal/core';
  */
-export type Web3ModalProps = Omit<ConfigCtrlState, 'enableStandaloneMode' | 'standaloneChains' | 'walletConnectVersion'> & ThemeCtrlState & {
+export type Web3ModalProps = Omit<ConfigCtrlState, 'enableAuthMode' | 'enableStandaloneMode' | 'standaloneChains' | 'walletConnectVersion'> & ThemeCtrlState & {
     ethereumClient?: EthereumClient;
@@ -14,4 +14,4 @@ };
  */
-declare function CreateWeb3Modal({ ethereumClient, ...config }: Web3ModalProps): JSX.Element;
+declare function CreateWeb3Modal({ ethereumClient, ...config }: Web3ModalProps): React.JSX.Element;
 export declare const Web3Modal: React.MemoExoticComponent<typeof CreateWeb3Modal>;
 export {};

dist/_types/src/components/Web3NetworkSwitch.d.ts

@@ -1,7 +0,7 @@
-/// <reference types="react" />
 import type { W3mNetworkSwitch } from '@web3modal/ui';
+import React from 'react';
 /**
  * Component
  */
-export declare function Web3NetworkSwitch(props: JSX.IntrinsicElements['w3m-network-switch']): JSX.Element;
+export declare function Web3NetworkSwitch(props: JSX.IntrinsicElements['w3m-network-switch']): React.JSX.Element;
 /**
@@ -8,0 +8,0 @@ * Types

dist/index.js

@@ -1,2 +0,2 @@
-import o,{memo as g,useCallback as E,useEffect as i,useState as j}from"react";import{ThemeCtrl as a,ClientCtrl as M,ConfigCtrl as S,OptionsCtrl as $,ModalCtrl as l,EventsCtrl as W}from"@web3modal/core";var I=Object.defineProperty,s=Object.getOwnPropertySymbols,V=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,p=(t,e,r)=>e in t?I(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e||(e={}))V.call(e,r)&&p(t,r,e[r]);if(s)for(var r of s(e))T.call(e,r)&&p(t,r,e[r]);return t};function le(t){const{size:e}=t;return o.createElement("div",{style:{width:e,height:e}},o.createElement("w3m-qrcode",k({},t)))}var x=Object.defineProperty,u=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,f=(t,e,r)=>e in t?x(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,z=(t,e)=>{for(var r in e||(e={}))D.call(e,r)&&f(t,r,e[r]);if(u)for(var r of u(e))q.call(e,r)&&f(t,r,e[r]);return t};function ce(t){return o.createElement("w3m-core-button",z({},t))}var B=Object.defineProperty,v=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,m=(t,e,r)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Q=(t,e)=>{for(var r in e||(e={}))L.call(e,r)&&m(t,r,e[r]);if(v)for(var r of v(e))N.call(e,r)&&m(t,r,e[r]);return t};function U(t){return o.createElement("w3m-modal",Q({},t))}var A=Object.defineProperty,F=Object.defineProperties,G=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,y=(t,e,r)=>e in t?A(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,H=(t,e)=>{for(var r in e||(e={}))C.call(e,r)&&y(t,r,e[r]);if(c)for(var r of c(e))P.call(e,r)&&y(t,r,e[r]);return t},J=(t,e)=>F(t,G(e)),K=(t,e)=>{var r={};for(var n in t)C.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&c)for(var n of c(t))e.indexOf(n)<0&&P.call(t,n)&&(r[n]=t[n]);return r};function R(t){var e=t,{ethereumClient:r}=e,n=K(e,["ethereumClient"]);const b=E(async()=>{a.setThemeConfig(n),r&&M.setEthereumClient(r),S.setConfig(J(H({},n),{walletConnectVersion:r?.walletConnectVersion})),await import("@web3modal/ui"),$.setIsUiLoaded(!0)},[r,n]);return i(()=>{b()},[b]),o.createElement(U,null)}const ie=g(R);var X=Object.defineProperty,O=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,w=(t,e,r)=>e in t?X(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_=(t,e)=>{for(var r in e||(e={}))Y.call(e,r)&&w(t,r,e[r]);if(O)for(var r of O(e))Z.call(e,r)&&w(t,r,e[r]);return t};function be(t){return o.createElement("w3m-network-switch",_({},t))}var ee=Object.defineProperty,d=Object.getOwnPropertySymbols,re=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,h=(t,e,r)=>e in t?ee(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ne=(t,e)=>{for(var r in e||(e={}))re.call(e,r)&&h(t,r,e[r]);if(d)for(var r of d(e))te.call(e,r)&&h(t,r,e[r]);return t};function se(){const[t,e]=j(l.state);return i(()=>{const r=l.subscribe(n=>e(ne({},n)));return()=>{r()}},[]),{isOpen:t.open,open:l.open,close:l.close,setDefaultChain:$.setSelectedChain}}function pe(t){i(()=>{const e=W.subscribe(t);return()=>{e()}},[])}function ue(){const[t,e]=j({themeMode:a.state.themeMode,themeVariables:a.state.themeVariables});return i(()=>{const r=a.subscribe(n=>e({themeMode:n.themeMode,themeVariables:n.themeVariables}));return()=>{r()}},[]),{theme:t,setTheme:a.setThemeConfig}}export{le as W3mQrCode,ce as Web3Button,ie as Web3Modal,be as Web3NetworkSwitch,se as useWeb3Modal,pe as useWeb3ModalEvents,ue as useWeb3ModalTheme};
+import n,{memo as g,useCallback as E,useEffect as i,useState as j}from"react";import{ThemeCtrl as a,ClientCtrl as M,ConfigCtrl as S,OptionsCtrl as $,ModalCtrl as l,EventsCtrl as I}from"@web3modal/core";var W=Object.defineProperty,s=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,p=(t,e,r)=>e in t?W(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e||(e={}))T.call(e,r)&&p(t,r,e[r]);if(s)for(var r of s(e))V.call(e,r)&&p(t,r,e[r]);return t};function le(t){const{size:e}=t;return n.createElement("div",{style:{width:e,height:e}},n.createElement("w3m-qrcode",k({},t)))}var x=Object.defineProperty,u=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,f=(t,e,r)=>e in t?x(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,z=(t,e)=>{for(var r in e||(e={}))D.call(e,r)&&f(t,r,e[r]);if(u)for(var r of u(e))q.call(e,r)&&f(t,r,e[r]);return t};function ce(t){return n.createElement("w3m-core-button",z({},t))}var B=Object.defineProperty,v=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,m=(t,e,r)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Q=(t,e)=>{for(var r in e||(e={}))L.call(e,r)&&m(t,r,e[r]);if(v)for(var r of v(e))N.call(e,r)&&m(t,r,e[r]);return t};function U(t){return n.createElement("w3m-modal",Q({},t))}var A=Object.defineProperty,F=Object.defineProperties,G=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,y=(t,e,r)=>e in t?A(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,H=(t,e)=>{for(var r in e||(e={}))C.call(e,r)&&y(t,r,e[r]);if(c)for(var r of c(e))P.call(e,r)&&y(t,r,e[r]);return t},J=(t,e)=>F(t,G(e)),K=(t,e)=>{var r={};for(var o in t)C.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&c)for(var o of c(t))e.indexOf(o)<0&&P.call(t,o)&&(r[o]=t[o]);return r};function R(t){var e=t,{ethereumClient:r}=e,o=K(e,["ethereumClient"]);const b=E(async()=>{a.setThemeConfig(o),r&&M.setEthereumClient(r),S.setConfig(J(H({},o),{walletConnectVersion:r?.walletConnectVersion})),await import("@web3modal/ui"),$.setIsUiLoaded(!0)},[r,o]);return i(()=>{b()},[b]),n.createElement(U,null)}const ie=g(R);var X=Object.defineProperty,O=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,w=(t,e,r)=>e in t?X(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_=(t,e)=>{for(var r in e||(e={}))Y.call(e,r)&&w(t,r,e[r]);if(O)for(var r of O(e))Z.call(e,r)&&w(t,r,e[r]);return t};function be(t){return n.createElement("w3m-network-switch",_({},t))}var ee=Object.defineProperty,d=Object.getOwnPropertySymbols,re=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,h=(t,e,r)=>e in t?ee(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,oe=(t,e)=>{for(var r in e||(e={}))re.call(e,r)&&h(t,r,e[r]);if(d)for(var r of d(e))te.call(e,r)&&h(t,r,e[r]);return t};function se(){const[t,e]=j(l.state);return i(()=>{const r=l.subscribe(o=>e(oe({},o)));return()=>{r()}},[]),{isOpen:t.open,open:l.open,close:l.close,setDefaultChain:$.setSelectedChain}}function pe(t){i(()=>{const e=I.subscribe(t);return()=>{e()}},[])}function ue(){const[t,e]=j({themeMode:a.state.themeMode,themeVariables:a.state.themeVariables});return i(()=>{const r=a.subscribe(o=>e({themeMode:o.themeMode,themeVariables:o.themeVariables}));return()=>{r()}},[]),{theme:t,setTheme:a.setThemeConfig}}export{le as W3mQrCode,ce as Web3Button,ie as Web3Modal,be as Web3NetworkSwitch,se as useWeb3Modal,pe as useWeb3ModalEvents,ue as useWeb3ModalTheme};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@web3modal/react",
-  "version": "2.3.7",
+  "version": "2.4.0",
   "main": "dist/index.js",
@@ -19,14 +19,7 @@ "type": "module",
   "dependencies": {
-    "@web3modal/core": "2.3.7",
-    "@web3modal/standalone": "2.3.7",
-    "@web3modal/ui": "2.3.7"
+    "@web3modal/core": "2.4.0",
+    "@web3modal/ui": "2.4.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
-    "@web3modal/ethereum": "2.3.7",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@web3modal/ethereum": "2.4.0"
   },
@@ -33,0 +26,0 @@ "peerDependencies": {

readme.md

@@ -1,11 +0,9 @@
-> Looking for v1.x readme? It is available on [V1 Branch](https://github.com/WalletConnect/web3modal/tree/V1)
+#### 📚 [Documentation](https://docs.walletconnect.com/2.0/web3modal/about)
 
-### 📚 [Documentation](https://docs.walletconnect.com/2.0/web3modal/about)
+#### 🔎 [Examples](https://github.com/WalletConnect/web3modal-examples)
 
-### 🔎 [Examples](https://github.com/WalletConnect/web3modal-examples)
+#### 🧪 [Laboratory](https://lab.web3modal.com)
 
-### 🧪 [Laboratory](https://lab.web3modal.com)
+#### 🔗 [Website](https://web3modal.com)
 
-### 🔗 [Website](https://web3modal.com)
-
 # Web3Modal
@@ -16,3 +14,3 @@
 <p align="center">
-  <img src="./.github/assets/header.jpg" alt="" border="0">
+  <img src="./.github/assets/header.png" alt="" border="0">
 </p>
@@ -19,0 +17,0 @@

No alert changes

Improved metrics

Dependency count

4

decreased by-20%

Dev dependency count

1

decreased by-85.71%

Worsened metrics

Total package byte prevSize

21744

decreased by-1.32%

Number of lines in readme file

20

decreased by-9.09%

Dependency changes

• + Added@web3modal/core@2.4.0(transitive)

• + Added@web3modal/ui@2.4.0(transitive)

• + Addedlit@2.7.4(transitive)

• + Addedproxy-compare@2.5.1(transitive)

• + Addedvaltio@1.10.5(transitive)

• - Removed@web3modal/standalone@2.3.7

• - Removed@web3modal/core@2.3.7(transitive)

• - Removed@web3modal/standalone@2.3.7(transitive)

• - Removed@web3modal/ui@2.3.7(transitive)

• - Removedlit@2.7.3(transitive)

• - Removedproxy-compare@2.5.0(transitive)

• - Removedvaltio@1.10.4(transitive)

• Updated@web3modal/core@2.4.0

• Updated@web3modal/ui@2.4.0