@pushchain/ui-kit 1.0.9 → 1.0.10

package/src/lib/wallet/components/PushWalletIFrame.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushWalletIFrame = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PushWalletProvider_1 = require("./PushWalletProvider");
+const config_1 = tslib_1.__importDefault(require("../../config"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const common_1 = require("../../common");
+const PushWalletIFrame = () => {
+    const { env, universalAddress, iframeRef, isWalletMinimised, isWalletVisible, setMinimiseWallet, handleUserLogOutEvent, isIframeLoading, setIframeLoading, } = (0, PushWalletProvider_1.usePushWalletContext)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { isWalletMinimised: isWalletMinimised, universalAddress: universalAddress, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
+                                handleUserLogOutEvent();
+                            }, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, {}) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAddress: universalAddress, children: universalAddress ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.DashIcon, {}) })) : ((0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
+                                    handleUserLogOutEvent();
+                                }, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, {}) })) }), (0, jsx_runtime_1.jsx)("iframe", { src: `${config_1.default.WALLET_URL[env]}/auth?app=${window.location.origin}`, allow: "publickey-credentials-create; publickey-credentials-get; *", ref: iframeRef, style: {
+                                border: 'none',
+                                width: '-webkit-fill-available',
+                                height: '100vh',
+                                borderBottomRightRadius: universalAddress ? '10px' : '0px',
+                                borderBottomLeftRadius: universalAddress ? '10px' : '0px',
+                            }, onLoad: () => setIframeLoading(false) })] })] })) : null }));
+};
+exports.PushWalletIFrame = PushWalletIFrame;
+const FrameContainer = styled_components_1.default.div `
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  background-color: #17181b;
+  border-radius: 10px;
+  z-index: 99;
+
+  width: ${({ universalAddress, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAddress ? '450px' : '100%'};
+  height: ${({ universalAddress, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAddress ? '710px' : '100%'};
+  right: ${({ universalAddress }) => (universalAddress ? '24px' : '0')};
+  top: ${({ universalAddress }) => (universalAddress ? '24px' : '0')};
+
+  @media (max-width: 425px) {
+    width: ${({ universalAddress, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAddress ? '96%' : '100%'};
+    right: ${({ universalAddress }) => (universalAddress ? '2%' : '0')};
+    top: ${({ universalAddress }) => (universalAddress ? '8%' : '0')};
+  }
+`;
+const CloseButtonContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  cursor: pointer;
+  padding: 0 16px;
+`;
+const DashButtonContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 1000px;
+  height: 14px;
+  width: 14px;
+  background-color: #ffbb16;
+`;
+const LoadingTextContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+`;
+const LoadingText = styled_components_1.default.p `
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 27px;
+  color: rgba(255, 255, 255, 1);
+  font-family: FK Grotesk Neu;
+  margin: 0px;
+  width: auto;
+`;
+const FrameLoadingContainer = styled_components_1.default.div `
+  height: -webkit-fill-available;
+  width: -webkit-fill-available;
+  flex-direction: column;
+  display: flex;
+  padding: 8px;
+  background-color: #17181b;
+`;
+const FrameSubContainer = styled_components_1.default.div `
+  display: ${({ isWalletMinimised, isIframeLoading }) => isWalletMinimised || isIframeLoading ? 'none' : 'flex'};
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+  flex-direction: column;
+`;
+const AccountContainer = styled_components_1.default.div `
+  width: -webkit-fill-available;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: var(--spacing-xxs) var(--spacing-xxs);
+  border-top-right-radius: ${({ universalAddress }) => (universalAddress ? '10px' : '0px')};
+  border-top-left-radius: ${({ universalAddress }) => (universalAddress ? '10px' : '0px')};
+  background-color: ${({ universalAddress }) => (universalAddress ? '#e3e3e3' : '#17181B')};
+`;
+//# sourceMappingURL=PushWalletIFrame.js.map

package/src/lib/wallet/components/PushWalletIFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PushWalletIFrame.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/wallet/components/PushWalletIFrame.tsx"],"names":[],"mappings":"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"}

package/src/lib/wallet/components/PushWalletProvider.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { ConnectionStatus, UniversalAddress } from '../wallet.types';
+import { ENV } from '../../config';
+export type PushWalletContextType = {
+    universalAddress: UniversalAddress | null;
+    connectionStatus: ConnectionStatus;
+    env: ENV;
+    iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
+    isWalletVisible: boolean;
+    isWalletMinimised: boolean;
+    setWalletVisibility: (isWalletVisible: boolean) => void;
+    handleConnectToPushWallet: () => void;
+    handleNewConnectionRequest: () => void;
+    handleSignMessage: (data: Uint8Array) => Promise<Uint8Array>;
+    setMinimiseWallet: React.Dispatch<React.SetStateAction<boolean>>;
+    handleUserLogOutEvent: () => void;
+    isIframeLoading: boolean;
+    setIframeLoading: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export type WalletProviderProps = {
+    children: ReactNode;
+    env: ENV;
+};
+export declare const PushWalletProvider: React.FC<WalletProviderProps>;
+export declare const usePushWalletContext: () => PushWalletContextType;

package/src/lib/{context/WalletContext.js → wallet/components/PushWalletProvider.js}

@@ -1,98 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletContextProvider = exports.WalletContext = void 0;
+exports.usePushWalletContext = exports.PushWalletProvider = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const constants_1 = require("../constants");
-const helpers_1 = require("../helpers");
-const WalletProviderRegistry_1 = require("../providers/walletProviders/WalletProviderRegistry");
-const PushWalletToast_1 = require("../components/PushWalletToast");
-const LoginModal_1 = require("../components/LoginModal");
-const WalletContextMap_1 = require("./WalletContextMap");
-exports.WalletContext = (0, react_1.createContext)(null);
-const WalletContextProvider = ({ children, config, app, themeMode = constants_1.CONSTANTS.THEME.DARK, themeOverrides, }) => {
+const wallet_types_1 = require("../wallet.types");
+const constants_1 = require("../../constants");
+const config_1 = tslib_1.__importDefault(require("../../config"));
+const WalletProviderRegistry_1 = require("../../providers/WalletProviderRegistry");
+const wallet_utils_1 = require("../wallet.utils");
+// Create the WalletContext
+const PushWalletContext = (0, react_1.createContext)(undefined);
+// WalletProvider component
+const PushWalletProvider = ({ children, env, }) => {
     const [universalAddress, setUniversalAddress] = (0, react_1.useState)(null);
-    const iframeRef = (0, react_1.useRef)(null);
-    const [isWalletVisible, setWalletVisibility] = (0, react_1.useState)(false); // to display the iframe as connect button is clicked
-    const [isWalletMinimised, setMinimiseWallet] = (0, react_1.useState)(false); // to display/hide minimized wallet modal
+    const [isWalletVisible, setWalletVisibility] = (0, react_1.useState)(false);
+    const [isWalletMinimised, setMinimiseWallet] = (0, react_1.useState)(false);
     const [isIframeLoading, setIframeLoading] = (0, react_1.useState)(true);
+    const [currentWallet, setCurrentWallet] = (0, react_1.useState)(null);
     const [connectionStatus, setConnectionStatus] = (0, react_1.useState)('notConnected');
-    const [externalWallet, setExternalWallet] = (0, react_1.useState)(null); // to connect with external wallet
-    const [showToast, setShowToast] = (0, react_1.useState)(false);
+    const iframeRef = (0, react_1.useRef)(null);
     const signatureResolverRef = (0, react_1.useRef)(null);
-    const [modalAppData, setModalAppData] = (0, react_1.useState)(app
-        ? {
-            title: app === null || app === void 0 ? void 0 : app.title,
-            logoURL: app === null || app === void 0 ? void 0 : app.logoUrl,
-            description: app === null || app === void 0 ? void 0 : app.description,
-        }
-        : undefined);
-    const [walletAppData, setWalletAppData] = (0, react_1.useState)(app
-        ? {
-            title: app === null || app === void 0 ? void 0 : app.title,
-            logoURL: app === null || app === void 0 ? void 0 : app.logoUrl,
-            description: app === null || app === void 0 ? void 0 : app.description,
-        }
-        : undefined);
-    const updateModalAppData = (newData) => {
-        setModalAppData((prevData) => (Object.assign(Object.assign({}, prevData), newData)));
-    };
-    const updateWalletAppData = (newData) => {
-        setWalletAppData((prevData) => (Object.assign(Object.assign({}, prevData), newData)));
-    };
     const handleConnectToPushWallet = () => {
         setWalletVisibility(true);
         setConnectionStatus('connecting');
     };
-    // sending wallet config to the Push wallet
-    const sendWalletConfig = () => {
-        const walletConfig = {
-            loginDefaults: config.login,
-            themeMode,
-            appMetadata: walletAppData,
-            themeOverrides: themeOverrides || {},
-        };
-        sendMessageToPushWallet({
-            type: constants_1.APP_TO_WALLET_ACTION.WALLET_CONFIG,
-            data: Object.assign({}, walletConfig),
-        });
-    };
-    const handleUserLogOutEvent = () => {
-        setConnectionStatus('notConnected');
-        setUniversalAddress(null);
-        setMinimiseWallet(false);
-        setWalletVisibility(false);
-    };
-    // sending events to wallet from dapp
     const sendMessageToPushWallet = (message) => {
         var _a;
         if ((_a = iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) {
             try {
-                iframeRef.current.contentWindow.postMessage(message, constants_1.WALLET_CONFIG_URL[config.env]);
+                iframeRef.current.contentWindow.postMessage(message, config_1.default.WALLET_URL[env]);
             }
             catch (error) {
                 console.error('Error sending message to push wallet tab:', error);
             }
         }
     };
-    // response when the wallet sends logged in action
-    const handleIsLoggedInAction = () => {
-        handleNewConnectionRequest();
-        setExternalWallet(null);
-    };
-    // sending a new connection request as soon as wallet gets connected
     const handleNewConnectionRequest = () => {
         setConnectionStatus('authenticating');
         sendMessageToPushWallet({
-            type: constants_1.APP_TO_WALLET_ACTION.NEW_CONNECTION_REQUEST,
+            type: constants_1.CONSTANTS.APP_TO_WALLET_ACTION.NEW_CONNECTION_REQUEST,
         });
     };
+    const handleIsLoggedInAction = () => {
+        handleNewConnectionRequest();
+    };
     const handleAppConnectionSuccess = (response) => {
         setConnectionStatus('connected');
         setMinimiseWallet(true);
         if (response.account) {
-            const result = (0, helpers_1.getWalletDataFromAccount)(response.account);
+            const result = (0, wallet_utils_1.getWalletDataFromAccount)(response.account);
             setUniversalAddress({
                 chainId: result.chainId,
                 chain: result.chain,
@@ -104,7 +61,49 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
         setConnectionStatus('retry');
         setUniversalAddress(null);
     };
-    // Connect external wallet
+    const handleAppConnectionRetry = () => {
+        // setMinimiseWallet(true);
+    };
+    const handleUserLogOutEvent = () => {
+        setConnectionStatus('notConnected');
+        setUniversalAddress(null);
+        setMinimiseWallet(false);
+        setWalletVisibility(false);
+        setIframeLoading(true);
+    };
+    const handleSendSignRequestToPushWallet = (data) => {
+        return new Promise((resolve, reject) => {
+            if (signatureResolverRef.current) {
+                reject(new Error('Another sign request is already in progress'));
+                return;
+            }
+            signatureResolverRef.current = {
+                success: (response) => {
+                    resolve(response.signature);
+                    signatureResolverRef.current = null; // Clean up
+                },
+                error: (response) => {
+                    signatureResolverRef.current = null; // Clean up
+                    reject(new Error('Signature request failed'));
+                },
+            };
+            // Send the sign request to the wallet tab
+            sendMessageToPushWallet({
+                type: constants_1.CONSTANTS.APP_TO_WALLET_ACTION.SIGN_MESSAGE,
+                data,
+            });
+        });
+    };
+    const handleSignMessage = (data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        let signature;
+        if (currentWallet) {
+            signature = yield handleExternalWalletSignRequest(data);
+        }
+        else {
+            signature = yield handleSendSignRequestToPushWallet(data);
+        }
+        return signature;
+    });
     const handleExternalWalletConnection = (data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         try {
             const providerReceived = WalletProviderRegistry_1.walletRegistry.getProvider(data.provider);
@@ -114,7 +113,7 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
             const walletInfo = yield providerReceived.connect(data.chain);
             setConnectionStatus('connected');
             setMinimiseWallet(true);
-            const result = (0, helpers_1.getWalletDataFromAccount)(walletInfo.caipAddress);
+            const result = (0, wallet_utils_1.getWalletDataFromAccount)(walletInfo.caipAddress);
             setUniversalAddress({
                 chainId: result.chainId,
                 chain: result.chain,
@@ -125,16 +124,16 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
                 providerName: data.provider,
                 chainType: data.chain,
             };
-            setExternalWallet(connectedWallet);
+            setCurrentWallet(connectedWallet);
             sendMessageToPushWallet({
-                type: constants_1.APP_TO_WALLET_ACTION.CONNECTION_STATUS,
+                type: wallet_types_1.APP_TO_WALLET_ACTION.CONNECTION_STATUS,
                 data: Object.assign({ status: 'successful' }, connectedWallet),
             });
         }
         catch (error) {
             console.log('Failed to connect to provider', error);
             sendMessageToPushWallet({
-                type: constants_1.APP_TO_WALLET_ACTION.CONNECTION_STATUS,
+                type: wallet_types_1.APP_TO_WALLET_ACTION.CONNECTION_STATUS,
                 data: {
                     status: 'rejected',
                 },
@@ -142,16 +141,13 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
             throw new Error('Failed to connect to provider');
         }
     });
-    // handles external wallet signature request
     const handleExternalWalletSignRequest = (data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (!externalWallet) {
+        if (!currentWallet) {
             throw new Error('No External wallet connected');
         }
-        setShowToast(true);
         try {
-            const providerReceived = WalletProviderRegistry_1.walletRegistry.getProvider(externalWallet.providerName);
+            const providerReceived = WalletProviderRegistry_1.walletRegistry.getProvider(currentWallet.providerName);
             if (!providerReceived) {
-                setShowToast(false);
                 throw new Error('Provider not found');
             }
             const signature = yield providerReceived.signMessage(data);
@@ -161,79 +157,36 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
             console.log('Error in generating signature', error);
             throw new Error('Signature request failed');
         }
-        finally {
-            setShowToast(false);
-        }
-    });
-    // handles Push wallet signature request
-    const handleSendSignRequestToPushWallet = (data) => {
-        return new Promise((resolve, reject) => {
-            setShowToast(true);
-            if (signatureResolverRef.current) {
-                setShowToast(false);
-                reject(new Error('Another sign request is already in progress'));
-                return;
-            }
-            signatureResolverRef.current = {
-                success: (response) => {
-                    resolve(response.signature);
-                    setShowToast(false);
-                    signatureResolverRef.current = null; // Clean up
-                },
-                error: (response) => {
-                    signatureResolverRef.current = null; // Clean up
-                    setShowToast(false);
-                    reject(new Error('Signature request failed'));
-                },
-            };
-            // Send the sign request to the wallet tab
-            sendMessageToPushWallet({
-                type: constants_1.APP_TO_WALLET_ACTION.SIGN_MESSAGE,
-                data,
-            });
-        });
-    };
-    // sending Message sign request to wallet based on which wallet is connected (external or pushwallet)
-    const handleSignMessage = (data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        let signature;
-        if (externalWallet) {
-            signature = yield handleExternalWalletSignRequest(data);
-        }
-        else {
-            signature = yield handleSendSignRequestToPushWallet(data);
-        }
-        return signature;
     });
     (0, react_1.useEffect)(() => {
         const messageHandler = (event) => {
-            var _a, _b, _c, _d, _e;
-            if (((_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) !== event.source)
-                return;
+            var _a, _b, _c, _d;
             switch (event.data.type) {
-                case constants_1.WALLET_TO_APP_ACTION.CONNECT_EXTERNAL_WALLET:
-                    console.log('External wallet connection req');
+                case wallet_types_1.WALLET_TO_APP_ACTION.CONNECT_WALLET:
                     handleExternalWalletConnection(event.data.data);
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.IS_LOGGED_IN:
-                    console.log('wallet connected successfully', event.data);
+                case wallet_types_1.WALLET_TO_APP_ACTION.IS_LOGGED_IN:
                     handleIsLoggedInAction();
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.APP_CONNECTION_SUCCESS:
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.APP_CONNECTION_SUCCESS:
                     handleAppConnectionSuccess(event.data.data);
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.APP_CONNECTION_REJECTED:
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.APP_CONNECTION_REJECTED:
                     handleAppConnectionRejection();
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.SIGNATURE:
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.APP_CONNECTION_RETRY:
+                    handleAppConnectionRetry();
+                    break;
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.SIGNATURE:
                     if (signatureResolverRef.current) {
-                        (_c = (_b = signatureResolverRef === null || signatureResolverRef === void 0 ? void 0 : signatureResolverRef.current) === null || _b === void 0 ? void 0 : _b.success) === null || _c === void 0 ? void 0 : _c.call(_b, event.data.data);
+                        (_b = (_a = signatureResolverRef === null || signatureResolverRef === void 0 ? void 0 : signatureResolverRef.current) === null || _a === void 0 ? void 0 : _a.success) === null || _b === void 0 ? void 0 : _b.call(_a, event.data.data);
                     }
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.IS_LOGGED_OUT:
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.IS_LOGGED_OUT:
                     handleUserLogOutEvent();
                     break;
-                case constants_1.WALLET_TO_APP_ACTION.ERROR:
-                    (_e = (_d = signatureResolverRef === null || signatureResolverRef === void 0 ? void 0 : signatureResolverRef.current) === null || _d === void 0 ? void 0 : _d.error) === null || _e === void 0 ? void 0 : _e.call(_d, event.data.data);
+                case constants_1.CONSTANTS.WALLET_TO_APP_ACTION.ERROR:
+                    (_d = (_c = signatureResolverRef === null || signatureResolverRef === void 0 ? void 0 : signatureResolverRef.current) === null || _c === void 0 ? void 0 : _c.error) === null || _d === void 0 ? void 0 : _d.call(_c, event.data.data);
                     break;
                 default:
                     console.warn('Unknown message type:', event.data.type);
@@ -242,24 +195,31 @@ const WalletContextProvider = ({ children, config, app, themeMode = constants_1.
         window.addEventListener('message', messageHandler);
         return () => window.removeEventListener('message', messageHandler);
     }, []);
-    const WalletContext = (0, WalletContextMap_1.getWalletContext)((config === null || config === void 0 ? void 0 : config.uid) || 'default');
-    return ((0, jsx_runtime_1.jsxs)(WalletContext.Provider, { value: {
-            app,
-            config,
-            connectionStatus,
+    return ((0, jsx_runtime_1.jsx)(PushWalletContext.Provider, { value: {
             universalAddress,
-            isWalletMinimised,
-            modalAppData,
-            themeMode,
-            themeOverrides: {},
-            updateModalAppData,
-            walletAppData,
-            updateWalletAppData,
-            setMinimiseWallet,
+            connectionStatus,
+            env,
             handleConnectToPushWallet,
-            handleUserLogOutEvent,
+            handleNewConnectionRequest,
             handleSignMessage,
-        }, children: [(0, jsx_runtime_1.jsx)(LoginModal_1.LoginModal, { iframeRef: iframeRef, themeMode: themeMode, modalAppData: modalAppData, isWalletVisible: isWalletVisible, isIframeLoading: isIframeLoading, setIframeLoading: setIframeLoading, sendWalletConfig: sendWalletConfig, config: config, universalAddress: universalAddress, isWalletMinimised: isWalletMinimised, setMinimiseWallet: setMinimiseWallet, handleUserLogOutEvent: handleUserLogOutEvent }), isWalletVisible && showToast && (0, jsx_runtime_1.jsx)(PushWalletToast_1.PushWalletToast, {}), children] }));
+            handleUserLogOutEvent,
+            iframeRef,
+            isWalletVisible,
+            isWalletMinimised,
+            setWalletVisibility,
+            setMinimiseWallet,
+            isIframeLoading,
+            setIframeLoading
+        }, children: children }));
+};
+exports.PushWalletProvider = PushWalletProvider;
+// Custom hook to use WalletContext
+const usePushWalletContext = () => {
+    const context = (0, react_1.useContext)(PushWalletContext);
+    if (!context) {
+        throw new Error('useWallet must be used within a WalletProvider');
+    }
+    return context;
 };
-exports.WalletContextProvider = WalletContextProvider;
-//# sourceMappingURL=WalletContext.js.map
+exports.usePushWalletContext = usePushWalletContext;
+//# sourceMappingURL=PushWalletProvider.js.map

package/src/lib/wallet/components/PushWalletProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PushWalletProvider.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/wallet/components/PushWalletProvider.tsx"],"names":[],"mappings":"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"}

package/src/lib/{components/PushUniversalAccountButton → wallet/components}/TogglePushWalletButton.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { UniversalAddress } from '../../types';
+import { UniversalAddress } from '../wallet.types';
 type TogglePushWalletButtonProps = {
-    uid?: string;
     universalAddress: UniversalAddress;
 };
 declare const TogglePushWalletButton: React.FC<TogglePushWalletButtonProps>;

package/src/lib/wallet/components/TogglePushWalletButton.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TogglePushWalletButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wallet_utils_1 = require("../wallet.utils");
+const constants_1 = require("../../constants");
+const PushWalletProvider_1 = require("./PushWalletProvider");
+const common_1 = require("../../common");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const TogglePushWalletButton = ({ universalAddress, }) => {
+    const { setMinimiseWallet } = (0, PushWalletProvider_1.usePushWalletContext)();
+    const { chainId, address } = universalAddress;
+    function getChainIcon(chainId) {
+        if (!chainId) {
+            return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
+        }
+        const IconComponent = constants_1.CHAIN_LOGO[chainId];
+        if (IconComponent) {
+            return (0, jsx_runtime_1.jsx)(IconComponent, {});
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
+        }
+    }
+    const maskedAddress = (0, wallet_utils_1.centerMaskString)(address);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ButtonComponent, { onClick: () => setMinimiseWallet(false), children: [getChainIcon(chainId), maskedAddress, (0, jsx_runtime_1.jsx)(common_1.PushLogo, {})] }) }));
+};
+exports.TogglePushWalletButton = TogglePushWalletButton;
+const ButtonComponent = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-family: FK Grotesk Neu;
+  white-space: nowrap;
+  flex-shrink: 0;
+  border: none;
+  background-color: #17181b;
+  color: rgba(255, 255, 255, 1);
+  border-radius: 12px;
+  gap: 4px;
+  height: 48px;
+  padding: 16px 24px;
+  min-width: 100px;
+  leading-trim: both;
+  text-edge: cap;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px;
+`;
+//# sourceMappingURL=TogglePushWalletButton.js.map

