@dynamic-labs/sdk-react-core 4.47.3 → 4.48.0

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

@@ -16,7 +16,7 @@ import { ReactComponent as SvgQuestionMark } from '../../../../shared/assets/que
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgBackupWaas } from '../../../../shared/assets/backup-waas.js';
 import { ReactComponent as SvgGoogleDrive } from '../../../../shared/assets/google-drive.js';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
@@ -113,14 +113,14 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const WaasBackupView = () => {
+    var _a;
     const { setDynamicWidgetView } = useWidgetContext();
     const user = useUser();
     const { primaryWallet } = useInternalDynamicContext();
     const refresh = useRefreshUser();
-    const { linkSocialAccount, isLinked, isProcessingForProvider } = useSocialAccounts();
+    const { linkSocialAccount, isLinked, isProcessingForProvider, error: socialError, } = useSocialAccounts();
     const { t } = useTranslation();
     const [errorMessage, setErrorMessage] = useState(null);
-    const isGoogleLinked = isLinked(ProviderEnum.Google);
     const checkGoogleDriveBackup = useCallback(() => {
         var _a, _b;
         if (!user || !primaryWallet)
@@ -140,6 +140,7 @@ const WaasBackupView = () => {
     const handleInfoClick = useCallback(() => {
         setDynamicWidgetView('waas-backup-info');
     }, [setDynamicWidgetView]);
+    const isGoogleLinked = useMemo(() => isLinked(ProviderEnum.Google), [isLinked]);
     const handleBackupWalletClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         setErrorMessage(null);
         try {
@@ -152,6 +153,9 @@ const WaasBackupView = () => {
                     showWidgetAfterConnection: false,
                 });
                 yield refresh();
+                if (!isLinked(ProviderEnum.Google)) {
+                    return;
+                }
             }
             let waasConnector;
             if (isDynamicWaasConnector(primaryWallet.connector)) {
@@ -173,12 +177,13 @@ const WaasBackupView = () => {
             yield refresh();
         }
         catch (error) {
+            logger.warn('Error backing up wallet', { error });
             setErrorMessage(t('dyn_waas.backup.error'));
         }
-    }), [primaryWallet, refresh, isGoogleLinked, linkSocialAccount, t]);
+    }), [primaryWallet, refresh, isGoogleLinked, linkSocialAccount, t, isLinked]);
     const infoButton = (jsx(IconButton, { type: 'button', onClick: handleInfoClick, "data-testid": 'info-button', children: jsx(SvgQuestionMark, {}) }));
     const closeButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
-    return (jsxs("div", { className: 'waas-backup-view', children: [jsx(ModalHeader, { leading: infoButton, trailing: closeButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }) }), jsx("div", { className: 'account-wrap', children: jsxs("div", { className: 'settings-view__body', children: [errorMessage && (jsx(ErrorContainer, { variant: 'error', withIcon: false, children: errorMessage })), jsxs("div", { className: 'backup-content', children: [jsx("div", { className: 'backup-icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgBackupWaas, { width: 64, height: 64 }) }) }), jsx("div", { className: 'backup-subtitle', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_waas.backup.subtitle', children: t('dyn_waas.backup.subtitle') }) }), jsx("div", { className: 'google-drive-section', children: jsxs("div", { className: 'google-drive-container', children: [jsxs("div", { className: 'google-drive-header', children: [jsx(SvgGoogleDrive, { className: 'google-drive-icon' }), jsxs("div", { className: 'google-drive-text', children: [jsxs("div", { className: 'google-drive-title-row', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'bold', copykey: 'dyn_waas.backup.google_drive', children: t('dyn_waas.backup.google_drive') }), isBackedUp && (jsx("div", { className: 'backed-up-pill', children: jsx(Typography, { color: 'inherit', weight: 'bold', copykey: 'dyn_waas.backup.backed_up', children: t('dyn_waas.backup.backed_up') }) }))] }), jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_waas.backup.google_drive_subtitle', children: t('dyn_waas.backup.google_drive_subtitle') })] }), isBackedUp && (jsx(SvgCheck, { className: 'google-drive-check-icon' }))] }), !isBackedUp && (jsx(TypographyButton, { dataTestId: 'backup-wallet-button', onClick: handleBackupWalletClick, buttonClassName: 'backup-button', disabled: isProcessingForProvider(ProviderEnum.Google), typographyProps: {
+    return (jsxs("div", { className: 'waas-backup-view', children: [jsx(ModalHeader, { leading: infoButton, trailing: closeButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_waas.backup.title', children: t('dyn_waas.backup.title') }) }) }), jsx("div", { className: 'account-wrap', children: jsxs("div", { className: 'settings-view__body', children: [(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 })), jsxs("div", { className: 'backup-content', children: [jsx("div", { className: 'backup-icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgBackupWaas, { width: 64, height: 64 }) }) }), jsx("div", { className: 'backup-subtitle', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_waas.backup.subtitle', children: t('dyn_waas.backup.subtitle') }) }), jsx("div", { className: 'google-drive-section', children: jsxs("div", { className: 'google-drive-container', children: [jsxs("div", { className: 'google-drive-header', children: [jsx(SvgGoogleDrive, { className: 'google-drive-icon' }), jsxs("div", { className: 'google-drive-text', children: [jsxs("div", { className: 'google-drive-title-row', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'bold', copykey: 'dyn_waas.backup.google_drive', children: t('dyn_waas.backup.google_drive') }), isBackedUp && (jsx("div", { className: 'backed-up-pill', children: jsx(Typography, { color: 'inherit', weight: 'bold', copykey: 'dyn_waas.backup.backed_up', children: t('dyn_waas.backup.backed_up') }) }))] }), jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_waas.backup.google_drive_subtitle', children: t('dyn_waas.backup.google_drive_subtitle') })] }), isBackedUp && (jsx(SvgCheck, { className: 'google-drive-check-icon' }))] }), !isBackedUp && (jsx(TypographyButton, { dataTestId: 'backup-wallet-button', onClick: handleBackupWalletClick, buttonClassName: 'backup-button', disabled: isProcessingForProvider(ProviderEnum.Google), typographyProps: {
                                                     color: 'primary',
                                                     weight: 'bold',
                                                 }, copykey: 'dyn_waas.backup.back_up', buttonPadding: 'small', children: t('dyn_waas.backup.back_up') }))] }) })] })] }) })] }));