@dynamic-labs/sdk-react-core 0.18.0-RC.8 → 0.18.0-beta.28

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js

@@ -7,7 +7,7 @@ import { getDynamicLayoutData } from '../../functions/getDynamicLayoutData/getDy
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext();
+    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, } = useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = useQrCodeContext();
     const { mockedSDK } = useMockContext();
     const { helpHeaderData } = getDynamicLayoutData({ view });
@@ -30,14 +30,29 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'verify-email' &&
         view !== 'network-not-supported' &&
         view !== 'wallet-locked-view' &&
-        view !== 'email-wallet-otp-verification-view';
+        view !== 'gate-blocked-wallet' &&
+        view !== 'email-wallet-otp-verification-view' &&
+        view !== 'bridge-welcome' &&
+        view !== 'bridge-summary' &&
+        view !== 'bridge-next-wallet-connection';
+    const showConnectedWalletProgress = isBridgeFlow &&
+        (view === 'wallet-list' ||
+            view === 'qr-code' ||
+            view === 'wallet-connect-mobile-wallets-list' ||
+            view === 'pending-connect' ||
+            view === 'pending-signature' ||
+            view === 'pending-signature-without-back-button' ||
+            view === 'bridge-next-wallet-connection' ||
+            view === 'bridge-summary');
     const showToSFooter = Boolean(!isUserLinkingWallet(user, view, mockedSDK) &&
         (view === 'wallet-list' ||
             view === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer on login-with-email-or-wallet-full-wallet-list
             (view === 'login-with-email-or-wallet' &&
-                termsOfServiceUrl &&
-                privacyPolicyUrl) ||
+                (termsOfServiceUrl ||
+                    privacyPolicyUrl ||
+                    customPrivacyPolicy ||
+                    customTermsOfServices)) ||
             view === 'login-with-email-or-wallet-full-wallet-list'));
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification';
@@ -48,12 +63,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'login-with-email-verification' ||
         view === 'login-with-email-or-wallet-full-wallet-list' ||
         view === 'wallet-group' ||
-        view === 'pending-connect';
+        view === 'pending-connect' ||
+        view === 'account-exists';
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
     return {
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
+        showConnectedWalletProgress,
         showHeader,
         showHelpContent,
         showQrCodePreHeader,

package/src/lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs

@@ -21,6 +21,7 @@ require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useSignConnectOnlyUser = require('../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs');
 

package/src/lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js

@@ -17,6 +17,7 @@ import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useSignConnectOnlyUser } from '../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js';
 

package/src/lib/utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs

