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

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

@@ -11,15 +11,18 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgExclamation } from '../../../../shared/assets/exclamation.js';
 import '@dynamic-labs/iconic';
+import { useGoogleDriveBackupReadiness } from '../../../../utils/hooks/useGoogleDriveBackupReadiness/useGoogleDriveBackupReadiness.js';
 import { useWalletBackup, useBackupWallets } from '../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import { CloudBackupProvider } from '../../../../utils/hooks/useWalletBackup/types.js';
+import { isInsufficientGoogleDriveScopesError } from '../../../../utils/hooks/useWalletBackup/googleDriveBackupErrors.js';
 import { CLOUD_PROVIDER_CONFIGS } from '../../../../utils/hooks/useWalletBackup/cloudProviders.js';
 
 const WaasBackupProgressView = ({ provider = CloudBackupProvider.GoogleDrive, }) => {
     const { goBack, pushView } = useViewContext();
     const { t } = useTranslation();
     const providerConfig = CLOUD_PROVIDER_CONFIGS[provider];
-    const { getWalletsToBackup, showICloudAuth, checkICloudAuth, hideICloudAuth, } = useWalletBackup();
+    const { getWalletsToBackup, showICloudAuth, checkICloudAuth, hideICloudAuth, lastBackupError, clearBackupError, } = useWalletBackup();
+    const { requestAccess: requestDriveAccess, isChecking: isRequestingDriveAccess, } = useGoogleDriveBackupReadiness();
     const [displayContainer, setDisplayContainer] = useState(null);
     const [authState, setAuthState] = useState('pending');
     const [authError, setAuthError] = useState(null);
@@ -126,6 +129,15 @@ const WaasBackupProgressView = ({ provider = CloudBackupProvider.GoogleDrive, })
             retry();
         }
     }, [providerConfig.requiresIframe, retry]);
+    const handleGrantDriveAccessAndRetry = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        clearBackupError();
+        const result = yield requestDriveAccess();
+        if (result.status === 'ready') {
+            retry();
+        }
+    }), [clearBackupError, requestDriveAccess, retry]);
+    const isDriveScopesError = provider === CloudBackupProvider.GoogleDrive &&
+        isInsufficientGoogleDriveScopesError(lastBackupError);
     const getProgressText = () => {
         if (isComplete) {
             return t('dyn_waas.backup.progress_complete');
@@ -140,9 +152,17 @@ const WaasBackupProgressView = ({ provider = CloudBackupProvider.GoogleDrive, })
     };
     const renderProgressContent = () => {
         if (hasError || authState === 'failed') {
-            return (jsxs(Fragment, { children: [jsx(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') }), jsx("div", { className: 'waas-backup-view__progress-actions', children: jsx(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 (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: titleCopykey, className: 'waas-backup-view__progress-title', children: titleText }), jsx("div", { className: 'waas-backup-view__progress-actions', children: isDriveScopesError ? (jsx(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') })) : (jsx(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' &&

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

@@ -1,6 +1,7 @@
 export { BackupStepper } from './BackupStepper';
 export { WaasBackupCloudProviderView } from './WaasBackupCloudProviderView';
 export { WaasBackupDownloadView } from './WaasBackupDownloadView';
+export { WaasBackupGrantAccessView } from './WaasBackupGrantAccessView';
 export { WaasBackupInfoView } from './WaasBackupInfoView';
 export { WaasBackupProgressView } from './WaasBackupProgressView';
 export { WaasBackupSuccessView } from './WaasBackupSuccessView';