@solana/connector 0.1.7 → 0.1.9

package/dist/{chunk-Z22V3D4E.js → chunk-WDXEP4AJ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkVA6LKXCQ_js = require('./chunk-VA6LKXCQ.js');
-var chunkI64FD2EH_js = require('./chunk-I64FD2EH.js');
+var chunk5HRJKCIL_js = require('./chunk-5HRJKCIL.js');
+var chunkDSUCH44G_js = require('./chunk-DSUCH44G.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var addresses = require('@solana/addresses');
@@ -11,8 +11,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var logger = chunkI64FD2EH_js.createLogger("ConnectorProvider");
-chunkVA6LKXCQ_js.installPolyfills();
+var logger = chunkDSUCH44G_js.createLogger("ConnectorProvider");
+chunk5HRJKCIL_js.installPolyfills();
 var ConnectorContext = React.createContext(null);
 ConnectorContext.displayName = "ConnectorContext";
 function ConnectorProviderInternal({
@@ -23,7 +23,7 @@ function ConnectorProviderInternal({
   let clientRef = React.useRef(null), client = React__default.default.useCallback(() => {
     if (!clientRef.current)
       try {
-        clientRef.current = new chunkVA6LKXCQ_js.ConnectorClient(config), typeof window < "u" && (window.__connectorClient = clientRef.current), config?.debug && logger.info("Client initialized successfully");
+        clientRef.current = new chunk5HRJKCIL_js.ConnectorClient(config), typeof window < "u" && (window.__connectorClient = clientRef.current), config?.debug && logger.info("Client initialized successfully");
       } catch (error) {
         let err = error;
         logger.error("Failed to initialize client", { error: err });
@@ -83,7 +83,7 @@ function ConnectorProvider({
 }) {
   let errorBoundaryConfig = config?.errorBoundary;
   return errorBoundaryConfig?.enabled ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVA6LKXCQ_js.ConnectorErrorBoundary,
+    chunk5HRJKCIL_js.ConnectorErrorBoundary,
     {
       maxRetries: errorBoundaryConfig.maxRetries ?? 3,
       onError: errorBoundaryConfig.onError,
@@ -121,14 +121,15 @@ function useConnector() {
 function useConnectorClient() {
   return React.useContext(ConnectorContext);
 }
-function UnifiedProvider({ children, config, connectorConfig, mobile, providers = [] }) {
-  let actualConnectorConfig = config?.connectorConfig ?? connectorConfig, actualMobile = config?.mobile ?? mobile, content = /* @__PURE__ */ jsxRuntime.jsx(ConnectorProvider, { config: actualConnectorConfig, mobile: actualMobile, children });
+function AppProvider({ children, connectorConfig, mobile, providers = [] }) {
+  let content = /* @__PURE__ */ jsxRuntime.jsx(ConnectorProvider, { config: connectorConfig, mobile, children });
   for (let i = providers.length - 1; i >= 0; i--) {
     let { component: Provider, props = {} } = providers[i];
     content = /* @__PURE__ */ jsxRuntime.jsx(Provider, { ...props, children: content });
   }
   return content;
 }
+var UnifiedProvider = AppProvider;
 function useCluster() {
   let { cluster, clusters } = useConnector(), client = useConnectorClient();
   if (!client)
@@ -140,7 +141,7 @@ function useCluster() {
     [client]
   );
   return React.useMemo(() => {
-    let isMainnet = cluster ? chunkVA6LKXCQ_js.isMainnetCluster(cluster) : false, isDevnet = cluster ? chunkVA6LKXCQ_js.isDevnetCluster(cluster) : false, isTestnet = cluster ? chunkVA6LKXCQ_js.isTestnetCluster(cluster) : false, isLocal = cluster ? chunkVA6LKXCQ_js.isLocalCluster(cluster) : false, explorerUrl = cluster ? chunkVA6LKXCQ_js.getClusterExplorerUrl(cluster) : "", type = cluster ? chunkVA6LKXCQ_js.getClusterType(cluster) : null;
+    let isMainnet = cluster ? chunk5HRJKCIL_js.isMainnetCluster(cluster) : false, isDevnet = cluster ? chunk5HRJKCIL_js.isDevnetCluster(cluster) : false, isTestnet = cluster ? chunk5HRJKCIL_js.isTestnetCluster(cluster) : false, isLocal = cluster ? chunk5HRJKCIL_js.isLocalCluster(cluster) : false, explorerUrl = cluster ? chunk5HRJKCIL_js.getClusterExplorerUrl(cluster) : "", type = cluster ? chunk5HRJKCIL_js.getClusterType(cluster) : null;
     return {
       cluster,
       clusters,
@@ -158,7 +159,7 @@ function useAccount() {
   let { selectedAccount, accounts, connected, selectAccount } = useConnector(), [copied, setCopied] = React.useState(false), copyTimeoutRef = React__default.default.useRef(void 0), account = React.useMemo(
     () => accounts.find((a) => a.address === selectedAccount) ?? null,
     [accounts, selectedAccount]
-  ), formatted = React.useMemo(() => selectedAccount ? chunkVA6LKXCQ_js.formatAddress(selectedAccount) : "", [selectedAccount]), copy = React.useCallback(async () => selectedAccount ? (copyTimeoutRef.current && clearTimeout(copyTimeoutRef.current), await chunkVA6LKXCQ_js.copyAddressToClipboard(selectedAccount, {
+  ), formatted = React.useMemo(() => selectedAccount ? chunk5HRJKCIL_js.formatAddress(selectedAccount) : "", [selectedAccount]), copy = React.useCallback(async () => selectedAccount ? (copyTimeoutRef.current && clearTimeout(copyTimeoutRef.current), await chunk5HRJKCIL_js.copyAddressToClipboard(selectedAccount, {
     onSuccess: () => {
       setCopied(true), copyTimeoutRef.current = setTimeout(() => setCopied(false), 2e3);
     }
@@ -224,7 +225,7 @@ function useTransactionSigner() {
   let { selectedWallet, selectedAccount, accounts, cluster, connected } = useConnector(), client = useConnectorClient(), account = React.useMemo(
     () => accounts.find((a) => a.address === selectedAccount)?.raw ?? null,
     [accounts, selectedAccount]
-  ), signer = React.useMemo(() => !connected || !selectedWallet || !account ? null : chunkVA6LKXCQ_js.createTransactionSigner({
+  ), signer = React.useMemo(() => !connected || !selectedWallet || !account ? null : chunk5HRJKCIL_js.createTransactionSigner({
     wallet: selectedWallet,
     account,
     cluster: cluster ?? void 0,
@@ -252,20 +253,20 @@ function useTransactionSigner() {
 function useKitTransactionSigner() {
   let { signer: connectorSigner, ready } = useTransactionSigner();
   return {
-    signer: React.useMemo(() => connectorSigner ? chunkVA6LKXCQ_js.createKitTransactionSigner(connectorSigner) : null, [connectorSigner]),
+    signer: React.useMemo(() => connectorSigner ? chunk5HRJKCIL_js.createKitTransactionSigner(connectorSigner) : null, [connectorSigner]),
     ready
   };
 }
 var useGillTransactionSigner = useKitTransactionSigner;
-var logger2 = chunkI64FD2EH_js.createLogger("useSolanaClient");
+var logger2 = chunkDSUCH44G_js.createLogger("useSolanaClient");
 function useSolanaClient() {
   let { type } = useCluster(), connectorClient = useConnectorClient(), client = React.useMemo(() => {
     if (!type || !connectorClient) return null;
     try {
       let rpcUrl = connectorClient.getRpcUrl();
-      return rpcUrl ? chunkI64FD2EH_js.createSolanaClient({
+      return rpcUrl ? chunkDSUCH44G_js.createSolanaClient({
         urlOrMoniker: rpcUrl
-      }) : type !== "custom" ? chunkI64FD2EH_js.createSolanaClient({
+      }) : type !== "custom" ? chunkDSUCH44G_js.createSolanaClient({
         urlOrMoniker: type
       }) : null;
     } catch (error) {
@@ -286,8 +287,8 @@ function useTransactionPreparer() {
   let { client, ready } = useSolanaClient(), prepare = React.useCallback(
     async (transaction, options = {}) => {
       if (!client)
-        throw new chunkVA6LKXCQ_js.NetworkError("RPC_ERROR", "Solana client not available. Cannot prepare transaction.");
-      return chunkI64FD2EH_js.prepareTransaction({
+        throw new chunkDSUCH44G_js.NetworkError("RPC_ERROR", "Solana client not available. Cannot prepare transaction.");
+      return chunkDSUCH44G_js.prepareTransaction({
         transaction,
         rpc: client.rpc,
         computeUnitLimitMultiplier: options.computeUnitLimitMultiplier,
@@ -556,6 +557,9 @@ function parseTokenAccount(account, programId) {
     programId
   };
 }
+function getWalletAssetsQueryKey(rpcUrl, address) {
+  return !rpcUrl || !address ? null : JSON.stringify(["wallet-assets", rpcUrl, address]);
+}
 function useWalletAssets(options = {}) {
   let {
     enabled = true,
@@ -569,7 +573,7 @@ function useWalletAssets(options = {}) {
   } = options, { address, connected } = useAccount(), { client: providerClient } = useSolanaClient(), rpcClient = clientOverride ?? providerClient, key = React.useMemo(() => {
     if (!enabled || !connected || !address || !rpcClient) return null;
     let rpcUrl = rpcClient.urlOrMoniker instanceof URL ? rpcClient.urlOrMoniker.toString() : String(rpcClient.urlOrMoniker);
-    return JSON.stringify(["wallet-assets", rpcUrl, address]);
+    return getWalletAssetsQueryKey(rpcUrl, address);
   }, [enabled, connected, address, rpcClient]), queryFn = React.useCallback(
     async (signal) => {
       if (!connected || !address || !rpcClient)
@@ -629,9 +633,12 @@ function useWalletAssets(options = {}) {
 }
 
 // src/hooks/use-balance.ts
+function getBalanceQueryKey(rpcUrl, address) {
+  return getWalletAssetsQueryKey(rpcUrl, address);
+}
 var LAMPORTS_PER_SOL2 = 1000000000n;
 function formatTokenAccount(account) {
-  let formatted = chunkVA6LKXCQ_js.formatBigIntBalance(account.amount, account.decimals, {
+  let formatted = chunk5HRJKCIL_js.formatBigIntBalance(account.amount, account.decimals, {
     maxDecimals: Math.min(account.decimals, 6)
   });
   return {
@@ -675,7 +682,7 @@ function useBalance(options = {}) {
     refetchIntervalMs: autoRefresh ? refreshInterval : false,
     client: clientOverride,
     select: selectBalance
-  }), lamports = data?.lamports ?? 0n, tokens = data?.tokens ?? [], solBalance = React.useMemo(() => Number(lamports) / Number(LAMPORTS_PER_SOL2), [lamports]), formattedSol = React.useMemo(() => chunkVA6LKXCQ_js.formatLamportsToSolSafe(lamports, { maxDecimals: 4, suffix: true }), [lamports]), visibleError = updatedAt ? null : error, refetch = React.useCallback(
+  }), lamports = data?.lamports ?? 0n, tokens = data?.tokens ?? [], solBalance = React.useMemo(() => Number(lamports) / Number(LAMPORTS_PER_SOL2), [lamports]), formattedSol = React.useMemo(() => chunk5HRJKCIL_js.formatLamportsToSolSafe(lamports, { maxDecimals: 4, suffix: true }), [lamports]), visibleError = updatedAt ? null : error, refetch = React.useCallback(
     async (opts) => {
       await sharedRefetch(opts);
     },
@@ -792,6 +799,10 @@ function transformImageUrl(url, imageProxy) {
 }
 
 // src/hooks/use-transactions.ts
+function getTransactionsQueryKey(options) {
+  let { rpcUrl, address, clusterId, limit = 20, fetchDetails = false } = options;
+  return !rpcUrl || !address || !clusterId ? null : JSON.stringify(["wallet-transactions", rpcUrl, address, clusterId, limit, fetchDetails]);
+}
 function formatDate(timestamp) {
   if (!timestamp)
     return { date: "Unknown", time: "" };
@@ -1106,7 +1117,7 @@ function useTransactions(options = {}) {
   ), key = React.useMemo(() => {
     if (!enabled || !connected || !address || !rpcClient || !cluster) return null;
     let rpcUrl = rpcClient.urlOrMoniker instanceof URL ? rpcClient.urlOrMoniker.toString() : String(rpcClient.urlOrMoniker);
-    return JSON.stringify(["wallet-transactions", rpcUrl, address, cluster.id, limit, fetchDetails]);
+    return getTransactionsQueryKey({ rpcUrl, address, clusterId: cluster.id, limit, fetchDetails });
   }, [enabled, connected, address, rpcClient, cluster, limit, fetchDetails]);
   React.useEffect(() => {
     beforeSignatureRef.current = void 0, setPaginatedTransactions([]), setIsPaginationLoading(false), setHasMore(true);
@@ -1140,7 +1151,7 @@ function useTransactions(options = {}) {
             blockTimeNum,
             Number(sig.slot),
             sig.err,
-            chunkVA6LKXCQ_js.getTransactionUrl(String(sig.signature), currentCluster)
+            chunk5HRJKCIL_js.getTransactionUrl(String(sig.signature), currentCluster)
           );
         });
       } else
@@ -1155,7 +1166,7 @@ function useTransactions(options = {}) {
             type: "unknown",
             formattedDate: date,
             formattedTime: time,
-            explorerUrl: chunkVA6LKXCQ_js.getTransactionUrl(String(sig.signature), currentCluster)
+            explorerUrl: chunk5HRJKCIL_js.getTransactionUrl(String(sig.signature), currentCluster)
           };
         });
       let mintsToFetch = [
@@ -1169,7 +1180,7 @@ function useTransactions(options = {}) {
         throwIfAborted(signal);
         let tokenMetadata = await fetchTransactionTokenMetadata(mintsToFetch, {
           signal,
-          cluster: chunkVA6LKXCQ_js.getClusterType(currentCluster)
+          cluster: chunk5HRJKCIL_js.getClusterType(currentCluster)
         });
         tokenMetadata.size > 0 && (newTransactions = newTransactions.map((tx) => {
           let enrichedTx = { ...tx };
@@ -1271,12 +1282,15 @@ function useTransactions(options = {}) {
     [transactions, isLoading, visibleError, hasMore, loadMoreFn, refetch, abort, updatedAt]
   );
 }
+function getTokensQueryKey(rpcUrl, address) {
+  return getWalletAssetsQueryKey(rpcUrl, address);
+}
 var CACHE_MAX_SIZE = 500, PRICE_CACHE_TTL = 6e4, STALE_CLEANUP_INTERVAL = 12e4, COINGECKO_DEFAULT_MAX_RETRIES = 3, COINGECKO_DEFAULT_BASE_DELAY = 1e3, COINGECKO_DEFAULT_MAX_TIMEOUT = 3e4, COINGECKO_API_BASE_URL = "https://api.coingecko.com/api/v3", LRUCache = class {
   constructor(maxSize, options) {
-    chunkI64FD2EH_js.__publicField(this, "cache", /* @__PURE__ */ new Map());
-    chunkI64FD2EH_js.__publicField(this, "maxSize");
-    chunkI64FD2EH_js.__publicField(this, "getTtl");
-    chunkI64FD2EH_js.__publicField(this, "getTimestamp");
+    chunkDSUCH44G_js.__publicField(this, "cache", /* @__PURE__ */ new Map());
+    chunkDSUCH44G_js.__publicField(this, "maxSize");
+    chunkDSUCH44G_js.__publicField(this, "getTtl");
+    chunkDSUCH44G_js.__publicField(this, "getTimestamp");
     this.maxSize = maxSize, this.getTtl = options?.getTtl, this.getTimestamp = options?.getTimestamp;
   }
   get(key) {
@@ -1446,12 +1460,12 @@ async function fetchTokenMetadataHybrid(mints, coingeckoConfig, options) {
   return didUpdatePrices && options?.onUpdate?.(), didUpdate;
 }
 function formatBalance(amount, decimals) {
-  return chunkVA6LKXCQ_js.formatBigIntBalance(amount, decimals, {
+  return chunk5HRJKCIL_js.formatBigIntBalance(amount, decimals, {
     maxDecimals: Math.min(decimals, 6)
   });
 }
 function formatUsd(amount, decimals, usdPrice) {
-  return chunkVA6LKXCQ_js.formatBigIntUsd(amount, decimals, usdPrice);
+  return chunk5HRJKCIL_js.formatBigIntUsd(amount, decimals, usdPrice);
 }
 function selectTokens(assets, address) {
   return {
@@ -2216,6 +2230,43 @@ function WalletListElement({
   );
 }
 WalletListElement.displayName = "WalletListElement";
+var shineStyles = `
+  .ck-skeleton {
+    position: relative;
+    overflow: hidden;
+  }
+  .ck-skeleton-shine {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 500%;
+    height: 500%;
+    background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
+    animation: ck-skeleton-slide 0.5s infinite;
+    z-index: 1;
+    pointer-events: none;
+  }
+  @keyframes ck-skeleton-slide {
+    0% { transform: translate(-100%, -100%); }
+    100% { transform: translate(100%, 100%); }
+  }
+`, stylesInjected = false;
+function injectStyles() {
+  if (!stylesInjected && typeof document < "u") {
+    let styleId = "ck-skeleton-shine-styles";
+    if (!document.getElementById(styleId)) {
+      let style = document.createElement("style");
+      style.id = styleId, style.textContent = shineStyles, document.head.appendChild(style);
+    }
+    stylesInjected = true;
+  }
+}
+function SkeletonShine() {
+  return React__default.default.useEffect(() => {
+    injectStyles();
+  }, []), /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton-shine", "data-slot": "skeleton-shine" });
+}
+SkeletonShine.displayName = "SkeletonShine";
 function BalanceElement({
   showSol = true,
   showTokens = false,
@@ -2258,10 +2309,10 @@ function BalanceElement({
       "data-variant": variant,
       "data-loading": "true",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-balance-block-skeleton", "data-slot": "balance-element-skeleton", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonShine, {}) }),
         showTokens && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text ck-skeleton--short" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text ck-skeleton--short" })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text ck-skeleton--short", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonShine, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--text ck-skeleton--short", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonShine, {}) })
         ] })
       ] })
     }
@@ -2488,7 +2539,7 @@ function TransactionHistoryElement({
         "data-slot": "tx-history-element",
         "data-variant": variant,
         "data-loading": "true",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-tx-history-skeleton", "data-slot": "tx-history-skeleton", children: Array.from({ length: Math.min(limit, 3) }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--tx" }, i)) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-tx-history-skeleton", "data-slot": "tx-history-skeleton", children: Array.from({ length: Math.min(limit, 3) }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--tx", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonShine, {}) }, i)) })
       }
     );
   if (error)
@@ -2652,7 +2703,7 @@ function TokenListElement({
         "data-slot": "token-list-element",
         "data-variant": variant,
         "data-loading": "true",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-token-list-skeleton", "data-slot": "token-list-skeleton", children: Array.from({ length: Math.min(limit, 3) }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--token" }, i)) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-token-list-skeleton", "data-slot": "token-list-skeleton", children: Array.from({ length: Math.min(limit, 3) }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton ck-skeleton--token", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonShine, {}) }, i)) })
       }
     );
   if (error)
@@ -2746,15 +2797,22 @@ function TokenListElement({
 TokenListElement.displayName = "TokenListElement";
 
 exports.AccountElement = AccountElement;
+exports.AppProvider = AppProvider;
 exports.BalanceElement = BalanceElement;
 exports.ClusterElement = ClusterElement;
 exports.ConnectorProvider = ConnectorProvider;
 exports.DisconnectElement = DisconnectElement;
+exports.SkeletonShine = SkeletonShine;
 exports.TokenListElement = TokenListElement;
 exports.TransactionHistoryElement = TransactionHistoryElement;
 exports.UnifiedProvider = UnifiedProvider;
 exports.WalletListElement = WalletListElement;
 exports.clearSharedQueryCache = clearSharedQueryCache;
+exports.clearTokenCaches = clearTokenCaches;
+exports.getBalanceQueryKey = getBalanceQueryKey;
+exports.getTokensQueryKey = getTokensQueryKey;
+exports.getTransactionsQueryKey = getTransactionsQueryKey;
+exports.getWalletAssetsQueryKey = getWalletAssetsQueryKey;
 exports.invalidateSharedQuery = invalidateSharedQuery;
 exports.useAccount = useAccount;
 exports.useBalance = useBalance;
@@ -2770,5 +2828,5 @@ exports.useTransactionPreparer = useTransactionPreparer;
 exports.useTransactionSigner = useTransactionSigner;
 exports.useTransactions = useTransactions;
 exports.useWalletInfo = useWalletInfo;
-//# sourceMappingURL=chunk-Z22V3D4E.js.map
-//# sourceMappingURL=chunk-Z22V3D4E.js.map
+//# sourceMappingURL=chunk-WDXEP4AJ.js.map
+//# sourceMappingURL=chunk-WDXEP4AJ.js.map