@@ -4,6 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = React.useCallback(() => {
@@ -12,7 +23,7 @@ const useClearWalletConnectSessions = ({ connectors }) => {
         if (connectors.length === 0)
             return;
         const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
-        for (const key of Object.keys(localStorage)) {
+        for (const key of localStorage$1.LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
                 !names.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
@@ -22,8 +33,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
     const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        for (const key of Object.keys(localStorage)) {
-            if (key.startsWith('walletconnect')) {
+        for (const key of localStorage$1.LocalStorage.getKeys()) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }

package/src/lib/utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js

@@ -1,5 +1,16 @@
 import { useCallback } from 'react';
 import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = useCallback(() => {
@@ -8,7 +19,7 @@ const useClearWalletConnectSessions = ({ connectors }) => {
         if (connectors.length === 0)
             return;
         const names = new Set(connectors.map((connector) => normalizeWalletName(connector.name)));
-        for (const key of Object.keys(localStorage)) {
+        for (const key of LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
                 !names.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
@@ -18,8 +29,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
     const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        for (const key of Object.keys(localStorage)) {
-            if (key.startsWith('walletconnect')) {
+        for (const key of LocalStorage.getKeys()) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -23,105 +23,113 @@ var api = require('../../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, user, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
-    const [connectedWallet, setConnectedWallet] = React.useState(null);
     const [connectedWallets, setConnectedWallets] = React.useState([]);
-    const setConnectedStates = React.useCallback((walletConnector, address, chain, id) => {
-        setConnectedWallet({
-            address,
-            chain,
-            connected: true,
-            connector: walletConnector,
-            id: 'connect-only-wallet',
-        });
-        setConnectedWallets((currentWallets) => {
-            const exists = currentWallets.some((currentWallet) => walletConnectorCore.isSameAddress(currentWallet.address, address, chain));
-            // when we connect first wallet, it should be set as a primary wallet
-            const shouldSetPrimaryWalletId = authMode === 'connect-only' &&
-                currentWallets.length === 0 &&
-                !primaryWalletId;
-            if (shouldSetPrimaryWalletId) {
-                setPrimaryWalletId(`connect-only-wallet-${0}`);
-            }
-            if (exists) {
-                return currentWallets;
-            }
-            return [
-                ...currentWallets,
-                {
-                    address,
-                    chain,
-                    connected: true,
-                    connector: walletConnector,
-                    id: `connect-only-wallet-${id}`,
-                },
-            ];
-        });
-        setConnectedWalletsInfo((currentWallets) => {
-            const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
-            if (exists) {
-                return currentWallets;
+    // The function to update and define the connectedWallets list.
+    // It uses walletConnector to get the current wallet address and network
+    // The address and network in the runtime are updated by the event listeners
+    // The event listeners are updating `connectedWallets` list.
+    // It should be called on the first render and when connectedWalletsInfo updates
+    const updateConnectedWalletsList = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const walletConnectors = wallets.map((wallet) => wallet.walletConnector);
+        if (!walletConnectors.length) {
+            return;
+        }
+        const nextConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const walletConnector = walletConnectorCore.getWalletConnectorByName(walletConnectors, storedConnectedWalletInfo.walletConnectorKey);
+            if (!walletConnector) {
+                walletConnectorCore.logger.error('Could not find walletConnector: ' +
+                    storedConnectedWalletInfo.walletConnectorKey);
+                return Promise.resolve(null);
             }
-            return [
-                ...currentWallets,
-                {
-                    chain,
-                    id: `connect-only-wallet-${id}`,
-                    name: walletConnector.name,
-                    provider: getWalletProvider.getWalletProvider(walletConnector),
-                    walletPublicKey: address,
-                },
-            ];
-        });
-    }, [authMode, primaryWalletId, setConnectedWalletsInfo, setPrimaryWalletId]);
+            const [walletAddress] = yield walletConnector.getConnectedAccounts();
+            const walletNetwork = yield walletConnector.getNetwork();
+            const walletChain = walletConnector.connectedChain;
+            const walletObject = {
+                address: 
+                // We use `storedConnectedWalletInfo.lastWalletAddress` as a workaround to Braavos issue
+                // Braavos during initialization returns an empty string as a wallet address
+                walletAddress ||
+                    storedConnectedWalletInfo.lastWalletAddress ||
+                    '',
+                chain: walletChain || '',
+                connected: true,
+                connector: walletConnector,
+                id: storedConnectedWalletInfo.id,
+                network: walletNetwork,
+            };
+            return Promise.resolve(walletObject);
+        })))).filter((wallet) => Boolean(wallet));
+        setConnectedWallets(nextConnectedWallets);
+    }), [connectedWalletsInfo, wallets]);
+    // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     React.useEffect(() => {
-        const found = connectedWalletsInfo.find((connectedWalletInfo) => connectedWalletInfo.id !== primaryWalletId);
-        // when primaryWalletId is defined, but it does not exist in
-        // connectedWalletInfo that means we're out of sync and we want to remove all connected wallets data
-        if (primaryWalletId && !found && !user) {
-            removeConnectedWalletsInfo();
-            setConnectedWallets([]);
-            clearPrimaryWalletId();
+        updateConnectedWalletsList();
+    }, [updateConnectedWalletsList]);
+    const getNextIdAvailable = React.useCallback((currentWallets) => {
+        const existingIds = currentWallets.map(({ id }) => id);
+        const sortedIds = existingIds
+            .map((id) => Number(id.replace('connect-wallet-', '')))
+            .sort((a, b) => a - b);
+        for (let i = 0; i < sortedIds.length; i++) {
+            if (sortedIds[i] !== i) {
+                return i;
+            }
         }
+        return sortedIds.length;
     }, []);
-    const connectWalletByAddressAndChain = React.useCallback((name, address, chain, id) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const walletConnector = walletConnectorCore.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
-        if (walletConnector) {
-            if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
-                yield walletConnector.connect();
-            }
-            const connectedAccounts = yield walletConnector.getConnectedAccounts();
-            const result = connectedAccounts.filter((account) => walletConnectorCore.isSameAddress(account, address, chain));
-            if (result.length > 0) {
-                walletConnector.connect();
-                setConnectedStates(walletConnector, address, chain, id);
-            }
-            else {
-                setConnectedWallet(null);
-            }
+    const updateConnectedWalletById = React.useCallback((walletId, walletObject) => {
+        const clonedConnectedWalletsList = [...connectedWallets];
+        const connectedWalletIndex = clonedConnectedWalletsList.findIndex((connectedWallet) => connectedWallet.id === walletId);
+        if (connectedWalletIndex > -1) {
+            clonedConnectedWalletsList[connectedWalletIndex] = Object.assign(Object.assign({}, clonedConnectedWalletsList[connectedWalletIndex]), walletObject);
+            setConnectedWallets(clonedConnectedWalletsList);
         }
-        else {
-            setConnectedWallet(null);
+    }, [connectedWallets]);
+    const connectedWallet = connectedWallets[0] || null;
+    // Keeps connected wallet data inside localStorage
+    const applyConnectedWalletToStore = ({ walletId, walletAddress, walletConnectorKey, walletChain, provider, }) => {
+        const nextConnectedWalletsInfo = [...connectedWalletsInfo];
+        nextConnectedWalletsInfo.push({
+            id: walletId,
+            lastWalletAddress: walletAddress,
+            provider,
+            walletChain,
+            walletConnectorKey,
+        });
+        setConnectedWalletsInfo(nextConnectedWalletsInfo);
+        return Promise.resolve();
+    };
+    // Updates connected wallet (network and address) and verifies connected wallet connection
+    const refreshConnectedWallet = (walletId, walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
+            yield walletConnector.connect();
         }
-    }), [setConnectedStates, wallets]);
-    React.useEffect(() => {
-        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' &&
-            connectedWalletsInfo.length &&
-            !connectedWallets.length;
-        if (shouldUpdateConnectedWalletsState) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }, id) => {
-                if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain, id);
-                }
+        const currentWalletConnectorAddress = yield walletConnector.fetchPublicAddress();
+        if (onBeforeConnectSuccessConfirmation) {
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
+                address: currentWalletConnectorAddress,
+                chain: walletConnector.connectedChain,
+                connector: walletConnector,
             });
+            if (!shouldProceedWithConnection) {
+                walletConnectorCore.logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
+                unlinkConnectedWallet(walletId);
+                setShowAuthFlow(false);
+                return;
+            }
         }
-    }, [
-        authMode,
-        connectWalletByAddressAndChain,
-        connectedWallets.length,
-        connectedWalletsInfo,
-    ]);
+        if (!currentWalletConnectorAddress) {
+            walletConnectorCore.logger.error('Could not refresh the wallet. The wallet address is not available');
+            return;
+        }
+        const currentWalletConnectoNetwork = yield walletConnector.getNetwork();
+        updateConnectedWalletById(walletId, {
+            address: currentWalletConnectorAddress,
+            network: currentWalletConnectoNetwork,
+        });
+    });
     const shouldSkipCreatingVisit = React.useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
     const connectWallet = (walletConnector, fetchPublicAddressOpts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -131,33 +139,70 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             error.code = 'missing-public-address';
             throw error;
         }
