@dynamic-labs/sdk-react-core 4.79.0 → 4.79.2

package/src/lib/utils/constants/authViewLayoutChecks.cjs

@@ -67,6 +67,7 @@ const viewsThatHideHeader = [
     'waas-backup-info-view',
     'waas-backup-cloud-provider-view',
     'waas-backup-download-view',
+    'waas-backup-grant-access-view',
     'waas-backup-progress-view',
     'waas-backup-success-view',
     'setup-password-for-wallet-creation',
@@ -159,6 +160,7 @@ const viewsThatHideCloseButton = [
     'waas-backup-info-view',
     'waas-backup-cloud-provider-view',
     'waas-backup-download-view',
+    'waas-backup-grant-access-view',
     'waas-backup-progress-view',
     'waas-backup-success-view',
     'device-registration',

package/src/lib/utils/constants/authViewLayoutChecks.js

@@ -63,6 +63,7 @@ const viewsThatHideHeader = [
     'waas-backup-info-view',
     'waas-backup-cloud-provider-view',
     'waas-backup-download-view',
+    'waas-backup-grant-access-view',
     'waas-backup-progress-view',
     'waas-backup-success-view',
     'setup-password-for-wallet-creation',
@@ -155,6 +156,7 @@ const viewsThatHideCloseButton = [
     'waas-backup-info-view',
     'waas-backup-cloud-provider-view',
     'waas-backup-download-view',
+    'waas-backup-grant-access-view',
     'waas-backup-progress-view',
     'waas-backup-success-view',
     'device-registration',

package/src/lib/utils/functions/animationFrameTimeout/animationFrameTimeout.cjs

@@ -3,25 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+// Implemented with setTimeout rather than requestAnimationFrame: rAF is paused
+// or throttled to ~1Hz when the tab is backgrounded, and is also starved by
+// long-running JS, which caused modal transitions to get stuck at opacity 0.
 const animationFrameTimeout = (callback, duration) => {
-    const startTime = performance.now();
     const canceller = { id: -1 };
-    const tick = () => {
-        canceller.id = requestAnimationFrame((now) => {
-            if (now - startTime > duration) {
-                callback();
-            }
-            else {
-                tick();
-            }
-        });
-    };
-    tick();
+    canceller.id = window.setTimeout(callback, duration);
     return canceller;
 };
 const clearAnimationFrameTimeout = (canceller) => {
-    if (canceller.id >= 0)
-        cancelAnimationFrame(canceller.id);
+    if (canceller.id >= 0) {
+        clearTimeout(canceller.id);
+        canceller.id = -1;
+    }
 };
 
 exports.animationFrameTimeout = animationFrameTimeout;

package/src/lib/utils/functions/animationFrameTimeout/animationFrameTimeout.js

@@ -1,23 +1,17 @@
 'use client'
+// Implemented with setTimeout rather than requestAnimationFrame: rAF is paused
+// or throttled to ~1Hz when the tab is backgrounded, and is also starved by
+// long-running JS, which caused modal transitions to get stuck at opacity 0.
 const animationFrameTimeout = (callback, duration) => {
-    const startTime = performance.now();
     const canceller = { id: -1 };
-    const tick = () => {
-        canceller.id = requestAnimationFrame((now) => {
-            if (now - startTime > duration) {
-                callback();
-            }
-            else {
-                tick();
-            }
-        });
-    };
-    tick();
+    canceller.id = window.setTimeout(callback, duration);
     return canceller;
 };
 const clearAnimationFrameTimeout = (canceller) => {
-    if (canceller.id >= 0)
-        cancelAnimationFrame(canceller.id);
+    if (canceller.id >= 0) {
+        clearTimeout(canceller.id);
+        canceller.id = -1;
+    }
 };
 
 export { animationFrameTimeout, clearAnimationFrameTimeout };

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, }) => React.useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, midnightNetworksOverrides, }) => React.useMemo(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
     if (!networks)
         return {};
@@ -23,6 +23,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     const bitcoin = networks.find((configurations) => configurations.chainName === 'bitcoin');
     const aleo = networks.find((configurations) => configurations.chainName === 'aleo');
     const tempo = networks.find((configurations) => configurations.chainName === 'tempo');
+    const midnight = networks.find((configurations) => configurations.chainName === 'midnight');
     let cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, Number.parseInt));
     cosmosNetworks = overrideNetworks(cosmosNetworkOverrides, cosmosNetworks);
     let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, Number.parseInt));
