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

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

@@ -29,7 +29,7 @@ require('eventemitter3');
 require('@dynamic-labs-sdk/client');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/locale');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+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');
@@ -109,6 +109,7 @@ 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';
@@ -227,6 +228,117 @@ const findTokenSpec = (record) => {
     }
     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
@@ -262,7 +374,7 @@ const useAleoShieldedBalances = () => {
     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, _b, _c;
+        var _a;
         const liveConnector = connectorRef.current;
         if (!supportsShielded || !liveConnector) {
             setTokenBalances((prev) => (prev.length === 0 ? prev : []));
@@ -271,74 +383,33 @@ const useAleoShieldedBalances = () => {
         setIsLoading(true);
         setError(undefined);
         try {
-            const result = yield liveConnector.listOwnedRecords();
+            // 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 networkIdNumeric = Number(networkKey);
-            const safeNetworkId = Number.isFinite(networkIdNumeric)
-                ? networkIdNumeric
-                : undefined;
+            const priceFor = buildPriceLookup(priceList);
             const balances = [];
-            // Tier 1: native credits — sum microcredits across credits.aleo records.
-            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) {
-                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);
-                balances.push({
-                    address: '0x0',
-                    balance: rawBalance / MICROCREDITS_PER_CREDIT,
-                    decimals: 6,
-                    isNative: true,
-                    logoURI: ALEO_CREDITS_LOGO,
-                    name: 'Aleo Credits',
-                    networkId: safeNetworkId,
-                    rawBalance,
-                    symbol: 'ALEO',
-                });
-            }
-            // Tier 3 + ARC-21: Token records. Each record matches at most one
-            //  spec (stablecoin programs disambiguate by program; ARC-21 records
-            //  share `token_registry.aleo / Token` and disambiguate by tokenId
-            //  inside the plaintext). Sum the `amount` field per spec.
-            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 = (_b = sumsByContract.get(spec.contractAddress)) !== null && _b !== void 0 ? _b : BigInt(0);
-                    sumsByContract.set(spec.contractAddress, prev + BigInt(r.amount));
-                    specsByContract.set(spec.contractAddress, spec);
-                }
-                catch (_d) {
-                    /* ignore — malformed amount string */
-                }
-            }
-            for (const [contractAddress, total] of sumsByContract.entries()) {
-                const spec = specsByContract.get(contractAddress);
-                if (!spec)
-                    continue;
-                const rawBalance = Number(total);
-                balances.push({
-                    address: spec.contractAddress,
-                    balance: rawBalance / Math.pow(10, spec.decimals),
-                    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: (_c = spec.logoURI) !== null && _c !== void 0 ? _c : UNKNOWN_TOKEN_LOGO,
-                    name: spec.name,
-                    networkId: safeNetworkId,
-                    rawBalance,
-                    symbol: spec.symbol,
-                });
-            }
+            const credits = buildCreditsBalance(records, safeNetworkId, priceFor);
+            if (credits)
+                balances.push(credits);
+            balances.push(...buildTokenBalances(records, safeNetworkId, priceFor));
             setTokenBalances(balances);
         }
         catch (err) {

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

@@ -25,7 +25,7 @@ import 'eventemitter3';
 import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/locale';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { getEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
@@ -105,6 +105,7 @@ import '../../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { getAleoCuratedPrices } from '../../../data/api/aleo/getAleoCuratedPrices.js';
 
 const MICROCREDITS_PER_CREDIT = 1000000;
 const ALEO_CREDITS_LOGO = 'https://app.dynamic.xyz/assets/networks/aleo.svg';
@@ -223,6 +224,117 @@ const findTokenSpec = (record) => {
     }
     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
@@ -258,7 +370,7 @@ const useAleoShieldedBalances = () => {
     const connectorKey = connector === null || connector === void 0 ? void 0 : connector.key;
     const networkKey = network !== undefined && network !== null ? String(network) : undefined;
     const fetchShielded = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
+        var _a;
         const liveConnector = connectorRef.current;
         if (!supportsShielded || !liveConnector) {
             setTokenBalances((prev) => (prev.length === 0 ? prev : []));
@@ -267,74 +379,33 @@ const useAleoShieldedBalances = () => {
         setIsLoading(true);
         setError(undefined);
         try {
-            const result = yield liveConnector.listOwnedRecords();
+            // 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 = getEnvironmentId();
+            const shouldFetchPrices = Boolean(aleoNetworkParam && environmentId);
+            const [result, priceList] = yield Promise.all([
+                liveConnector.listOwnedRecords(),
+                shouldFetchPrices && aleoNetworkParam
+                    ? 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 networkIdNumeric = Number(networkKey);
-            const safeNetworkId = Number.isFinite(networkIdNumeric)
-                ? networkIdNumeric
-                : undefined;
+            const priceFor = buildPriceLookup(priceList);
             const balances = [];
-            // Tier 1: native credits — sum microcredits across credits.aleo records.
-            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) {
-                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);
-                balances.push({
-                    address: '0x0',
-                    balance: rawBalance / MICROCREDITS_PER_CREDIT,
-                    decimals: 6,
-                    isNative: true,
-                    logoURI: ALEO_CREDITS_LOGO,
-                    name: 'Aleo Credits',
-                    networkId: safeNetworkId,
-                    rawBalance,
-                    symbol: 'ALEO',
-                });
-            }
-            // Tier 3 + ARC-21: Token records. Each record matches at most one
-            //  spec (stablecoin programs disambiguate by program; ARC-21 records
-            //  share `token_registry.aleo / Token` and disambiguate by tokenId
-            //  inside the plaintext). Sum the `amount` field per spec.
-            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 = (_b = sumsByContract.get(spec.contractAddress)) !== null && _b !== void 0 ? _b : BigInt(0);
-                    sumsByContract.set(spec.contractAddress, prev + BigInt(r.amount));
-                    specsByContract.set(spec.contractAddress, spec);
-                }
-                catch (_d) {
-                    /* ignore — malformed amount string */
-                }
-            }
-            for (const [contractAddress, total] of sumsByContract.entries()) {
-                const spec = specsByContract.get(contractAddress);
-                if (!spec)
-                    continue;
-                const rawBalance = Number(total);
-                balances.push({
-                    address: spec.contractAddress,
-                    balance: rawBalance / Math.pow(10, spec.decimals),
-                    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: (_c = spec.logoURI) !== null && _c !== void 0 ? _c : UNKNOWN_TOKEN_LOGO,
-                    name: spec.name,
-                    networkId: safeNetworkId,
-                    rawBalance,
-                    symbol: spec.symbol,
-                });
-            }
+            const credits = buildCreditsBalance(records, safeNetworkId, priceFor);
+            if (credits)
+                balances.push(credits);
+            balances.push(...buildTokenBalances(records, safeNetworkId, priceFor));
             setTokenBalances(balances);
         }
         catch (err) {

package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.cjs

@@ -132,8 +132,19 @@ const BackupUnsuccessfulView = () => {
     const refreshPage = () => {
         window.location.reload();
     };
+    const onTryAgainClick = () => {
+        logger.logger.instrument('Wallet creation retry modal try again clicked', {
+            key: 'wallet_creation_retry_modal_try_again_clicked',
+            time: 0,
+        });
+        refreshPage();
+    };
     // force refresh on component unmount
     React.useEffect(() => {
+        logger.logger.instrument('Wallet creation retry modal shown', {
+            key: 'wallet_creation_retry_modal_shown',
+            time: 0,
+        });
         const timer = setTimeout(() => {
             isProperlyMounted.current = true;
         }, 100);
@@ -154,7 +165,7 @@ const BackupUnsuccessfulView = () => {
                                             transform: 'translate(-50%, -50%)',
                                         } })] })] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'backup-message', color: 'primary', copykey: 'dyn_waas.backup_unsuccessful.description', children: t('dyn_waas.backup_unsuccessful.description') }), jsxRuntime.jsx("div", { className: classNames.classNames('button-group', {
                             'button-group--with-help-section': hasContactInfo,
-                        }), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: () => refreshPage(), copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
+                        }), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: onTryAgainClick, copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
                                 color: 'inherit',
                             }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsxRuntime.jsx("div", { className: classNames.classNames('button-group', 'logout-group', {
                             'button-group--with-help-section': hasContactInfo,

package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.js

@@ -128,8 +128,19 @@ const BackupUnsuccessfulView = () => {
     const refreshPage = () => {
         window.location.reload();
     };
+    const onTryAgainClick = () => {
+        logger.instrument('Wallet creation retry modal try again clicked', {
+            key: 'wallet_creation_retry_modal_try_again_clicked',
+            time: 0,
+        });
+        refreshPage();
+    };
     // force refresh on component unmount
     useEffect(() => {
+        logger.instrument('Wallet creation retry modal shown', {
+            key: 'wallet_creation_retry_modal_shown',
+            time: 0,
+        });
         const timer = setTimeout(() => {
             isProperlyMounted.current = true;
         }, 100);
@@ -150,7 +161,7 @@ const BackupUnsuccessfulView = () => {
                                             transform: 'translate(-50%, -50%)',
                                         } })] })] }), jsx(Typography, { variant: 'body_normal', className: 'backup-message', color: 'primary', copykey: 'dyn_waas.backup_unsuccessful.description', children: t('dyn_waas.backup_unsuccessful.description') }), jsx("div", { className: classNames('button-group', {
                             'button-group--with-help-section': hasContactInfo,
-                        }), children: jsx(TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: () => refreshPage(), copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
+                        }), children: jsx(TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: onTryAgainClick, copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
                                 color: 'inherit',
                             }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsx("div", { className: classNames('button-group', 'logout-group', {
                             'button-group--with-help-section': hasContactInfo,