@dynamic-labs/sdk-react-core 0.19.0-alpha.0 → 0.19.0-alpha.2

package/src/lib/views/TransactionConfirmationView/hooks/{useTransactionData/useTransactionData.cjs → useTransactionGas/useTransactionGas.cjs}

@@ -39,58 +39,37 @@ require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../CollectUserDataView/fieldsConfig.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var useTransactionEstimatedGas = require('../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.cjs');
+require('@dynamic-labs/types');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 
-const useTransactionData = ({ provider, transaction, }) => {
-    const { data: transactionValue, isLoading: isEffectiveValueLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const val = yield transaction.value;
-        return val ? ethers.ethers.BigNumber.from(val) : undefined;
-    }));
-    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = usePromise.usePromise(() => {
-        // To safely run estimateGas using alchemy, we need to remove the from address
-        // because alchemy checks the origin address funds and can return an error if
-        // origin wallet has no funds for the transaction
-        // https://docs.alchemy.com/reference/eth-estimategas
-        const transactionWithNoOrigin = _tslib.__rest(transaction, ["from"]);
-        return provider.estimateGas(transactionWithNoOrigin);
+const useTransactionGas = ({ provider, transaction, }) => {
+    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas.useTransactionEstimatedGas(provider, transaction);
+    const { data: gasPrice, isLoading: isLoadingGasPrice } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (transaction.gasPrice) {
+            const gasPrice = yield transaction.gasPrice;
+            return gasPrice ? ethers.ethers.BigNumber.from(gasPrice) : undefined;
+        }
+        return provider.getGasPrice();
+    }), {
+        deps: [transaction.gasPrice],
     });
-    const { data: gasPrice, isLoading: isFeeDataLoading } = usePromise.usePromise(() => provider.getGasPrice());
-    const isGasPriceLoading = isEstimatedGasLoading || isFeeDataLoading;
-    const gasEstimate = React.useMemo(() => gasPrice && estimatedGas
+    const gasTotalPrice = React.useMemo(() => gasPrice && estimatedGas
         ? ethers.ethers.BigNumber.from(gasPrice).mul(estimatedGas)
         : undefined, [gasPrice, estimatedGas]);
-    const { data: transactionToAddress, isLoading: isTransactionToAddressLoading, } = usePromise.usePromise(() => transaction.to);
-    const { data: transactionFromAddress, isLoading: isTransactionFromAddressLoading, } = usePromise.usePromise(() => transaction.from);
-    const total = React.useMemo(() => {
-        if (gasEstimate !== undefined && transactionValue !== undefined) {
-            return gasEstimate.add(transactionValue);
-        }
-        return transactionValue || gasEstimate;
-    }, [gasEstimate, transactionValue]);
-    const isLoading = React.useMemo(() => isEffectiveValueLoading ||
-        isGasPriceLoading ||
-        isTransactionToAddressLoading ||
-        isTransactionFromAddressLoading, [
-        isEffectiveValueLoading,
-        isGasPriceLoading,
-        isTransactionToAddressLoading,
-        isTransactionFromAddressLoading,
-    ]);
+    const isLoading = isEstimatedGasLoading || isLoadingGasPrice;
+    const isGasEstimated = Boolean(estimatedGas) && !transaction.gasPrice;
     return {
-        gasEstimate,
-        isEffectiveValueLoading,
-        isGasPriceLoading,
+        gasTotalPrice,
+        isGasEstimated,
         isLoading,
-        isTransactionFromAddressLoading,
-        isTransactionToAddressLoading,
-        total,
-        transactionFromAddress,
-        transactionToAddress,
-        transactionValue,
     };
 };
 
-exports.useTransactionData = useTransactionData;
+exports.useTransactionGas = useTransactionGas;

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.d.ts

@@ -0,0 +1,11 @@
+import { ethers } from 'ethers';
+type UseTransactionGasProps = {
+    provider: ethers.providers.Web3Provider;
+    transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>;
+};
+export declare const useTransactionGas: ({ provider, transaction, }: UseTransactionGasProps) => {
+    gasTotalPrice: ethers.BigNumber | undefined;
+    isGasEstimated: boolean;
+    isLoading: boolean;
+};
+export {};

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.js

