@dynamic-labs/sdk-react-core 0.16.0

package/src/index.es.js

@@ -0,0 +1,99 @@
+export { VERSION } from './version.es.js';
+export { getInstalledWallets, getNotInstalledWallets } from './lib/views/WalletList/data.es.js';
+export { getAuthToken } from './lib/utils/functions/getAuthToken/getAuthToken.es.js';
+export { DynamicContext, DynamicContextProvider } from './lib/context/DynamicContext/DynamicContext.es.js';
+export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext.es.js';
+export { DynamicWidget } from './lib/widgets/DynamicWidget/DynamicWidget.es.js';
+export { ShadowedDynamicNav as DynamicNav } from './lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.es.js';
+export { ShadowedDynamicUserProfile as DynamicUserProfile } from './lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.es.js';
+import 'react/jsx-runtime';
+import 'react';
+export { classNames } from './lib/utils/functions/classNames/classNames.es.js';
+export { decodeJwt } from './lib/shared/utils/functions/decodeJwt/decodeJwt.es.js';
+export { getFromLS } from './lib/shared/utils/functions/storage/getFromLS.es.js';
+export { setToLS } from './lib/shared/utils/functions/storage/setToLS.es.js';
+export { validateType } from './lib/shared/utils/functions/validateType/validateType.es.js';
+export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.es.js';
+export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.es.js';
+export { createWallet } from './lib/shared/utils/functions/wallet/createWallet.es.js';
+export { getValueByKey } from './lib/shared/utils/functions/getValueByKey/index.es.js';
+export { detectBrowserName } from './lib/shared/utils/functions/detectBrowser/detectBrowser.es.js';
+export { shortenWalletAddress } from './lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.es.js';
+export { debounce } from './lib/shared/utils/functions/debounce/debounce.es.js';
+export { isSSR } from './lib/shared/utils/functions/isSSR/isSSR.es.js';
+export { isDisplayOrderPriorityForWeb3 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.es.js';
+export { isDisplayOrderPriorityForWeb2 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.es.js';
+export { getWalletListItemLabel } from './lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.es.js';
+export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLocalStorage.es.js';
+export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.es.js';
+export { usePreventPageScroll } from './lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.es.js';
+export { PhantomLedgerIcon } from './lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.es.js';
+export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.es.js';
+export { ReactComponent as ArrowRightIcon } from './lib/shared/assets/arrow-right.es.js';
+export { ReactComponent as ArrowDownIcon } from './lib/shared/assets/arrow-down.es.js';
+export { ReactComponent as CloseIcon } from './lib/shared/assets/close.es.js';
+export { ReactComponent as ChevronLeftIcon } from './lib/shared/assets/chevron-left.es.js';
+export { ReactComponent as ErrorIcon } from './lib/shared/assets/error.es.js';
+export { ReactComponent as CheckIcon } from './lib/shared/assets/check.es.js';
+export { ReactComponent as CheckCircleIcon } from './lib/shared/assets/check-circle.es.js';
+export { ReactComponent as WalletConnectLogo } from './lib/shared/assets/wallet-connect-logo.es.js';
+export { ReactComponent as SpinnerIcon } from './lib/shared/assets/spinner.es.js';
+export { ReactComponent as CopyIcon } from './lib/shared/assets/copy.es.js';
+export { ReactComponent as ThreeDots } from './lib/shared/assets/three-dots.es.js';
+export { ReactComponent as LogoutIcon } from './lib/shared/assets/logout.es.js';
+export { ReactComponent as AddWalletIcon } from './lib/shared/assets/add-wallet.es.js';
+export { ReactComponent as AddIcon } from './lib/shared/assets/add.es.js';
+export { ReactComponent as PromptAccountSwitch } from './lib/shared/assets/prompt-account-switch.es.js';
+export { ReactComponent as UnlinkIcon } from './lib/shared/assets/unlink.es.js';
+export { ReactComponent as WalletOutlineIcon } from './lib/shared/assets/wallet-outline.es.js';
+export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon.es.js';
+export { ReactComponent as EyeIcon } from './lib/shared/assets/footer-eye-icon.es.js';
+export { ReactComponent as GasIcon } from './lib/shared/assets/footer-gas-icon.es.js';
+export { ReactComponent as KeyIcon } from './lib/shared/assets/footer-key-icon.es.js';
+export { ReactComponent as PuzzleIcon } from './lib/shared/assets/puzzle.es.js';
+export { ReactComponent as LinkIcon } from './lib/shared/assets/link.es.js';
+export { ReactComponent as ExternalLinkIcon } from './lib/shared/assets/externalLink.es.js';
+export { ReactComponent as DynamicLogoIcon } from './lib/shared/assets/dynamic-logo.es.js';
+export { ReactComponent as SignCircleIcon } from './lib/shared/assets/sign-circle.es.js';
+export { ReactComponent as PencilAltIcon } from './lib/shared/assets/pencil-alt-icon.es.js';
+export { ReactComponent as PencilIcon } from './lib/shared/assets/pencil.es.js';
+export { ReactComponent as TooltipArrow } from './lib/shared/assets/tooltip-arrow.es.js';
+export { ReactComponent as SwitchHorizontalIcon } from './lib/shared/assets/switch-horizontal.es.js';
+export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.es.js';
+export { logger } from './lib/shared/logger.es.js';
+import './lib/utils/constants/colors.es.js';
+export { normalizeWalletName } from '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.es.js';
+export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.es.js';
+import './lib/context/ThemeContext/ThemeContext.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import './lib/components/Transition/ZoomTransition/ZoomTransition.es.js';
+import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import './lib/components/Transition/OpacityTransition/OpacityTransition.es.js';
+import './lib/context/ViewContext/ViewContext.es.js';
+import './lib/config/ApiEndpoint.es.js';
+import './lib/context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.es.js';
+export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.es.js';
+import './lib/components/IconButton/IconButton.es.js';
+import '@dynamic-labs/iconic';
+export { WalletList } from './lib/views/WalletList/WalletList.es.js';
+export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.es.js';
+export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.es.js';
+export { NoQrNotInstalledView } from './lib/views/NoQrNotInstalledView/NoQrNotInstalledView.es.js';
+export { QrCodeView } from './lib/views/QrCodeView/QrCodeView.es.js';
+export { WalletNoAccess } from './lib/views/WalletNoAccess/WalletNoAccess.es.js';
+export { EmailConfirmationWaitingView } from './lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.es.js';
+export { viewToComponentMap } from './lib/views/viewToComponentMap.es.js';
+export { NetworkNotSupportedSwitchManual } from './lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.es.js';
+export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.es.js';
+export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.es.js';
+export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.es.js';
+export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.es.js';
+export { FilterAndSortWallets, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.es.js';
+export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.es.js';
+export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.es.js';

package/src/lib/Main.cjs.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+var index = require('./context/FooterAnimationContext/index.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('./shared/logger.cjs.js');
+var getFromLS = require('./shared/utils/functions/storage/getFromLS.cjs.js');
+require('@dynamic-labs/iconic');
+var ViewContext = require('./context/ViewContext/ViewContext.cjs.js');
+var localStorage$1 = require('./utils/constants/localStorage.cjs.js');
+require('./utils/constants/colors.cjs.js');
+var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs.js');
+var index$1 = require('./shared/consts/index.cjs.js');
+var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs.js');
+var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs.js');
+require('./components/ShadowDOM/ShadowDOM.cjs.js');
+require('./context/ThemeContext/ThemeContext.cjs.js');
+var Portal = require('./components/Portal/Portal.cjs.js');
+require('react-dom');
+require('./config/ApiEndpoint.cjs.js');
+require('./context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs.js');
+require('./utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('./components/IconButton/IconButton.cjs.js');
+var DynamicAuthLayout = require('./layout/DynamicAuthLayout/DynamicAuthLayout.cjs.js');
+var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs.js');
+var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs.js');
+var viewToComponentMap = require('./views/viewToComponentMap.cjs.js');
+require('./main.global.cjs.js');
+
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { view, setView } = ViewContext.useViewContext();
+    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = React.useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [setView, loginWithEmail]);
+    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (multiWallet.isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    React.useEffect(() => {
+        const newToWeb3WalletName = getFromLS.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            localStorage.removeItem(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                onUnmount: handleOnPortalUnmount,
+            } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap.viewToComponentMap[view] })) })) }));
+};
+
+exports.Main = Main;
+exports["default"] = Main;

