@dynamic-labs/sdk-react-core 0.18.0-RC.1 → 0.18.0-RC.10

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

@@ -1,25 +1,22 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { Formik, Form } from 'formik';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import 'react-dom';
 import 'react-focus-lock';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -27,10 +24,10 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
-import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
@@ -39,21 +36,15 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useUserUpdateRequestInternal } from '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
 import 'yup';
-import { useUserDataForm } from '../../../../utils/hooks/useUserDataForm/useUserDataForm.js';
-import { UserDataFields } from '../../../../views/CollectUserDataView/UserDataFields/index.js';
-import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
-import { getUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
+import { UserProfileForm } from '../../../../components/UserProfileForm/UserProfileForm.js';
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { projectSettings, setShowAuthFlow, user } = useInternalDynamicContext();
+    const { setShowAuthFlow } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
-    const allUserFields = getUserProfileFields({
-        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
-        user,
-    });
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -65,15 +56,9 @@ const EditProfileView = ({ rootClassName, }) => {
             setView('verify-email');
         }
     }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
-    const { fetch, formikInitialValues, formikValidationSchema, onFormSubmit } = useUserDataForm({
-        fields: allUserFields,
-        onSubmit: onEditProfileFormSubmit,
-        shouldEnforcePolicies: false,
-        userProfile: user,
-    });
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
-    return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsx(Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxs(Form, Object.assign({ className: classNames('dynamic-widget-edit-profile-view', rootClassName), "data-testid": 'editUserProfileForm' }, { children: [jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsx(UserDataFields, { errors: errors, fields: allUserFields, touched: touched }) })), jsxs(DynamicWidgetFooter, { children: [jsx(Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: goToProfileView }, { children: "Cancel" })), jsx(Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, buttonRounded: 'small', expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsx(SvgCheck, {}) }, { children: "Save" }))] })] }))) }))] }));
+    return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title' }, { children: "My profile" }))), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };
 
 export { EditProfileView };

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

@@ -9,7 +9,6 @@ require('react');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -17,6 +16,7 @@ var pencil = require('../../../../shared/assets/pencil.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -30,6 +30,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');

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

@@ -5,7 +5,6 @@ import 'react';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -13,6 +12,7 @@ import { ReactComponent as SvgPencil } from '../../../../shared/assets/pencil.js
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -26,6 +26,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';

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

@@ -8,7 +8,7 @@ var SendBalanceView = require('../../../../views/SendBalanceView/SendBalanceView
 
 const SendBalanceWidgetView = () => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('index');
+    const goToIndex = () => setDynamicWidgetView('wallets');
     return (jsxRuntime.jsx("div", Object.assign({ className: 'send-balance-widget-view' }, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
 };
 

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

@@ -4,7 +4,7 @@ import { SendBalanceView } from '../../../../views/SendBalanceView/SendBalanceVi
 
 const SendBalanceWidgetView = () => {
     const { setDynamicWidgetView } = useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('index');
+    const goToIndex = () => setDynamicWidgetView('wallets');
     return (jsx("div", Object.assign({ className: 'send-balance-widget-view' }, { children: jsx(SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
 };
 

package/src/lib/widgets/DynamicWidget/views/{IndexView/IndexView.cjs → WalletsView/WalletsView.cjs}

@@ -7,7 +7,6 @@ require('react');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -15,6 +14,7 @@ var add = require('../../../../shared/assets/add.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -28,6 +28,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
@@ -47,7 +48,7 @@ var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicW
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');
 var SingleWalletButtons = require('../../components/SingleWalletButtons/SingleWalletButtons.cjs');
 
-const IndexView = () => {
+const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnector, user } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
@@ -60,4 +61,4 @@ const IndexView = () => {
                                     }, startSlot: jsxRuntime.jsx(add.ReactComponent, {}) }, { children: "Link a new wallet" })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] })) })] }))] }));
 };
 
-exports.IndexView = IndexView;
+exports.WalletsView = WalletsView;

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.d.ts

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

package/src/lib/widgets/DynamicWidget/views/{IndexView/IndexView.js → WalletsView/WalletsView.js}

@@ -3,7 +3,6 @@ import 'react';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -11,6 +10,7 @@ import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -24,6 +24,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
@@ -43,7 +44,7 @@ import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/Dynami
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
 import { SingleWalletButtons } from '../../components/SingleWalletButtons/SingleWalletButtons.js';
 
-const IndexView = () => {
+const WalletsView = () => {
     const { setShowAuthFlow, setSelectedWalletConnector, user } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
@@ -56,4 +57,4 @@ const IndexView = () => {
                                     }, startSlot: jsx(SvgAdd, {}) }, { children: "Link a new wallet" })), jsx(LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] })) })] }))] }));
 };
 
