@dynamic-labs/sdk-react-core 4.80.0 → 4.82.0

package/src/lib/utils/hooks/useAleoShieldedBalances/useAleoShieldedBalances.cjs

@@ -0,0 +1,443 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('eventemitter3');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/locale');
+var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/authMode/authMode.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
+require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../store/state/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../useGetMfaToken/useGetMfaToken.cjs');
+require('../useWalletBackup/useWalletBackup.cjs');
+require('../useWalletBackup/types.cjs');
+require('../useWalletBackup/cloudProviders.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var getAleoCuratedPrices = require('../../../data/api/aleo/getAleoCuratedPrices.cjs');
+
+const MICROCREDITS_PER_CREDIT = 1000000;
+const ALEO_CREDITS_LOGO = 'https://app.dynamic.xyz/assets/networks/aleo.svg';
+// Generic dark "?" token icon — matches redcoast's `DEFAULT_TOKEN_LOGO_URI`
+//  used by the multichain endpoint when an unshielded token has no curated
+//  logo. Reusing it here keeps the Shielded tab visually consistent with
+//  the Unshielded tab for the same token.
+const UNKNOWN_TOKEN_LOGO = 'https://app.dynamic.xyz/assets/tokens/unknown.svg';
+const TOKEN_REGISTRY_PROGRAM = 'token_registry.aleo';
+const TOKEN_REGISTRY_RECORD = 'Token';
+// Non-credits tokens deliberately omit `logoURI` — Aleo doesn't have a
+//  curated icon list yet, so leaving it undefined surfaces the widget's
+//  generic placeholder (`?` skeleton) consistent with the unshielded feed.
+const KNOWN_SHIELDED_TOKENS = [
+    {
+        contractAddress: 'usad_stablecoin.aleo',
+        decimals: 6,
+        name: 'USAD',
+        programName: 'usad_stablecoin.aleo',
+        recordName: 'Token',
+        symbol: 'USAD',
+    },
+    {
+        contractAddress: 'test_usad_stablecoin.aleo',
+        decimals: 6,
+        name: 'USAD',
+        programName: 'test_usad_stablecoin.aleo',
+        recordName: 'Token',
+        symbol: 'USAD',
+    },
+    {
+        contractAddress: 'usdcx_stablecoin.aleo',
+        decimals: 6,
+        name: 'USDCx',
+        programName: 'usdcx_stablecoin.aleo',
+        recordName: 'Token',
+        symbol: 'USDCx',
+    },
+    {
+        contractAddress: 'test_usdcx_stablecoin.aleo',
+        decimals: 6,
+        name: 'USDCx',
+        programName: 'test_usdcx_stablecoin.aleo',
+        recordName: 'Token',
+        symbol: 'USDCx',
+    },
+    // ARC-21 (Hyperlane warp routes) — mainnet only. Token IDs match the
+    //  values pinned in `packages/aleo/src/utils/aleoSendableTokens` and the
+    //  redcoast `aleoArc21Tokens` registry. Decimals match each token's
+    //  `token_info` metadata on-chain.
+    {
+        contractAddress: 'hyp_warp_token_sol.aleo',
+        decimals: 9,
+        name: 'Wrapped SOL',
+        programName: TOKEN_REGISTRY_PROGRAM,
+        recordName: TOKEN_REGISTRY_RECORD,
+        symbol: 'wSOL',
+        tokenId: '2045969100091121326225168054634646230244820821909676777152465722877810201564field',
+    },
+    {
+        contractAddress: 'hyp_warp_token_eth.aleo',
+        decimals: 18,
+        name: 'Wrapped ETH',
+        programName: TOKEN_REGISTRY_PROGRAM,
+        recordName: TOKEN_REGISTRY_RECORD,
+        symbol: 'wETH',
+        tokenId: '8189585964265444162798552221009403350643900573290534096996249214099143169251field',
+    },
+    {
+        contractAddress: 'hyp_warp_token_wbtc.aleo',
+        decimals: 8,
+        name: 'Wrapped BTC',
+        programName: TOKEN_REGISTRY_PROGRAM,
+        recordName: TOKEN_REGISTRY_RECORD,
+        symbol: 'wBTC',
+        tokenId: '3491859903473482085250871387962132231204352466326026409883548131580582527809field',
+    },
+    {
+        contractAddress: 'hyp_warp_token_usdt.aleo',
+        decimals: 6,
+        name: 'Tether USD',
+        programName: TOKEN_REGISTRY_PROGRAM,
+        recordName: TOKEN_REGISTRY_RECORD,
+        symbol: 'USDT',
+        tokenId: '7881654794448182580124231856035865816599796419758925654292946277940935117913field',
+    },
+    {
+        contractAddress: 'hyp_warp_token_usdc.aleo',
+        decimals: 6,
+        name: 'USD Coin',
+        programName: TOKEN_REGISTRY_PROGRAM,
+        recordName: TOKEN_REGISTRY_RECORD,
+        symbol: 'USDC',
+        tokenId: '4697275201844475848710842677807162058146139844643350200269139278887318953049field',
+    },
+];
+/**
+ * Match a record to a shielded-token spec. Stablecoins match on
+ * (program, record); ARC-21 entries additionally require the spec's
+ * `tokenId` to appear inside `record_plaintext` (since every ARC-21 token
+ * shares `token_registry.aleo / Token`).
+ */
+const findTokenSpec = (record) => {
+    for (const spec of KNOWN_SHIELDED_TOKENS) {
+        if (record.program_name !== spec.programName)
+            continue;
+        if (record.record_name !== spec.recordName)
+            continue;
+        if (spec.tokenId) {
+            if (typeof record.record_plaintext !== 'string' ||
+                !record.record_plaintext.includes(`token_id: ${spec.tokenId}`)) {
+                continue;
+            }
+        }
+        return spec;
+    }
+    return undefined;
+};
+/**
+ * Coerces the widget-context `network` value into an Aleo network id
+ * (`0 = mainnet`, `1 = testnet`) and the matching param string for the
+ * `/waas/aleo/prices` endpoint. Pulled out of the callback to flatten
+ * cognitive complexity AND to avoid a SonarCloud-flagged nested
+ * ternary.
+ */
+const resolveAleoNetwork = (networkKey) => {
+    const numeric = Number(networkKey);
+    const safeNetworkId = Number.isFinite(numeric) ? numeric : undefined;
+    if (safeNetworkId === 0)
+        return { aleoNetworkParam: 'mainnet', safeNetworkId };
+    if (safeNetworkId === 1)
+        return { aleoNetworkParam: 'testnet', safeNetworkId };
+    return { aleoNetworkParam: undefined, safeNetworkId };
+};
+/**
+ * Build a `(address, isNative) → price` lookup from the curated-prices
+ * endpoint response. The key shape matches the multichain balance feed
+ * (native ALEO at `'0x0' + isNative=true`, every other token at its
+ * program id + `isNative=false`) so the join is a straight read.
+ */
+const buildPriceLookup = (priceList) => {
+    const priceByKey = new Map();
+    for (const entry of priceList) {
+        priceByKey.set(`${entry.address}|${entry.isNative ? 1 : 0}`, entry.price);
+    }
+    return (address, isNative) => { var _a; return (_a = priceByKey.get(`${address}|${isNative ? 1 : 0}`)) !== null && _a !== void 0 ? _a : null; };
+};
+/**
+ * Aggregate `credits.aleo / credits` records into the native ALEO
+ * `TokenBalance`. Returns `undefined` when the wallet owns no credits
+ * records so the caller can omit the row entirely.
+ */
+const buildCreditsBalance = (records, networkId, priceFor) => {
+    const creditsRecords = records.filter((r) => (r === null || r === void 0 ? void 0 : r.program_name) === 'credits.aleo' &&
+        (r === null || r === void 0 ? void 0 : r.record_name) === 'credits' &&
+        typeof (r === null || r === void 0 ? void 0 : r.microcredits) === 'string');
+    if (creditsRecords.length === 0)
+        return undefined;
+    const totalMicrocredits = creditsRecords.reduce((sum, r) => sum + BigInt(r.microcredits), BigInt(0));
+    // BigInt → number for the TokenBalance shape. Aleo balances stay well
+    // below Number.MAX_SAFE_INTEGER for a single wallet (max u64 supply is
+    // 1.5B credits = 1.5e15 microcredits; Number can hold up to ~9e15).
+    const rawBalance = Number(totalMicrocredits);
+    const balance = rawBalance / MICROCREDITS_PER_CREDIT;
+    const price = priceFor('0x0', true);
+    return {
+        address: '0x0',
+        balance,
+        decimals: 6,
+        isNative: true,
+        logoURI: ALEO_CREDITS_LOGO,
+        marketValue: price !== null ? balance * price : undefined,
+        name: 'Aleo Credits',
+        networkId,
+        price: price !== null ? price : undefined,
+        rawBalance,
+        symbol: 'ALEO',
+    };
+};
+/**
+ * Aggregate stablecoin + ARC-21 `Token` records by `(program, tokenId)`
+ * and emit one `TokenBalance` per matched spec. Records that don't
+ * match a curated spec, lack an `amount`, or have a malformed amount
+ * string are silently skipped.
+ */
+const buildTokenBalances = (records, networkId, priceFor) => {
+    var _a, _b;
+    const sumsByContract = new Map();
+    const specsByContract = new Map();
+    for (const r of records) {
+        const spec = findTokenSpec(r);
+        if (!spec || typeof r.amount !== 'string')
+            continue;
+        try {
+            const prev = (_a = sumsByContract.get(spec.contractAddress)) !== null && _a !== void 0 ? _a : BigInt(0);
+            sumsByContract.set(spec.contractAddress, prev + BigInt(r.amount));
+            specsByContract.set(spec.contractAddress, spec);
+        }
+        catch (_c) {
+            /* ignore — malformed amount string */
+        }
+    }
+    const out = [];
+    for (const [contractAddress, total] of sumsByContract.entries()) {
+        const spec = specsByContract.get(contractAddress);
+        if (!spec)
+            continue;
+        const rawBalance = Number(total);
+        const balance = rawBalance / Math.pow(10, spec.decimals);
+        const price = priceFor(spec.contractAddress, false);
+        out.push({
+            address: spec.contractAddress,
+            balance,
+            decimals: spec.decimals,
+            // Use redcoast's `DEFAULT_TOKEN_LOGO_URI` for stablecoins + ARC-21
+            //  so they render the same dark "?" icon the Unshielded tab shows
+            //  for these tokens (the multichain endpoint applies that fallback
+            //  itself; we mirror it here for visual parity).
+            logoURI: (_b = spec.logoURI) !== null && _b !== void 0 ? _b : UNKNOWN_TOKEN_LOGO,
+            marketValue: price !== null ? balance * price : undefined,
+            name: spec.name,
+            networkId,
+            price: price !== null ? price : undefined,
+            rawBalance,
+            symbol: spec.symbol,
+        });
+    }
+    return out;
+};
+/**
+ * Hook that returns the active wallet's shielded (private) Aleo token
+ * balances as a `TokenBalance[]` so the widget can render them through the
+ * same TokenBalanceList path it uses for unshielded balances.
+ *
+ * - Records come from the iframe via `connector.listOwnedRecords()` (the
+ *   Provable RecordScanner; view key never leaves the iframe).
+ * - Aggregates `credits.aleo/credits` (sum `microcredits` → ALEO) plus any
+ *   tier-3 stablecoin Token records (sum `amount` per program → USAD/USDCx).
+ *   ARC-21 multi-token grouped-by-`token_id` is Phase 2B.
+ *
+ * Returns an empty list when:
+ *   - The wallet isn't Aleo
+ *   - The connector doesn't expose `listOwnedRecords` (e.g. external Aleo wallet)
+ *   - The user owns no records that match a known program/record pair
+ */
+const useAleoShieldedBalances = () => {
+    const { primaryWallet, network } = useInternalDynamicContext.useInternalDynamicContext();
+    const [tokenBalances, setTokenBalances] = React.useState([]);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState();
+    const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+    const isAleo = (connector === null || connector === void 0 ? void 0 : connector.connectedChain) === sdkApiCore.ChainEnum.Aleo;
+    const supportsShielded = isAleo &&
+        typeof (connector === null || connector === void 0 ? void 0 : connector.listOwnedRecords) === 'function';
+    // Mirror the live connector into a ref so `fetchShielded` can read it
+    //  without depending on the (often unstable) object reference. Some test
+    //  setups mock context with a factory that returns a fresh `primaryWallet`
+    //  every render — depending on that ref directly turned this into an
+    //  infinite render loop.
+    const connectorRef = React.useRef(connector);
+    connectorRef.current = connector;
+    const connectorKey = connector === null || connector === void 0 ? void 0 : connector.key;
+    const networkKey = network !== undefined && network !== null ? String(network) : undefined;
+    const fetchShielded = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const liveConnector = connectorRef.current;
+        if (!supportsShielded || !liveConnector) {
+            setTokenBalances((prev) => (prev.length === 0 ? prev : []));
+            return;
+        }
+        setIsLoading(true);
+        setError(undefined);
+        try {
+            // Fetch records and the curated-token price list in parallel. The
+            //  price list comes from the Aleo-only `/waas/aleo/prices` endpoint
+            //  (independent of balance) so the join works even when the user
+            //  holds a shielded token with zero unshielded balance — the
+            //  multichain `/accountBalances` endpoint would have stripped that
+            //  token row, leaving the widget with no price source. Prices are
+            //  best-effort: a failure leaves balances unpriced rather than
+            //  dropping the shielded list entirely.
+            const { safeNetworkId, aleoNetworkParam } = resolveAleoNetwork(networkKey);
+            const environmentId = dynamicContextProps.getEnvironmentId();
+            const shouldFetchPrices = Boolean(aleoNetworkParam && environmentId);
+            const [result, priceList] = yield Promise.all([
+                liveConnector.listOwnedRecords(),
+                shouldFetchPrices && aleoNetworkParam
+                    ? getAleoCuratedPrices.getAleoCuratedPrices({
+                        environmentId,
+                        network: aleoNetworkParam,
+                    }).catch(() => [])
+                    : Promise.resolve([]),
+            ]);
+            const records = (_a = result === null || result === void 0 ? void 0 : result.records) !== null && _a !== void 0 ? _a : [];
+            const priceFor = buildPriceLookup(priceList);
+            const balances = [];
+            const credits = buildCreditsBalance(records, safeNetworkId, priceFor);
+            if (credits)
+                balances.push(credits);
+            balances.push(...buildTokenBalances(records, safeNetworkId, priceFor));
+            setTokenBalances(balances);
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            setError(msg);
+            setTokenBalances((prev) => (prev.length === 0 ? prev : []));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }), [connectorKey, networkKey, supportsShielded]);
+    React.useEffect(() => {
+        if (!supportsShielded) {
+            setTokenBalances((prev) => (prev.length === 0 ? prev : []));
+            return;
+        }
+        fetchShielded().catch(() => {
+            // fetchShielded already records the error in component state;
+            //  the .catch keeps the fire-and-forget shape lint-clean.
+        });
+    }, [supportsShielded, fetchShielded]);
+    return {
+        error,
+        isLoading,
+        refetch: fetchShielded,
+        supportsShielded,
+        tokenBalances,
+    };
+};
+
+exports.useAleoShieldedBalances = useAleoShieldedBalances;