@@ -54,6 +55,8 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     aleoNetworks = overrideNetworks(aleoNetworksOverrides, aleoNetworks);
     let tempoNetworks = (_o = tempo === null || tempo === void 0 ? void 0 : tempo.networks) === null || _o === void 0 ? void 0 : _o.map((net) => createNetwork(net, Number.parseInt));
     tempoNetworks = overrideNetworks(tempoNetworksOverrides, tempoNetworks);
+    let midnightNetworks = (_p = midnight === null || midnight === void 0 ? void 0 : midnight.networks) === null || _p === void 0 ? void 0 : _p.map((net) => createNetwork(net));
+    midnightNetworks = overrideNetworks(midnightNetworksOverrides, midnightNetworks);
     const networkConfigurations = {
         aleo: aleoNetworks,
         aptos: aptosNetworks,
@@ -61,6 +64,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
         cosmos: cosmosNetworks,
         eclipse: eclipseNetworks,
         evm: evmNetworks,
+        midnight: midnightNetworks,
         solana: solanaNetworks,
         starknet: starknetNetworks,
         stellar: stellarNetworks,
@@ -76,6 +80,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     cosmosNetworkOverrides,
     evmNetworksOverrides,
     solanaNetworksOverrides,
+    midnightNetworksOverrides,
     tronNetworksOverrides,
     aptosNetworksOverrides,
     tempoNetworksOverrides,

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

@@ -12,6 +12,7 @@ type UseNetworkConfigurationsFromProjectSettingsProps = {
     tempoNetworksOverrides?: NetworksOverrides;
     tonNetworksOverrides?: NetworksOverrides;
     bitcoinNetworksOverrides?: NetworksOverrides;
+    midnightNetworksOverrides?: NetworksOverrides;
 };
-export declare const useNetworkConfigurationsFromProjectSettings: ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, }: UseNetworkConfigurationsFromProjectSettingsProps) => {};
+export declare const useNetworkConfigurationsFromProjectSettings: ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, midnightNetworksOverrides, }: UseNetworkConfigurationsFromProjectSettingsProps) => {};
 export {};

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

@@ -1,8 +1,8 @@
 'use client'
 import { useMemo } from 'react';
 
-const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, }) => useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetworksOverrides, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, tronNetworksOverrides, aptosNetworksOverrides, stellarNetworksOverrides, tempoNetworksOverrides, tonNetworksOverrides, bitcoinNetworksOverrides, midnightNetworksOverrides, }) => useMemo(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
     if (!networks)
         return {};
@@ -19,6 +19,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     const bitcoin = networks.find((configurations) => configurations.chainName === 'bitcoin');
     const aleo = networks.find((configurations) => configurations.chainName === 'aleo');
     const tempo = networks.find((configurations) => configurations.chainName === 'tempo');
+    const midnight = networks.find((configurations) => configurations.chainName === 'midnight');
     let cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, Number.parseInt));
     cosmosNetworks = overrideNetworks(cosmosNetworkOverrides, cosmosNetworks);
     let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, Number.parseInt));
@@ -50,6 +51,8 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     aleoNetworks = overrideNetworks(aleoNetworksOverrides, aleoNetworks);
     let tempoNetworks = (_o = tempo === null || tempo === void 0 ? void 0 : tempo.networks) === null || _o === void 0 ? void 0 : _o.map((net) => createNetwork(net, Number.parseInt));
     tempoNetworks = overrideNetworks(tempoNetworksOverrides, tempoNetworks);
