@dynamic-labs/sdk-react-core 4.4.2 → 4.4.3

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

@@ -99,7 +99,7 @@ const GlobalWalletView = () => {
     var _a;
     const { t } = useTranslation();
     const { setDynamicWidgetView, goToInitialDynamicWidgetView } = useWidgetContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { primaryWallet } = useDynamicContext();
     const [walletConnectUri, setWalletConnectUri] = useState('');
@@ -121,7 +121,7 @@ const GlobalWalletView = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     const handleConfirmView = (pairingInfo) => {
-        setView('global-wallet-confirm', {
+        pushView('global-wallet-confirm', {
             onCancel: () => {
                 setDynamicWidgetView('global-wallet');
                 setShowAuthFlow(false, {
@@ -162,7 +162,7 @@ const GlobalWalletView = () => {
         const pairingInfo = { icons, name, url };
         const isDefinitelyMalicious = yield isMaliciousUrl({ environmentId, url });
         if (isDefinitelyMalicious || isDefinitelyMalicious === undefined) {
-            setView('global-wallet-malicious', {
+            pushView('global-wallet-malicious', {
                 maliciousSiteInfo: {
                     isDefinitelyMalicious: isDefinitelyMalicious !== null && isDefinitelyMalicious !== void 0 ? isDefinitelyMalicious : false,
                     proceedFlow: () => handleConfirmView(pairingInfo),
@@ -218,7 +218,7 @@ const GlobalWalletView = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [walletConnectUri]);
     const renderHeader = () => (jsxs("div", { className: 'header', children: [jsx(IconButton, { type: 'button', onClick: goToInitialDynamicWidgetView, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }), jsx(Typography, { variant: 'title', weight: 'medium', color: 'primary', as: 'h1', copykey: 'global_wallet.connect_to_apps', children: t('global_wallet.connect_to_apps') }), isMobile() && (jsx(IconButton, { type: 'button', onClick: () => {
-                    setView('global-wallet-info');
+                    pushView('global-wallet-info');
                     setShowAuthFlow(true, {
                         ignoreIfIsEmbeddedWidget: false,
                         performMultiWalletChecks: false,

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.cjs

@@ -110,7 +110,7 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = React.useState(false);
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals.useDynamicModals();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa.useMfa();
     const { t } = reactI18next.useTranslation();
     const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
@@ -145,7 +145,7 @@ const ManageMfaWidgetView = () => {
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
     const handleGenerateBackupCodes = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        setView('mfa-display-backup-codes', { regenerateCodes: true });
+        pushView('mfa-display-backup-codes', { regenerateCodes: true });
     });
     return (jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsxRuntime.jsx(MfaDeviceTileSkeleton.MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsxRuntime.jsx(Typography.Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsxRuntime.jsx(UserDeviceTile.UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsxRuntime.jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsxRuntime.jsx(add.ReactComponent, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };

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

@@ -106,7 +106,7 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = useState(false);
     const { setDynamicWidgetView } = useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa();
     const { t } = useTranslation();
     const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
@@ -141,7 +141,7 @@ const ManageMfaWidgetView = () => {
     const backButton = (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
     const handleGenerateBackupCodes = () => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        setView('mfa-display-backup-codes', { regenerateCodes: true });
+        pushView('mfa-display-backup-codes', { regenerateCodes: true });
     });
     return (jsxs("div", { className: 'manage-mfa-widget-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsx(MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsx(Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsx(UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsx(SvgAdd, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -110,7 +110,7 @@ const PasskeyCard = ({ passkey }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setPasskey, setPasskeyIcon } = PasskeyContext.usePasskeyContext();
     const menuOptions = [
         {
@@ -119,7 +119,7 @@ const PasskeyCard = ({ passkey }) => {
                 setShowAuthFlow(true);
                 setPasskey(passkey);
                 setPasskeyIcon(() => { var _a; return (_a = PasskeyProviderIcon()) !== null && _a !== void 0 ? _a : undefined; });
-                setView('rename-passkey');
+                pushView('rename-passkey');
             },
             text: 'Rename',
         },

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -106,7 +106,7 @@ const PasskeyCard = ({ passkey }) => {
     var _a;
     const { t } = useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setPasskey, setPasskeyIcon } = usePasskeyContext();
     const menuOptions = [
         {
@@ -115,7 +115,7 @@ const PasskeyCard = ({ passkey }) => {
                 setShowAuthFlow(true);
                 setPasskey(passkey);
                 setPasskeyIcon(() => { var _a; return (_a = PasskeyProviderIcon()) !== null && _a !== void 0 ? _a : undefined; });
-                setView('rename-passkey');
+                pushView('rename-passkey');
             },
             text: 'Rename',
         },