Add Ledger Live connector

dapp/ledger-manifest-testnet-preview.json

@@ -0,0 +1,31 @@
+{
+  "id": "acre-testnet",
+  "name": "Acre [testnet - preview]",
+  "url": "https://deploy-preview-733--acre-dapp-testnet.netlify.app/?embed=ledger-live",
+  "homepageUrl": "https:/acre.fi/",
+  "icon": "https://deploy-preview-733--acre-dapp-testnet.netlify.app/acre.svg",
+  "platforms": "desktop",
+  "apiVersion": "^2.0.0",
+  "manifestVersion": "2",
+  "branch": "stable",
+  "categories": ["staking"],
+  "currencies": ["bitcoin", "bitcoin_testnet"],
+  "content": {
+    "shortDescription": {
+      "en": "Bitcoin Liquid Staking"
+    },
+    "description": {
+      "en": "Bitcoin Liquid Staking"
+    }
+  },
+  "permissions": [
+    "account.request",
+    "account.list",
+    "message.sign",
+    "transaction.sign",
+    "transaction.signAndBroadcast",
+    "bitcoin.getXPub"
+  ],
+  "domains": ["http://*"],
+  "type": "walletApp"
+}

dapp/package.json

@@ -24,7 +24,7 @@
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@orangekit/react": "1.0.0-beta.30",
+    "@orangekit/react": "1.0.0-beta.32-dev.0",
     "@orangekit/sign-in-with-wallet": "1.0.0-beta.6",
     "@reduxjs/toolkit": "^2.2.0",
     "@rehooks/local-storage": "^2.4.5",

dapp/src/components/ConnectWalletModal/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react"
 import { ModalBody, ModalHeader, ModalCloseButton } from "@chakra-ui/react"
 import { useConnectors, useIsEmbed, useWalletConnectionError } from "#/hooks"
 import { OrangeKitConnector, BaseModalProps, OnSuccessCallback } from "#/types"
-import { wallets } from "#/constants"
+// import { wallets } from "#/constants"
 import withBaseModal from "../ModalRoot/withBaseModal"
 import ConnectWalletButton from "./ConnectWalletButton"
 import ConnectWalletErrorAlert from "./ConnectWalletErrorAlert"
@@ -17,7 +17,7 @@ export function ConnectWalletModalBase({
   const connectors = useConnectors()
   const enabledConnectors = connectors.map((connector) => ({
     ...connector,
-    isDisabled: !wallets.SUPPORTED_WALLET_IDS.includes(connector.id),
+    isDisabled: false,
   }))
 
   const [selectedConnectorId, setSelectedConnectorId] = useState<string>()

dapp/src/constants/wallets.ts

@@ -32,7 +32,7 @@ const XVERSE: WalletInfo = {
 }
 
 const LEDGER: WalletInfo = {
-  id: "orangekit-ledger",
+  id: "orangekit-ledger-live",
   downloadUrls: {
     desktop: "https://www.ledger.com/ledger-live",
   },

dapp/src/wagmiConfig.ts

@@ -4,6 +4,7 @@ import {
   getOrangeKitUnisatConnector,
   getOrangeKitOKXConnector,
   getOrangeKitXverseConnector,
+  getOrangeKitLedgerLiveConnector,
 } from "@orangekit/react"
 import { env } from "./constants"
 import { router } from "./utils"
@@ -27,8 +28,10 @@ const transports = chains.reduce(
 const orangeKitUnisatConnector = getOrangeKitUnisatConnector(connectorConfig)
 const orangeKitOKXConnector = getOrangeKitOKXConnector(connectorConfig)
 const orangeKitXverseConnector = getOrangeKitXverseConnector(connectorConfig)
+const orangeKitLedgerLiveConnector =
+  getOrangeKitLedgerLiveConnector(connectorConfig)
 
-const embedConnectors = [orangeKitXverseConnector()]
+const embedConnectors = [orangeKitLedgerLiveConnector()]
 const defaultConnectors = [
   orangeKitOKXConnector(),
   orangeKitUnisatConnector(),