-export { IndexView };
+export { WalletsView };

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

@@ -1,4 +1,4 @@
-export { IndexView } from './IndexView/IndexView';
+export { WalletsView } from './WalletsView/WalletsView';
 export { ProfileView } from './ProfileView/ProfileView';
 export { EditProfileView } from './EditProfileView/EditProfileView';
 export { SendBalanceWidgetView } from './SendBalanceWidgetView';

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('../../../../shared/consts/index.cjs');
@@ -27,6 +27,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 var OpacityTransition = require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import '../../../../shared/consts/index.js';
@@ -23,6 +23,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import { OpacityTransition } from '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';

package/src/polyfills.cjs

@@ -2,10 +2,9 @@
 
 var process$1 = require('./shim/process.cjs');
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1.process });
     }
 }

package/src/polyfills.js

@@ -1,9 +1,8 @@
 import { process as process$1 } from './shim/process.js';
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1 });
     }
 }

package/src/lib/components/ChainWalletsList/ChainWalletsList.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
-type ChainWalletsListProps = {
-    icon?: ReactElement;
-    name: ReactNode;
-};
-export declare const ChainWalletsList: FC<PropsWithChildren<ChainWalletsListProps>>;
-export {};

package/src/lib/components/ChainWalletsList/index.d.ts

@@ -1 +0,0 @@
-export { ChainWalletsList } from './ChainWalletsList';

package/src/lib/components/WalletInfoCard/WalletInfoCard.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-type WalletInfoCardProps = {
-    icon: ReactNode;
-    address: string;
-    actions?: ReactNode;
-};
-export declare const WalletInfoCard: FC<WalletInfoCardProps>;
-export {};

package/src/lib/components/WalletInfoCard/index.d.ts

@@ -1 +0,0 @@
-export { WalletInfoCard } from './WalletInfoCard';

package/src/lib/config/LSSuffix.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-/* eslint-disable no-underscore-dangle */
-class LSSuffix {
-}
-LSSuffix.getSuffix = () => {
-    if (!LSSuffix.__defined__) {
-        return '';
-    }
-    return LSSuffix.__suffix__;
-};
-LSSuffix.setSuffix = (localStorageSuffix) => {
-    const suffixInput = (localStorageSuffix && `_${localStorageSuffix}`) || '';
-    if (!LSSuffix.__defined__) {
-        LSSuffix.__suffix__ = suffixInput;
-        LSSuffix.__defined__ = true;
-    }
-    else if (LSSuffix.__suffix__ !== suffixInput) {
-        throw new Error(`LSSuffix suffix is already set to ${LSSuffix.__suffix__}, cannot change it to ${suffixInput}`);
-    }
-    Object.freeze(LSSuffix);
-};
-
-module.exports = LSSuffix;

package/src/lib/config/LSSuffix.d.ts

@@ -1,7 +0,0 @@
-declare class LSSuffix {
-    private static __suffix__;
-    private static __defined__;
-    static getSuffix: () => string | undefined;
-    static setSuffix: (localStorageSuffix?: string) => void;
-}
-export default LSSuffix;

package/src/lib/config/LSSuffix.js

@@ -1,22 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-class LSSuffix {
-}
-LSSuffix.getSuffix = () => {
-    if (!LSSuffix.__defined__) {
-        return '';
-    }
-    return LSSuffix.__suffix__;
-};
-LSSuffix.setSuffix = (localStorageSuffix) => {
-    const suffixInput = (localStorageSuffix && `_${localStorageSuffix}`) || '';
-    if (!LSSuffix.__defined__) {
-        LSSuffix.__suffix__ = suffixInput;
-        LSSuffix.__defined__ = true;
-    }
-    else if (LSSuffix.__suffix__ !== suffixInput) {
-        throw new Error(`LSSuffix suffix is already set to ${LSSuffix.__suffix__}, cannot change it to ${suffixInput}`);
-    }
-    Object.freeze(LSSuffix);
-};
-
-export { LSSuffix as default };

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.cjs

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../../../context/FooterAnimationContext/index.cjs');
-var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
-var arrowDown = require('../../../shared/assets/arrow-down.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../../utils/constants/colors.cjs');
-require('ethers');
-require('../../../shared/consts/index.cjs');
-var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
-var classNames = require('../../../utils/functions/classNames/classNames.cjs');
-var Typography = require('../../../components/Typography/Typography.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
-require('react-dom');
-require('react-focus-lock');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../context/MockContext/MockContext.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('formik');
-require('yup');
-
-const Footer = ({ heading, icon, projectSettings }) => {
-    const { theme } = ThemeContext.useThemeContext();
-    const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
-    const borderClassName = React.useMemo(() => {
-        if (isFooterExpanded) {
-            return 'footer--border-bottom';
-        }
-        return 'footer--border-top';
-    }, [theme, isFooterExpanded]);
-    const arrowClassName = React.useMemo(() => {
-        const classes = ['footer__arrow'];
-        if (isFooterExpanded) {
-            classes.push('footer__arrow--open');
-        }
-        return classes.join(' ');
-    }, [isFooterExpanded]);
-    return (jsxRuntime.jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames.classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsxRuntime.jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsxRuntime.jsx(arrowDown.ReactComponent, { className: arrowClassName })] })) })));
-};
-
-exports.Footer = Footer;

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.d.ts