+    let midnightNetworks = (_p = midnight === null || midnight === void 0 ? void 0 : midnight.networks) === null || _p === void 0 ? void 0 : _p.map((net) => createNetwork(net));
+    midnightNetworks = overrideNetworks(midnightNetworksOverrides, midnightNetworks);
     const networkConfigurations = {
         aleo: aleoNetworks,
         aptos: aptosNetworks,
@@ -57,6 +60,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
         cosmos: cosmosNetworks,
         eclipse: eclipseNetworks,
         evm: evmNetworks,
+        midnight: midnightNetworks,
         solana: solanaNetworks,
         starknet: starknetNetworks,
         stellar: stellarNetworks,
@@ -72,6 +76,7 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, aleoNetw
     cosmosNetworkOverrides,
     evmNetworksOverrides,
     solanaNetworksOverrides,
+    midnightNetworksOverrides,
     tronNetworksOverrides,
     aptosNetworksOverrides,
     tempoNetworksOverrides,

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

@@ -79,6 +79,7 @@ require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
 var types = require('./types.cjs');
 var cloudProviders = require('./cloudProviders.cjs');
 require('@dynamic-labs/types');
@@ -96,7 +97,6 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
-var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

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

@@ -75,6 +75,7 @@ import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
 import { CloudBackupProvider } from './types.js';
 import { getSupportedProviders, CLOUD_PROVIDER_CONFIGS } from './cloudProviders.js';
 import '@dynamic-labs/types';
@@ -92,7 +93,6 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
-import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

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

@@ -83,6 +83,7 @@ require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
 require('../useWalletBackup/useWalletBackup.cjs');
 require('../useWalletBackup/types.cjs');
 require('../useWalletBackup/cloudProviders.cjs');
@@ -98,7 +99,6 @@ require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cj
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
 var waas = require('../../../data/api/waas/waas.cjs');
-var useRefreshAuth = require('../useRefreshAuth/useRefreshAuth.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

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

@@ -79,6 +79,7 @@ import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
 import '../useWalletBackup/useWalletBackup.js';
 import '../useWalletBackup/types.js';
 import '../useWalletBackup/cloudProviders.js';
@@ -94,7 +95,6 @@ import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js'
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
 import { updateWaasWalletSettings } from '../../../data/api/waas/waas.js';
-import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/viewToComponentMap.cjs

@@ -10,6 +10,7 @@ require('@dynamic-labs/iconic');
 require('../context/ViewContext/ViewContext.cjs');
 var WaasBackupCloudProviderView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.cjs');
 var WaasBackupDownloadView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupDownloadView.cjs');
+var WaasBackupGrantAccessView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupGrantAccessView.cjs');
 var WaasBackupInfoView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupInfoView.cjs');
 var WaasBackupProgressView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView.cjs');
 var WaasBackupSuccessView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView.cjs');
@@ -272,6 +273,7 @@ const viewToComponentMap = {
     'verify-sms': SmsVerification.SmsVerification,
     'waas-backup-cloud-provider-view': WaasBackupCloudProviderView.WaasBackupCloudProviderView,
     'waas-backup-download-view': WaasBackupDownloadView.WaasBackupDownloadView,
+    'waas-backup-grant-access-view': WaasBackupGrantAccessView.WaasBackupGrantAccessView,
     'waas-backup-info-view': WaasBackupInfoView.WaasBackupInfoView,
     'waas-backup-progress-view': WaasBackupProgressView.WaasBackupProgressView,
     'waas-backup-success-view': WaasBackupSuccessView.WaasBackupSuccessView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -119,6 +119,7 @@ export declare const viewToComponentMap: {
     'verify-sms': import("react").FC;
     'waas-backup-cloud-provider-view': import("react").FC;
     'waas-backup-download-view': import("react").FC;
+    'waas-backup-grant-access-view': import("react").FC;
     'waas-backup-info-view': import("react").FC;
     'waas-backup-progress-view': import("react").FC<import("../widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView").WaasBackupProgressViewProps>;
     'waas-backup-success-view': import("react").FC<import("../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView").WaasBackupSuccessViewProps>;

package/src/lib/views/viewToComponentMap.js

@@ -6,6 +6,7 @@ import '@dynamic-labs/iconic';
 import '../context/ViewContext/ViewContext.js';
 import { WaasBackupCloudProviderView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.js';
 import { WaasBackupDownloadView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupDownloadView.js';
+import { WaasBackupGrantAccessView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupGrantAccessView.js';
 import { WaasBackupInfoView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupInfoView.js';
 import { WaasBackupProgressView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView.js';
 import { WaasBackupSuccessView } from '../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView.js';
@@ -268,6 +269,7 @@ const viewToComponentMap = {
     'verify-sms': SmsVerification,
     'waas-backup-cloud-provider-view': WaasBackupCloudProviderView,
     'waas-backup-download-view': WaasBackupDownloadView,
+    'waas-backup-grant-access-view': WaasBackupGrantAccessView,
     'waas-backup-info-view': WaasBackupInfoView,
     'waas-backup-progress-view': WaasBackupProgressView,
     'waas-backup-success-view': WaasBackupSuccessView,

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.cjs

@@ -15,9 +15,10 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var questionMark = require('../../../../shared/assets/question-mark.cjs');
 require('@dynamic-labs/iconic');
+var useGoogleDriveBackupReadiness = require('../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.cjs');
 var useSocialAccounts = require('../../../../utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
 var useWalletBackup = require('../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
-require('../../../../utils/hooks/useWalletBackup/types.cjs');
+var types = require('../../../../utils/hooks/useWalletBackup/types.cjs');
 var BackupStepper = require('./BackupStepper.cjs');
 
 const WaasBackupCloudProviderView = () => {
@@ -26,6 +27,7 @@ const WaasBackupCloudProviderView = () => {
     const { t } = reactI18next.useTranslation();
     const { isProcessingForProvider, error: socialError } = useSocialAccounts.useSocialAccounts();
     const { ensureProviderLinked, getSupportedProviders } = useWalletBackup.useWalletBackup();
+    const { check: checkDriveReadiness, isChecking: isCheckingDriveReadiness } = useGoogleDriveBackupReadiness.useGoogleDriveBackupReadiness();
     const [errorMessage, setErrorMessage] = React.useState(null);
     const providers = getSupportedProviders();
     const handleBackClick = React.useCallback(() => goBack(), [goBack]);
@@ -44,13 +46,26 @@ const WaasBackupCloudProviderView = () => {
                 return;
             }
         }
+        if (provider === types.CloudBackupProvider.GoogleDrive) {
+            const readiness = yield checkDriveReadiness();
+            if (readiness.status === 'needs-access') {
+                pushView('waas-backup-grant-access-view');
+                return;
+            }
+            if (readiness.status === 'error') {
+                setErrorMessage(t('dyn_waas.backup.error'));
+                return;
+            }
+        }
         pushView('waas-backup-progress-view', { provider });
-    }), [ensureProviderLinked, pushView, providers, t]);
+    }), [checkDriveReadiness, ensureProviderLinked, pushView, providers, t]);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
     const infoButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleInfoClick, "data-testid": 'info-button', children: jsxRuntime.jsx(questionMark.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: infoButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsxRuntime.jsx("div", { className: 'waas-backup-view', children: jsxRuntime.jsxs("div", { className: 'waas-backup-view__body', children: [jsxRuntime.jsx(BackupStepper.BackupStepper, { currentStep: 0, completedSteps: 0 }), (errorMessage || socialError) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { variant: 'error', withIcon: false, children: (_a = socialError === null || socialError === void 0 ? void 0 : socialError.message) !== null && _a !== void 0 ? _a : errorMessage })), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.cloud_backup_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.cloud_backup_title', '1. Cloud Backup') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.cloud_backup_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.cloud_backup_subtitle', 'Back up your first key share to a cloud provider') }), providers.map((providerConfig) => (jsxRuntime.jsxs("button", { type: 'button', className: 'waas-backup-view__provider-button', onClick: () => handleProviderClick(providerConfig.id), disabled: providerConfig.requiresOAuth &&
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: infoButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsxRuntime.jsx("div", { className: 'waas-backup-view', children: jsxRuntime.jsxs("div", { className: 'waas-backup-view__body', children: [jsxRuntime.jsx(BackupStepper.BackupStepper, { currentStep: 0, completedSteps: 0 }), (errorMessage || socialError) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { variant: 'error', withIcon: false, children: (_a = socialError === null || socialError === void 0 ? void 0 : socialError.message) !== null && _a !== void 0 ? _a : errorMessage })), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.cloud_backup_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.cloud_backup_title', '1. Cloud Backup') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.cloud_backup_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.cloud_backup_subtitle', 'Back up your first key share to a cloud provider') }), providers.map((providerConfig) => (jsxRuntime.jsxs("button", { type: 'button', className: 'waas-backup-view__provider-button', onClick: () => handleProviderClick(providerConfig.id), disabled: (providerConfig.requiresOAuth &&
                                 providerConfig.oauthProvider &&
-                                isProcessingForProvider(providerConfig.oauthProvider), "data-testid": `${providerConfig.id}-button`, children: [providerConfig.icon, jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: t(`dyn_waas.backup.backup_to_${providerConfig.id}`, `Backup to ${providerConfig.name}`) })] }, providerConfig.id)))] }) })] }));
+                                isProcessingForProvider(providerConfig.oauthProvider)) ||
+                                (providerConfig.id === types.CloudBackupProvider.GoogleDrive &&
+                                    isCheckingDriveReadiness), "data-testid": `${providerConfig.id}-button`, children: [providerConfig.icon, jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: t(`dyn_waas.backup.backup_to_${providerConfig.id}`, `Backup to ${providerConfig.name}`) })] }, providerConfig.id)))] }) })] }));
 };
 
 exports.WaasBackupCloudProviderView = WaasBackupCloudProviderView;

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.js