package/src/lib/Main.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './main.global.scss';
+export declare const Main: FC;
+export default Main;

package/src/lib/Main.es.js

@@ -0,0 +1,89 @@
+import { __awaiter } from '../../_virtual/_tslib.es.js';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useEffect } from 'react';
+import { isMobile } from '@dynamic-labs/multi-wallet';
+import { FooterAnimationContextProvider } from './context/FooterAnimationContext/index.es.js';
+import '@dynamic-labs/sdk-api';
+import './shared/logger.es.js';
+import { getFromLS } from './shared/utils/functions/storage/getFromLS.es.js';
+import '@dynamic-labs/iconic';
+import { useViewContext } from './context/ViewContext/ViewContext.es.js';
+import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.es.js';
+import './utils/constants/colors.es.js';
+import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.es.js';
+import { authModalZIndex } from './shared/consts/index.es.js';
+import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.es.js';
+import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.es.js';
+import './components/ShadowDOM/ShadowDOM.es.js';
+import './context/ThemeContext/ThemeContext.es.js';
+import { Portal } from './components/Portal/Portal.es.js';
+import 'react-dom';
+import './config/ApiEndpoint.es.js';
+import './context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.es.js';
+import './utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import './components/IconButton/IconButton.es.js';
+import { DynamicAuthLayout } from './layout/DynamicAuthLayout/DynamicAuthLayout.es.js';
+import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.es.js';
+import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.es.js';
+import { viewToComponentMap } from './views/viewToComponentMap.es.js';
+import './main.global.es.js';
+
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, loginWithEmail, } = useInternalDynamicContext();
+    const { view, setView } = useViewContext();
+    usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [setView, loginWithEmail]);
+    useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    useEffect(() => {
+        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            localStorage.removeItem(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsx(FooterAnimationContextProvider, { children: jsx(Portal, Object.assign({ zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                onUnmount: handleOnPortalUnmount,
+            } }, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap[view] })) })) }));
+};
+
+export { Main, Main as default };