package/src/lib/wallet/components/TogglePushWalletButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/wallet/components/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;;AACA,kDAAmD;AACnD,+CAA6C;AAC7C,6DAA4D;AAC5D,yCAAsD;AACtD,kFAAuC;AAMvC,MAAM,sBAAsB,GAA0C,CAAC,EACrE,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,yCAAoB,GAAE,CAAC;IACrD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;IAE9C,SAAS,YAAY,CAAC,OAAsB;QAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;QACD,MAAM,aAAa,GAAG,sBAAU,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,uBAAC,aAAa,KAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,+BAAgB,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,2DACE,wBAAC,eAAe,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,aACrD,YAAY,CAAC,OAAO,CAAC,EACrB,aAAa,EACd,uBAAC,iBAAQ,KAAG,IACI,GACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEO,wDAAsB;AAE/B,MAAM,eAAe,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './components/PushWalletProvider';
+export * from './components/PushWalletIFrame';
+export * from './components/PushWalletButton';
+export * from './wallet.types';
+export * from './wallet.constants';
+export * from './wallet.utils';

package/src/lib/wallet/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components/PushWalletProvider"), exports);
+tslib_1.__exportStar(require("./components/PushWalletIFrame"), exports);
+tslib_1.__exportStar(require("./components/PushWalletButton"), exports);
+tslib_1.__exportStar(require("./wallet.types"), exports);
+tslib_1.__exportStar(require("./wallet.constants"), exports);
+tslib_1.__exportStar(require("./wallet.utils"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/wallet/index.ts"],"names":[],"mappings":";;;AAAA,0EAAgD;AAChD,wEAA8C;AAC9C,wEAA8C;AAE9C,yDAA+B;AAC/B,6DAAmC;AACnC,yDAA+B"}

package/src/lib/wallet/wallet.constants.d.ts

@@ -0,0 +1,2 @@
+import { ConnectionStatus } from './wallet.types';
+export declare const walletConnectionButtonStatusMapper: Record<ConnectionStatus, string>;

package/src/lib/wallet/wallet.constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.walletConnectionButtonStatusMapper = void 0;
+exports.walletConnectionButtonStatusMapper = {
+    notConnected: 'Connect to Push Wallet',
+    connecting: 'Connecting to Push Wallet',
+    authenticating: 'Authenticating Push Wallet',
+    connected: 'Connected to Push Wallet',
+    retry: 'Retry Connecting to Push Wallet',
+};
+//# sourceMappingURL=wallet.constants.js.map

package/src/lib/wallet/wallet.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.constants.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/wallet/wallet.constants.ts"],"names":[],"mappings":";;;AAEa,QAAA,kCAAkC,GAG3C;IACF,YAAY,EAAE,wBAAwB;IACtC,UAAU,EAAE,2BAA2B;IACvC,cAAc,EAAE,4BAA4B;IAC5C,SAAS,EAAE,0BAA0B;IACrC,KAAK,EAAE,iCAAiC;CACzC,CAAC"}