@dynamic-labs/sdk-react-core 1.4.6 → 1.4.8

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs

@@ -53,7 +53,7 @@ require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
-require('i18next');
+require('../../../../../locale/locale.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js

@@ -49,7 +49,7 @@ import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../../components/Icon/Icon.js';
-import 'i18next';
+import '../../../../../locale/locale.js';
 import '../../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs

@@ -52,7 +52,7 @@ require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 var IconWithStatus = require('../../../../../components/IconWithStatus/IconWithStatus.cjs');
-require('i18next');
+require('../../../../../locale/locale.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js

@@ -48,7 +48,7 @@ import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import { IconWithStatus } from '../../../../../components/IconWithStatus/IconWithStatus.js';
-import 'i18next';
+import '../../../../../locale/locale.js';
 import '../../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -51,7 +51,7 @@ require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 var DotsMenuDropdown = require('../DotsMenuDropdown/DotsMenuDropdown.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.js

@@ -47,7 +47,7 @@ import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import { DotsMenuDropdown } from '../DotsMenuDropdown/DotsMenuDropdown.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.cjs

@@ -51,7 +51,7 @@ require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.js

@@ -47,7 +47,7 @@ import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs

@@ -52,7 +52,7 @@ var PopperContext = require('../../../../components/Popper/PopperContext/PopperC
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js

@@ -48,7 +48,7 @@ import { PopperProvider } from '../../../../components/Popper/PopperContext/Popp
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs

@@ -18,6 +18,7 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+var index$1 = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 var index = require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -62,7 +63,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
@@ -73,19 +74,30 @@ var DynamicWidgetCard = require('../DynamicWidgetCard/DynamicWidgetCard.cjs');
 var DynamicWidgetVariants = require('../DynamicWidgetVariants/DynamicWidgetVariants.cjs');
 
 const DynamicUserProfile = ({ variant, }) => {
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setIsOpen, isOpen, widgetRef } = DynamicWidgetContext.useWidgetContext();
+    const { projectSettings, setShowDynamicUserProfile, showAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setIsOpen, isOpen, widgetRef, inlineControlsRef } = DynamicWidgetContext.useWidgetContext();
     const _variant = React.useMemo(() => {
         if (utils.isMobile()) {
             return 'modal';
         }
         return variant;
     }, [variant]);
+    // Use the same method to close the widget on outside click as in DynamicWidget
+    const closeOnOutsideClick = React.useCallback((e) => {
+        var _a;
+        const target = e.composedPath().shift();
+        if ((_a = inlineControlsRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))
+            return;
+        if (variant === 'dropdown' && !showAuthFlow) {
+            setShowDynamicUserProfile(false);
+        }
+    }, [inlineControlsRef, variant, showAuthFlow, setShowDynamicUserProfile]);
+    index$1.useOnClickOutside(widgetRef, closeOnOutsideClick);
     if (!projectSettings)
         return null;
     return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(SandboxIndicatorWrapper.SandboxIndicatorWrapper, { children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, { ref: widgetRef, children: jsxRuntime.jsx(DynamicUserProfileLayout.DynamicUserProfileLayout, { variant: variant }) }) }) }) }) }));
 };
-const ShadowedDynamicUserProfile = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicUserProfile, {}) }));
+const ShadowedDynamicUserProfile = ({ variant, }) => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicUserProfile, { variant: variant }) }));
 
 exports.DynamicUserProfile = DynamicUserProfile;
 exports.ShadowedDynamicUserProfile = ShadowedDynamicUserProfile;

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.d.ts

@@ -3,4 +3,4 @@ export type DynamicUserProfileProps = {
     variant?: 'modal' | 'dropdown';
 };
 export declare const DynamicUserProfile: FC<DynamicUserProfileProps>;
-export declare const ShadowedDynamicUserProfile: FC;
+export declare const ShadowedDynamicUserProfile: FC<DynamicUserProfileProps>;

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
+import { useMemo, useCallback } from 'react';
 import { isMobile } from '@dynamic-labs/utils';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -14,6 +14,7 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import { widgetModalZIndex } from '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -58,7 +59,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
