@dynamic-labs/sdk-react-core 0.17.0-RC.6 → 0.17.0-RC.8

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

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import { FundWalletView } from './views/FundWalletView/FundWalletView.js';
+
+const FundingWidget = () => jsx(FundWalletView, {});
+
+export { FundingWidget };

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

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

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../utils/constants/colors.cjs');
+var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
+require('../../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
+var ShadowDOM = 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');
+var OpacityTransition = require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
+
+const Modal = ({ onrampUrl }) => {
+    const { fundingRef, setShowFunding } = FundingContext.useFundingContext();
+    const close = () => {
+        setShowFunding(false);
+    };
+    index.useOnClickOutside(fundingRef, close);
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal' }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal-content', ref: fundingRef }, { children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })) })));
+};
+const FundWalletView = () => {
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { showFunding, fundingUrl, fundingEnabled } = FundingContext.useFundingContext();
+    if (!fundingEnabled ||
+        !showFunding ||
+        !fundingUrl ||
+        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+        return null;
+    }
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, Object.assign({ isShown: showFunding }, { children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsxRuntime.jsx("div", Object.assign({ className: 'fund-wallet__modal-container' }, { children: jsxRuntime.jsx(Modal, { onrampUrl: fundingUrl }) }))] })) }));
+};
+
+exports.FundWalletView = FundWalletView;
+exports.Modal = Modal;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const Modal: ({ onrampUrl }: {
+    onrampUrl: string;
+}) => JSX.Element;
+export declare const FundWalletView: FC;

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

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../../../context/ViewContext/ViewContext.js';
+import '../../../../utils/constants/colors.js';
+import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/utils';
+import { ShadowDOM } from '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import { OpacityTransition } from '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../components/IconButton/IconButton.js';
+import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
+
+const Modal = ({ onrampUrl }) => {
+    const { fundingRef, setShowFunding } = useFundingContext();
+    const close = () => {
+        setShowFunding(false);
+    };
+    useOnClickOutside(fundingRef, close);
+    return (jsx("div", Object.assign({ className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal' }, { children: jsx("div", Object.assign({ className: 'fund-wallet__modal-content', ref: fundingRef }, { children: jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })) })));
+};
+const FundWalletView = () => {
+    const { primaryWallet } = useInternalDynamicContext();
+    const { showFunding, fundingUrl, fundingEnabled } = useFundingContext();
+    if (!fundingEnabled ||
+        !showFunding ||
+        !fundingUrl ||
+        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+        return null;
+    }
+    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, Object.assign({ isShown: showFunding }, { children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsx("div", Object.assign({ className: 'fund-wallet__modal-container' }, { children: jsx(Modal, { onrampUrl: fundingUrl }) }))] })) }));
+};
+
+export { FundWalletView, Modal };

package/src/lib/widgets/FundingWidget/views/FundWalletView/index.d.ts

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

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

@@ -1 +1,2 @@
 export * from './DynamicWidget';
+export * from './FundingWidget';

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var sdkApi = require('@dynamic-labs/sdk-api');
-
-const getMagicLinkApiKeyFromProviders = (providers) => {
-    const [magicLinkProvider] = providers.filter(({ provider }) => provider === sdkApi.ProviderEnum.MagicLink);
-    return magicLinkProvider === null || magicLinkProvider === void 0 ? void 0 : magicLinkProvider.providerProjectId;
-};
-
-exports.getMagicLinkApiKeyFromProviders = getMagicLinkApiKeyFromProviders;

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.d.ts

@@ -1,2 +0,0 @@
-import { Provider } from '@dynamic-labs/sdk-api';
-export declare const getMagicLinkApiKeyFromProviders: (providers: Provider[]) => string | undefined;

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.js

@@ -1,8 +0,0 @@
-import { ProviderEnum } from '@dynamic-labs/sdk-api';
-
-const getMagicLinkApiKeyFromProviders = (providers) => {
-    const [magicLinkProvider] = providers.filter(({ provider }) => provider === ProviderEnum.MagicLink);
-    return magicLinkProvider === null || magicLinkProvider === void 0 ? void 0 : magicLinkProvider.providerProjectId;
-};
-
-export { getMagicLinkApiKeyFromProviders };

package/src/lib/utils/hooks/useWallets/utils/getMagicLinkApiKeyFromProviders/index.d.ts

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

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

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

package/src/lib/views/CollectUserDataView/UserDataForm/index.d.ts

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