-        const chain = walletConnector.connectedChain || '';
-        setConnectedStates(walletConnector, publicWalletAddress, chain, connectedWalletsInfo.length);
+        if (onBeforeConnectSuccessConfirmation) {
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
+                address: publicWalletAddress,
+                chain: walletConnector.connectedChain,
+                connector: walletConnector,
+            });
+            if (!shouldProceedWithConnection) {
+                walletConnectorCore.logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
+                setShowAuthFlow(false);
+                return;
+            }
+        }
+        const walletId = `connect-wallet-${getNextIdAvailable(connectedWalletsInfo)}`;
+        if (!primaryWalletId) {
+            setPrimaryWalletId(walletId);
+        }
+        const walletChain = walletConnector.connectedChain;
+        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.name);
+        if (isWalletStored) {
+            yield updateConnectedWalletsList();
+        }
+        else {
+            applyConnectedWalletToStore({
+                provider: getWalletProvider.getWalletProvider(walletConnector),
+                walletAddress: publicWalletAddress,
+                walletChain,
+                walletConnectorKey: walletConnector.name,
+                walletId,
+            });
+        }
         if (shouldSkipCreatingVisit) {
-            return publicWalletAddress;
+            return Promise.resolve(publicWalletAddress);
         }
         // send information to backend to kick off background jobs
         // so verify/sign on the next step could go by more quickly
         // this is async work, but DO NOT AWAIT
         api.createVisit({
             authMode,
-            chain,
+            chain: walletChain || '',
             environmentId,
             publicWalletAddress,
             walletName: walletConnector.name,
             walletProvider: getWalletProvider.getWalletProvider(walletConnector),
         });
