@naculus/connect-appkit-ui 0.6.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +43 -2
- package/dist/index.d.ts +43 -2
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +2 -0
- package/dist/styles/index.css +1 -0
- package/dist/styles/preflight.css +2 -0
- package/package.json +17 -9
package/dist/index.d.cts
CHANGED
|
@@ -3,6 +3,8 @@ import React__default from 'react';
|
|
|
3
3
|
import { WalletNamespace, EmbeddedWalletAccountView, StorageSecurityReport, PassphraseRequest, Web3ConnectConfig } from '@naculus/connect-appkit-react';
|
|
4
4
|
import { ClassValue } from 'clsx';
|
|
5
5
|
import { SiwxResult } from '@naculus/siwx';
|
|
6
|
+
import { Authorization, ListedAuthorization, RevokeListedAuthorizationResult } from '@naculus/connect-core';
|
|
7
|
+
import { AuthorizationDescription, AuthorizationAssetMetadata, SpendExplanation, PaymentRecord } from '@naculus/connect-appkit-core';
|
|
6
8
|
|
|
7
9
|
interface ConnectButtonProps {
|
|
8
10
|
className?: string;
|
|
@@ -36,7 +38,7 @@ interface ChainSelectorProps {
|
|
|
36
38
|
showLabel?: boolean;
|
|
37
39
|
variant?: "dropdown" | "buttons" | "minimal";
|
|
38
40
|
}
|
|
39
|
-
declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps):
|
|
41
|
+
declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps): React.JSX.Element | null;
|
|
40
42
|
|
|
41
43
|
interface AccountButtonProps {
|
|
42
44
|
className?: string;
|
|
@@ -694,4 +696,43 @@ interface WalletPickerProps {
|
|
|
694
696
|
}
|
|
695
697
|
declare function WalletPicker({ wallets, onSelect, loading, error, }: WalletPickerProps): React__default.JSX.Element;
|
|
696
698
|
|
|
697
|
-
|
|
699
|
+
interface AuthorizationConsentProps {
|
|
700
|
+
authorization: Authorization | ListedAuthorization | AuthorizationDescription;
|
|
701
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
702
|
+
locale?: string;
|
|
703
|
+
/** Unix timestamp in seconds, for a stable relative expiry. */
|
|
704
|
+
now?: number;
|
|
705
|
+
requester: {
|
|
706
|
+
name: string;
|
|
707
|
+
icon?: string;
|
|
708
|
+
origin?: string;
|
|
709
|
+
};
|
|
710
|
+
preview?: SpendExplanation;
|
|
711
|
+
onApprove: () => void;
|
|
712
|
+
onDecline: () => void;
|
|
713
|
+
busy?: boolean;
|
|
714
|
+
className?: string;
|
|
715
|
+
}
|
|
716
|
+
declare function AuthorizationConsent({ authorization, assets, locale, now, requester, preview, onApprove, onDecline, busy, className, }: AuthorizationConsentProps): React__default.JSX.Element;
|
|
717
|
+
|
|
718
|
+
interface AuthorizationListProps {
|
|
719
|
+
entries: ListedAuthorization[] | {
|
|
720
|
+
entries: ListedAuthorization[];
|
|
721
|
+
};
|
|
722
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
723
|
+
onRevoke: (entry: ListedAuthorization) => RevokeListedAuthorizationResult | Promise<RevokeListedAuthorizationResult>;
|
|
724
|
+
revokingId?: string;
|
|
725
|
+
locale?: string;
|
|
726
|
+
className?: string;
|
|
727
|
+
}
|
|
728
|
+
declare function AuthorizationList({ entries: input, assets, onRevoke, revokingId, locale, className, }: AuthorizationListProps): React__default.JSX.Element;
|
|
729
|
+
|
|
730
|
+
interface PaymentReceiptProps {
|
|
731
|
+
record: PaymentRecord;
|
|
732
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
733
|
+
explorerUrl?: (record: PaymentRecord) => string | undefined;
|
|
734
|
+
className?: string;
|
|
735
|
+
}
|
|
736
|
+
declare function PaymentReceipt({ record, assets, explorerUrl, className, }: PaymentReceiptProps): React__default.JSX.Element;
|
|
737
|
+
|
|
738
|
+
export { AccountButton, type AccountButtonProps, AccountSelector, type AccountSelectorProps, AccountSelectorView, type AccountSelectorViewProps, type AccountType, AddressWarningDialog, type AddressWarningDialogProps, AppKit, AppKitButton, type AppKitButtonProps, AppKitChainSelector, type AppKitChainSelectorProps, type AppKitContextValue, type AppKitProps, AuthorizationConsent, type AuthorizationConsentProps, AuthorizationList, type AuthorizationListProps, type BundlerPreset, ChainSelector, type ChainSelectorProps, type ComponentRegistry, ConnectButtonAdapter as ConnectButton, type ConnectButtonProps, type DetectionMode, type DiscoveredWallet, ErrorBoundary, type ErrorBoundaryProps, PasskeySetup, type PasskeySetupProps, PasskeySetupView, type PasskeySetupViewProps, PassphraseDialog, type PassphraseDialogProps, PassphraseDialogView, type PassphraseDialogViewProps, type PaymasterType, PaymentReceipt, type PaymentReceiptProps, QRCodeModal, type QRCodeModalProps, type QRCodeModalStatus, type QRStatus, RouteSelector, type RouteSelectorProps, SeedPhraseBackup, type SeedPhraseBackupProps, SignInButton, type SignInButtonProps, type SmartWalletConfig, SmartWalletSettings, type SmartWalletSettingsProps, SmartWalletToggle, type SmartWalletToggleProps, type ThemeOverride, type ThemePriority, ThemeProvider, type ThemeProviderProps, type TokenDisplay, type UnlockSnapshot, type UseEIP6963Result, type WalletConnectContextValue, WalletConnectProvider, type WalletConnectProviderProps, type WalletConnectState, WalletPicker, type WalletPickerProps, WalletSecurityPanel, type WalletSecurityPanelProps, WalletSecurityPanelView, type WalletSecurityPanelViewProps, Web3ComponentProvider, type Web3ComponentProviderProps, Web3ConnectUI, type Web3ConnectUIProps, cn, useAppKit, useComponent, useComponentRegistry, useDetectionMode, useEIP6963, useIsMobile, useTheme, useThemeVariable, useWalletConnect, useWalletConnectOptional };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ import React__default from 'react';
|
|
|
3
3
|
import { WalletNamespace, EmbeddedWalletAccountView, StorageSecurityReport, PassphraseRequest, Web3ConnectConfig } from '@naculus/connect-appkit-react';
|
|
4
4
|
import { ClassValue } from 'clsx';
|
|
5
5
|
import { SiwxResult } from '@naculus/siwx';
|
|
6
|
+
import { Authorization, ListedAuthorization, RevokeListedAuthorizationResult } from '@naculus/connect-core';
|
|
7
|
+
import { AuthorizationDescription, AuthorizationAssetMetadata, SpendExplanation, PaymentRecord } from '@naculus/connect-appkit-core';
|
|
6
8
|
|
|
7
9
|
interface ConnectButtonProps {
|
|
8
10
|
className?: string;
|
|
@@ -36,7 +38,7 @@ interface ChainSelectorProps {
|
|
|
36
38
|
showLabel?: boolean;
|
|
37
39
|
variant?: "dropdown" | "buttons" | "minimal";
|
|
38
40
|
}
|
|
39
|
-
declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps):
|
|
41
|
+
declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps): React.JSX.Element | null;
|
|
40
42
|
|
|
41
43
|
interface AccountButtonProps {
|
|
42
44
|
className?: string;
|
|
@@ -694,4 +696,43 @@ interface WalletPickerProps {
|
|
|
694
696
|
}
|
|
695
697
|
declare function WalletPicker({ wallets, onSelect, loading, error, }: WalletPickerProps): React__default.JSX.Element;
|
|
696
698
|
|
|
697
|
-
|
|
699
|
+
interface AuthorizationConsentProps {
|
|
700
|
+
authorization: Authorization | ListedAuthorization | AuthorizationDescription;
|
|
701
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
702
|
+
locale?: string;
|
|
703
|
+
/** Unix timestamp in seconds, for a stable relative expiry. */
|
|
704
|
+
now?: number;
|
|
705
|
+
requester: {
|
|
706
|
+
name: string;
|
|
707
|
+
icon?: string;
|
|
708
|
+
origin?: string;
|
|
709
|
+
};
|
|
710
|
+
preview?: SpendExplanation;
|
|
711
|
+
onApprove: () => void;
|
|
712
|
+
onDecline: () => void;
|
|
713
|
+
busy?: boolean;
|
|
714
|
+
className?: string;
|
|
715
|
+
}
|
|
716
|
+
declare function AuthorizationConsent({ authorization, assets, locale, now, requester, preview, onApprove, onDecline, busy, className, }: AuthorizationConsentProps): React__default.JSX.Element;
|
|
717
|
+
|
|
718
|
+
interface AuthorizationListProps {
|
|
719
|
+
entries: ListedAuthorization[] | {
|
|
720
|
+
entries: ListedAuthorization[];
|
|
721
|
+
};
|
|
722
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
723
|
+
onRevoke: (entry: ListedAuthorization) => RevokeListedAuthorizationResult | Promise<RevokeListedAuthorizationResult>;
|
|
724
|
+
revokingId?: string;
|
|
725
|
+
locale?: string;
|
|
726
|
+
className?: string;
|
|
727
|
+
}
|
|
728
|
+
declare function AuthorizationList({ entries: input, assets, onRevoke, revokingId, locale, className, }: AuthorizationListProps): React__default.JSX.Element;
|
|
729
|
+
|
|
730
|
+
interface PaymentReceiptProps {
|
|
731
|
+
record: PaymentRecord;
|
|
732
|
+
assets?: Record<string, AuthorizationAssetMetadata>;
|
|
733
|
+
explorerUrl?: (record: PaymentRecord) => string | undefined;
|
|
734
|
+
className?: string;
|
|
735
|
+
}
|
|
736
|
+
declare function PaymentReceipt({ record, assets, explorerUrl, className, }: PaymentReceiptProps): React__default.JSX.Element;
|
|
737
|
+
|
|
738
|
+
export { AccountButton, type AccountButtonProps, AccountSelector, type AccountSelectorProps, AccountSelectorView, type AccountSelectorViewProps, type AccountType, AddressWarningDialog, type AddressWarningDialogProps, AppKit, AppKitButton, type AppKitButtonProps, AppKitChainSelector, type AppKitChainSelectorProps, type AppKitContextValue, type AppKitProps, AuthorizationConsent, type AuthorizationConsentProps, AuthorizationList, type AuthorizationListProps, type BundlerPreset, ChainSelector, type ChainSelectorProps, type ComponentRegistry, ConnectButtonAdapter as ConnectButton, type ConnectButtonProps, type DetectionMode, type DiscoveredWallet, ErrorBoundary, type ErrorBoundaryProps, PasskeySetup, type PasskeySetupProps, PasskeySetupView, type PasskeySetupViewProps, PassphraseDialog, type PassphraseDialogProps, PassphraseDialogView, type PassphraseDialogViewProps, type PaymasterType, PaymentReceipt, type PaymentReceiptProps, QRCodeModal, type QRCodeModalProps, type QRCodeModalStatus, type QRStatus, RouteSelector, type RouteSelectorProps, SeedPhraseBackup, type SeedPhraseBackupProps, SignInButton, type SignInButtonProps, type SmartWalletConfig, SmartWalletSettings, type SmartWalletSettingsProps, SmartWalletToggle, type SmartWalletToggleProps, type ThemeOverride, type ThemePriority, ThemeProvider, type ThemeProviderProps, type TokenDisplay, type UnlockSnapshot, type UseEIP6963Result, type WalletConnectContextValue, WalletConnectProvider, type WalletConnectProviderProps, type WalletConnectState, WalletPicker, type WalletPickerProps, WalletSecurityPanel, type WalletSecurityPanelProps, WalletSecurityPanelView, type WalletSecurityPanelViewProps, Web3ComponentProvider, type Web3ComponentProviderProps, Web3ConnectUI, type Web3ConnectUIProps, cn, useAppKit, useComponent, useComponentRegistry, useDetectionMode, useEIP6963, useIsMobile, useTheme, useThemeVariable, useWalletConnect, useWalletConnectOptional };
|