package/src/lib/utils/hooks/useAleoShieldedBalances/useAleoShieldedBalances.d.ts

@@ -0,0 +1,24 @@
+import { TokenBalance } from '@dynamic-labs/sdk-api-core';
+/**
+ * Hook that returns the active wallet's shielded (private) Aleo token
+ * balances as a `TokenBalance[]` so the widget can render them through the
+ * same TokenBalanceList path it uses for unshielded balances.
+ *
+ * - Records come from the iframe via `connector.listOwnedRecords()` (the
+ *   Provable RecordScanner; view key never leaves the iframe).
+ * - Aggregates `credits.aleo/credits` (sum `microcredits` → ALEO) plus any
+ *   tier-3 stablecoin Token records (sum `amount` per program → USAD/USDCx).
+ *   ARC-21 multi-token grouped-by-`token_id` is Phase 2B.
+ *
+ * Returns an empty list when:
+ *   - The wallet isn't Aleo
+ *   - The connector doesn't expose `listOwnedRecords` (e.g. external Aleo wallet)
+ *   - The user owns no records that match a known program/record pair
+ */
+export declare const useAleoShieldedBalances: () => {
+    tokenBalances: TokenBalance[];
+    isLoading: boolean;
+    error: string | undefined;
+    refetch: () => Promise<void>;
+    supportsShielded: boolean;
+};