Update/feat web3js (#26)

* chore(lab): dogfooding button (WalletConnect#2206)

* chore: fix typos (WalletConnect#2188)

Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: tomiir <rocchitomas@gmail.com>

* refactor: render tooltip in root (WalletConnect#2210)

* feat: add react-ethers 6 example (WalletConnect#1920)

Co-authored-by: Sven <38101365+svenvoskamp@users.noreply.github.com>

* refactor: swap business logic improvements (WalletConnect#2199)

* chore: detailed canary timings (WalletConnect#2214)

* chore: add apple app site association (WalletConnect#2216)

* :feat add send logic  (WalletConnect#2173)

Co-authored-by: Cali93 <32299095+Cali93@users.noreply.github.com>
Co-authored-by: Enes <enesozturk.d@gmail.com>

* fix: apple-app-site-association content type header (WalletConnect#2217)

* feat: Sign 2.5 (WalletConnect#2033)

Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>
Co-authored-by: Glitch <glitch.txs@gmail.com>
Co-authored-by: Glitch <66949816+glitch-txs@users.noreply.github.com>
Co-authored-by: Sven <fr.sven.fr@gmail.com>
Co-authored-by: tomiir <rocchitomas@gmail.com>
Co-authored-by: Enes <enesozturk.d@gmail.com>

* feat: Smart Account 6492 Signature Tests (WalletConnect#2196)

* fix: sign modal not appearing when going through siwe flow (WalletConnect#2213)

* Add signAndSendTransaction to Solflare, Backpack and Trust Wallet Ada… (WalletConnect#2190)

Co-authored-by: Valentyn <valentin.vad.sh@gmail.com>

* fix: missing call to SIWE `onSignOut` (WalletConnect#2054)

Co-authored-by: Glitch <66949816+glitch-txs@users.noreply.github.com>
Co-authored-by: tomiir <rocchitomas@gmail.com>

* fix: dayjs locale format seconds is not working and is polluting the global dayjs locale (WalletConnect#1689)

Co-authored-by: tomiir <rocchitomas@gmail.com>
Co-authored-by: Gancho Radkov <43912948+ganchoradkov@users.noreply.github.com>
Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>
Co-authored-by: Ilja <3154053+xzilja@users.noreply.github.com>
Co-authored-by: enesozturk <enesozturk.d@gmail.com>

* :deprecate - injected connector (WalletConnect#2223)

* chore: more canary timings (WalletConnect#2215)

* chore: updates ethereum-provider to latest (WalletConnect#2226)

* fix: add assertion for the erc20 abi json import (WalletConnect#2225)

* fix: encodes all `personal_sign` messages to hex (WalletConnect#2237)

Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>

* fix: siwe tests for 1 click auth (WalletConnect#2267)

* feat: phantom deeplink for mobile app browsers (WalletConnect#2250)

Co-authored-by: tomiir <rocchitomas@gmail.com>

* fix: 4.2.0 bug fixes (WalletConnect#2234)

Co-authored-by: Enes <enesozturk.d@gmail.com>
Co-authored-by: Sven <38101365+svenvoskamp@users.noreply.github.com>
Co-authored-by: Sven <fr.sven.fr@gmail.com>

* chore: UI canary 10 minute timeout (WalletConnect#2269)

* chore: bump to main 4.2.0 version (WalletConnect#2270)

* :feat social login - 1 - UI  (WalletConnect#2266)

Co-authored-by: enesozturk <enesozturk.d@gmail.com>

* :feat social login - 2 - Wallet (WalletConnect#2272)

* :feat social login - 3 - AuthConnector  (WalletConnect#2274)

* refactor: update profile name rendering logic (WalletConnect#2276)

* :hotfix in app support for injected and announced wallets  (WalletConnect#2279)

* refactor/theme variables and v4 ui updates (WalletConnect#2277)

---------

Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Chris Smith <1979423+chris13524@users.noreply.github.com>
Co-authored-by: Snoppy <michaleli@foxmail.com>
Co-authored-by: tomiir <rocchitomas@gmail.com>
Co-authored-by: Enes <enesozturk.d@gmail.com>
Co-authored-by: Sven <38101365+svenvoskamp@users.noreply.github.com>
Co-authored-by: Luka Isailovic <lukaisailovic@gmail.com>
Co-authored-by: Cali93 <32299095+Cali93@users.noreply.github.com>
Co-authored-by: Gancho Radkov <43912948+ganchoradkov@users.noreply.github.com>
Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>
Co-authored-by: Glitch <glitch.txs@gmail.com>
Co-authored-by: Glitch <66949816+glitch-txs@users.noreply.github.com>
Co-authored-by: Sven <fr.sven.fr@gmail.com>
Co-authored-by: GooxPF <gooxpf@gmail.com>
Co-authored-by: Valentyn <valentin.vad.sh@gmail.com>
Co-authored-by: Tiến Nguyễn Khắc <tien.nguyenkhac@icloud.com>
Co-authored-by: Nikos Rossolatos <nikos@cointracker.com>
Co-authored-by: Ilja <3154053+xzilja@users.noreply.github.com>

Dockerfile.canary

@@ -16,4 +16,4 @@ ENV CI=true
 ENV SKIP_PLAYWRIGHT_WEBSERVER=true
 ENV BASE_URL=https://lab.web3modal.com/
 
-CMD ["bash", "./docker-canary.sh"]
+CMD ["timeout", "600", "./docker-canary.sh"]

apps/demo/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @apps/demo
 
+## 4.2.1
+
+### Patch Changes
+
+- Hotfix to support injected and announced wallets in in app browsers
+
+- Updated dependencies []:
+  - @web3modal/wagmi@4.2.1
+
+## 4.2.0
+
+### Patch Changes
+
+- release: 4.2.0 version release
+
+- Updated dependencies []:
+  - @web3modal/wagmi@4.2.0
+
+## 4.2.0-alpha.0
+
+### Patch Changes
+
+- feat: 4.2.0-alpha release
+
+- Updated dependencies []:
+  - @web3modal/wagmi@4.2.0-alpha.0
+
+## 4.2.0-03e4f4a8.2
+
+### Patch Changes
+
+- fix: Issue with SIWE + Wagmi sign out. Fixes issue where signature verification fail resulted in empty open modal'
+
+- Updated dependencies []:
+  - @web3modal/wagmi@4.2.0-03e4f4a8.2
+
+## 4.2.0-448f7f4.1
+
+### Minor Changes
+
+- refactor: improvements to all features (siwe, send, swaps, ui and ux)
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @web3modal/wagmi@4.2.0-448f7f4.1
+
 ## 4.1.12-910a844.0
 
 ### Patch Changes

apps/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apps/demo",
-  "version": "4.1.12-910a844.0",
+  "version": "4.2.1",
   "private": true,
   "scripts": {
     "dev:demo": "next dev",
@@ -11,7 +11,7 @@
   "dependencies": {
     "@radix-ui/react-switch": "1.0.3",
     "@tanstack/react-query": "5.24.8",
-    "@web3modal/wagmi": "4.1.12-910a844.0",
+    "@web3modal/wagmi": "4.2.1",
     "clsx": "2.1.0",
     "framer-motion": "11.0.8",
     "next": "14.1.1",
@@ -20,8 +20,8 @@
     "sonner": "1.4.3",
     "tailwind-merge": "2.2.1",
     "vaul": "0.9.0",
-    "viem": "2.7.19",
-    "wagmi": "2.5.19",
+    "viem": "2.10.3",
+    "wagmi": "2.8.7",
     "zustand": "4.5.2"
   },
   "devDependencies": {

apps/gallery/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @apps/gallery
 
+## 4.2.1
+
+### Patch Changes
+
+- Hotfix to support injected and announced wallets in in app browsers
+
+- Updated dependencies []:
+  - @web3modal/common@4.2.1
+  - @web3modal/ui@4.2.1
+
+## 4.2.0
+
+### Patch Changes
+
+- release: 4.2.0 version release
+
+- Updated dependencies []:
+  - @web3modal/common@4.2.0
+  - @web3modal/ui@4.2.0
+
+## 4.2.0-alpha.0
+
+### Patch Changes
+
+- feat: 4.2.0-alpha release
+
+- Updated dependencies []:
+  - @web3modal/common@4.2.0-alpha.0
+  - @web3modal/ui@4.2.0-alpha.0
+
+## 4.2.0-03e4f4a8.2
+
+### Patch Changes
+
+- fix: Issue with SIWE + Wagmi sign out. Fixes issue where signature verification fail resulted in empty open modal'
+
+- Updated dependencies []:
+  - @web3modal/common@4.2.0-03e4f4a8.2
+  - @web3modal/ui@4.2.0-03e4f4a8.2
+
+## 4.2.0-448f7f4.1
+
+### Minor Changes
+
+- refactor: improvements to all features (siwe, send, swaps, ui and ux)
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @web3modal/common@4.2.0-448f7f4.1
+  - @web3modal/ui@4.2.0-448f7f4.1
+
 ## 4.1.12-910a844.0
 
 ### Patch Changes

apps/gallery/components/gallery-placeholder/styles.ts

@@ -35,7 +35,7 @@ export default css`
   }
 
   .placeholder-bg-color-blue {
-    background-color: #47a1ff;
+    background-color: #667dff;
   }
 
   .placeholder-margin {

apps/gallery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apps/gallery",
-  "version": "4.1.12-910a844.0",
+  "version": "4.2.1",
   "private": true,
   "main": "index.js",
   "scripts": {
@@ -9,8 +9,8 @@
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
   },
   "dependencies": {
-    "@web3modal/common": "4.1.12-910a844.0",
-    "@web3modal/ui": "4.1.12-910a844.0",
+    "@web3modal/common": "4.2.1",
+    "@web3modal/ui": "4.2.1",
     "lit": "3.1.0",
     "storybook": "7.6.7"
   },

apps/gallery/stories/composites/wui-account-button.stories.ts

@@ -14,16 +14,16 @@ export default {
     avatarSrc: avatarImageSrc,
     address,
     balance: '0.527 ETH',
-    isProfileName: false,
+    profileName: 'johndoe.eth',
     charsStart: 4,
     charsEnd: 6
   },
   argTypes: {
     disabled: {
       control: { type: 'boolean' }
     },
-    isProfileName: {
-      control: { type: 'boolean' }
+    profileName: {
+      control: { type: 'text' }
     }
   }
 } as Component
@@ -32,7 +32,7 @@ export const Default: Component = {
   render: args =>
     html`<wui-account-button
       ?disabled=${args.disabled}
-      ?isProfileName=${args.isProfileName}
+      profileName=${args.profileName}
       .networkSrc=${args.networkSrc}
       .avatarSrc=${args.avatarSrc}
       .balance=${args.balance}

apps/gallery/stories/composites/wui-button.stories.ts

@@ -10,8 +10,8 @@ type Component = Meta<WuiButton & { iconLeft?: IconType; iconRight?: IconType }>
 export default {
   title: 'Composites/wui-button',
   args: {
-    size: 'md',
-    variant: 'fill',
+    size: 'lg',
+    variant: 'main',
     disabled: false,
     fullWidth: false,
     iconLeft: undefined,
@@ -20,16 +20,13 @@ export default {
   },
   argTypes: {
     size: {
-      options: ['xs', 'sm', 'md', 'lg'],
+      options: ['lg', 'md'],
       control: { type: 'select' }
     },
     variant: {
       options: buttonOptions,
       control: { type: 'select' }
     },
-    fullWidth: {
-      control: { type: 'boolean' }
-    },
     disabled: {
       control: { type: 'boolean' }
     },

apps/gallery/stories/composites/wui-chip-button.stories.ts

@@ -2,22 +2,27 @@ import type { Meta } from '@storybook/web-components'
 import '@web3modal/ui/src/composites/wui-chip-button'
 import type { WuiChipButton } from '@web3modal/ui/src/composites/wui-chip-button'
 import { html } from 'lit'
-import { chipOptions, iconOptions, walletImagesOptions } from '../../utils/PresetUtils'
+import { chipButtonVariants, iconOptions, walletImagesOptions } from '../../utils/PresetUtils'
 
 type Component = Meta<WuiChipButton>
 
 export default {
   title: 'Composites/wui-chip-button',
   args: {
-    variant: 'fill',
+    variant: 'main',
+    size: 'md',
     disabled: false,
     icon: 'externalLink',
     imageSrc: walletImagesOptions[3]?.src,
     text: 'dianeyes.walletconnect.eth'
   },
   argTypes: {
     variant: {
-      options: chipOptions,
+      options: chipButtonVariants,
+      control: { type: 'select' }
+    },
+    size: {
+      options: ['sm', 'md'],
       control: { type: 'select' }
     },
     icon: {
@@ -35,6 +40,7 @@ export const Default: Component = {
     html`<wui-chip-button
       icon=${args.icon}
       text=${args.text}
+      size=${args.size}
       variant=${args.variant}
       ?disabled=${args.disabled}
       .imageSrc=${args.imageSrc}

apps/gallery/stories/composites/wui-chip.stories.ts

@@ -3,7 +3,7 @@ import '@web3modal/ui/src/composites/wui-chip'
 import type { WuiChip } from '@web3modal/ui/src/composites/wui-chip'
 import { html } from 'lit'
 import {
-  chipOptions,
+  chipVariants,
   externalLink,
   iconOptions,
   walletImagesOptions
@@ -22,7 +22,7 @@ export default {
   },
   argTypes: {
     variant: {
-      options: chipOptions,
+      options: chipVariants,
       control: { type: 'select' }
     },
     icon: {

apps/gallery/stories/composites/wui-list-button.stories.ts

@@ -0,0 +1,21 @@
+import type { Meta } from '@storybook/web-components'
+import '@web3modal/ui/src/composites/wui-list-button'
+import { html } from 'lit'
+import '../../components/gallery-container'
+import type { WuiListButton } from '@web3modal/ui'
+
+type Component = Meta<WuiListButton>
+
+export default {
+  title: 'Composites/wui-list-button',
+  args: {
+    text: 'Continue with a wallet'
+  }
+} as Component
+
+export const Default: Component = {
+  render: args =>
+    html` <gallery-container width="336">
+      <wui-list-button text=${args.text}></wui-list-button>
+    </gallery-container>`
+}

apps/gallery/stories/composites/wui-list-social.stories.ts

@@ -0,0 +1,30 @@
+import type { Meta } from '@storybook/web-components'
+import '@web3modal/ui/src/composites/wui-list-social'
+import { html } from 'lit'
+import '../../components/gallery-container'
+
+import type { WuiListSocial } from '@web3modal/ui'
+
+type Component = Meta<WuiListSocial>
+
+export default {
+  title: 'Composites/wui-list-social',
+  args: {
+    name: 'google',
+    logo: 'google',
+    align: 'left'
+  },
+  argTypes: {
+    align: {
+      options: ['left', 'center'],
+      control: { type: 'select' }
+    }
+  }
+} as Component
+
+export const Default: Component = {
+  render: args =>
+    html` <gallery-container width="336">
+      <wui-list-social align=${args.align} logo=${args.logo} name=${args.name}></wui-list-social>
+    </gallery-container>`
+}

apps/gallery/stories/composites/wui-logo-select.stories.ts

@@ -2,6 +2,7 @@ import type { Meta } from '@storybook/web-components'
 import '@web3modal/ui/src/composites/wui-logo-select'
 import type { WuiLogoSelect } from '@web3modal/ui/src/composites/wui-logo-select'
 import { html } from 'lit'
+import '../../components/gallery-container'
 import { logoOptions } from '../../utils/PresetUtils'
 
 type Component = Meta<WuiLogoSelect>
@@ -26,5 +27,7 @@ export default {
 
 export const Default: Component = {
   render: args =>
-    html`<wui-logo-select ?disabled=${args.disabled} logo=${args.logo}></wui-logo-select>`
+    html`<gallery-container width="60"
+      ><wui-logo-select ?disabled=${args.disabled} logo=${args.logo}></wui-logo-select>
+    </gallery-container>`
 }

apps/gallery/stories/composites/wui-profile-button.stories.ts

@@ -12,19 +12,19 @@ export default {
     networkSrc: networkImageSrc,
     avatarSrc: avatarImageSrc,
     address,
-    isProfileName: false
+    profileName: 'johndoe.eth'
   },
   argTypes: {
-    isProfileName: {
-      control: { type: 'boolean' }
+    profileName: {
+      control: { type: 'text' }
     }
   }
 } as Component
 
 export const Default: Component = {
   render: args =>
     html`<wui-profile-button
-      ?isProfileName=${args.isProfileName}
+      profileName=${args.profileName}
       .networkSrc=${args.networkSrc}
       .avatarSrc=${args.avatarSrc}
       address=${args.address}