@@ -11,9 +11,10 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgQuestionMark } from '../../../../shared/assets/question-mark.js';
 import '@dynamic-labs/iconic';
+import { useGoogleDriveBackupReadiness } from '../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.js';
 import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import { useWalletBackup } from '../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
-import '../../../../utils/hooks/useWalletBackup/types.js';
+import { CloudBackupProvider } from '../../../../utils/hooks/useWalletBackup/types.js';
 import { BackupStepper } from './BackupStepper.js';
 
 const WaasBackupCloudProviderView = () => {
@@ -22,6 +23,7 @@ const WaasBackupCloudProviderView = () => {
     const { t } = useTranslation();
     const { isProcessingForProvider, error: socialError } = useSocialAccounts();
     const { ensureProviderLinked, getSupportedProviders } = useWalletBackup();
+    const { check: checkDriveReadiness, isChecking: isCheckingDriveReadiness } = useGoogleDriveBackupReadiness();
     const [errorMessage, setErrorMessage] = useState(null);
     const providers = getSupportedProviders();
     const handleBackClick = useCallback(() => goBack(), [goBack]);
@@ -40,13 +42,26 @@ const WaasBackupCloudProviderView = () => {
                 return;
             }
         }
+        if (provider === CloudBackupProvider.GoogleDrive) {
+            const readiness = yield checkDriveReadiness();
+            if (readiness.status === 'needs-access') {
+                pushView('waas-backup-grant-access-view');
+                return;
+            }
+            if (readiness.status === 'error') {
+                setErrorMessage(t('dyn_waas.backup.error'));
+                return;
+            }
+        }
         pushView('waas-backup-progress-view', { provider });
-    }), [ensureProviderLinked, pushView, providers, t]);
+    }), [checkDriveReadiness, ensureProviderLinked, pushView, providers, t]);
     const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
     const infoButton = (jsx(IconButton, { type: 'button', onClick: handleInfoClick, "data-testid": 'info-button', children: jsx(SvgQuestionMark, {}) }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: infoButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsx("div", { className: 'waas-backup-view', children: jsxs("div", { className: 'waas-backup-view__body', children: [jsx(BackupStepper, { currentStep: 0, completedSteps: 0 }), (errorMessage || socialError) && (jsx(ErrorContainer, { variant: 'error', withIcon: false, children: (_a = socialError === null || socialError === void 0 ? void 0 : socialError.message) !== null && _a !== void 0 ? _a : errorMessage })), jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.cloud_backup_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.cloud_backup_title', '1. Cloud Backup') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.cloud_backup_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.cloud_backup_subtitle', 'Back up your first key share to a cloud provider') }), providers.map((providerConfig) => (jsxs("button", { type: 'button', className: 'waas-backup-view__provider-button', onClick: () => handleProviderClick(providerConfig.id), disabled: providerConfig.requiresOAuth &&
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: infoButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsx("div", { className: 'waas-backup-view', children: jsxs("div", { className: 'waas-backup-view__body', children: [jsx(BackupStepper, { currentStep: 0, completedSteps: 0 }), (errorMessage || socialError) && (jsx(ErrorContainer, { variant: 'error', withIcon: false, children: (_a = socialError === null || socialError === void 0 ? void 0 : socialError.message) !== null && _a !== void 0 ? _a : errorMessage })), jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.cloud_backup_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.cloud_backup_title', '1. Cloud Backup') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.cloud_backup_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.cloud_backup_subtitle', 'Back up your first key share to a cloud provider') }), providers.map((providerConfig) => (jsxs("button", { type: 'button', className: 'waas-backup-view__provider-button', onClick: () => handleProviderClick(providerConfig.id), disabled: (providerConfig.requiresOAuth &&
                                 providerConfig.oauthProvider &&
-                                isProcessingForProvider(providerConfig.oauthProvider), "data-testid": `${providerConfig.id}-button`, children: [providerConfig.icon, jsx(Typography, { variant: 'body_normal', color: 'primary', children: t(`dyn_waas.backup.backup_to_${providerConfig.id}`, `Backup to ${providerConfig.name}`) })] }, providerConfig.id)))] }) })] }));
+                                isProcessingForProvider(providerConfig.oauthProvider)) ||
+                                (providerConfig.id === CloudBackupProvider.GoogleDrive &&
+                                    isCheckingDriveReadiness), "data-testid": `${providerConfig.id}-button`, children: [providerConfig.icon, jsx(Typography, { variant: 'body_normal', color: 'primary', children: t(`dyn_waas.backup.backup_to_${providerConfig.id}`, `Backup to ${providerConfig.name}`) })] }, providerConfig.id)))] }) })] }));
 };
 
 export { WaasBackupCloudProviderView };

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupGrantAccessView.cjs