package/src/lib/app.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Main = require('./Main.cjs.js');
+var IsBrowser = require('./components/IsBrowser/IsBrowser.cjs.js');
+
+const DynamicAuthFlow = () => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(Main.Main, {}) }));
+
+exports.DynamicAuthFlow = DynamicAuthFlow;

package/src/lib/app.d.ts

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

package/src/lib/app.es.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { Main } from './Main.es.js';
+import { IsBrowser } from './components/IsBrowser/IsBrowser.es.js';
+
+const DynamicAuthFlow = () => (jsx(IsBrowser, { children: jsx(Main, {}) }));
+
+export { DynamicAuthFlow };

package/src/lib/assets/dynamic-logo.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgDynamicLogo = function SvgDynamicLogo(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    fill: "none",
+    viewBox: "0 0 114 21",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#dynamic-logo_svg__a)",
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.053 2.002c-.43.4-.85.793-1.273 1.184-1.959 1.818-3.918 3.638-5.879 5.453-.45.417-.915.817-1.48 1.061C.75 9.99.365 9.81.15 9.085-.153 8.072.009 7.128.59 6.258 1.087 5.517 1.71 4.9 2.354 4.3A178.857 178.857 0 0 1 5.45 1.47c.457-.408.957-.78 1.567-.905 1.828-.368 2.994 1.384 3.038 1.436l-.002.001zM1.259 11.254c1.112-.32 1.946-1.026 2.758-1.768 2.59-2.363 5.176-4.728 7.777-7.078A16.823 16.823 0 0 1 13.609.96C14.42.408 15.303.33 16.173.855c.314.189.623.409.878.672a106.565 106.565 0 0 1 5.28 5.866c.298.358.542.774.744 1.196.375.785.279 1.561-.178 2.293-.409.655-.956 1.192-1.52 1.702a699.92 699.92 0 0 1-6.653 5.96c-.6.53-1.26 1.004-1.94 1.422-1.282.791-2.568.693-3.737-.244A16.245 16.245 0 0 1 7.14 17.92c-1.883-2.087-3.73-4.203-5.592-6.31-.094-.106-.18-.22-.29-.358v.002zM39.574.915h2.808V16.14h-2.808v-1.284c-.827 1.06-2.003 1.587-3.526 1.587-1.522 0-2.717-.555-3.755-1.664s-1.556-2.469-1.556-4.078c0-1.609.518-2.968 1.556-4.077s2.288-1.665 3.755-1.665 2.7.53 3.526 1.587V.913v.002zm-5.17 11.996c.573.572 1.294.859 2.166.859s1.589-.287 2.155-.86c.566-.572.849-1.309.849-2.207 0-.898-.283-1.635-.85-2.207-.565-.572-1.283-.859-2.154-.859s-1.593.287-2.166.86c-.574.571-.86 1.308-.86 2.206 0 .898.286 1.635.86 2.208zM51.766 5.264h3.004l-3.968 10.894c-.566 1.554-1.315 2.682-2.251 3.385-.934.704-2.098 1.02-3.489.947v-2.61c.755.015 1.352-.144 1.796-.477.442-.334.796-.87 1.057-1.61L43.453 5.268h3.069l2.837 7.308 2.409-7.308-.002-.002zM61.908 4.959c1.19 0 2.174.398 2.949 1.196.777.798 1.163 1.9 1.163 3.305v6.678h-2.808v-6.33c0-.723-.196-1.279-.588-1.664-.392-.383-.914-.576-1.567-.576-.725 0-1.306.224-1.74.674s-.654 1.124-.654 2.022v5.872h-2.808V5.261h2.808v1.218c.683-1.014 1.763-1.522 3.243-1.522l.002.002zM76.243 5.264h2.808V16.14h-2.808v-1.283c-.842 1.06-2.024 1.587-3.548 1.587s-2.695-.555-3.733-1.665-1.556-2.468-1.556-4.077c0-1.61.518-2.968 1.556-4.078C70 5.514 71.242 4.96 72.695 4.96c1.524 0 2.706.53 3.548 1.587V5.262v.002zm-5.182 7.646c.566.572 1.284.86 2.156.86s1.592-.288 2.166-.86c.573-.572.86-1.309.86-2.207 0-.898-.287-1.635-.86-2.207-.574-.572-1.295-.86-2.166-.86s-1.59.288-2.156.86c-.566.572-.849 1.309-.849 2.207 0 .898.283 1.635.85 2.207zM92.864 4.959c1.249 0 2.246.406 2.993 1.218.748.813 1.121 1.9 1.121 3.263v6.7H94.17V9.637c0-.652-.16-1.16-.48-1.523s-.769-.544-1.35-.544c-.638 0-1.135.211-1.49.631-.356.42-.533 1.03-.533 1.828v6.113h-2.808V9.638c0-.651-.16-1.159-.48-1.522-.32-.363-.77-.544-1.35-.544-.623 0-1.121.21-1.491.631-.37.42-.555 1.03-.555 1.828v6.113h-2.808V5.269h2.808v1.153c.653-.972 1.661-1.457 3.027-1.457 1.365 0 2.321.522 2.96 1.566.724-1.044 1.807-1.566 3.242-1.566l.002-.006zM100.15 3.959c-.464 0-.868-.17-1.208-.511a1.653 1.653 0 0 1-.512-1.207c0-.465.17-.87.512-1.219.34-.348.744-.522 1.208-.522.464 0 .888.174 1.23.522.341.348.511.754.511 1.219 0 .464-.17.866-.511 1.207-.34.34-.751.511-1.23.511zM98.757 16.14V5.265h2.808V16.14h-2.808zM108.69 16.443c-1.641 0-3.008-.55-4.103-1.654-1.095-1.101-1.643-2.464-1.643-4.088s.548-2.987 1.643-4.089 2.464-1.653 4.103-1.653c1.06 0 2.024.253 2.895.76.871.508 1.532 1.19 1.981 2.045l-2.416 1.413a2.464 2.464 0 0 0-.989-1.067 2.878 2.878 0 0 0-1.491-.39c-.842 0-1.539.28-2.091.837-.551.559-.827 1.272-.827 2.142 0 .87.276 1.563.827 2.12.552.56 1.249.837 2.091.837.566 0 1.069-.126 1.513-.381.442-.254.773-.606.99-1.056l2.438 1.393a5.463 5.463 0 0 1-2.024 2.055c-.871.515-1.835.772-2.895.772l-.002.004z"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "dynamic-logo_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    transform: "translate(0 .5)",
+    fill: "#fff",
+    d: "M0 0h113.61v20H0z"
+  })))));
+};
+
+exports.ReactComponent = SvgDynamicLogo;