@@ -1,10 +0,0 @@
-import { FC, ReactNode, RefObject } from 'react';
-import { ProjectSettings } from '@dynamic-labs/sdk-api';
-interface Props {
-    footerRef: RefObject<HTMLDivElement>;
-    heading: string;
-    icon?: ReactNode;
-    projectSettings?: ProjectSettings;
-}
-export declare const Footer: FC<Props>;
-export {};

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.js

@@ -1,61 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
-import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgArrowDown } from '../../../shared/assets/arrow-down.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../utils/constants/colors.js';
-import 'ethers';
-import '../../../shared/consts/index.js';
-import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
-import { classNames } from '../../../utils/functions/classNames/classNames.js';
-import { Typography } from '../../../components/Typography/Typography.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/multi-wallet';
-import '../../../components/ShadowDOM/ShadowDOM.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../context/ErrorContext/ErrorContext.js';
-import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../components/IconButton/IconButton.js';
-import '../../../components/Alert/Alert.js';
-import '../../../context/MockContext/MockContext.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'formik';
-import 'yup';
-
-const Footer = ({ heading, icon, projectSettings }) => {
-    const { theme } = useThemeContext();
-    const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
-    const borderClassName = useMemo(() => {
-        if (isFooterExpanded) {
-            return 'footer--border-bottom';
-        }
-        return 'footer--border-top';
-    }, [theme, isFooterExpanded]);
-    const arrowClassName = useMemo(() => {
-        const classes = ['footer__arrow'];
-        if (isFooterExpanded) {
-            classes.push('footer__arrow--open');
-        }
-        return classes.join(' ');
-    }, [isFooterExpanded]);
-    return (jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsx(Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsx(SvgArrowDown, { className: arrowClassName })] })) })));
-};
-
-export { Footer };

package/src/lib/layout/DynamicAuthLayout/Footer/index.d.ts

@@ -1 +0,0 @@
-export { Footer } from './Footer';

package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EmptyFooterContent: () => JSX.Element;

package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.js

@@ -1,6 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-/* istanbul ignore next */
-const EmptyFooterContent = () => (jsx("div", { "data-testid": 'empty-footer-content' }));
-
-export { EmptyFooterContent };

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/index.d.ts

@@ -1 +0,0 @@
-export { WalletListFooterContent } from './WalletListFooterContent';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    appName?: string;
-    variant: 'connect' | 'sign';
-    walletName?: string;
-}
-export declare const WalletMoreInfoContent: ({ appName, variant, walletName, }: Props) => JSX.Element;
-export {};

package/src/lib/layout/DynamicAuthLayout/FooterContent/index.d.ts

@@ -1,3 +0,0 @@
-export { EmptyFooterContent } from './EmptyFooterContent/empty-footer-content';
-export { WalletMoreInfoContent } from './WalletMoreInfoContent';
-export { WalletListFooterContent } from './WalletListFooterContent/WalletListFooterContent';

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var LSSuffix = require('../../../../config/LSSuffix.cjs');
-
-const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
-
-exports.getDynamicLSKey = getDynamicLSKey;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.d.ts

@@ -1 +0,0 @@
-export declare const getDynamicLSKey: (key: string) => string;

package/src/lib/shared/utils/functions/storage/getDynamicLSKey.js

@@ -1,5 +0,0 @@
-import LSSuffix from '../../../../config/LSSuffix.js';
-
-const getDynamicLSKey = (key) => `${key}${LSSuffix.getSuffix()}`;
-
-export { getDynamicLSKey };

package/src/lib/shared/utils/functions/storage/getFromLS.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var logger = require('../../../logger.cjs');
-var getDynamicLSKey = require('./getDynamicLSKey.cjs');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getFromLS = (key) => {
-    if (typeof window === 'undefined') {
-        return undefined;
-    }
-    const value = window.localStorage.getItem(getDynamicLSKey.getDynamicLSKey(key));
-    try {
-        if (value) {
-            return JSON.parse(value);
-        }
-    }
-    catch (e) {
-        logger.logger.error(e);
-    }
-    return undefined;
-};
-
-exports.getFromLS = getFromLS;