@partylayer/react 0.3.0 → 0.4.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _partylayer_sdk from '@partylayer/sdk';
-import { PartyLayerClient, Session, WalletInfo, ConnectOptions, RegistryStatus, SignMessageParams, SignedMessage, SignTransactionParams, SignedTransaction, SubmitTransactionParams, TxReceipt, WalletAdapter, AdapterClass, WalletId, CIP0103Provider, CapabilityKey, AdapterDetectResult, AdapterContext, PartyId, AdapterConnectResult, DiscoveredProvider } from '@partylayer/sdk';
+import { PartyLayerClient, Session, WalletInfo, ConnectOptions, LedgerApiParams, LedgerApiResult, RegistryStatus, SignMessageParams, SignedMessage, SignTransactionParams, SignedTransaction, SubmitTransactionParams, TxReceipt, WalletAdapter, AdapterClass, WalletId, CIP0103Provider, CapabilityKey, AdapterDetectResult, AdapterContext, PartyId, AdapterConnectResult, DiscoveredProvider } from '@partylayer/sdk';
 import * as _partylayer_core from '@partylayer/core';
 export { RegistryStatus } from '@partylayer/registry-client';
 
@@ -84,6 +84,14 @@ declare function useSubmitTransaction(): {
     isSubmitting: boolean;
     error: Error | null;
 };
