npm - @dynamic-labs/sdk-react-core - Versions diffs - 0.17.24 → 0.17.26 - Mend

@dynamic-labs/sdk-react-core 0.17.24 → 0.17.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (250) hide show

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js CHANGED Viewed

@@ -31,6 +31,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs CHANGED Viewed

@@ -34,6 +34,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/QrCodeContext/QrCodeContext.js CHANGED Viewed

@@ -30,6 +30,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 import '../MockContext/MockContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs CHANGED Viewed

@@ -36,6 +36,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js CHANGED Viewed

@@ -32,6 +32,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import '../MockContext/MockContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../MockContext/MockContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js CHANGED Viewed

@@ -31,6 +31,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../MockContext/MockContext.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import '../CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs CHANGED Viewed

@@ -44,6 +44,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js CHANGED Viewed

@@ -40,6 +40,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import { OverlayCardTarget } from '../../components/OverlayCard/OverlayCardTarget.js';

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

@@ -42,6 +42,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 const Footer = ({ heading, icon, projectSettings }) => {
     const { theme } = ThemeContext.useThemeContext();

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

@@ -38,6 +38,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 const Footer = ({ heading, icon, projectSettings }) => {
     const { theme } = useThemeContext();

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/Item.cjs CHANGED Viewed

@@ -38,6 +38,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsxRuntime.jsx(StartIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/Item.js CHANGED Viewed

@@ -34,6 +34,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsx(StartIcon, {}) })), jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsx(Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsx(Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs CHANGED Viewed

@@ -40,6 +40,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js CHANGED Viewed

@@ -36,6 +36,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletListFooterContent.cjs CHANGED Viewed

@@ -43,6 +43,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var NewToWeb3WalletItem = require('./NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 var Item = require('./Item/Item.cjs');
 var WalletExtensionOrAppContinueButton = require('./WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs');

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletListFooterContent.js CHANGED Viewed

@@ -39,6 +39,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { NewToWeb3WalletItem } from './NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 import { Item } from './Item/Item.js';
 import { WalletExtensionOrAppContinueButton } from './WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs CHANGED Viewed

@@ -44,6 +44,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 const WalletMoreInfoContent = ({ appName, variant, walletName, }) => {
     const defaultSignContent = {

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.js CHANGED Viewed

@@ -40,6 +40,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 const WalletMoreInfoContent = ({ appName, variant, walletName, }) => {
     const defaultSignContent = {

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs CHANGED Viewed

@@ -42,6 +42,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 const Header = ({ onClose: handleClose, heading, projectSettings, }) => {

package/src/lib/layout/DynamicAuthLayout/Header/header.js CHANGED Viewed

@@ -38,6 +38,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 const Header = ({ onClose: handleClose, heading, projectSettings, }) => {

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs CHANGED Viewed

@@ -42,6 +42,7 @@ require('formik');
 require('yup');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js CHANGED Viewed

@@ -38,6 +38,7 @@ import 'formik';
 import 'yup';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs CHANGED Viewed

@@ -53,6 +53,7 @@ require('formik');
 require('yup');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js CHANGED Viewed

@@ -49,6 +49,7 @@ import 'formik';
 import 'yup';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs CHANGED Viewed

@@ -41,6 +41,7 @@ require('formik');
 require('yup');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js CHANGED Viewed

@@ -37,6 +37,7 @@ import 'formik';
 import 'yup';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
     usePreventPageScroll(true);

package/src/lib/shared/utils/hooks/index.d.ts CHANGED Viewed

@@ -2,3 +2,4 @@ export { useLocalStorage } from './useLocalStorage';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
 export { useGlobalLoading } from './useGlobalLoading';
+export { useForwardedRef } from './useForwardedRef';

package/src/lib/shared/utils/hooks/useForwardedRef/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './useForwardedRef';

package/src/lib/shared/utils/hooks/useForwardedRef/useForwardedRef.cjs ADDED Viewed

@@ -0,0 +1,25 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+// Allows access to a forwarded ref's "current" field
+// source: https://stackoverflow.com/questions/73015696/whats-the-difference-between-reacts-forwardedref-and-refobject
+//
+const useForwardedRef = (ref) => {
+    const innerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!ref)
+            return;
+        if (typeof ref === 'function') {
+            ref(innerRef.current);
+        }
+        else {
+            ref.current = innerRef.current;
+        }
+    }, [ref, innerRef]);
+    return innerRef;
+};
+exports.useForwardedRef = useForwardedRef;

package/src/lib/shared/utils/hooks/useForwardedRef/useForwardedRef.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /// <reference types="react" />
2	+ export declare const useForwardedRef: <T>(ref: import("react").ForwardedRef<T>) => import("react").RefObject<T>;

package/src/lib/shared/utils/hooks/useForwardedRef/useForwardedRef.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { useRef, useEffect } from 'react';
+// Allows access to a forwarded ref's "current" field
+// source: https://stackoverflow.com/questions/73015696/whats-the-difference-between-reacts-forwardedref-and-refobject
+//
+const useForwardedRef = (ref) => {
+    const innerRef = useRef(null);
+    useEffect(() => {
+        if (!ref)
+            return;
+        if (typeof ref === 'function') {
+            ref(innerRef.current);
+        }
+        else {
+            ref.current = innerRef.current;
+        }
+    }, [ref, innerRef]);
+    return innerRef;
+};
+export { useForwardedRef };