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

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -33,21 +33,25 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('../../../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../../../context/MockContext/MockContext.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('formik');
-require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var DynamicWidgetFooter = require('../../components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');
 var SingleWalletButtons = require('../../components/SingleWalletButtons/SingleWalletButtons.cjs');
 

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -29,21 +29,25 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../components/IconButton/IconButton.js';
+import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import '../../../../views/CollectUserDataView/fieldsConfig.js';
+import '../../../../context/MockContext/MockContext.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.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 { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
 import { SingleWalletButtons } from '../../components/SingleWalletButtons/SingleWalletButtons.js';
 

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -33,13 +33,17 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('../../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.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('formik');
-require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -29,13 +29,17 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import '../../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.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 { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsxRuntime.jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+exports.OAuthIFrameContainer = OAuthIFrameContainer;

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.d.ts

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

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+export { OAuthIFrameContainer };

package/src/lib/widgets/OAuthIFrameContainer/index.d.ts

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

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

@@ -1,3 +1,4 @@
 export * from './DynamicWidget';
 export * from './FundingWidget';
 export * from './DynamicBridgeWidget';
+export * from './OAuthIFrameContainer';

package/src/lib/utils/hooks/useGetSocialIcon/index.d.ts

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

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

@@ -1,2 +0,0 @@
-import { SocialProvider } from '@dynamic-labs/wallet-connector-core';
-export declare const useGetSocialIcon: () => (provider: SocialProvider) => import("@dynamic-labs/iconic").Iconic;

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

@@ -1,10 +0,0 @@
-import { useCallback } from 'react';
-import { getSocialIcon } from '@dynamic-labs/iconic';
-import { useIconThemeVariant } from '../useIconThemeVariant/useIconThemeVariant.js';
-
-const useGetSocialIcon = () => {
-    const variant = useIconThemeVariant();
-    return useCallback((provider) => getSocialIcon(provider, variant), [variant]);
-};
-
-export { useGetSocialIcon };

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

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

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

@@ -1,18 +0,0 @@
-import { ethers } from 'ethers';
-type TransactionDataHookProps = {
-    provider: ethers.providers.Web3Provider;
-    transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>;
-};
-export declare const useTransactionData: ({ provider, transaction, }: TransactionDataHookProps) => {
-    gasEstimate: ethers.BigNumber | undefined;
-    isEffectiveValueLoading: boolean;
-    isGasPriceLoading: boolean;
-    isLoading: boolean;
-    isTransactionFromAddressLoading: boolean;
-    isTransactionToAddressLoading: boolean;
-    total: ethers.BigNumber | undefined;
-    transactionFromAddress: string | undefined;
-    transactionToAddress: string | undefined;
-    transactionValue: ethers.BigNumber | undefined;
-};
-export {};

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

@@ -1,92 +0,0 @@
-import { __awaiter, __rest } 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 '../../../../context/MockContext/MockContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-
-const useTransactionData = ({ provider, transaction, }) => {
-    const { data: transactionValue, isLoading: isEffectiveValueLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        const val = yield transaction.value;
-        return val ? ethers.BigNumber.from(val) : undefined;
-    }));
-    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = 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 = __rest(transaction, ["from"]);
-        return provider.estimateGas(transactionWithNoOrigin);
-    });
-    const { data: gasPrice, isLoading: isFeeDataLoading } = usePromise(() => provider.getGasPrice());
-    const isGasPriceLoading = isEstimatedGasLoading || isFeeDataLoading;
-    const gasEstimate = useMemo(() => gasPrice && estimatedGas
-        ? ethers.BigNumber.from(gasPrice).mul(estimatedGas)
-        : undefined, [gasPrice, estimatedGas]);
-    const { data: transactionToAddress, isLoading: isTransactionToAddressLoading, } = usePromise(() => transaction.to);
-    const { data: transactionFromAddress, isLoading: isTransactionFromAddressLoading, } = usePromise(() => transaction.from);
-    const total = useMemo(() => {
-        if (gasEstimate !== undefined && transactionValue !== undefined) {
-            return gasEstimate.add(transactionValue);
-        }
-        return transactionValue || gasEstimate;
-    }, [gasEstimate, transactionValue]);
-    const isLoading = useMemo(() => isEffectiveValueLoading ||
-        isGasPriceLoading ||
-        isTransactionToAddressLoading ||
-        isTransactionFromAddressLoading, [
-        isEffectiveValueLoading,
-        isGasPriceLoading,
-        isTransactionToAddressLoading,
-        isTransactionFromAddressLoading,
-    ]);
-    return {
-        gasEstimate,
-        isEffectiveValueLoading,
-        isGasPriceLoading,
-        isLoading,
-        isTransactionFromAddressLoading,
-        isTransactionToAddressLoading,
-        total,
-        transactionFromAddress,
-        transactionToAddress,
-        transactionValue,
-    };
-};
-
-export { useTransactionData };