@@ -0,0 +1,71 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useMemo } from 'react';
+import { ethers } from 'ethers';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-dom';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../CollectUserDataView/fieldsConfig.js';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
+import { useTransactionEstimatedGas } from '../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js';
+import '@dynamic-labs/types';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+
+const useTransactionGas = ({ provider, transaction, }) => {
+    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas(provider, transaction);
+    const { data: gasPrice, isLoading: isLoadingGasPrice } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (transaction.gasPrice) {
+            const gasPrice = yield transaction.gasPrice;
+            return gasPrice ? ethers.BigNumber.from(gasPrice) : undefined;
+        }
+        return provider.getGasPrice();
+    }), {
+        deps: [transaction.gasPrice],
+    });
+    const gasTotalPrice = useMemo(() => gasPrice && estimatedGas
+        ? ethers.BigNumber.from(gasPrice).mul(estimatedGas)
+        : undefined, [gasPrice, estimatedGas]);
+    const isLoading = isEstimatedGasLoading || isLoadingGasPrice;
+    const isGasEstimated = Boolean(estimatedGas) && !transaction.gasPrice;
+    return {
+        gasTotalPrice,
+        isGasEstimated,
+        isLoading,
+    };
+};
+
+export { useTransactionGas };

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/index.d.ts

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

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/useTransactionTotal.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useTransactionTotal = ({ transactionValue, gasTotalPrice, }) => React.useMemo(() => {
+    if (gasTotalPrice !== undefined && transactionValue !== undefined) {
+        return gasTotalPrice.add(transactionValue);
+    }
+    return transactionValue || gasTotalPrice;
+}, [gasTotalPrice, transactionValue]);
+
+exports.useTransactionTotal = useTransactionTotal;

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/useTransactionTotal.d.ts

@@ -0,0 +1,7 @@
+import { ethers } from 'ethers';
+type UseTransactionTotalProps = {
+    transactionValue?: ethers.BigNumber;
+    gasTotalPrice?: ethers.BigNumber;
+};
+export declare const useTransactionTotal: ({ transactionValue, gasTotalPrice, }: UseTransactionTotalProps) => ethers.BigNumber | undefined;
+export {};

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/useTransactionTotal.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+
+const useTransactionTotal = ({ transactionValue, gasTotalPrice, }) => useMemo(() => {
+    if (gasTotalPrice !== undefined && transactionValue !== undefined) {
+        return gasTotalPrice.add(transactionValue);
+    }
+    return transactionValue || gasTotalPrice;
+}, [gasTotalPrice, transactionValue]);
+
+export { useTransactionTotal };

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+var close = require('../../shared/assets/close.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var Icon = require('../../components/Icon/Icon.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../components/Alert/Alert.cjs');
+var UserProfileForm = require('../../components/UserProfileForm/UserProfileForm.cjs');
+var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultValues.cjs');
+var UserFieldsToIcon = require('./UserFieldsToIcon/UserFieldsToIcon.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('yup');
+require('../CollectUserDataView/fieldsConfig.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+
+const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
+    // Treat undefined props
+    ({ submitText, subtitle, title } = useAssignDefaultValues.useAssignDefaultValues({ submitText, subtitle, title }, fields));
+    const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ alignContent: 'bottom', trailing: closeButton }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'user-field-editor__header' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'user-field-editor__header__icon' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'brand-primary', size: 'large' }, { children: jsxRuntime.jsx(UserFieldsToIcon.UserFieldsToIcon, { fields: fields }) })) })), title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary' }, { children: title })))] })) })), jsxRuntime.jsxs("div", Object.assign({ className: 'user-field-editor__body' }, { children: [subtitle && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'user-field-editor__body__subtitle', variant: 'body_normal', color: 'secondary' }, { children: subtitle }))), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { filterFields: fields, onEditProfileSubmit: onSubmit, formClassName: 'user-field-editor__body__form', fieldsContainerStyle: { padding: 0 }, options: {
+                            buttonsAsFooter: false,
+                            hideCancelButton: true,
+                            submitButtonProps: {
+                                buttonPadding: 'large',
+                                startSlot: undefined,
+                                typographyProps: { variant: 'button_primary' },
+                            },
+                            submitText,
+                        } })] })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
+};
+
+exports.UserFieldEditorView = UserFieldEditorView;

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.d.ts