-        return publicWalletAddress;
+        return Promise.resolve(publicWalletAddress);
     });
+    const unlinkConnectedWallet = (walletId) => {
+        const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        if (walletId === primaryWalletId) {
+            clearPrimaryWalletId();
+        }
+        setConnectedWalletsInfo(filteredWallets);
+        onUnlink === null || onUnlink === void 0 ? void 0 : onUnlink(walletId, filteredWallets);
+    };
+    const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
-        connectWalletByAddressAndChain,
         connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
+        getConnectedWalletById,
+        refreshConnectedWallet,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
-        setConnectedWallets,
+        unlinkConnectedWallet,
     };
 };
 

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import { Dispatch, SetStateAction } from 'react';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { AuthModeType, UserProfile, Wallet, WalletOption } from '../../../shared';
+import { AuthModeType, OnBeforeConnectSuccessConfirmation, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
-    chain: Chain | undefined;
-    name: string;
-    provider: string;
-    walletPublicKey: string;
     id: string;
+    walletChain?: Chain;
+    walletConnectorKey: string;
+    provider: string;
+    lastWalletAddress?: string;
 };
 type Props = {
     authMode: AuthModeType;
@@ -16,16 +16,18 @@ type Props = {
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
     wallets: WalletOption[];
-    user: UserProfile | undefined;
+    onUnlink?: (walletId: string, connectedWalletsInfo: ConnectedWalletConnectorType[]) => void;
+    onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, user, }: Props) => {
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
-    connectWalletByAddressAndChain: (name: string, address: string, chain: Chain, id?: number) => Promise<void>;
-    connectedWallet: Wallet | null;
-    connectedWallets: [] | Wallet[];
-    connectedWalletsInfo: [] | ConnectedWalletConnectorType[];
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => {
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectedWallet: Wallet;
+    connectedWallets: Wallet[];
+    connectedWalletsInfo: ConnectedWalletConnectorType[] | [];
+    getConnectedWalletById: (walletId: string) => Wallet | undefined;
+    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
     removeConnectedWalletsInfo: () => void;
-    setConnectedWallet: import("react").Dispatch<import("react").SetStateAction<Wallet | null>>;
-    setConnectedWallets: import("react").Dispatch<import("react").SetStateAction<[] | Wallet[]>>;
+    unlinkConnectedWallet: (walletId: string) => void;
 };
 export {};