@0xsequence/connect
Version:
Connect package for Sequence Web SDK
47 lines • 3.38 kB
JavaScript
;
'use client';
Object.defineProperty(exports, "__esModule", { value: true });
exports.SequenceConnectPreviewProvider = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const design_system_1 = require("@0xsequence/design-system");
const google_1 = require("@react-oauth/google");
const react_1 = require("react");
const wagmi_1 = require("wagmi");
const Analytics_js_1 = require("../../contexts/Analytics.js");
const ConnectConfig_js_1 = require("../../contexts/ConnectConfig.js");
const Theme_js_1 = require("../../contexts/Theme.js");
const WalletConfig_js_1 = require("../../contexts/WalletConfig.js");
const useWaasEmailConflict_js_1 = require("../../hooks/useWaasEmailConflict.js");
const Connect_js_1 = require("../Connect/Connect.js");
/**
* @internal
* Preview version of SequenceConnectProvider component.
* This component should only be used for testing purposes.
* It provides the same functionality as SequenceConnectProvider but only for preview purposes.
*/
const SequenceConnectPreviewProvider = (props) => {
const { config, children } = props;
const { defaultTheme = 'dark', position = 'center', displayedAssets: displayedAssetsSetting = [], readOnlyNetworks, hideExternalConnectOptions = false, hideConnectedWallets = false, hideSocialConnectOptions = false } = config;
const [theme, setTheme] = (0, react_1.useState)(defaultTheme || 'dark');
const [modalPosition, setModalPosition] = (0, react_1.useState)(position);
const [displayedAssets, setDisplayedAssets] = (0, react_1.useState)(displayedAssetsSetting);
const wagmiConfig = (0, wagmi_1.useConfig)();
const googleWaasConnector = wagmiConfig.connectors.find(c => c.id === 'sequence-waas' && c._wallet.id === 'google-waas');
const googleClientId = googleWaasConnector?.params?.googleClientId || '';
const { emailConflictInfo } = (0, useWaasEmailConflict_js_1.useEmailConflict)();
return ((0, jsx_runtime_1.jsx)(ConnectConfig_js_1.ConnectConfigContextProvider, { value: config, children: (0, jsx_runtime_1.jsx)(Theme_js_1.ThemeContextProvider, { value: {
theme,
setTheme,
position: modalPosition,
setPosition: setModalPosition
}, children: (0, jsx_runtime_1.jsx)(Analytics_js_1.AnalyticsContextProvider, { value: { setAnalytics: () => { }, analytics: undefined }, children: (0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, { clientId: googleClientId, children: (0, jsx_runtime_1.jsxs)(WalletConfig_js_1.WalletConfigContextProvider, { value: {
setDisplayedAssets,
displayedAssets,
readOnlyNetworks,
hideExternalConnectOptions,
hideConnectedWallets,
hideSocialConnectOptions
}, children: [(0, jsx_runtime_1.jsx)("div", { id: "kit-provider", children: (0, jsx_runtime_1.jsx)(design_system_1.ThemeProvider, { root: "#kit-provider", scope: "kit", theme: theme, children: (0, jsx_runtime_1.jsx)(Connect_js_1.Connect, { onClose: () => { }, emailConflictInfo: emailConflictInfo, isInline: true, ...props }) }) }), children] }) }) }) }) }));
};
exports.SequenceConnectPreviewProvider = SequenceConnectPreviewProvider;
//# sourceMappingURL=SequenceConnectPreviewProvider.js.map