@@ -0,0 +1,9 @@
+import { FC, MouseEventHandler } from 'react';
+import { UpdateUserWithModalFields, UpdateUserWithModalOptions, UserDataFormValues } from '../../utils/hooks/';
+export type UserFieldEditorViewProps = UpdateUserWithModalOptions & {
+    fields: UpdateUserWithModalFields;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onDone?: () => void;
+    onSubmit: (formValues: UserDataFormValues) => void;
+};
+export declare const UserFieldEditorView: FC<UserFieldEditorViewProps>;

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { Typography } from '../../components/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 { ReactComponent as SvgClose } from '../../shared/assets/close.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import { Icon } from '../../components/Icon/Icon.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../components/Alert/Alert.js';
+import { UserProfileForm } from '../../components/UserProfileForm/UserProfileForm.js';
+import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaultValues.js';
+import { UserFieldsToIcon } from './UserFieldsToIcon/UserFieldsToIcon.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'yup';
+import '../CollectUserDataView/fieldsConfig.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+
+const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
+    // Treat undefined props
+    ({ submitText, subtitle, title } = useAssignDefaultValues({ submitText, subtitle, title }, fields));
+    const closeButton = onClickClose && (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, Object.assign({ alignContent: 'bottom', trailing: closeButton }, { children: jsxs("div", Object.assign({ className: 'user-field-editor__header' }, { children: [jsx("div", Object.assign({ className: 'user-field-editor__header__icon' }, { children: jsx(Icon, Object.assign({ color: 'brand-primary', size: 'large' }, { children: jsx(UserFieldsToIcon, { fields: fields }) })) })), title && (jsx(Typography, Object.assign({ variant: 'title', color: 'primary' }, { children: title })))] })) })), jsxs("div", Object.assign({ className: 'user-field-editor__body' }, { children: [subtitle && (jsx(Typography, Object.assign({ className: 'user-field-editor__body__subtitle', variant: 'body_normal', color: 'secondary' }, { children: subtitle }))), jsx(UserProfileForm, { filterFields: fields, onEditProfileSubmit: onSubmit, formClassName: 'user-field-editor__body__form', fieldsContainerStyle: { padding: 0 }, options: {
+                            buttonsAsFooter: false,
+                            hideCancelButton: true,
+                            submitButtonProps: {
+                                buttonPadding: 'large',
+                                startSlot: undefined,
+                                typographyProps: { variant: 'button_primary' },
+                            },
+                            submitText,
+                        } })] })), jsx(PoweredByDynamic, { asFooter: true })] }));
+};
+
+export { UserFieldEditorView };