@@ -0,0 +1,50 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+var questionMark = require('../../../../shared/assets/question-mark.cjs');
+require('@dynamic-labs/iconic');
+var dynamicContextProps = require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+var useGoogleDriveBackupReadiness = require('../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.cjs');
+var types = require('../../../../utils/hooks/useWalletBackup/types.cjs');
+var BackupStepper = require('./BackupStepper.cjs');
+
+const WaasBackupGrantAccessView = () => {
+    const { pushView, goBack } = ViewContext.useViewContext();
+    const { t } = reactI18next.useTranslation();
+    const { appName } = dynamicContextProps.useDynamicSettings();
+    const { requestAccess, isChecking } = useGoogleDriveBackupReadiness.useGoogleDriveBackupReadiness();
+    const [showError, setShowError] = React.useState(false);
+    const handleBackClick = React.useCallback(() => goBack(), [goBack]);
+    const handleInfoClick = React.useCallback(() => {
+        pushView('waas-backup-info-view');
+    }, [pushView]);
+    const handleGrantClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowError(false);
+        const result = yield requestAccess();
+        if (result.status === 'ready') {
+            pushView('waas-backup-progress-view', {
+                provider: types.CloudBackupProvider.GoogleDrive,
+            });
+            return;
+        }
+        setShowError(true);
+    }), [pushView, requestAccess]);
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    const infoButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleInfoClick, "data-testid": 'info-button', children: jsxRuntime.jsx(questionMark.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: infoButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsxRuntime.jsx("div", { className: 'waas-backup-view', children: jsxRuntime.jsxs("div", { className: 'waas-backup-view__body', children: [jsxRuntime.jsx(BackupStepper.BackupStepper, { currentStep: 0, completedSteps: 0 }), showError && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { variant: 'error', withIcon: false, children: t('dyn_waas.backup.gdrive_grant_access_error') })), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.gdrive_grant_access_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.gdrive_grant_access_title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.gdrive_grant_access_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.gdrive_grant_access_subtitle', { appName }) }), jsxRuntime.jsxs("div", { className: 'waas-backup-view__grant-access-actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'grant-access-cancel-button', onClick: handleBackClick, disabled: isChecking, copykey: 'dyn_waas.backup.gdrive_grant_access_cancel', buttonVariant: 'primary', typographyProps: { color: 'inherit' }, children: t('dyn_waas.backup.gdrive_grant_access_cancel') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'grant-access-button', onClick: handleGrantClick, disabled: isChecking, copykey: 'dyn_waas.backup.gdrive_grant_access_cta', buttonVariant: 'brand-primary', typographyProps: { color: 'inherit' }, children: t('dyn_waas.backup.gdrive_grant_access_cta') })] })] }) })] }));
+};
+
+exports.WaasBackupGrantAccessView = WaasBackupGrantAccessView;

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupGrantAccessView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const WaasBackupGrantAccessView: FC;

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupGrantAccessView.js

