@gluwa/connect-kit 0.2.0-next.1 → 0.2.0-next.11

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.
Files changed (99) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/assets/fonts/Inter-Medium.ttf +0 -0
  3. package/assets/fonts/Inter-Medium.woff2 +0 -0
  4. package/assets/fonts/Inter-Regular.ttf +0 -0
  5. package/assets/fonts/Inter-Regular.woff2 +0 -0
  6. package/assets/fonts/Inter-SemiBold.ttf +0 -0
  7. package/assets/fonts/Inter-SemiBold.woff2 +0 -0
  8. package/assets/graphic.png +0 -0
  9. package/assets/metamask.png +0 -0
  10. package/assets/penguinwallet.png +0 -0
  11. package/assets/wc-logo.svg +3 -0
  12. package/assets/wc-search.png +0 -0
  13. package/dist/chunk-VE5LB7BN.js +405 -0
  14. package/dist/credit-connect.js +2 -409
  15. package/dist/index.css +1903 -389
  16. package/dist/index.d.ts +21 -10
  17. package/dist/index.js +1507 -922
  18. package/dist/package.json +7 -6
  19. package/package.json +8 -8
  20. package/src/ConnectKitProvider.tsx +97 -65
  21. package/src/api/asset.ts +10 -0
  22. package/src/assets.d.ts +5 -0
  23. package/src/components/actionItem/index.tsx +50 -0
  24. package/src/components/actionItem/style.scss +47 -0
  25. package/src/components/copyLink/index.tsx +16 -0
  26. package/src/components/copyLink/style.scss +16 -0
  27. package/src/components/qrArea/index.tsx +72 -0
  28. package/src/components/qrArea/style.scss +122 -0
  29. package/src/components/searchBar/asset/Search.tsx +20 -0
  30. package/src/components/searchBar/asset/XMarkCircle.tsx +24 -0
  31. package/src/components/searchBar/index.tsx +44 -0
  32. package/src/components/searchBar/style.scss +58 -0
  33. package/src/components/toast/index.tsx +41 -0
  34. package/src/components/toast/style.scss +108 -0
  35. package/src/components/toggle/index.tsx +27 -0
  36. package/src/components/toggle/style.scss +53 -0
  37. package/src/components/walletGrid/index.tsx +64 -0
  38. package/src/components/walletGrid/style.scss +108 -0
  39. package/src/components/walletItem/index.tsx +49 -0
  40. package/src/components/walletItem/style.scss +70 -0
  41. package/src/connector-meta.ts +16 -11
  42. package/src/core/config.ts +20 -1
  43. package/src/creditConnectConnector.ts +23 -25
  44. package/src/events/account.ts +30 -3
  45. package/src/hooks/useConnectBanner.ts +79 -0
  46. package/src/hooks/useConnectTimeout.ts +92 -0
  47. package/src/hooks/useMetaMaskExtension.ts +29 -0
  48. package/src/hooks/useWCState.ts +21 -5
  49. package/src/hooks/useWagmiConnect.ts +35 -9
  50. package/src/index.ts +5 -2
  51. package/src/layout/allWallets/index.tsx +52 -0
  52. package/src/layout/allWallets/style.scss +57 -0
  53. package/src/layout/connectDialog/asset/backIcon.tsx +24 -0
  54. package/src/layout/connectDialog/asset/checkIcon.tsx +28 -0
  55. package/src/layout/connectDialog/asset/closeIcon.tsx +21 -0
  56. package/src/layout/connectDialog/asset/copyIcon.tsx +28 -0
  57. package/src/layout/connectDialog/asset/linkIcon.tsx +24 -0
  58. package/src/layout/connectDialog/asset/spinner.tsx +21 -0
  59. package/src/layout/connectDialog/asset/warningIcon.tsx +21 -0
  60. package/src/layout/connectDialog/idle/assets/banner-placeholder.png +0 -0
  61. package/src/layout/connectDialog/idle/index.tsx +55 -0
  62. package/src/layout/connectDialog/idle/style.scss +52 -0
  63. package/src/layout/connectDialog/index.tsx +432 -0
  64. package/src/layout/connectDialog/loading/index.tsx +13 -0
  65. package/src/layout/connectDialog/loading/style.scss +19 -0
  66. package/src/layout/connectDialog/metaMask/index.tsx +61 -0
  67. package/src/layout/connectDialog/metaMask/style.scss +65 -0
  68. package/src/layout/connectDialog/qr/index.tsx +33 -0
  69. package/src/layout/connectDialog/style.scss +48 -0
  70. package/src/layout/connectDialog/timeout/index.tsx +31 -0
  71. package/src/layout/connectDialog/timeout/style.scss +64 -0
  72. package/src/layout/connectDialog/walletConnect/index.tsx +45 -0
  73. package/src/layout/connectDialog/walletConnect/style.scss +48 -0
  74. package/src/layout/connectDialog/walletQR/index.tsx +37 -0
  75. package/src/layout/detailPanel/index.tsx +175 -0
  76. package/src/layout/detailPanel/style.scss +70 -0
  77. package/src/layout/selectorPanel/index.tsx +100 -0
  78. package/src/layout/selectorPanel/style.scss +113 -0
  79. package/src/style/color.scss +417 -0
  80. package/src/style/font.scss +28 -0
  81. package/src/style/index.scss +5 -0
  82. package/src/style/mixin.scss +217 -0
  83. package/src/style/reset.scss +110 -0
  84. package/src/style/variables.scss +13 -0
  85. package/src/types.ts +32 -8
  86. package/src/utils/platform.ts +5 -3
  87. package/src/wallet-display-override.ts +15 -0
  88. package/tsconfig.json +5 -1
  89. package/tsup.config.ts +32 -2
  90. package/assets/creditwallet.png +0 -0
  91. package/dist/chunk-DDA6FP6U.js +0 -7
  92. package/src/ConnectModal.scss +0 -665
  93. package/src/ConnectModal.tsx +0 -573
  94. package/src/components/QRFrame.tsx +0 -43
  95. package/src/views/CreditWalletView.tsx +0 -58
  96. package/src/views/IdleView.tsx +0 -10
  97. package/src/views/MetaMaskView.tsx +0 -66
  98. package/src/views/SwitchChainView.tsx +0 -72
  99. package/src/views/WalletConnectView.tsx +0 -206