@@ -69,18 +70,29 @@ import { DynamicWidgetCard } from '../DynamicWidgetCard/DynamicWidgetCard.js';
 import { DynamicWidgetVariants } from '../DynamicWidgetVariants/DynamicWidgetVariants.js';
 
 const DynamicUserProfile = ({ variant, }) => {
-    const { projectSettings } = useInternalDynamicContext();
-    const { setIsOpen, isOpen, widgetRef } = useWidgetContext();
+    const { projectSettings, setShowDynamicUserProfile, showAuthFlow } = useInternalDynamicContext();
+    const { setIsOpen, isOpen, widgetRef, inlineControlsRef } = useWidgetContext();
     const _variant = useMemo(() => {
         if (isMobile()) {
             return 'modal';
         }
         return variant;
     }, [variant]);
+    // Use the same method to close the widget on outside click as in DynamicWidget
+    const closeOnOutsideClick = useCallback((e) => {
+        var _a;
+        const target = e.composedPath().shift();
+        if ((_a = inlineControlsRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))
+            return;
+        if (variant === 'dropdown' && !showAuthFlow) {
+            setShowDynamicUserProfile(false);
+        }
+    }, [inlineControlsRef, variant, showAuthFlow, setShowDynamicUserProfile]);
+    useOnClickOutside(widgetRef, closeOnOutsideClick);
     if (!projectSettings)
         return null;
     return (jsx(IsBrowser, { children: jsx(PopperProvider, { children: jsx(DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex, children: jsx(SandboxIndicatorWrapper, { children: jsx(DynamicWidgetCard, { ref: widgetRef, children: jsx(DynamicUserProfileLayout, { variant: variant }) }) }) }) }) }));
 };
-const ShadowedDynamicUserProfile = () => (jsx(ShadowDOM, { zIndex: widgetModalZIndex, children: jsx(DynamicUserProfile, {}) }));
+const ShadowedDynamicUserProfile = ({ variant, }) => (jsx(ShadowDOM, { zIndex: widgetModalZIndex, children: jsx(DynamicUserProfile, { variant: variant }) }));
 
 export { DynamicUserProfile, ShadowedDynamicUserProfile };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs

@@ -54,7 +54,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 var PasskeyCreatedSuccessBanner = require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js