package/src/lib/assets/dynamic-logo.es.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+var _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgDynamicLogo = function SvgDynamicLogo(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    fill: "none",
+    viewBox: "0 0 114 21",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#dynamic-logo_svg__a)",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10.053 2.002c-.43.4-.85.793-1.273 1.184-1.959 1.818-3.918 3.638-5.879 5.453-.45.417-.915.817-1.48 1.061C.75 9.99.365 9.81.15 9.085-.153 8.072.009 7.128.59 6.258 1.087 5.517 1.71 4.9 2.354 4.3A178.857 178.857 0 0 1 5.45 1.47c.457-.408.957-.78 1.567-.905 1.828-.368 2.994 1.384 3.038 1.436l-.002.001zM1.259 11.254c1.112-.32 1.946-1.026 2.758-1.768 2.59-2.363 5.176-4.728 7.777-7.078A16.823 16.823 0 0 1 13.609.96C14.42.408 15.303.33 16.173.855c.314.189.623.409.878.672a106.565 106.565 0 0 1 5.28 5.866c.298.358.542.774.744 1.196.375.785.279 1.561-.178 2.293-.409.655-.956 1.192-1.52 1.702a699.92 699.92 0 0 1-6.653 5.96c-.6.53-1.26 1.004-1.94 1.422-1.282.791-2.568.693-3.737-.244A16.245 16.245 0 0 1 7.14 17.92c-1.883-2.087-3.73-4.203-5.592-6.31-.094-.106-.18-.22-.29-.358v.002zM39.574.915h2.808V16.14h-2.808v-1.284c-.827 1.06-2.003 1.587-3.526 1.587-1.522 0-2.717-.555-3.755-1.664s-1.556-2.469-1.556-4.078c0-1.609.518-2.968 1.556-4.077s2.288-1.665 3.755-1.665 2.7.53 3.526 1.587V.913v.002zm-5.17 11.996c.573.572 1.294.859 2.166.859s1.589-.287 2.155-.86c.566-.572.849-1.309.849-2.207 0-.898-.283-1.635-.85-2.207-.565-.572-1.283-.859-2.154-.859s-1.593.287-2.166.86c-.574.571-.86 1.308-.86 2.206 0 .898.286 1.635.86 2.208zM51.766 5.264h3.004l-3.968 10.894c-.566 1.554-1.315 2.682-2.251 3.385-.934.704-2.098 1.02-3.489.947v-2.61c.755.015 1.352-.144 1.796-.477.442-.334.796-.87 1.057-1.61L43.453 5.268h3.069l2.837 7.308 2.409-7.308-.002-.002zM61.908 4.959c1.19 0 2.174.398 2.949 1.196.777.798 1.163 1.9 1.163 3.305v6.678h-2.808v-6.33c0-.723-.196-1.279-.588-1.664-.392-.383-.914-.576-1.567-.576-.725 0-1.306.224-1.74.674s-.654 1.124-.654 2.022v5.872h-2.808V5.261h2.808v1.218c.683-1.014 1.763-1.522 3.243-1.522l.002.002zM76.243 5.264h2.808V16.14h-2.808v-1.283c-.842 1.06-2.024 1.587-3.548 1.587s-2.695-.555-3.733-1.665-1.556-2.468-1.556-4.077c0-1.61.518-2.968 1.556-4.078C70 5.514 71.242 4.96 72.695 4.96c1.524 0 2.706.53 3.548 1.587V5.262v.002zm-5.182 7.646c.566.572 1.284.86 2.156.86s1.592-.288 2.166-.86c.573-.572.86-1.309.86-2.207 0-.898-.287-1.635-.86-2.207-.574-.572-1.295-.86-2.166-.86s-1.59.288-2.156.86c-.566.572-.849 1.309-.849 2.207 0 .898.283 1.635.85 2.207zM92.864 4.959c1.249 0 2.246.406 2.993 1.218.748.813 1.121 1.9 1.121 3.263v6.7H94.17V9.637c0-.652-.16-1.16-.48-1.523s-.769-.544-1.35-.544c-.638 0-1.135.211-1.49.631-.356.42-.533 1.03-.533 1.828v6.113h-2.808V9.638c0-.651-.16-1.159-.48-1.522-.32-.363-.77-.544-1.35-.544-.623 0-1.121.21-1.491.631-.37.42-.555 1.03-.555 1.828v6.113h-2.808V5.269h2.808v1.153c.653-.972 1.661-1.457 3.027-1.457 1.365 0 2.321.522 2.96 1.566.724-1.044 1.807-1.566 3.242-1.566l.002-.006zM100.15 3.959c-.464 0-.868-.17-1.208-.511a1.653 1.653 0 0 1-.512-1.207c0-.465.17-.87.512-1.219.34-.348.744-.522 1.208-.522.464 0 .888.174 1.23.522.341.348.511.754.511 1.219 0 .464-.17.866-.511 1.207-.34.34-.751.511-1.23.511zM98.757 16.14V5.265h2.808V16.14h-2.808zM108.69 16.443c-1.641 0-3.008-.55-4.103-1.654-1.095-1.101-1.643-2.464-1.643-4.088s.548-2.987 1.643-4.089 2.464-1.653 4.103-1.653c1.06 0 2.024.253 2.895.76.871.508 1.532 1.19 1.981 2.045l-2.416 1.413a2.464 2.464 0 0 0-.989-1.067 2.878 2.878 0 0 0-1.491-.39c-.842 0-1.539.28-2.091.837-.551.559-.827 1.272-.827 2.142 0 .87.276 1.563.827 2.12.552.56 1.249.837 2.091.837.566 0 1.069-.126 1.513-.381.442-.254.773-.606.99-1.056l2.438 1.393a5.463 5.463 0 0 1-2.024 2.055c-.871.515-1.835.772-2.895.772l-.002.004z"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "dynamic-logo_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    transform: "translate(0 .5)",
+    fill: "#fff",
+    d: "M0 0h113.61v20H0z"
+  })))));
+};
+
+export { SvgDynamicLogo as ReactComponent };