package/dist/index.d.ts CHANGED
@@ -9,19 +9,20 @@ import { CreateConnectorFn, Config as Config$1 } from 'wagmi';
9
9
  declare function readContract<const abi extends Abi | readonly unknown[], functionName extends ContractFunctionName<abi, 'pure' | 'view'>, args extends ContractFunctionArgs<abi, 'pure' | 'view', functionName>>(parameters: ReadContractParameters<abi, functionName, args, Config>): Promise<ReadContractReturnType<abi, functionName, args>>;
10
10
  declare function writeContract<const abi extends Abi | readonly unknown[], functionName extends ContractFunctionName<abi, 'nonpayable' | 'payable'>, args extends ContractFunctionArgs<abi, 'nonpayable' | 'payable', functionName>>(parameters: WriteContractParameters<abi, functionName, args, Config>): Promise<WriteContractReturnType>;
11
11
 
12
- type ConnectorId = 'CREDIT_WALLET' | 'CREDIT_CONNECT' | 'METAMASK' | 'WALLET_CONNECT';
12
+ type ConnectorId = 'CREDIT_CONNECT' | 'METAMASK' | 'WALLET_CONNECT';
13
13
  interface ConnectKitConfig {
14
14
  chains: [Chain, ...Chain[]];
15
15
  transports: Record<number, Transport>;
16
16
  wcProjectId?: string;
17
+ creditConnect?: {
18
+ projectId: string;
19
+ serverUrl: string;
20
+ };
17
21
  extraConnectors?: CreateConnectorFn[];
22
+ autoConnectInjected?: boolean;
18
23
  }