@@ -50,7 +50,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import { PasskeyCreatedSuccessBanner } from '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -55,7 +55,7 @@ require('../DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
-require('i18next');
+require('../../../../../locale/locale.cjs');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -51,7 +51,7 @@ import '../DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../../components/Icon/Icon.js';
-import 'i18next';
+import '../../../../../locale/locale.js';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -52,7 +52,7 @@ var PopperContext = require('../../../../../../components/Popper/PopperContext/P
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../../../../locale/locale.cjs');
 require('../../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -48,7 +48,7 @@ import { PopperProvider } from '../../../../../../components/Popper/PopperContex
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import 'i18next';
+import '../../../../../../locale/locale.js';
 import '../../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -50,7 +50,7 @@ require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var Portal = require('../../../../../../components/Portal/Portal.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../../../locale/locale.cjs');
 require('../../../../context/DynamicWidgetContext.cjs');
 require('../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -46,7 +46,7 @@ import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { Portal } from '../../../../../../components/Portal/Portal.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../../../locale/locale.js';
 import '../../../../context/DynamicWidgetContext.js';
 import '../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -51,7 +51,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
 var EmptyWallets = require('../EmptyWallets/EmptyWallets.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -47,7 +47,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
 import { EmptyWallets } from '../EmptyWallets/EmptyWallets.js';

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.cjs

@@ -50,7 +50,7 @@ require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.js

@@ -46,7 +46,7 @@ import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.cjs

@@ -50,7 +50,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.js

@@ -46,7 +46,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.cjs

@@ -53,7 +53,7 @@ require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.js

@@ -49,7 +49,7 @@ import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.cjs

@@ -52,7 +52,7 @@ var Modal = require('../../../../components/Modal/Modal.cjs');
 var ModalCard = require('../../../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../../../components/Portal/Portal.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.js

@@ -48,7 +48,7 @@ import { Modal } from '../../../../components/Modal/Modal.js';
 import { ModalCard } from '../../../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../../../components/Portal/Portal.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.cjs

@@ -51,7 +51,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.js

@@ -47,7 +47,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../DotsMenu/DotsMenu.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/widgets/DynamicWidget/components/WidgetPortal/WidgetPortal.cjs

@@ -50,7 +50,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/components/WidgetPortal/WidgetPortal.js

@@ -46,7 +46,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -52,7 +52,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../locale/locale.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -48,7 +48,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import 'i18next';
+import '../../../locale/locale.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/helpers/getTimeSince.cjs

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var i18n = require('i18next');
+var locale = require('../../../locale/locale.cjs');
 
 const getTimeSince = (date) => {
+    const { t } = locale.Locale.getInstance();
     const currentTime = Date.now();
     const timeDifference = currentTime - date.getTime();
     // Define time units in milliseconds
@@ -16,7 +17,7 @@ const getTimeSince = (date) => {
     if (timeDifference >= year) {
         const yearsAgo = Math.floor(timeDifference / year);
         return {
-            unit: yearsAgo === 1 ? i18n.t('dyn_time_since.year') : i18n.t('dyn_time_since.years'),
+            unit: yearsAgo === 1 ? t('dyn_time_since.year') : t('dyn_time_since.years'),
             value: yearsAgo,
         };
     }
@@ -24,22 +25,22 @@ const getTimeSince = (date) => {
         const monthsAgo = Math.floor(timeDifference / month);
         return {
             unit: monthsAgo === 1
-                ? i18n.t('dyn_time_since.month')
-                : i18n.t('dyn_time_since.months'),
+                ? t('dyn_time_since.month')
+                : t('dyn_time_since.months'),
             value: monthsAgo,
         };
     }
     if (timeDifference >= day) {
         const daysAgo = Math.floor(timeDifference / day);
         return {
-            unit: daysAgo === 1 ? i18n.t('dyn_time_since.day') : i18n.t('dyn_time_since.days'),
+            unit: daysAgo === 1 ? t('dyn_time_since.day') : t('dyn_time_since.days'),
             value: daysAgo,
         };
     }
     if (timeDifference >= hour) {
         const hoursAgo = Math.floor(timeDifference / hour);
         return {
-            unit: hoursAgo === 1 ? i18n.t('dyn_time_since.hour') : i18n.t('dyn_time_since.hours'),
+            unit: hoursAgo === 1 ? t('dyn_time_since.hour') : t('dyn_time_since.hours'),
             value: hoursAgo,
         };
     }
@@ -47,16 +48,16 @@ const getTimeSince = (date) => {
         const minutesAgo = Math.floor(timeDifference / minute);
         return {
             unit: minutesAgo === 1
-                ? i18n.t('dyn_time_since.minute')
-                : i18n.t('dyn_time_since.minutes'),
+                ? t('dyn_time_since.minute')
+                : t('dyn_time_since.minutes'),
             value: minutesAgo,
         };
     }
     const secondsAgo = Math.floor(timeDifference / 1000);
     return {
         unit: secondsAgo === 1
-            ? i18n.t('dyn_time_since.second')
-            : i18n.t('dyn_time_since.seconds'),
+            ? t('dyn_time_since.second')
+            : t('dyn_time_since.seconds'),
         value: secondsAgo,
     };
 };

package/src/lib/widgets/DynamicWidget/helpers/getTimeSince.js

@@ -1,6 +1,7 @@
-import { t } from 'i18next';
+import { Locale } from '../../../locale/locale.js';
 
 const getTimeSince = (date) => {
+    const { t } = Locale.getInstance();
     const currentTime = Date.now();
     const timeDifference = currentTime - date.getTime();
     // Define time units in milliseconds

package/src/lib/widgets/DynamicWidget/helpers/helpers.cjs

@@ -17,7 +17,7 @@ require('viem');
 var ceil = require('../../../shared/utils/functions/ceil/ceil.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('i18next');
+require('../../../locale/locale.cjs');
 
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');

package/src/lib/widgets/DynamicWidget/helpers/helpers.js

@@ -13,7 +13,7 @@ import 'viem';
 import { ceil } from '../../../shared/utils/functions/ceil/ceil.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import 'i18next';
+import '../../../locale/locale.js';
 
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');

package/src/lib/widgets/DynamicWidget/hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs

@@ -51,7 +51,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js

@@ -47,7 +47,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import 'i18next';
+import '../../../../locale/locale.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/hooks/useFetchBalance/useFetchBalance.cjs

@@ -54,7 +54,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('i18next');
+require('../../../../locale/locale.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');