+/**
+ * Hook to call the Ledger API through the connected wallet
+ */
+declare function useLedgerApi(): {
+    ledgerApi: (params: LedgerApiParams) => Promise<LedgerApiResult | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
 
 /**
  * Lightweight theme system for PartyLayer UI components.
@@ -236,4 +244,4 @@ declare function createNativeAdapter(discovered: DiscoveredProvider): NativeCIP0
  */
 declare function createSyntheticWalletInfo(discovered: DiscoveredProvider, network: string): WalletInfo;
 
-export { PartyLayerProvider as CantonConnectProvider, ConnectButton, type ConnectButtonProps, NativeCIP0103Adapter, PartyLayerKit, type PartyLayerKitProps, PartyLayerProvider, type PartyLayerTheme, ThemeProvider, type WalletIconMap, WalletModal, type WalletModalProps, createNativeAdapter, createSyntheticWalletInfo, darkTheme, lightTheme, resolveWalletIcon, truncatePartyId, usePartyLayer as useCantonConnect, useConnect, useDisconnect, usePartyLayer, usePartyLayerContext, useRegistryStatus, useSession, useSignMessage, useSignTransaction, useSubmitTransaction, useTheme, useWalletIcons, useWallets };
+export { PartyLayerProvider as CantonConnectProvider, ConnectButton, type ConnectButtonProps, NativeCIP0103Adapter, PartyLayerKit, type PartyLayerKitProps, PartyLayerProvider, type PartyLayerTheme, ThemeProvider, type WalletIconMap, WalletModal, type WalletModalProps, createNativeAdapter, createSyntheticWalletInfo, darkTheme, lightTheme, resolveWalletIcon, truncatePartyId, usePartyLayer as useCantonConnect, useConnect, useDisconnect, useLedgerApi, usePartyLayer, usePartyLayerContext, useRegistryStatus, useSession, useSignMessage, useSignTransaction, useSubmitTransaction, useTheme, useWalletIcons, useWallets };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _partylayer_sdk from '@partylayer/sdk';
-import { PartyLayerClient, Session, WalletInfo, ConnectOptions, RegistryStatus, SignMessageParams, SignedMessage, SignTransactionParams, SignedTransaction, SubmitTransactionParams, TxReceipt, WalletAdapter, AdapterClass, WalletId, CIP0103Provider, CapabilityKey, AdapterDetectResult, AdapterContext, PartyId, AdapterConnectResult, DiscoveredProvider } from '@partylayer/sdk';
+import { PartyLayerClient, Session, WalletInfo, ConnectOptions, LedgerApiParams, LedgerApiResult, RegistryStatus, SignMessageParams, SignedMessage, SignTransactionParams, SignedTransaction, SubmitTransactionParams, TxReceipt, WalletAdapter, AdapterClass, WalletId, CIP0103Provider, CapabilityKey, AdapterDetectResult, AdapterContext, PartyId, AdapterConnectResult, DiscoveredProvider } from '@partylayer/sdk';
 import * as _partylayer_core from '@partylayer/core';
 export { RegistryStatus } from '@partylayer/registry-client';
 
@@ -84,6 +84,14 @@ declare function useSubmitTransaction(): {
     isSubmitting: boolean;
     error: Error | null;
 };
+/**
+ * Hook to call the Ledger API through the connected wallet
+ */
+declare function useLedgerApi(): {
+    ledgerApi: (params: LedgerApiParams) => Promise<LedgerApiResult | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
 
 /**
  * Lightweight theme system for PartyLayer UI components.
@@ -236,4 +244,4 @@ declare function createNativeAdapter(discovered: DiscoveredProvider): NativeCIP0
  */
 declare function createSyntheticWalletInfo(discovered: DiscoveredProvider, network: string): WalletInfo;
 
-export { PartyLayerProvider as CantonConnectProvider, ConnectButton, type ConnectButtonProps, NativeCIP0103Adapter, PartyLayerKit, type PartyLayerKitProps, PartyLayerProvider, type PartyLayerTheme, ThemeProvider, type WalletIconMap, WalletModal, type WalletModalProps, createNativeAdapter, createSyntheticWalletInfo, darkTheme, lightTheme, resolveWalletIcon, truncatePartyId, usePartyLayer as useCantonConnect, useConnect, useDisconnect, usePartyLayer, usePartyLayerContext, useRegistryStatus, useSession, useSignMessage, useSignTransaction, useSubmitTransaction, useTheme, useWalletIcons, useWallets };
+export { PartyLayerProvider as CantonConnectProvider, ConnectButton, type ConnectButtonProps, NativeCIP0103Adapter, PartyLayerKit, type PartyLayerKitProps, PartyLayerProvider, type PartyLayerTheme, ThemeProvider, type WalletIconMap, WalletModal, type WalletModalProps, createNativeAdapter, createSyntheticWalletInfo, darkTheme, lightTheme, resolveWalletIcon, truncatePartyId, usePartyLayer as useCantonConnect, useConnect, useDisconnect, useLedgerApi, usePartyLayer, usePartyLayerContext, useRegistryStatus, useSession, useSignMessage, useSignTransaction, useSubmitTransaction, useTheme, useWalletIcons, useWallets };

package/dist/index.js

@@ -434,6 +434,28 @@ function useSubmitTransaction() {
   );
   return { submitTransaction, isSubmitting, error };
 }
+function useLedgerApi() {
+  const client = usePartyLayer();
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const ledgerApi = react.useCallback(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        return await client.ledgerApi(params);
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Ledger API call failed");
+        setError(error2);
+        return null;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [client]
+  );
+  return { ledgerApi, isLoading, error };
+}
 var lightTheme = {
   mode: "light",
   colors: {
@@ -582,7 +604,7 @@ function nameToGradient(name) {
   return `linear-gradient(135deg, hsl(${h1}, 65%, 55%), hsl(${h2}, 65%, 45%))`;
 }
 var KNOWN_WALLET_URLS = {
-  console: "https://console.digitalasset.com",
+  console: "https://consolewallet.io",
   loop: "https://loop.5n.app",
   cantor8: "https://cantor8.io",
   bron: "https://bron.dev",
@@ -630,13 +652,12 @@ function extractSdkQrCode() {
       deepLinkUrl = anchors[0].href;
     }
   }
-  container.style.display = "none";
   return { svgHtml: svg.outerHTML, deepLinkUrl };
 }
 function removeSdkQrContainer() {
   const container = document.getElementById(SDK_QR_CONTAINER_ID);
   if (container) {
-    container.style.display = "none";
+    container.remove();
   }
 }
 function CloseIcon({ size = 20, color = "currentColor" }) {
@@ -1871,9 +1892,16 @@ function WalletModal({
           50% { transform: scale(1.02); }
           100% { transform: scale(1); opacity: 1; }
         }
-        /* Hide Console SDK's injected QR modal \u2014 we render our own */
+        /* Hide Console SDK's injected QR/connector modal \u2014 we extract its
+           content and render in our own modal. Using off-screen positioning
+           instead of display:none so the SDK can fully render its DOM
+           (QR SVG, connector buttons) before we extract them. */
         #${SDK_QR_CONTAINER_ID} {
-          display: none !important;
+          opacity: 0 !important;
+          pointer-events: none !important;
+          position: fixed !important;
+          top: -9999px !important;
+          left: -9999px !important;
         }
       ` })
       ]
@@ -2233,6 +2261,7 @@ exports.truncatePartyId = truncatePartyId;
 exports.useCantonConnect = usePartyLayer;
 exports.useConnect = useConnect;
 exports.useDisconnect = useDisconnect;
+exports.useLedgerApi = useLedgerApi;
 exports.usePartyLayer = usePartyLayer;
 exports.usePartyLayerContext = usePartyLayerContext;
 exports.useRegistryStatus = useRegistryStatus;