package/src/lib/assets/index.d.ts

@@ -0,0 +1,5 @@
+export { ReactComponent as Logo } from './logo.svg';
+export { ReactComponent as WalletHelpIcon1 } from './wallet-help-icon-1.svg';
+export { ReactComponent as SearchIcon } from './search.svg';
+export { ReactComponent as ProfileIcon } from './profile.svg';
+export { ReactComponent as DynamicLogo } from './dynamic-logo.svg';

package/src/lib/assets/search.cjs.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSearch = function SvgSearch(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.667 2.667a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-5.333 4a5.333 5.333 0 1 1 9.546 3.27l3.592 3.592a.667.667 0 0 1-.943.942L9.937 10.88a5.333 5.333 0 0 1-8.604-4.213Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgSearch;

package/src/lib/assets/search.es.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSearch = function SvgSearch(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.667 2.667a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-5.333 4a5.333 5.333 0 1 1 9.546 3.27l3.592 3.592a.667.667 0 0 1-.943.942L9.937 10.88a5.333 5.333 0 0 1-8.604-4.213Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgSearch as ReactComponent };

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs.js');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+require('../../../../config/ApiEndpoint.cjs.js');
+require('../../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs.js');
+require('../../../../utils/constants/colors.cjs.js');
+require('../../../../shared/consts/index.cjs.js');
+require('../../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../../context/ErrorContext/ErrorContext.cjs.js');
+var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs.js');
+require('react-dom');
+require('../../../ShadowDOM/ShadowDOM.cjs.js');
+require('../../../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-focus-lock');
+require('../../../Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../IconButton/IconButton.cjs.js');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs.js');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+    const childRef = React.useRef(null);
+    const lastValidChildHeight = React.useRef();
+    const [childEntry] = useResizeObserver.useResizeObserver(childRef);
+    const maxHeight = React.useMemo(() => {
+        if (!isOpen)
+            return 0;
+        if (!childEntry)
+            return lastValidChildHeight.current;
+        return childEntry.height;
+    }, [isOpen, childEntry]);
+    React.useEffect(() => {
+        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
+        if (childHeight) {
+            lastValidChildHeight.current = childHeight;
+        }
+    }, [childEntry]);
+    return (jsxRuntime.jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames.classNames(className, 'accordion-item', {
+            'accordion-item--full-height': Boolean(maxHeight),
+        }) }, { children: jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+};
+
+exports.AccordionItem = AccordionItem;

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,2 @@
+import { AccordionItemComponent } from './AccordionItem.types';
+export declare const AccordionItem: AccordionItemComponent;

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.es.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
+import { classNames } from '../../../../utils/functions/classNames/classNames.es.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import '../../../../config/ApiEndpoint.es.js';
+import '../../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.es.js';
+import '../../../../utils/constants/colors.es.js';
+import '../../../../shared/consts/index.es.js';
+import '../../../../context/DynamicContext/DynamicContext.es.js';
+import '../../../../context/ErrorContext/ErrorContext.es.js';
+import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.es.js';
+import 'react-dom';
+import '../../../ShadowDOM/ShadowDOM.es.js';
+import '../../../../context/ThemeContext/ThemeContext.es.js';
+import 'react-focus-lock';
+import '../../../Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../IconButton/IconButton.es.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.es.js';
+import '../../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+    const childRef = useRef(null);
+    const lastValidChildHeight = useRef();
+    const [childEntry] = useResizeObserver(childRef);
+    const maxHeight = useMemo(() => {
+        if (!isOpen)
+            return 0;
+        if (!childEntry)
+            return lastValidChildHeight.current;
+        return childEntry.height;
+    }, [isOpen, childEntry]);
+    useEffect(() => {
+        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
+        if (childHeight) {
+            lastValidChildHeight.current = childHeight;
+        }
+    }, [childEntry]);
+    return (jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames(className, 'accordion-item', {
+            'accordion-item--full-height': Boolean(maxHeight),
+        }) }, { children: jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+};
+
+export { AccordionItem };