@@ -0,0 +1,46 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
+import { ReactComponent as SvgQuestionMark } from '../../../../shared/assets/question-mark.js';
+import '@dynamic-labs/iconic';
+import { useDynamicSettings } from '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { useGoogleDriveBackupReadiness } from '../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.js';
+import { CloudBackupProvider } from '../../../../utils/hooks/useWalletBackup/types.js';
+import { BackupStepper } from './BackupStepper.js';
+
+const WaasBackupGrantAccessView = () => {
+    const { pushView, goBack } = useViewContext();
+    const { t } = useTranslation();
+    const { appName } = useDynamicSettings();
+    const { requestAccess, isChecking } = useGoogleDriveBackupReadiness();
+    const [showError, setShowError] = useState(false);
+    const handleBackClick = useCallback(() => goBack(), [goBack]);
+    const handleInfoClick = useCallback(() => {
+        pushView('waas-backup-info-view');
+    }, [pushView]);
+    const handleGrantClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        setShowError(false);
+        const result = yield requestAccess();
+        if (result.status === 'ready') {
+            pushView('waas-backup-progress-view', {
+                provider: CloudBackupProvider.GoogleDrive,
+            });
+            return;
+        }
+        setShowError(true);
+    }), [pushView, requestAccess]);
+    const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
+    const infoButton = (jsx(IconButton, { type: 'button', onClick: handleInfoClick, "data-testid": 'info-button', children: jsx(SvgQuestionMark, {}) }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: infoButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }), jsx("div", { className: 'waas-backup-view', children: jsxs("div", { className: 'waas-backup-view__body', children: [jsx(BackupStepper, { currentStep: 0, completedSteps: 0 }), showError && (jsx(ErrorContainer, { variant: 'error', withIcon: false, children: t('dyn_waas.backup.gdrive_grant_access_error') })), jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.gdrive_grant_access_title', className: 'waas-backup-view__cloud-title', children: t('dyn_waas.backup.gdrive_grant_access_title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_waas.backup.gdrive_grant_access_subtitle', className: 'waas-backup-view__cloud-subtitle', children: t('dyn_waas.backup.gdrive_grant_access_subtitle', { appName }) }), jsxs("div", { className: 'waas-backup-view__grant-access-actions', children: [jsx(TypographyButton, { dataTestId: 'grant-access-cancel-button', onClick: handleBackClick, disabled: isChecking, copykey: 'dyn_waas.backup.gdrive_grant_access_cancel', buttonVariant: 'primary', typographyProps: { color: 'inherit' }, children: t('dyn_waas.backup.gdrive_grant_access_cancel') }), jsx(TypographyButton, { dataTestId: 'grant-access-button', onClick: handleGrantClick, disabled: isChecking, copykey: 'dyn_waas.backup.gdrive_grant_access_cta', buttonVariant: 'brand-primary', typographyProps: { color: 'inherit' }, children: t('dyn_waas.backup.gdrive_grant_access_cta') })] })] }) })] }));
+};
+
+export { WaasBackupGrantAccessView };

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView.cjs

@@ -15,15 +15,18 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var exclamation = require('../../../../shared/assets/exclamation.cjs');
 require('@dynamic-labs/iconic');
+var useGoogleDriveBackupReadiness = require('../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.cjs');
 var useWalletBackup = require('../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 var types = require('../../../../utils/hooks/useWalletBackup/types.cjs');
+var googleDriveBackupErrors = require('../../../../utils/hooks/useWalletBackup/googleDriveBackupErrors.cjs');
 var cloudProviders = require('../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');
 
 const WaasBackupProgressView = ({ provider = types.CloudBackupProvider.GoogleDrive, }) => {
     const { goBack, pushView } = ViewContext.useViewContext();
     const { t } = reactI18next.useTranslation();
     const providerConfig = cloudProviders.CLOUD_PROVIDER_CONFIGS[provider];
-    const { getWalletsToBackup, showICloudAuth, checkICloudAuth, hideICloudAuth, } = useWalletBackup.useWalletBackup();
+    const { getWalletsToBackup, showICloudAuth, checkICloudAuth, hideICloudAuth, lastBackupError, clearBackupError, } = useWalletBackup.useWalletBackup();
+    const { requestAccess: requestDriveAccess, isChecking: isRequestingDriveAccess, } = useGoogleDriveBackupReadiness.useGoogleDriveBackupReadiness();
     const [displayContainer, setDisplayContainer] = React.useState(null);
     const [authState, setAuthState] = React.useState('pending');
     const [authError, setAuthError] = React.useState(null);
@@ -130,6 +133,15 @@ const WaasBackupProgressView = ({ provider = types.CloudBackupProvider.GoogleDri
             retry();
         }
     }, [providerConfig.requiresIframe, retry]);
+    const handleGrantDriveAccessAndRetry = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        clearBackupError();
+        const result = yield requestDriveAccess();
+        if (result.status === 'ready') {
+            retry();
+        }
+    }), [clearBackupError, requestDriveAccess, retry]);
+    const isDriveScopesError = provider === types.CloudBackupProvider.GoogleDrive &&
+        googleDriveBackupErrors.isInsufficientGoogleDriveScopesError(lastBackupError);
     const getProgressText = () => {
         if (isComplete) {
             return t('dyn_waas.backup.progress_complete');
@@ -144,9 +156,17 @@ const WaasBackupProgressView = ({ provider = types.CloudBackupProvider.GoogleDri
     };
     const renderProgressContent = () => {
         if (hasError || authState === 'failed') {
-            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_waas.backup.error_title', className: 'waas-backup-view__progress-title', children: authError || t('dyn_waas.backup.error_title') }), jsxRuntime.jsx("div", { className: 'waas-backup-view__progress-actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'retry-backup-button', onClick: handleRetry, copykey: 'dyn_waas.backup.error_try_again', buttonVariant: 'brand-primary', typographyProps: {
+            const titleCopykey = isDriveScopesError
+                ? 'dyn_waas.backup.gdrive_post_flight_title'
+                : 'dyn_waas.backup.error_title';
+            const titleText = isDriveScopesError
+                ? t('dyn_waas.backup.gdrive_post_flight_title')
+                : authError || t('dyn_waas.backup.error_title');
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: titleCopykey, className: 'waas-backup-view__progress-title', children: titleText }), jsxRuntime.jsx("div", { className: 'waas-backup-view__progress-actions', children: isDriveScopesError ? (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'grant-drive-access-button', onClick: handleGrantDriveAccessAndRetry, disabled: isRequestingDriveAccess, copykey: 'dyn_waas.backup.gdrive_grant_access_cta', buttonVariant: 'brand-primary', typographyProps: {
+                                color: 'inherit',
+                            }, expanded: true, children: t('dyn_waas.backup.gdrive_grant_access_cta') })) : (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'retry-backup-button', onClick: handleRetry, copykey: 'dyn_waas.backup.error_try_again', buttonVariant: 'brand-primary', typographyProps: {
                                 color: 'inherit',
-                            }, expanded: true, children: t('dyn_waas.backup.error_try_again') }) })] }));
+                            }, expanded: true, children: t('dyn_waas.backup.error_try_again') })) })] }));
         }
         if (providerConfig.requiresIframe &&
             authState === 'shown' &&