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

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

@@ -0,0 +1,11 @@
+import { FC, ReactElement, ReactNode } from 'react';
+type WalletInformationCardProps = {
+    address: string;
+    ens?: string;
+    icon?: ReactElement;
+    network?: ReactNode;
+    balance?: ReactNode;
+    menu?: ReactNode;
+};
+export declare const WalletInformationCard: FC<WalletInformationCardProps>;
+export {};

package/src/lib/components/WalletInformationCard/WalletInformationCard.js

@@ -0,0 +1,29 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Typography } from '../Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import { Icon } from '../Icon/Icon.js';
+
+const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
+    const details = useMemo(() => {
+        const shortenAddress = shortenWalletAddress(address, 4, 4);
+        if (ens) {
+            return (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ color: 'primary', variant: 'body_normal', truncate: true }, { children: ens })), jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: shortenAddress }))] }));
+        }
+        return (jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_normal', color: 'primary' }, { children: shortenAddress })));
+    }, [ens, address]);
+    return (jsxs("div", Object.assign({ className: 'wallet-information-card' }, { children: [jsxs("div", Object.assign({ className: 'wallet-information-card__header' }, { children: [jsxs("div", Object.assign({ className: 'wallet-information-card__details-container' }, { children: [icon && (jsx(Icon, Object.assign({ className: 'wallet-information-card__icon' }, { children: icon }))), jsx("div", Object.assign({ className: 'wallet-information-card__details' }, { children: details })), jsx("div", Object.assign({ className: 'wallet-information-card__menu' }, { children: menu }))] })), network] })), jsxs("div", Object.assign({ className: 'wallet-information-card__balance-container' }, { children: [jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small' }, { children: "Balance" })), balance] }))] })));
+};
+
+export { WalletInformationCard };

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

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

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

@@ -43,3 +43,6 @@ export * from './Step';
 export * from './Stepper';
 export * from './Modal';
 export * from './ModalCard';
+export * from './InlineWidget';
+export * from './WalletInformationCard';
+export * from './MenuList';

package/src/lib/context/AccountExistsContext/AccountExistsContext.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const AccountExistsContext = React.createContext(undefined);
+const AccountExistsContextProvider = ({ children, }) => {
+    const [existentAccountData, setExistentAccountData] = React.useState();
+    const value = React.useMemo(() => ({
+        existentAccountData,
+        setExistentAccountData,
+    }), [existentAccountData, setExistentAccountData]);
+    return (jsxRuntime.jsx(AccountExistsContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccountExistsContext = () => {
+    const context = React.useContext(AccountExistsContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccountExistsContext not wrapped in `AccountExistsContextProvider`.');
+    }
+    return context;
+};
+
+exports.AccountExistsContext = AccountExistsContext;
+exports.AccountExistsContextProvider = AccountExistsContextProvider;
+exports.useAccountExistsContext = useAccountExistsContext;

package/src/lib/context/AccountExistsContext/AccountExistsContext.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+export type AccountExistsContextData = {
+    email: string;
+    embeddedSocialSigninProvider: ProviderEnum;
+    embeddedWalletName: string;
+    loginProvider: ProviderEnum;
+};
+export type AccountExistsContextType = {
+    existentAccountData: AccountExistsContextData | undefined;
+    setExistentAccountData: Dispatch<SetStateAction<AccountExistsContextData | undefined>>;
+};
+export declare const AccountExistsContext: import("react").Context<AccountExistsContextType | undefined>;
+export declare const AccountExistsContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAccountExistsContext: () => AccountExistsContextType;

package/src/lib/context/AccountExistsContext/AccountExistsContext.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useContext } from 'react';
+
+const AccountExistsContext = createContext(undefined);
+const AccountExistsContextProvider = ({ children, }) => {
+    const [existentAccountData, setExistentAccountData] = useState();
+    const value = useMemo(() => ({
+        existentAccountData,
+        setExistentAccountData,
+    }), [existentAccountData, setExistentAccountData]);
+    return (jsx(AccountExistsContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccountExistsContext = () => {
+    const context = useContext(AccountExistsContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccountExistsContext not wrapped in `AccountExistsContextProvider`.');
+    }
+    return context;
+};
+
+export { AccountExistsContext, AccountExistsContextProvider, useAccountExistsContext };

package/src/lib/context/AccountExistsContext/index.d.ts

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