19
- type CreditWalletStrategy = 'walletConnect' | 'creditConnect';
20
- interface Connectors {
21
- creditWallet?: CreditWalletStrategy | false;
22
- metamask?: boolean;
23
- walletConnect?: boolean;
24
- }
24
+ type ConnectorKey = 'creditWallet' | 'metamask' | 'walletConnect';
25
+ type Connectors = readonly ConnectorKey[];
25
26
  interface WCWallet {
26
27
  id: string;
27
28
  name: string;
@@ -35,6 +36,8 @@ interface WCWallet {
35
36
  homepage: string;
36
37
  }
37
38
  type WCSubView = 'qr' | 'list' | 'wallet';
39
+ type ConnectKitTheme = 'light' | 'dark';
40
+ type ConnectBannerSiteKey = 'penguin-swap' | 'penguin-bridge' | 'penguin-base' | 'penguin-wallet';
38
41
  interface ConnectResult {
39
42
  address: `0x${string}`;
40
43
  connectorId: ConnectorId;
@@ -55,16 +58,18 @@ interface ConnectModalProps {
55
58
  onLog?: (message: string, error?: Error) => void;
56
59
  wcProjectId?: string;
57
60
  requiredChainId?: number;
61
+ theme: ConnectKitTheme;
58
62
  renderConnectError?: (ctx: ConnectErrorContext) => ReactNode;
59
63
  }
60
64
 
61
- declare const ConnectModal: FC<ConnectModalProps>;
62
-
63
65
  interface ConnectKitProviderProps {
64
66
  children: ReactNode;
67
+ siteKey: ConnectBannerSiteKey;
68
+ connectBannerUrl: string;
65
69
  kitConfig?: ConnectKitConfig;
66
70
  connectors: Connectors;
67
71
  requiredChainId?: number;
72
+ theme: ConnectKitTheme;
68
73
  onConnect?: (result: ConnectResult) => void;
69
74
  onLog?: (message: string, error?: Error) => void;
70
75
  renderConnectError?: (ctx: ConnectErrorContext) => ReactNode;
@@ -74,6 +79,11 @@ interface ConnectKitContextValue {
74
79
  open: () => void;
75
80
  close: () => void;
76
81
  isConnected: boolean;
82
+ needsChainSwitch: boolean;
83
+ requiredChainId: number | undefined;
84
+ currentChainId: number | undefined;
85
+ isSwitchingChain: boolean;
86
+ switchToRequiredChain: () => Promise<void>;
77
87
  address: `0x${string}` | undefined;
78
88
  connectorId: ConnectorId | null;
79
89
  disconnect: () => Promise<void>;
@@ -94,6 +104,7 @@ declare const connectKit: {
94
104
  readonly getAccount: () => _wagmi_core.GetAccountReturnType;
95
105
  readonly signMessage: (params: _wagmi_core.SignMessageParameters) => Promise<`0x${string}`>;
96
106
  readonly signTypedData: (params: _wagmi_core.SignTypedDataParameters) => Promise<`0x${string}`>;
107
+ readonly watchAsset: (params: _wagmi_core.WatchAssetParameters) => Promise<_wagmi_core.WatchAssetReturnType>;
97
108
  };
98
109
  readonly events: {
99
110
  readonly watchAccount: (params: _wagmi_core.WatchAccountParameters) => (() => void);
@@ -103,4 +114,4 @@ declare const connectKit: {
103
114
  };
104
115
  };
105
116
 
106
- export { type ConnectErrorContext, type ConnectErrorReason, type ConnectKitConfig, type ConnectKitContextValue, ConnectKitProvider, type ConnectKitProviderProps, ConnectModal, type ConnectModalProps, type ConnectResult, type ConnectorId, type Connectors, type CreditWalletStrategy, type WCSubView, type WCWallet, connectKit, initConfig, useConnectKit };
117
+ export { type ConnectBannerSiteKey, type ConnectErrorContext, type ConnectErrorReason, type ConnectKitConfig, type ConnectKitContextValue, ConnectKitProvider, type ConnectKitProviderProps, type ConnectKitTheme, type ConnectModalProps, type ConnectResult, type ConnectorId, type ConnectorKey, type Connectors, type WCSubView, type WCWallet, connectKit, initConfig, useConnectKit };