package/src/lib/views/UserFieldEditorView/UserFieldsToIcon/UserFieldsToIcon.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+var at = require('../../../shared/assets/at.cjs');
+var mail = require('../../../shared/assets/mail.cjs');
+var phone = require('../../../shared/assets/phone.cjs');
+var sizeLabels = require('../../../shared/assets/size-labels.cjs');
+var user = require('../../../shared/assets/user.cjs');
+var userCard = require('../../../shared/assets/user-card.cjs');
+var workSuitcase = require('../../../shared/assets/work-suitcase.cjs');
+var location = require('../../../shared/assets/location.cjs');
+var justifiedText = require('../../../shared/assets/justified-text.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+
+/** Maps fields names to Icon components */
+const mapFieldToIcon = {
+    alias: user.ReactComponent,
+    country: location.ReactComponent,
+    email: mail.ReactComponent,
+    firstName: userCard.ReactComponent,
+    jobTitle: workSuitcase.ReactComponent,
+    lastName: userCard.ReactComponent,
+    phoneNumber: phone.ReactComponent,
+    tShirtSize: sizeLabels.ReactComponent,
+    username: at.ReactComponent,
+};
+const UserFieldsToIcon = ({ fields, className, }) => {
+    // When there are more than 1 fields, we use a generic icon
+    const Icon = fields.length === 1 ? mapFieldToIcon[fields[0]] : undefined;
+    if (!Icon)
+        return jsxRuntime.jsx(justifiedText.ReactComponent, { className: className });
+    return jsxRuntime.jsx(Icon, { className: className });
+};
+
+exports.UserFieldsToIcon = UserFieldsToIcon;

package/src/lib/views/UserFieldEditorView/UserFieldsToIcon/UserFieldsToIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { UserFields } from '@dynamic-labs/sdk-api';
+export type UserFieldsToIconProps = {
+    fields: (keyof UserFields)[];
+    className?: string;
+};
+export declare const UserFieldsToIcon: FC<UserFieldsToIconProps>;

package/src/lib/views/UserFieldEditorView/UserFieldsToIcon/UserFieldsToIcon.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+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 'react';
+import { ReactComponent as SvgAt } from '../../../shared/assets/at.js';
+import { ReactComponent as SvgMail } from '../../../shared/assets/mail.js';
+import { ReactComponent as SvgPhone } from '../../../shared/assets/phone.js';
+import { ReactComponent as SvgSizeLabels } from '../../../shared/assets/size-labels.js';
+import { ReactComponent as SvgUser } from '../../../shared/assets/user.js';
+import { ReactComponent as SvgUserCard } from '../../../shared/assets/user-card.js';
+import { ReactComponent as SvgWorkSuitcase } from '../../../shared/assets/work-suitcase.js';
+import { ReactComponent as SvgLocation } from '../../../shared/assets/location.js';
+import { ReactComponent as SvgJustifiedText } from '../../../shared/assets/justified-text.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+
+/** Maps fields names to Icon components */
+const mapFieldToIcon = {
+    alias: SvgUser,
+    country: SvgLocation,
+    email: SvgMail,
+    firstName: SvgUserCard,
+    jobTitle: SvgWorkSuitcase,
+    lastName: SvgUserCard,
+    phoneNumber: SvgPhone,
+    tShirtSize: SvgSizeLabels,
+    username: SvgAt,
+};
+const UserFieldsToIcon = ({ fields, className, }) => {
+    // When there are more than 1 fields, we use a generic icon
+    const Icon = fields.length === 1 ? mapFieldToIcon[fields[0]] : undefined;
+    if (!Icon)
+        return jsx(SvgJustifiedText, { className: className });
+    return jsx(Icon, { className: className });
+};
+
+export { UserFieldsToIcon };

package/src/lib/views/UserFieldEditorView/UserFieldsToIcon/index.d.ts

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

package/src/lib/views/UserFieldEditorView/index.d.ts

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

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/index.d.ts

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

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var splitCamelCase = require('../../../shared/utils/functions/splitCamelCase/splitCamelCase.cjs');
+
+/** This function assigns the default values for the modal's text components */
+const useAssignDefaultValues = (texts, fields) => {
+    const { appName, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const appDisplay = appName ? `${appName} ` : '';
+    // This is fixed
+    if (!texts.submitText)
+        texts.submitText = 'Update';
+    // Others depend on the fields
+    if (fields.length !== 1) {
+        if (!texts.title)
+            texts.title = 'Update your info';
+        if (!texts.subtitle)
+            texts.subtitle = `Fill out your info for your ${appDisplay}account`;
+        return texts;
+    }
+    const [field] = fields;
+    const fieldDisplay = splitCamelCase.splitCamelCase(field).toLowerCase();
+    // If the field already has some value, use the word "update"
+    const titleAction = (user === null || user === void 0 ? void 0 : user[field]) ? 'Update' : 'Enter';
+    if (!texts.title)
+        texts.title = `${titleAction} your ${fieldDisplay}`;
+    if (!texts.subtitle)
+        texts.subtitle = `Add your ${fieldDisplay} to your ${appDisplay}account`;
+    return texts;
+};
+
+exports.useAssignDefaultValues = useAssignDefaultValues;

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.d.ts

@@ -0,0 +1,7 @@
+import { UpdateUserWithModalFields } from '../../../utils/hooks';
+/** This function assigns the default values for the modal's text components */
+export declare const useAssignDefaultValues: (texts: Record<'title' | 'subtitle' | 'submitText', string | undefined>, fields: UpdateUserWithModalFields) => {
+    title: string;
+    subtitle: string;
+    submitText: string;
+};

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.js

@@ -0,0 +1,30 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { splitCamelCase } from '../../../shared/utils/functions/splitCamelCase/splitCamelCase.js';
+
+/** This function assigns the default values for the modal's text components */
+const useAssignDefaultValues = (texts, fields) => {
+    const { appName, user } = useInternalDynamicContext();
+    const appDisplay = appName ? `${appName} ` : '';
+    // This is fixed
+    if (!texts.submitText)
+        texts.submitText = 'Update';
+    // Others depend on the fields
+    if (fields.length !== 1) {
+        if (!texts.title)
+            texts.title = 'Update your info';
+        if (!texts.subtitle)
+            texts.subtitle = `Fill out your info for your ${appDisplay}account`;
+        return texts;
+    }
+    const [field] = fields;
+    const fieldDisplay = splitCamelCase(field).toLowerCase();
+    // If the field already has some value, use the word "update"
+    const titleAction = (user === null || user === void 0 ? void 0 : user[field]) ? 'Update' : 'Enter';
+    if (!texts.title)
+        texts.title = `${titleAction} your ${fieldDisplay}`;
+    if (!texts.subtitle)
+        texts.subtitle = `Add your ${fieldDisplay} to your ${appDisplay}account`;
+    return texts;
+};
+
+export { useAssignDefaultValues };

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var walletBook = require('@dynamic-labs/wallet-book');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var Button = require('../../components/Button/Button.cjs');
+require('../../components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('../CollectUserDataView/fieldsConfig.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+
+const WalletCannotBeTransferredView = () => {
+    const [walletAddress, setWalletAddress] = React.useState(undefined);
+    const { goToInitialView } = ViewContext.useViewContext();
+    const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    React.useEffect(() => {
+        const _fetchPublicAddress = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
+            setWalletAddress(address);
+        });
+        _fetchPublicAddress();
+    }, [walletConnector]);
+    const _shortenWalletAddress = shortenWalletAddress.shortenWalletAddress(walletAddress);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Cannot link this wallet to a new account" })), jsxRuntime.jsx("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, width: 64, height: 64 }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account." })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet' }, { children: "Transfer a different wallet" })), jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', buttonRounded: 'small', onClick: goToInitialView }, { children: "Cancel" }))] })));
+};
+
+exports.WalletCannotBeTransferredView = WalletCannotBeTransferredView;

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.d.ts

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