@dynamic-labs/sdk-react-core 4.19.6 → 4.20.0

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -116,16 +116,11 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { handleAcknowledgeExportPrompt } = useSyncEmbeddedWalletFlow();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
-    //should use useIsWaasWallet hook
     const isWaasWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => { var _a; return (_a = vc.walletName) === null || _a === void 0 ? void 0 : _a.startsWith('dynamicwaas'); });
-    // Check if it's a Sui wallet
-    const isSuiWallet = ((_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.connectedChain) === 'SUI';
-    // Check if it's a SOL wallet
-    const isSolWallet = ((_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _b === void 0 ? void 0 : _b.connectedChain) === 'SOL';
     const { setDynamicWidgetView } = useWidgetContext();
     const { pushView } = useViewContext();
     const { getEOAWallet, isSmartWallet } = useSmartWallets();
@@ -141,9 +136,9 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     catch (error) {
         // waas wallet
     }
-    const walletProperties = (_d = (_c = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === primaryTurnkeyWalletId)) === null || _d === void 0 ? void 0 : _d.walletProperties;
+    const walletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === primaryTurnkeyWalletId)) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
-    const wallet = (_e = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _e !== void 0 ? _e : primaryWallet;
+    const wallet = (_c = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _c !== void 0 ? _c : primaryWallet;
     const [showSkeleton, setShowSkeleton] = useState(false);
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
@@ -163,14 +158,14 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const { isLoading: exportLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g;
+        var _d, _e;
         const iframeContainerElement = iframeContainerRef.current;
         if (!iframeContainerElement ||
-            ((_f = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+            ((_d = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             return;
         }
         if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-            yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.createOrRestoreSession());
+            yield ((_e = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _e === void 0 ? void 0 : _e.createOrRestoreSession());
         }
         if (isTurnkeyWallet) {
             return initExport({
@@ -182,7 +177,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         return;
     }));
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j, _k;
+        var _f, _g, _h;
         handleAcknowledgeExportPrompt();
         if (isTurnkeyWallet) {
             try {
@@ -193,11 +188,11 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_l) {
+            catch (_j) {
                 if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
-                    ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.removeSessionKeys)) {
-                    yield ((_j = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _j === void 0 ? void 0 : _j.removeSessionKeys());
-                    yield ((_k = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _k === void 0 ? void 0 : _k.createOrRestoreSession({
+                    ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.removeSessionKeys)) {
+                    yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys());
+                    yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.createOrRestoreSession({
                         ignoreRestore: true,
                     }));
                 }
@@ -218,7 +213,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_m) {
+            catch (_k) {
                 return undefined;
             }
         }
@@ -255,44 +250,6 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                                     setShowAuthFlow(false);
                                     setDynamicWidgetView('send-balance');
                                 }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'primary', className: 'underline', copykey: 'dyn_embedded_reveal.aa_warning.button', children: t('dyn_embedded_reveal.aa_warning.button') }) })] })] })), jsx("div", { className: 'embedded-reveal-view__body__description', children: !(!isLoading && data && !error) && (jsx("div", { className: 'embedded-reveal-view__header', children: jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsx(SvgExportEmbeddedHero, {}) }) })) })] }));
-    useEffect(() => {
-        var _a;
-        if (((_a = iframeContainerRef === null || iframeContainerRef === void 0 ? void 0 : iframeContainerRef.current) === null || _a === void 0 ? void 0 : _a.children) && data) {
-            // eslint-disable-next-line prefer-destructuring
-            const iframeElement = iframeContainerRef.current.children[0];
-            let height = '88px';
-            let minHeight = '88px';
-            // Determine height based on wallet type and other conditions
-            if (!isTurnkeyHDWallet || exportPrivateKey) {
-                if (isSolWallet) {
-                    height = '140px';
-                    minHeight = '140px';
-                }
-                else if (isSuiWallet) {
-                    height = '100px';
-                    minHeight = '100px';
-                }
-                else {
-                    height = '88px';
-                    minHeight = '88px';
-                }
-            }
-            else {
-                // Turnkey HD wallet case
-                height = '120px';
-                minHeight = '120px';
-            }
-            iframeElement === null || iframeElement === void 0 ? void 0 : iframeElement.setAttribute('style', `height: ${height}; min-height: ${minHeight}; width: 100%; border: none; background: transparent; overflow: hidden;`);
-        }
-    }, [
-        iframeContainerRef,
-        data,
-        isTurnkeyHDWallet,
-        isWaasWallet,
-        exportPrivateKey,
-        isSuiWallet,
-        isSolWallet,
-    ]);
     useEffect(() => {
         if (data) {
             // Show skeleton first
@@ -339,14 +296,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
             return `${baseClass} ${baseClass}--hidden`;
         }
         if (isWaasWallet) {
-            const waasClass = `${baseClass} ${baseClass}--waas`;
-            if (isSuiWallet) {
-                return `${waasClass} ${baseClass}--sui`;
-            }
-            if (isSolWallet) {
-                return `${waasClass} ${baseClass}--sol`;
-            }
-            return waasClass;
+            return `${baseClass} ${baseClass}--waas`;
         }
         return baseClass;
     };
@@ -358,29 +308,10 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         if (showSkeleton) {
             return `${baseClass} ${baseClass}--invisible`;
         }
-        if (isWaasWallet) {
-            if (isSuiWallet) {
-                return `${baseClass} ${baseClass}--sui`;
-            }
-            if (isSolWallet) {
-                return `${baseClass} ${baseClass}--sol`;
-            }
-        }
         return baseClass;
     };
     const getSkeletonLines = () => {
-        let lineCount = 4; // Default for 88px height
-        if (isWaasWallet) {
-            if (isSolWallet) {
-                lineCount = 7; // For 140px height
-            }
-            else if (isSuiWallet) {
-                lineCount = 5; // For 100px height
-            }
-        }
-        else if (isTurnkeyHDWallet && !exportPrivateKey) {
-            lineCount = 6; // For 120px height
-        }
+        const lineCount = 5; // Updated for 110px height
         const lines = [];
         for (let i = 0; i < lineCount; i++) {
             const isLastLine = i === lineCount - 1;
@@ -394,11 +325,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: isPromptForExport ? null : closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: getBodyClassName(), children: [(!isWaasWallet ||
                             !hasInjectedCredential ||
                             title !== credentialTitle) &&
-                            contentHeader, isTurnkeyWallet || isWaasWallet ? (jsxs("div", { className: getCredentialContainerClassName(), children: [jsx("div", { id: iframeContainerId, className: getIframeContainerClassName(), ref: iframeContainerRef }), showSkeleton && data && (jsx("div", { className: `embedded-reveal-view__body__skeleton-container${isWaasWallet && isSuiWallet
-                                        ? ' embedded-reveal-view__body__skeleton-container--sui'
-                                        : isWaasWallet && isSolWallet
-                                            ? ' embedded-reveal-view__body__skeleton-container--sol'
-                                            : ''}`, children: getSkeletonLines() }))] })) : null, hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
+                            contentHeader, isTurnkeyWallet || isWaasWallet ? (jsxs("div", { className: getCredentialContainerClassName(), children: [jsx("div", { id: iframeContainerId, className: getIframeContainerClassName(), ref: iframeContainerRef }), showSkeleton && data && (jsx("div", { className: 'embedded-reveal-view__body__skeleton-container', children: getSkeletonLines() }))] })) : null, hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
                                         setShowAuthFlow(false);
                                     }, loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                         color: 'inherit',