diff --git a/package.json b/package.json
index 463eda6fc2..0fafcfe8cc 100644
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
     "eth-crypto": "1.6.0",
     "eth-sig-util": "^3.0.1",
     "ethers": "^5.7.2",
+    "firebase": "^10.12.2",
     "https-browserify": "1.0.0",
     "image-size": "0.9.3",
     "immer": "^10.0.2",
diff --git a/public/index.html b/public/index.html
index 96e6b15efe..985cefece0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -132,6 +132,7 @@
     <!-- Meta Tags Generated via https://www.opengraph.xyz -->
 
     <!-- Start Single Page Apps for GitHub Pages -->
+     
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages
       // MIT License
diff --git a/src/App.tsx b/src/App.tsx
index f4045ce5df..e1336cf786 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 // React + Web3 Essentials
-import { FC, useContext, useEffect, useMemo, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 
 // External Packages
 import * as dotenv from 'dotenv';
@@ -14,9 +14,10 @@ import { createGlobalStyle } from 'styled-components';
 
 // Internal Compoonents
 import InitState from 'components/InitState';
-import { AppContext } from 'contexts/AppContext';
+import { useBrowserNotification } from 'hooks/useBrowserNotification';
+import AppContextProvider, { AppContext } from 'contexts/AppContext';
 import NavigationContextProvider from 'contexts/NavigationContext';
-import { useAccount, useInactiveListener } from 'hooks';
+import { useAccount, useInactiveListener, useSDKSocket } from 'hooks';
 import { resetAdminSlice } from 'redux/slices/adminSlice';
 import { resetChannelCreationSlice } from 'redux/slices/channelCreationSlice';
 import { resetNotificationsSlice } from 'redux/slices/notificationSlice';
@@ -27,6 +28,9 @@ import UserJourneySteps from 'segments/userJourneySteps';
 import Header from 'structure/Header';
 import MasterInterfacePage from 'structure/MasterInterfacePage';
 import Navigation from 'structure/Navigation';
+import AppLogin from './AppLogin';
+import { SectionV2 } from './components/reusables/SharedStylingV2';
+import { ErrorContext } from './contexts/ErrorContext';
 import { setIndex, setRun, setWelcomeNotifsEmpty } from './redux/slices/userJourneySlice';
 
 // Internal Configs
@@ -107,42 +111,42 @@ const GlobalStyle = createGlobalStyle`
 
 export interface IUseSpaceReturnValues {
   spaceUI: SpacesUI;
-  SpaceInvitesComponent: FC<ISpaceInvitesProps>;
-  SpaceWidgetComponent: FC<ISpaceWidgetProps>;
-  SpaceFeedComponent: FC<ISpaceFeedProps>;
-  SpaceBannerComponent: FC<ISpaceBannerProps>;
-  CreateSpaceComponent: FC<ISpaceCreateWidgetProps>;
+  SpaceInvitesComponent: React.FC<ISpaceInvitesProps>;
+  SpaceWidgetComponent: React.FC<ISpaceWidgetProps>;
+  SpaceFeedComponent: React.FC<ISpaceFeedProps>;
+  SpaceBannerComponent: React.FC<ISpaceBannerProps>;
+  CreateSpaceComponent: React.FC<ISpaceCreateWidgetProps>;
 }
 
-// Extend the console
-const extendConsole = () => {
-  'use strict';
-  try {
-    var disabledConsoles = {};
-    console.enable = function (level, enabled) {
-      if (window.console === 'undefined' || !window.console || window.console === null) {
-        window.console = {};
-      }
-      if (window.console[level] === 'undefined' || !window.console[level] || window.console[level] === null) {
-        window.console[level] = function () {};
-      }
-      if (enabled) {
-        if (disabledConsoles[level]) {
-          window.console[level] = disabledConsoles[level];
-        }
-      } else {
-        disabledConsoles[level] = window.console[level];
-        window.console[level] = function () {};
-      }
-    };
-  } catch (e) {
-    console.error('Extended console() threw an error!');
-    console.debug(e);
-  }
-};
-
-// extend console
-extendConsole();
+// // Extend the console
+// const extendConsole = () => {
+//   'use strict';
+//   try {
+//     var disabledConsoles = {};
+//     console.enable = function (level, enabled) {
+//       if (window.console === 'undefined' || !window.console || window.console === null) {
+//         window.console = {};
+//       }
+//       if (window.console[level] === 'undefined' || !window.console[level] || window.console[level] === null) {
+//         window.console[level] = function () {};
+//       }
+//       if (enabled) {
+//         if (disabledConsoles[level]) {
+//           window.console[level] = disabledConsoles[level];
+//         }
+//       } else {
+//         disabledConsoles[level] = window.console[level];
+//         window.console[level] = function () {};
+//       }
+//     };
+//   } catch (e) {
+//     console.error('Extended console() threw an error!');
+//     console.debug(e);
+//   }
+// };
+
+// // extend console
+// extendConsole();
 
 // Disable console but not on localhost
 if (location.hostname !== 'localhost' && location.hostname !== '127.0.0.1') {
@@ -169,18 +173,17 @@ export default function App() {
 
   const dispatch = useDispatch();
 
-  const { isActive, account, provider } = useAccount();
-  const [currentTime, setcurrentTime] = useState(0);
-
+  const { isActive, account, chainId, provider } = useAccount();
+  const [currentTime, setcurrentTime] = React.useState(0);
+  const { authError, setAuthError } = useContext(ErrorContext);
   const { pgpPvtKey } = useContext<any>(AppContext);
-  const { sidebarCollapsed, setSidebarCollapsed } = useContext(GlobalContext);
+  const { sidebarCollapsed, setSidebarCollapsed } = React.useContext(GlobalContext);
 
   const updateOnboardTheme = useUpdateTheme();
   const { userPushSDKInstance } = useSelector((state: any) => {
     return state.user;
   });
 
-  useInactiveListener();
   const { run, stepIndex, tutorialContinous } = useSelector((state: any) => state.userJourney);
   // const location = useLocation();
   // Build takes care of this now
@@ -190,8 +193,8 @@ export default function App() {
   //   // This will run when the page first loads and whenever the title changes
   //   document.title = title;
   // }, [title]);
-
-  useEffect(() => {
+  useBrowserNotification();
+  React.useEffect(() => {
     const now = Date.now() / 1000;
     setcurrentTime(now);
   }, []);
@@ -206,6 +209,10 @@ export default function App() {
     dispatch(resetUserSlice());
   }, [account]);
 
+  // console.log(isActive, chainId, account);
+  // handle logic to reconnect in response to certain events from the provider
+  const { allowedChain } = useInactiveListener();
+
   // Initialize Theme
   const [darkMode, setDarkMode] = useState(false);
   const toggleDarkMode = () => {
@@ -215,7 +222,7 @@ export default function App() {
     setDarkMode(!darkMode);
   };
 
-  useEffect(() => {
+  React.useEffect(() => {
     const data = localStorage.getItem('theme');
     if (data) {
       const isDarkMode = JSON.parse(data);
@@ -232,16 +239,16 @@ export default function App() {
     }
   }, []);
 
-  useEffect(() => {
+  React.useEffect(() => {
     localStorage.setItem('theme', JSON.stringify(darkMode));
     localStorage.setItem('SidebarCollapsed', JSON.stringify(sidebarCollapsed));
   });
 
-  useEffect(() => {
+  React.useEffect(() => {
     document.body.style.backgroundColor = darkMode ? '#000' : '#fff';
   }, [darkMode]);
 
-  useEffect(() => {
+  React.useEffect(() => {
     window?.Olvy?.init({
       organisation: 'epns',
       target: '#olvy-target',
@@ -263,7 +270,9 @@ export default function App() {
   const steps = UserJourneySteps({ darkMode });
 
   const handleJoyrideCallback = (data: CallBackProps) => {
-    const { action, lifecycle, index } = data;
+    // console.log(data)
+    // console.log(STATUS);
+    const { action, lifecycle, status, index } = data;
     if (lifecycle === 'ready') {
       setTimeout(() => {
         document.querySelector('div > section > div').scrollTop = 0;
@@ -314,7 +323,7 @@ export default function App() {
           <ChatUIProvider
             user={userPushSDKInstance}
             theme={darkMode && darkChatTheme}
-            debug={false}
+            debug={true}
             uiConfig={{
               suppressToast: false,
             }}
@@ -413,8 +422,6 @@ const HeaderContainer = styled.header`
 
 const ParentContainer = styled.div`
   flex-wrap: wrap;
-  position: relative;
-  z-index: 0;
   display: flex;
   flex-direction: row;
   justify-content: center;
diff --git a/src/api/index.js b/src/api/index.js
index 97260fb187..4d7b7898e1 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -7,6 +7,7 @@ import { appConfig } from 'config/index.js';
 // Constants
 const BASE_URL = appConfig.apiUrl;
 const TOOLING_BASE_URL = appConfig.toolingApiUrl;
+const DELIVERY_NODE_BASE_URL = appConfig.deliveryNodeApiUrl;
 
 /**
  * A function used to make get requests throughout the entire application
@@ -55,4 +56,18 @@ export const toolingPostReq = async (path, obj) => {
   }
 };
 
+export const deliveryNodePostReq = async (path, obj) => {
+  try {
+    const response = await axios.post(DELIVERY_NODE_BASE_URL + path, obj, {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    return response;
+  } catch (error) {
+    console.error(error.response.data);
+    throw error.response.data;
+  }
+};
+
 export * from './ipfs';
diff --git a/src/components/ViewChannelItem.jsx b/src/components/ViewChannelItem.jsx
index fc9ec0943b..f9e0e45c8a 100644
--- a/src/components/ViewChannelItem.jsx
+++ b/src/components/ViewChannelItem.jsx
@@ -17,6 +17,7 @@ import styled, { css, useTheme } from 'styled-components';
 
 // Internal Compoonents
 import { deviceMediaQ } from 'blocks';
+import AllowNotificationModal from './channel/AllowNotificationModal';
 import MetaInfoDisplayer from 'components/MetaInfoDisplayer';
 import LoaderSpinner, { LOADER_TYPE } from 'components/reusables/loaders/LoaderSpinner';
 import { ButtonV2 } from 'components/reusables/SharedStylingV2';
@@ -37,11 +38,13 @@ import { ImageV2 } from './reusables/SharedStylingV2';
 import Tooltip from './reusables/tooltip/Tooltip';
 import UpdateChannelTooltipContent from './UpdateChannelTooltipContent';
 import VerifiedTooltipContent from './VerifiedTooltipContent';
+import { setAllowNotifModalVisibility } from 'redux/slices/modalSlice';
 
 // Internal Configs
 import APP_PATHS from 'config/AppPaths';
-import { addresses, appConfig, CHAIN_DETAILS } from 'config/index.js';
+import { addresses, appConfig, CHAIN_DETAILS, ALLOW_NOTIF_MODAL_LAST_TIMESTAMP } from 'config/index.js';
 import { IPFSGateway } from 'helpers/IpfsHelper';
+import { checkPermission } from 'helpers/channel/allowNotification';
 import { getPublicAssetPath } from 'helpers/RoutesHelper';
 
 // Create Header
@@ -58,6 +61,7 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
     (state) => state.contracts
   );
   const { canVerify, channelDetails, coreChannelAdmin } = useSelector((state) => state.admin);
+  const { isAllowNotifModalVisible } = useSelector((state) => state.modal);
   const {
     channelsCache,
     CHANNEL_BLACKLIST,
@@ -85,6 +89,7 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
   const [channelObjectFromHash, setChannelObjectFromHash] = useState({});
   const [channelObjectStartBlock, setChannelObjectStartBlock] = useState({});
   const [showChannelChangedWarning, setShowChannelChangedWarning] = useState(false);
+
   const isVerified = channelObject.verified_status;
   const isBlocked = channelObject.blocked;
   const isMobile = useDeviceWidthCheck(600);
@@ -103,6 +108,13 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
     setSubscribed(subscriptionStatus[channelObject.channel]);
   }, [subscriptionStatus]);
 
+  useEffect(() => {
+    if (isAllowNotifModalVisible)
+      setTimeout(() => {
+        dispatch(setAllowNotifModalVisibility({ flag: false }));
+      }, 10000);
+  }, [isAllowNotifModalVisible]);
+
   useEffect(() => {
     setIsPushAdmin(pushAdminAddress == account);
   }, [pushAdminAddress, account]);
@@ -399,6 +411,29 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
     setToolTipheight(containerHeight?.top);
   };
 
+  const onAllowModalOpen = () => {
+    /* checks if the user doesnot have
+     permission set, then opens the modal only if 
+    the modal was last opened 24 hours before
+    */
+    if (checkPermission() === 'pending') {
+      let lastTime = localStorage.getItem(ALLOW_NOTIF_MODAL_LAST_TIMESTAMP);
+      let today = new Date().getTime() + (1 * 24 * 60 * 60 * 1000);
+      if (lastTime) {
+        lastTime = parseInt(lastTime);
+        if (lastTime >= today) {
+          dispatch(setAllowNotifModalVisibility({ flag: true }));
+        }
+      }
+      else {
+        dispatch(setAllowNotifModalVisibility({ flag: true }));
+      }
+      //sets the recent opened time in localstorage.
+      localStorage.setItem(ALLOW_NOTIF_MODAL_LAST_TIMESTAMP, today);
+    }
+
+  }
+
   // render
   return (
     <Container
@@ -447,19 +482,19 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                           placementProps={
                             tooltTipHeight < 250
                               ? {
-                                  background: 'none',
-                                  // bottom: "25px",
-                                  top: '20px',
-                                  // right: "-175px",
-                                  left: mobileToolTip ? '-100px' : '5px',
-                                }
+                                background: 'none',
+                                // bottom: "25px",
+                                top: '20px',
+                                // right: "-175px",
+                                left: mobileToolTip ? '-100px' : '5px',
+                              }
                               : {
-                                  background: 'none',
-                                  bottom: '25px',
-                                  // top: "20px",
-                                  // right: "-175px",
-                                  left: mobileToolTip ? '-100px' : '5px',
-                                }
+                                background: 'none',
+                                bottom: '25px',
+                                // top: "20px",
+                                // right: "-175px",
+                                left: mobileToolTip ? '-100px' : '5px',
+                              }
                           }
                           tooltipContent={
                             <UpdateChannelTooltipContent
@@ -505,15 +540,15 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                           placementProps={
                             tooltTipHeight < 160
                               ? {
-                                  background: 'none',
-                                  top: '20px', // for lower displaying
-                                  left: '7px',
-                                }
+                                background: 'none',
+                                top: '20px', // for lower displaying
+                                left: '7px',
+                              }
                               : {
-                                  background: 'none',
-                                  bottom: '28px', // above display
-                                  left: '7px',
-                                }
+                                background: 'none',
+                                bottom: '28px', // above display
+                                left: '7px',
+                              }
                           }
                           tooltipContent={
                             <VerifiedTooltipContent
@@ -621,19 +656,19 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                         placementProps={
                           tooltTipHeight < 250
                             ? {
-                                background: 'none',
-                                // bottom: "25px",
-                                top: '20px',
-                                // right: "-175px",
-                                left: '5px',
-                              }
+                              background: 'none',
+                              // bottom: "25px",
+                              top: '20px',
+                              // right: "-175px",
+                              left: '5px',
+                            }
                             : {
-                                background: 'none',
-                                bottom: '25px',
-                                // top: "20px",
-                                // right: "-175px",
-                                left: '5px',
-                              }
+                              background: 'none',
+                              bottom: '25px',
+                              // top: "20px",
+                              // right: "-175px",
+                              left: '5px',
+                            }
                         }
                         tooltipContent={
                           <UpdateChannelTooltipContent
@@ -677,15 +712,15 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                           placementProps={
                             tooltTipHeight < 160
                               ? {
-                                  background: 'none',
-                                  top: '20px', // for lower displaying
-                                  left: '7px',
-                                }
+                                background: 'none',
+                                top: '20px', // for lower displaying
+                                left: '7px',
+                              }
                               : {
-                                  background: 'none',
-                                  bottom: '28px', // above display
-                                  left: '7px',
-                                }
+                                background: 'none',
+                                bottom: '28px', // above display
+                                left: '7px',
+                              }
                           }
                           tooltipContent={
                             <VerifiedTooltipContent
@@ -938,12 +973,11 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                     channelDetail={channelObject}
                     setLoading={setTxInProgress}
                     onSuccessOptin={() => {
-                      setSubscribed(true);
-                      setSubscriberCount((prevSubscriberCount) => prevSubscriberCount + 1);
+                      onAllowModalOpen();
                     }}
                   >
                     <SubscribeButton
-                      onClick={() => {}}
+                      onClick={() => { }}
                       disabled={txInProgress}
                       className="optin"
                     >
@@ -988,7 +1022,7 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
                     }}
                   >
                     <UnsubscribeButton
-                      onClick={() => {}}
+                      onClick={() => { }}
                       disabled={txInProgress}
                     >
                       {txInProgress && (
@@ -1021,6 +1055,12 @@ function ViewChannelItem({ channelObjectProp, loadTeaser, playTeaser, minimal, p
           clearToast={clearToast}
         />
       )}
+      {/* modal to allow notification */}
+      {isAllowNotifModalVisible &&
+        <AllowNotificationModal onModalClose={() =>
+          dispatch(setAllowNotifModalVisibility({ flag: false }))}
+        />
+      }
     </Container>
   );
 }
diff --git a/src/components/channel/AllowNotificationModal.tsx b/src/components/channel/AllowNotificationModal.tsx
new file mode 100644
index 0000000000..48eed0a3cb
--- /dev/null
+++ b/src/components/channel/AllowNotificationModal.tsx
@@ -0,0 +1,100 @@
+import { useContext } from 'react';
+
+// External Packages
+import styled, { useTheme } from 'styled-components';
+
+// Internal Components
+import { ButtonV2, ItemHV2, ItemVV2, SpanV2 } from 'components/reusables/SharedStylingV2';
+import { useAccount } from 'hooks';
+import GlobalContext from 'contexts/GlobalContext';
+
+// Internal Configs
+import { device } from 'config/Globals';
+import { handleBrowserNotification } from 'helpers/channel/allowNotification';
+
+interface AllowNotificationModalProps {
+  onModalClose: () => {};
+}
+
+const AllowNotificationModal: React.FC<AllowNotificationModalProps> = ({
+  onModalClose,
+}: AllowNotificationModalProps) => {
+  const theme = useTheme();
+  const { account } = useAccount();
+  return (
+    <ModalContainer theme={theme}>
+      <ItemVV2 gap="16px">
+        <ItemVV2
+          gap="10px"
+          alignItems="start"
+        >
+          <SpanV2
+            fontSize="20px"
+            fontWeight="500"
+            color={theme.default.color}
+          >
+            Allow Notifications
+          </SpanV2>
+          <SpanV2
+            fontSize="14px"
+            fontWeigth="400"
+            maxWidth="264px"
+            textAlign="left"
+            color={theme.default.descriptionTextColor}
+          >
+            We recommend enabling notifications for receiving updates from subscribed channels for a seamless
+            experience.
+          </SpanV2>
+        </ItemVV2>
+        <ItemHV2
+          width="100%"
+          justifyContent="space-between"
+        >
+          <ButtonV2
+            padding="14px 0px"
+            background="#D53A94"
+            maxWidth="110px"
+            color="#fff"
+            borderRadius="8px"
+            onClick={() => {
+              handleBrowserNotification(account, onModalClose);
+            }}
+          >
+            Allow
+          </ButtonV2>
+          <ButtonV2
+            padding="14px 0px"
+            background={theme.modalContentBackground}
+            color={theme.default.descriptionTextColor}
+            borderRadius="8px"
+            maxWidth="110px"
+            hoverBackground="none"
+            onClick={() => onModalClose()}
+          >
+            Skip
+          </ButtonV2>
+        </ItemHV2>
+      </ItemVV2>
+    </ModalContainer>
+  );
+};
+
+export default AllowNotificationModal;
+
+const ModalContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  right: 20px;
+  bottom: 20px;
+  position: fixed;
+  z-index: 99999999999;
+  width: 340px;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: ${(props) => props.theme.modalContentBackground};
+  padding: 16px 20px;
+
+  @media (${device.mobileL}) {
+    width: calc(100% - 80px);
+  }
+`;
diff --git a/src/components/dropdowns/OptinNotifSettingDropdown.tsx b/src/components/dropdowns/OptinNotifSettingDropdown.tsx
index fe5abb8d9f..5bd55bd3f2 100644
--- a/src/components/dropdowns/OptinNotifSettingDropdown.tsx
+++ b/src/components/dropdowns/OptinNotifSettingDropdown.tsx
@@ -257,6 +257,7 @@ const OptinNotifSettingDropdown: FC<OptinNotifSettingDropdownProps> = (options)
               settings: userSettingsFromDefaultChannelSetting({ channelSetting: channelSettings }),
             })
           );
+          onSuccessOptin();
 
           subscribeToast.showMessageToast({
             toastTitle: 'Success',
diff --git a/src/config/Themization.js b/src/config/Themization.js
index 96499e0a3b..29aee8a191 100644
--- a/src/config/Themization.js
+++ b/src/config/Themization.js
@@ -9,6 +9,7 @@ const themeLight = {
     border: '#E5E8F6',
     color: '#000',
     secondaryColor: '#657795',
+    descriptionTextColor: '#000',
     hover: '#F3F3FF',
     borderColor: '#dfdee9',
     primaryPushThemeTextColor: '#cf1c84',
@@ -319,6 +320,7 @@ const themeDark = {
     color: '#FFF',
     secondaryColor: '#B6BCD6',
     hover: '#00000033',
+    descriptionTextColor: '#B6BCD6',
     borderColor: '#4A4F67',
     primaryPushThemeTextColor: '#cf1c84',
   },
diff --git a/src/config/config-alpha.js b/src/config/config-alpha.js
index d55b7bfb4e..3a56d47a6a 100644
--- a/src/config/config-alpha.js
+++ b/src/config/config-alpha.js
@@ -14,6 +14,7 @@ export const config = {
   apiUrl: 'https://backend.epns.io/apis',
   w2wApiUrl: 'https://backend.epns.io/apis',
   toolingApiUrl: 'https://tooling.epns.io/apis',
+  deliveryNodeApiUrl: 'https://delivery-prod.epns.io/apis',
 
   ipfsInfuraAPIKey: import.meta.env.VITE_APP_IPFS_INFURA_API_KEY || '22rfiNb1J645FdehoqbKMpLbF6V',
   ipfsInfuraAPISecret: import.meta.env.VITE_APP_IPFS_INFURA_API_SECRET || 'a757597f020425c3ae532e6be84de552',
@@ -51,7 +52,7 @@ export const config = {
    * Analaytics + Firebase
    */
   googleAnalyticsId: 'UA-165415629-1',
-  vapidKey: 'BFRmmAEEXOhk31FIsooph5CxlXKh6N0_NocUWHzvtpoUEvqQTwLXu6XtwkrH7ckyr2CvVz1ll-8q4oo6-ZqFJPY',
+  vapidKey: 'BO-oYHtENkaP1nRQMmXAmjbkyWz_4sms1Z5OzE8B7h5gmuXiePvLmbXRiJNA233WtzzEo83yWZAVX1blsJQkNFg',
   firebaseConfig: {
     apiKey: 'AIzaSyClOk4qP0ttFW-BPnXy7WT920xfdXSbFu8',
     authDomain: 'epns-internal.firebaseapp.com',
diff --git a/src/config/config-dev.js b/src/config/config-dev.js
index 2446a52d61..46257beedc 100644
--- a/src/config/config-dev.js
+++ b/src/config/config-dev.js
@@ -14,6 +14,7 @@ export const config = {
   apiUrl: 'https://backend-dev.epns.io/apis',
   w2wApiUrl: 'https://backend-dev.epns.io/apis',
   toolingApiUrl: 'https://tooling.epns.io/apis',
+  deliveryNodeApiUrl: 'https://delivery-dev.epns.io/apis',
 
   ipfsInfuraAPIKey: import.meta.env.VITE_APP_IPFS_INFURA_API_KEY || '2DVyu4GEkiFksOrihKk8NMEWWwY',
   ipfsInfuraAPISecret: import.meta.env.VITE_APP_IPFS_INFURA_API_SECRET || '8e39eefc3d70b851b47f90611d40cfa5',
@@ -53,16 +54,15 @@ export const config = {
    * Analaytics + Firebase
    */
   googleAnalyticsId: 'UA-165415629-5',
-  vapidKey: 'BFRmmAEEXOhk31FIsooph5CxlXKh6N0_NocUWHzvtpoUEvqQTwLXu6XtwkrH7ckyr2CvVz1ll-8q4oo6-ZqFJPY',
+  vapidKey: 'BO-oYHtENkaP1nRQMmXAmjbkyWz_4sms1Z5OzE8B7h5gmuXiePvLmbXRiJNA233WtzzEo83yWZAVX1blsJQkNFg',
   firebaseConfig: {
-    apiKey: 'AIzaSyClOk4qP0ttFW-BPnXy7WT920xfdXSbFu8',
-    authDomain: 'epns-internal.firebaseapp.com',
-    databaseURL: 'https://epns-internal.firebaseio.com',
-    projectId: 'epns-internal',
-    storageBucket: 'epns-internal.appspot.com',
-    messagingSenderId: '755180533582',
-    appId: '1:755180533582:web:752ff8db31905506b7d01f',
-    measurementId: 'G-ZJH2T7R9S1',
+    apiKey: 'AIzaSyB4aXx2pJ9T5sw0Q1bba3jI1EAGp0Z5kBI',
+    authDomain: 'push-dev-a6a63.firebaseapp.com',
+    projectId: 'push-dev-a6a63',
+    storageBucket: 'push-dev-a6a63.appspot.com',
+    messagingSenderId: '974364469170',
+    appId: '1:974364469170:web:47fd6304c6cf36b5bfe6ab',
+    measurementId: 'G-5YR8N35DY4',
   },
 
   /**
diff --git a/src/config/config-localhost.js b/src/config/config-localhost.js
index f796104bbf..a93b6f9983 100644
--- a/src/config/config-localhost.js
+++ b/src/config/config-localhost.js
@@ -14,6 +14,7 @@ export const config = {
   apiUrl: 'http://localhost:4000/apis',
   w2wApiUrl: 'http://localhost:4000/apis',
   toolingApiUrl: 'https://tooling.epns.io/apis',
+  deliveryNodeApiUrl: 'https://delivery-dev.epns.io/apis',
 
   ipfsInfuraAPIKey: import.meta.env.VITE_APP_IPFS_INFURA_API_KEY || '22rfiNb1J645FdehoqbKMpLbF6V',
   ipfsInfuraAPISecret: import.meta.env.VITE_APP_IPFS_INFURA_API_SECRET || 'a757597f020425c3ae532e6be84de552',
@@ -46,7 +47,7 @@ export const config = {
    * Analaytics + Firebase
    */
   googleAnalyticsId: 'UA-165415629-5',
-  vapidKey: 'BFRmmAEEXOhk31FIsooph5CxlXKh6N0_NocUWHzvtpoUEvqQTwLXu6XtwkrH7ckyr2CvVz1ll-8q4oo6-ZqFJPY',
+  vapidKey: 'BO-oYHtENkaP1nRQMmXAmjbkyWz_4sms1Z5OzE8B7h5gmuXiePvLmbXRiJNA233WtzzEo83yWZAVX1blsJQkNFg',
   firebaseConfig: {
     apiKey: 'AIzaSyClOk4qP0ttFW-BPnXy7WT920xfdXSbFu8',
     authDomain: 'epns-internal.firebaseapp.com',
diff --git a/src/config/config-prod.js b/src/config/config-prod.js
index aea4beaab2..7e86932a36 100644
--- a/src/config/config-prod.js
+++ b/src/config/config-prod.js
@@ -14,6 +14,7 @@ export const config = {
   apiUrl: 'https://backend.epns.io/apis',
   w2wApiUrl: 'https://backend.epns.io/apis',
   toolingApiUrl: 'https://tooling.epns.io/apis',
+  deliveryNodeApiUrl: 'https://delivery-prod.epns.io/apis',
 
   ipfsInfuraAPIKey: import.meta.env.VITE_APP_IPFS_INFURA_API_KEY || '2DVyu4GEkiFksOrihKk8NMEWWwY',
   ipfsInfuraAPISecret: import.meta.env.VITE_APP_IPFS_INFURA_API_SECRET || '8e39eefc3d70b851b47f90611d40cfa5',
@@ -52,16 +53,16 @@ export const config = {
    * Analaytics + Firebase
    */
   googleAnalyticsId: 'UA-165415629-1',
-  vapidKey: 'BFRmmAEEXOhk31FIsooph5CxlXKh6N0_NocUWHzvtpoUEvqQTwLXu6XtwkrH7ckyr2CvVz1ll-8q4oo6-ZqFJPY',
+  vapidKey: 'BO-oYHtENkaP1nRQMmXAmjbkyWz_4sms1Z5OzE8B7h5gmuXiePvLmbXRiJNA233WtzzEo83yWZAVX1blsJQkNFg',
   firebaseConfig: {
-    apiKey: 'AIzaSyClOk4qP0ttFW-BPnXy7WT920xfdXSbFu8',
-    authDomain: 'epns-internal.firebaseapp.com',
-    databaseURL: 'https://epns-internal.firebaseio.com',
-    projectId: 'epns-internal',
-    storageBucket: 'epns-internal.appspot.com',
-    messagingSenderId: '755180533582',
-    appId: '1:755180533582:web:752ff8db31905506b7d01f',
-    measurementId: 'G-ZJH2T7R9S1',
+    apiKey: 'AIzaSyBrzkFPyNmVDFzGY7dKz2HocUO4m-ni-Fc',
+    authDomain: 'epns-ethereum-push-service.firebaseapp.com',
+    databaseURL: 'https://epns-ethereum-push-service.firebaseio.com',
+    projectId: 'epns-ethereum-push-service',
+    storageBucket: 'epns-ethereum-push-service.appspot.com',
+    messagingSenderId: '915758146133',
+    appId: '1:915758146133:web:2de388356233f5c22f2adc',
+    measurementId: 'G-X1L5P2E4EP',
   },
 
   /**
diff --git a/src/config/config-staging.js b/src/config/config-staging.js
index 54af695579..f393883487 100644
--- a/src/config/config-staging.js
+++ b/src/config/config-staging.js
@@ -14,6 +14,7 @@ export const config = {
   apiUrl: 'https://backend-staging.epns.io/apis',
   w2wApiUrl: 'https://backend-staging.epns.io/apis',
   toolingApiUrl: 'https://staging-tooling.epns.io/apis',
+  deliveryNodeApiUrl: 'https://delivery-staging.epns.io/apis',
 
   ipfsInfuraAPIKey: import.meta.env.VITE_APP_IPFS_INFURA_API_KEY || '2DVyu4GEkiFksOrihKk8NMEWWwY',
   ipfsInfuraAPISecret: import.meta.env.VITE_APP_IPFS_INFURA_API_SECRET || '8e39eefc3d70b851b47f90611d40cfa5',
@@ -54,7 +55,7 @@ export const config = {
    * Analaytics + Firebase
    */
   googleAnalyticsId: 'UA-165415629-5',
-  vapidKey: 'BFRmmAEEXOhk31FIsooph5CxlXKh6N0_NocUWHzvtpoUEvqQTwLXu6XtwkrH7ckyr2CvVz1ll-8q4oo6-ZqFJPY',
+  vapidKey: 'BO-oYHtENkaP1nRQMmXAmjbkyWz_4sms1Z5OzE8B7h5gmuXiePvLmbXRiJNA233WtzzEo83yWZAVX1blsJQkNFg',
   firebaseConfig: {
     apiKey: 'AIzaSyClOk4qP0ttFW-BPnXy7WT920xfdXSbFu8',
     authDomain: 'epns-internal.firebaseapp.com',
diff --git a/src/config/index.js b/src/config/index.js
index 4d38435646..f059c30849 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -41,3 +41,5 @@ const appConfig = { ...dynamicConfig, ...generalConfig };
 export { CHAIN_DETAILS, abis, addresses, appConfig };
 
 export const defaultSnapOrigin = 'npm:@pushprotocol/snap';
+
+export const ALLOW_NOTIF_MODAL_LAST_TIMESTAMP = 'ALLOW_NOTIF_MODAL_LAST_TIMESTAMP';
diff --git a/src/firebase.js b/src/firebase.js
new file mode 100644
index 0000000000..7e185ff66b
--- /dev/null
+++ b/src/firebase.js
@@ -0,0 +1,71 @@
+// External Packages
+import { initializeApp } from '@firebase/app';
+import { getMessaging, getToken, onMessage } from '@firebase/messaging';
+
+// Internal Components
+import { registerDeviceToken } from './services';
+
+// Internal Configs
+import { appConfig } from 'config';
+// Initialize the Firebase app in the service worker by passing the generated config
+var firebaseConfig = { ...appConfig.firebaseConfig, vapidKey: appConfig.vapidKey };
+const TOKEN_KEY = 'EPNS_BASE_PUSH_TOKEN';
+const CACHEPREFIX = 'PUSH_TOKEN_';
+
+const firebaseApp = initializeApp(firebaseConfig);
+const messaging = getMessaging(firebaseApp);
+console.debug(messaging, 'messaging');
+const getLocalToken = () => localStorage.getItem(TOKEN_KEY);
+const setLocalToken = (token) => localStorage.setItem(TOKEN_KEY, token);
+
+export const getPushToken = async () => {
+  try {
+    let token = getLocalToken(TOKEN_KEY);
+    console.debug(token, 'token initial');
+    if (!token) {
+      token = await getToken(messaging, {
+        vapidKey: appConfig.vapidKey,
+      });
+      console.debug('token', token);
+      setLocalToken(token);
+    }
+    return token;
+  } catch (err) {
+    console.error('An error occurred while retrieving token. ', err);
+    throw err;
+  }
+};
+
+export const onMessageListener = () =>
+  new Promise((resolve, reject) => {
+    onMessage(
+      messaging,
+      (payload) => {
+        console.debug('onMessage', payload);
+
+        resolve(payload);
+      },
+      (err) => {
+        reject(err);
+      }
+    );
+  });
+
+export const browserFunction = async (account) => {
+  try {
+    const tokenKey = `${CACHEPREFIX}${account}`;
+    const tokenExists = localStorage.getItem(tokenKey) || localStorage.getItem(CACHEPREFIX); //temp to prevent more than 1 account to register
+    if (!tokenExists) {
+      const response = await getPushToken();
+      console.debug(account, 'account');
+      await registerDeviceToken({
+        token: response,
+        account: account,
+      });
+      localStorage.setItem(tokenKey, response);
+      localStorage.setItem(CACHEPREFIX, 'response'); //temp to prevent more than 1 account to register
+    }
+  } catch (e) {
+    console.error('Error setting up the browser notification', e);
+  }
+};
diff --git a/src/helpers/CaipHelper.ts b/src/helpers/CaipHelper.ts
index e2c9128ed6..2088df7d0c 100644
--- a/src/helpers/CaipHelper.ts
+++ b/src/helpers/CaipHelper.ts
@@ -38,6 +38,10 @@ export const convertAddressToAddrCaip = (userAddress: string, chainId: number):
   return `eip155:${chainId}:${userAddress}`;
 };
 
+export const convertAddressToPartialCaip = (userAddress: string): string => {
+  return `eip155:${userAddress}`;
+};
+
 export const convertAddrCaipToAddress = (addressInCaip: string): string => {
   const caipArr: string[] = addressInCaip.split(':');
   if (caipArr.length == 3 && caipArr[0] == 'eip155') {
diff --git a/src/helpers/RoutesHelper.ts b/src/helpers/RoutesHelper.ts
index 05c5be8764..8ac00238e5 100644
--- a/src/helpers/RoutesHelper.ts
+++ b/src/helpers/RoutesHelper.ts
@@ -7,6 +7,7 @@ const apiVersion: number = appConfig.pushNodeApiVersion;
 const channelsRoute: string = `/v${apiVersion}/channels`;
 const usersRoute: string = `/v${apiVersion}/users`;
 const ipfsRoute: string = `/v${apiVersion}/ipfs`;
+const deliveryNodeRoute: string = `/v${apiVersion}`;
 
 export const usersServiceEndpoints = {
   userSubscriptions: (userAddressInCAIP: string): string => `${usersRoute}/${userAddressInCAIP}/subscriptions`,
@@ -23,5 +24,8 @@ export const ipfsServiceEndpoints = {
   ipfsUpload: (): string => `${ipfsRoute}/upload`,
 };
 
+export const deliveryNodeServiceEndpoints = {
+  registerDeviceToken: (): string => `${deliveryNodeRoute}/pushtokens/register`,
+};
 export const getPublicAssetPath = (path: string) =>
   getPreviewBasePath() ? `${getPreviewBasePath()}/${path}` : `./${path}`;
diff --git a/src/helpers/channel/allowNotification.ts b/src/helpers/channel/allowNotification.ts
new file mode 100644
index 0000000000..3fb89224be
--- /dev/null
+++ b/src/helpers/channel/allowNotification.ts
@@ -0,0 +1,26 @@
+import { NotificationPermissionStatus } from './types';
+import { browserFunction } from 'firebase';
+
+export const handleBrowserNotification = (account: string, onSuccess?: () => void) => {
+  if (!('serviceWorker' in navigator)) return;
+  if (!account) return;
+  const status = checkPermission();
+  if (status === 'notValid') alert('This browser does not support desktop notification');
+  else if (status === 'pending') {
+    Notification.requestPermission().then(async (permission) => {
+      if (permission === 'granted') await browserFunction(account);
+      onSuccess ? onSuccess() : null;
+    });
+  }
+};
+
+export const checkPermission = (): NotificationPermissionStatus => {
+  if (!('Notification' in window)) {
+    return 'notValid';
+  } else if (Notification.permission === 'granted') {
+    return 'granted';
+  } else if (Notification.permission !== 'denied') {
+    return 'pending';
+  }
+  return 'denied';
+};
diff --git a/src/helpers/channel/types.ts b/src/helpers/channel/types.ts
index 93a5936a48..064ab62f73 100644
--- a/src/helpers/channel/types.ts
+++ b/src/helpers/channel/types.ts
@@ -1,67 +1,69 @@
 export type ChannelSetting =
-| {
-    type: 1; // Boolean
-    default: boolean;
-    description: string;
-    index: number;
-  }
-| {
-    type: 2; // Range
-    default: number;
-    enabled: boolean;
-    description: string;
-    index: number;
-    lowerLimit: number;
-    upperLimit: number;
-    ticker: number;
-  }
-| {
-  type: 3; // Range
-  default: {
-    lower: number;
-    upper: number;
-  };
-  enabled: boolean;
-  description: string;
-  index: number;
-  lowerLimit: number;
-  upperLimit: number;
-  ticker: number;
-};
+  | {
+      type: 1; // Boolean
+      default: boolean;
+      description: string;
+      index: number;
+    }
+  | {
+      type: 2; // Range
+      default: number;
+      enabled: boolean;
+      description: string;
+      index: number;
+      lowerLimit: number;
+      upperLimit: number;
+      ticker: number;
+    }
+  | {
+      type: 3; // Range
+      default: {
+        lower: number;
+        upper: number;
+      };
+      enabled: boolean;
+      description: string;
+      index: number;
+      lowerLimit: number;
+      upperLimit: number;
+      ticker: number;
+    };
 
 export type UserSetting =
-| {
-    type: 1; // Boolean
-    default: boolean;
-    description: string;
-    index: number;
-    user: boolean;
-  }
-| {
-    type: 2; // Range
-    default: number;
-    enabled: boolean;
-    description: string;
-    index: number;
-    lowerLimit: number;
-    upperLimit: number;
-    user: number;
-    ticker: number;
-  }
-| {
-  type: 3; // Range
-  default: {
-    lower: number;
-    upper: number;
-  };
-  enabled: boolean;
-  description: string;
-  index: number;
-  lowerLimit: number;
-  upperLimit: number;
-  user: {
-    lower: number;
-    upper: number;
-  };
-  ticker: number;
-};
+  | {
+      type: 1; // Boolean
+      default: boolean;
+      description: string;
+      index: number;
+      user: boolean;
+    }
+  | {
+      type: 2; // Range
+      default: number;
+      enabled: boolean;
+      description: string;
+      index: number;
+      lowerLimit: number;
+      upperLimit: number;
+      user: number;
+      ticker: number;
+    }
+  | {
+      type: 3; // Range
+      default: {
+        lower: number;
+        upper: number;
+      };
+      enabled: boolean;
+      description: string;
+      index: number;
+      lowerLimit: number;
+      upperLimit: number;
+      user: {
+        lower: number;
+        upper: number;
+      };
+      ticker: number;
+    };
+
+export type NotificationPermissionStatus = 'granted' | 'denied' | 'pending' | 'notValid';
diff --git a/src/hooks/useBrowserNotification.ts b/src/hooks/useBrowserNotification.ts
new file mode 100644
index 0000000000..bde5a2dff7
--- /dev/null
+++ b/src/hooks/useBrowserNotification.ts
@@ -0,0 +1,49 @@
+// React + Web3 Essentials
+import { useEffect, useState } from 'react';
+
+// Internal Components
+import { onMessageListener } from 'firebase';
+// import { useAccount } from './useAccount';
+// import { GlobalContext } from 'contexts/GlobalContext';
+
+export function useBrowserNotification() {
+  // const { account } = useAccount();
+  // const { readOnlyWallet } = useContext(GlobalContext);
+  const [triggerNotification, setTriggerNotification] = useState(false);
+
+  // useEffect(() => {
+  //   if (!('serviceWorker' in navigator)) return;
+  //   if (!account || account == readOnlyWallet) return;
+  //   (async function () {
+  //     const { browserFunction } = require('firebase');
+  //     await browserFunction(account);
+  //   })();
+  // }, [account]);
+
+  useEffect(() => {
+    if (!('serviceWorker' in navigator)) return;
+    // const { onMessageListener } = require('firebase');
+    onMessageListener()
+      .then((payload) => {
+        console.debug('payload', payload);
+        if (!('Notification' in window)) {
+          // useStream handles this case of showing in page notif (if showing notifs is not allowed)
+        } else {
+          console.debug('notif', payload);
+          const notificationTitle = payload.notification.title;
+          const notificationOptions = {
+            title: payload?.notification?.title,
+            body: payload?.notification?.body,
+            image: payload?.data?.aimg,
+            icon: payload?.data?.icon,
+            data: {
+              url: payload?.data?.acta || payload?.data?.url,
+            },
+          };
+          new Notification(notificationTitle, notificationOptions);
+        }
+      })
+      .catch((err) => console.error('failed: ', err))
+      .finally(() => setTriggerNotification(!triggerNotification)); //retrigger the listener after it has been used once
+  }, [triggerNotification]);
+}
diff --git a/src/index.tsx b/src/index.tsx
index ae0a307172..ecb4a2ebec 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -49,4 +49,5 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://bit.ly/CRA-PWA
+// Register the service worker
 unregisterServiceWorker();
diff --git a/src/redux/slices/modalSlice.ts b/src/redux/slices/modalSlice.ts
new file mode 100644
index 0000000000..b2db75c019
--- /dev/null
+++ b/src/redux/slices/modalSlice.ts
@@ -0,0 +1,29 @@
+/**
+ * This file helps us maintain the modal visiblity state so that the modal state is not changed when there are re renders.
+ */
+
+// External Packages
+import { createSlice } from '@reduxjs/toolkit';
+
+export interface IModalSliceState {
+  isAllowNotifModalVisible: boolean;
+}
+
+const initialState: IModalSliceState = {
+  isAllowNotifModalVisible: false, //the current page
+};
+
+export const modalSlice = createSlice({
+  name: 'modal',
+  initialState,
+  reducers: {
+    resetModalSlice: () => initialState,
+    setAllowNotifModalVisibility: (state, action) => {
+      state.isAllowNotifModalVisible = action.payload.flag;
+    },
+  },
+});
+
+export const { resetModalSlice, setAllowNotifModalVisibility } = modalSlice.actions;
+
+export default modalSlice.reducer;
diff --git a/src/redux/store.js b/src/redux/store.js
index bf6096bf37..ddccaeee0c 100644
--- a/src/redux/store.js
+++ b/src/redux/store.js
@@ -7,29 +7,31 @@ import channelCreationReducer from './slices/channelCreationSlice';
 import channelReducer from './slices/channelSlice';
 import contractReducer from './slices/contractSlice';
 import notificationReducer from './slices/notificationSlice';
-import canSendNotification from "./slices/sendNotificationSlice";
+import canSendNotification from './slices/sendNotificationSlice';
 import spamReducer from './slices/spamSlice';
 import userJourneyReducer from './slices/userJourneySlice';
-import userReducer from "./slices/userSlice";
+import userReducer from './slices/userSlice';
+import modalReducer from './slices/modalSlice';
 
 const rootReducer = combineReducers({
-	contracts: contractReducer,
-	channels: channelReducer,
-	channelCreation: channelCreationReducer,
-	admin: adminReducer,
-	notifications: notificationReducer,
-	spam: spamReducer,
-	userJourney: userJourneyReducer,
-	canSend:canSendNotification,
-	user: userReducer
+  contracts: contractReducer,
+  channels: channelReducer,
+  channelCreation: channelCreationReducer,
+  admin: adminReducer,
+  notifications: notificationReducer,
+  spam: spamReducer,
+  userJourney: userJourneyReducer,
+  canSend: canSendNotification,
+  user: userReducer,
+  modal: modalReducer,
 });
 
 const store = configureStore({
-	reducer: rootReducer,
-	middleware: getDefaultMiddleware({
-		serializableCheck: false,
-		immutableCheck: false
-	})
+  reducer: rootReducer,
+  middleware: getDefaultMiddleware({
+    serializableCheck: false,
+    immutableCheck: false,
+  }),
 });
 
 export default store;
diff --git a/src/serviceWorker.js b/src/serviceWorker.js
index 0dbb1dc242..9af28f8579 100644
--- a/src/serviceWorker.js
+++ b/src/serviceWorker.js
@@ -19,21 +19,22 @@ const isLocalhost = Boolean(
 );
 
 export function register(config) {
-  if (import.meta.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+  if (import.meta.env.VITE_APP_NODE_ENV === 'production' && 'serviceWorker' in navigator) {
     // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(import.meta.env.PUBLIC_URL, window.location.href);
+    const publicUrl = new URL(import.meta.env.VITE_APP_PUBLIC_URL, window.location.href);
+
     if (publicUrl.origin !== window.location.origin) {
       // Our service worker won't work if PUBLIC_URL is on a different origin
       // from what our page is served on. This might happen if a CDN is used to
       // serve assets; see https://github.com/facebook/create-react-app/issues/2374
       return;
     }
-
     window.addEventListener('load', () => {
-      const swUrl = `${import.meta.env.PUBLIC_URL}/service-worker.js`;
+      const swUrl = `${import.meta.env.VITE_APP_PUBLIC_URL}/service-worker.js`;
 
       if (isLocalhost) {
         // This is running on localhost. Let's check if a service worker still exists or not.
+
         checkValidServiceWorker(swUrl, config);
 
         // Add some additional logging to localhost, pointing developers to the
@@ -56,6 +57,7 @@ function registerValidSW(swUrl, config) {
   navigator.serviceWorker
     .register(swUrl)
     .then((registration) => {
+      console.debug('Service Worker registered with scope:', registration.scope);
       registration.onupdatefound = () => {
         const installingWorker = registration.installing;
         if (installingWorker == null) {
diff --git a/src/services/deliveryNode/index.ts b/src/services/deliveryNode/index.ts
new file mode 100644
index 0000000000..20d88dba38
--- /dev/null
+++ b/src/services/deliveryNode/index.ts
@@ -0,0 +1 @@
+export * from './registerDeviceToken';
diff --git a/src/services/deliveryNode/registerDeviceToken.ts b/src/services/deliveryNode/registerDeviceToken.ts
new file mode 100644
index 0000000000..53b1a413be
--- /dev/null
+++ b/src/services/deliveryNode/registerDeviceToken.ts
@@ -0,0 +1,25 @@
+// Internal Components
+import { deliveryNodePostReq } from 'api';
+import { convertAddressToPartialCaip } from 'helpers/CaipHelper';
+import { deliveryNodeServiceEndpoints } from 'helpers/RoutesHelper';
+
+// Types
+type Props = {
+  token: string;
+  account: string;
+};
+
+export const registerDeviceToken = async ({ token, account }: Props) => {
+  const reqEndpoint = deliveryNodeServiceEndpoints.registerDeviceToken();
+  try {
+    const data = {
+      wallet: convertAddressToPartialCaip(account.toLowerCase()),
+      device_token: token,
+      platform: 'web',
+    };
+    const response = await deliveryNodePostReq(reqEndpoint, data);
+  } catch (err) {
+    console.error(err);
+    throw new Error(err.message);
+  }
+};
diff --git a/src/services/index.ts b/src/services/index.ts
index 735e68702d..942e78d437 100644
--- a/src/services/index.ts
+++ b/src/services/index.ts
@@ -1,5 +1,6 @@
-export * from "./channels";
-export * from "./chats";
-export * from "./ipfs";
-export * from "./users";
-export * from "./alias";
\ No newline at end of file
+export * from './channels';
+export * from './chats';
+export * from './ipfs';
+export * from './users';
+export * from './alias';
+export * from './deliveryNode';
diff --git a/yarn.lock b/yarn.lock
index e8da55b936..ebce00e278 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2333,6 +2333,534 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@firebase/analytics-compat@npm:0.2.10":
+  version: 0.2.10
+  resolution: "@firebase/analytics-compat@npm:0.2.10"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.4"
+    "@firebase/analytics-types": "npm:0.8.2"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/6dd463dab0279d22d8413accee1a1326e4f1937440b96fb25ae96490ee6ad6c5b32836ac1202f0baaf63d3bdb634e2470a970e7a37e9020b22d6323d4a59b134
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics-types@npm:0.8.2":
+  version: 0.8.2
+  resolution: "@firebase/analytics-types@npm:0.8.2"
+  checksum: 10/297fb7becbc51950c7de5809fed896c391d1e87b4d8bb4bf88f4e8760b2e32f903a7dd8e92de4424b49c4e2ecb60a44d49e2f9c68ac3f7ffe3a0194f78910392
+  languageName: node
+  linkType: hard
+
+"@firebase/analytics@npm:0.10.4":
+  version: 0.10.4
+  resolution: "@firebase/analytics@npm:0.10.4"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/0b8f75ff08e7547399ae0f7bc68a76f54b55ef02f50b603abb0ffe36d60de2c006ecde8db825aff9a48cbf047b4225f8063afe9051383d28dae6498d76317132
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-compat@npm:0.3.11":
+  version: 0.3.11
+  resolution: "@firebase/app-check-compat@npm:0.3.11"
+  dependencies:
+    "@firebase/app-check": "npm:0.8.4"
+    "@firebase/app-check-types": "npm:0.5.2"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/db8f2342ad4b7b3053d082472fe2b4b38572406228828513189adf13a827c80a65d4ce0b19c5f695baadea452fb695b774c9ae5b639a4b733a002df44cb3bbb1
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-interop-types@npm:0.3.2":
+  version: 0.3.2
+  resolution: "@firebase/app-check-interop-types@npm:0.3.2"
+  checksum: 10/3effe656a4762c541838f4bde91b4498e51d48389046b930dc3dbb012e54b6ab0727f7c68a3e94198f633d57833346fc337a0847b6b03d2407030e1489d466fe
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-types@npm:0.5.2":
+  version: 0.5.2
+  resolution: "@firebase/app-check-types@npm:0.5.2"
+  checksum: 10/2b33a7adfb7b6ebf5423940bf0af5909df69bf2d6184e12e989f6c76062077be16c31193795349862b4f8aab6b3059806b732a92995cae30fd77419f19a86c6e
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check@npm:0.8.4":
+  version: 0.8.4
+  resolution: "@firebase/app-check@npm:0.8.4"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/0f4ea3c930141ae08c98dc67463d7b6c9b67c0a98a10768a6be7ba1ec56181ffcdeb5e26f60f6cb721794bd03d7e6132541148417f8da45473139c8a138a7d94
+  languageName: node
+  linkType: hard
+
+"@firebase/app-compat@npm:0.2.35":
+  version: 0.2.35
+  resolution: "@firebase/app-compat@npm:0.2.35"
+  dependencies:
+    "@firebase/app": "npm:0.10.5"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  checksum: 10/6de5c8666af2941b56e550f4207b151fade057b91c995cccc5a1f66abb809b9b92c30b3932d473903d17c57b0fa454bae432c3855ac5a5c6b2785e387852b4a2
+  languageName: node
+  linkType: hard
+
+"@firebase/app-types@npm:0.9.2":
+  version: 0.9.2
+  resolution: "@firebase/app-types@npm:0.9.2"
+  checksum: 10/566b3714a4d7e8180514258e4b1549bf5b28ae0383b4ff53d3532a45e114048afdd27c1fef8688d871dd9e5ad5307e749776e23f094122655ac6b0fb550eb11a
+  languageName: node
+  linkType: hard
+
+"@firebase/app@npm:0.10.5":
+  version: 0.10.5
+  resolution: "@firebase/app@npm:0.10.5"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  checksum: 10/55c4190e578efd083c8e22a7ba7b078b2c4c4911e08e79d5187b2779121f9552ee35490373d2f8a101285e6c57c4b8ea1b019137b0274eaee72aa10a790fb564
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-compat@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@firebase/auth-compat@npm:0.5.9"
+  dependencies:
+    "@firebase/auth": "npm:1.7.4"
+    "@firebase/auth-types": "npm:0.12.2"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+    undici: "npm:5.28.4"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/671203fc6e2fe7d4fc4332129848f552839a771f405fff18502f5035b4e9eda76ad067c2e75b1cbe3e2d4d365d899b092a5f0bd1b395c0ac43c1464e213992fe
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-interop-types@npm:0.2.3":
+  version: 0.2.3
+  resolution: "@firebase/auth-interop-types@npm:0.2.3"
+  checksum: 10/e55b8ded6bd1a5e6a2845c9c7ed520bb9a8a76e4ddf90249bf685986ac7b1fb079be2fa4edcb6a3aa81d1d56870a470eadcd5a8f20b797dccd803d72ed4c80aa
+  languageName: node
+  linkType: hard
+
+"@firebase/auth-types@npm:0.12.2":
+  version: 0.12.2
+  resolution: "@firebase/auth-types@npm:0.12.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/f55449381de8e2a24ffaf19f12b5c4a093c8323034253ea7a5f7afc946327d20b09f32a483c12960862a1c4814645ea80bc4343f0a9f22db5dc048ca82773132
+  languageName: node
+  linkType: hard
+
+"@firebase/auth@npm:1.7.4":
+  version: 1.7.4
+  resolution: "@firebase/auth@npm:1.7.4"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+    undici: "npm:5.28.4"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@react-native-async-storage/async-storage": ^1.18.1
+  peerDependenciesMeta:
+    "@react-native-async-storage/async-storage":
+      optional: true
+  checksum: 10/e61a500b1d67cc1cdc3fff824f20400deb480a0015db1eaee5744026329bbc87d8c755ae6da8b22b9aed0fd42e0d6684c67cc1bb47697152f3e82bb7ae416b26
+  languageName: node
+  linkType: hard
+
+"@firebase/component@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@firebase/component@npm:0.6.7"
+  dependencies:
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  checksum: 10/b41a1c654c6da7ed2570c403dac118b3633d05dc8d9769057fdb66ec04f2f3a8dcb7cff4a87dd5a0b9fa614854586d4376b5aadee6876450c1ee851b59d5b0da
+  languageName: node
+  linkType: hard
+
+"@firebase/database-compat@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@firebase/database-compat@npm:1.0.5"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/database": "npm:1.0.5"
+    "@firebase/database-types": "npm:1.0.3"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  checksum: 10/e7256f2675860340d560143ef40af9d9e1d941798c166e97b95be3c278068524dfceac9a59fe689a8c6c3704a84faae674601f8504a481521dff43dbc3063b1f
+  languageName: node
+  linkType: hard
+
+"@firebase/database-types@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@firebase/database-types@npm:1.0.3"
+  dependencies:
+    "@firebase/app-types": "npm:0.9.2"
+    "@firebase/util": "npm:1.9.6"
+  checksum: 10/ecc36c54552b42b063011d8c58d1645ac3a09a7da36b2cebd25774a1be7d8aa79f752671f75025df44c079289d0c4f42de3cfcdb48cd7fc73539ba93fdcfb476
+  languageName: node
+  linkType: hard
+
+"@firebase/database@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@firebase/database@npm:1.0.5"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/auth-interop-types": "npm:0.2.3"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    faye-websocket: "npm:0.11.4"
+    tslib: "npm:^2.1.0"
+  checksum: 10/1ea0bb014af9e1134f68868a2cfe97befae5c252cc728342d2f8b51ce06df2085dc87b443339eebd4a622c49abdd583bbe2ebf3bd3ac6cad0c148f4a61612c42
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-compat@npm:0.3.32":
+  version: 0.3.32
+  resolution: "@firebase/firestore-compat@npm:0.3.32"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/firestore": "npm:4.6.3"
+    "@firebase/firestore-types": "npm:3.0.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/65ff915c6c1bb3ccc580887c91d7bb6470fbbb4035f3db24dc91ce297391ceb3d12ce2e311b8c7bcac7976e625089e8871cfe0e6a3c22d85945bb34b3022dc0a
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-types@npm:3.0.2":
+  version: 3.0.2
+  resolution: "@firebase/firestore-types@npm:3.0.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/81e91f836a026ecb70937407ca8699add7abb5b050d8815620cde97c3eec3f78f7dfbb366225758909f0df31d9f21e98a84ba62701bd27ee38b2609898c11acd
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore@npm:4.6.3":
+  version: 4.6.3
+  resolution: "@firebase/firestore@npm:4.6.3"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    "@firebase/webchannel-wrapper": "npm:1.0.0"
+    "@grpc/grpc-js": "npm:~1.9.0"
+    "@grpc/proto-loader": "npm:^0.7.8"
+    tslib: "npm:^2.1.0"
+    undici: "npm:5.28.4"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/a2edab1abb1ff2abb891c490bb81aa698128493847256c3ae7f20eefa97b51442c2689c0659c8e1daeb7f054d06687b6ae3db0680396a338d3228e8865933bd2
+  languageName: node
+  linkType: hard
+
+"@firebase/functions-compat@npm:0.3.11":
+  version: 0.3.11
+  resolution: "@firebase/functions-compat@npm:0.3.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/functions": "npm:0.11.5"
+    "@firebase/functions-types": "npm:0.6.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/271609ea2d95a333b1fab1ed1d4dcec9b92299253f9a310519b1ee70d61be87029da75dd852ce736179c21886bd2f04bb7aee299e731ef88d9ebe3d00540b61a
+  languageName: node
+  linkType: hard
+
+"@firebase/functions-types@npm:0.6.2":
+  version: 0.6.2
+  resolution: "@firebase/functions-types@npm:0.6.2"
+  checksum: 10/5b8733f9d4bd85a617d35dd10ce296d9ec0490494e584697c4eda8098ff1e865607d7880b84194e86c35d438bbcd714977c111180502d0d1b6b2da1cde1b37ca
+  languageName: node
+  linkType: hard
+
+"@firebase/functions@npm:0.11.5":
+  version: 0.11.5
+  resolution: "@firebase/functions@npm:0.11.5"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/auth-interop-types": "npm:0.2.3"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/messaging-interop-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+    undici: "npm:5.28.4"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/839dd2d9a4a9321bb53d210729246fe4db97e7c26dc562ee1b0c95579b111534fd4a27962e19d2a84cd35f62e0ef75d89c06ffa1177d0a178740cfdcf5325162
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-compat@npm:0.2.7":
+  version: 0.2.7
+  resolution: "@firebase/installations-compat@npm:0.2.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/installations-types": "npm:0.5.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/b32f9ba4b7d6cdb6c932da28ebbd29a7c398065ec4bf353ac40cb2fc8b2f5a77608759635ade41b6d5e2c8f2047e1710beeb3babdfe116d8fc9c6b693ce922aa
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-types@npm:0.5.2":
+  version: 0.5.2
+  resolution: "@firebase/installations-types@npm:0.5.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+  checksum: 10/2e795280c299d644b8c8e3fdfa5c6f20cb367dd3b7df32317211f84393fa169b33dee0cbed28de407f3b22dc8f1fb2f7a11ae5a373f8082cc570ef61ef6b91ba
+  languageName: node
+  linkType: hard
+
+"@firebase/installations@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@firebase/installations@npm:0.6.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/util": "npm:1.9.6"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/643bc8f1e908b2edadbda422e86753c8599e94744f1e2c4e4ae60059d32c4001c76d3fd63377a53bc49e31e991fbfa2f0c31a46dd69ed3151cc7c96316184b6c
+  languageName: node
+  linkType: hard
+
+"@firebase/logger@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@firebase/logger@npm:0.4.2"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/961b4605220c0a56c5f3ccf4e6049e44c27303c1ca998c6fa1d19de785c76d93e3b1a3da455e9f40655711345d8d779912366e4f369d93eda8d08c407cc5b140
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging-compat@npm:0.2.9":
+  version: 0.2.9
+  resolution: "@firebase/messaging-compat@npm:0.2.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/messaging": "npm:0.12.9"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/15140fc298bdd28b28fd052eb630770c4388887a9a1d29afa11d4e74cccd3238826fae97e7beb4196a286fe0555023f836442508f13776c6e371bf610819aa5d
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging-interop-types@npm:0.2.2":
+  version: 0.2.2
+  resolution: "@firebase/messaging-interop-types@npm:0.2.2"
+  checksum: 10/547f8ebf2c5a8dcbc484991b97d76bd3dc3eb4bd9d4e6ea2ffc652097c7065d92dc68d389ddb19fba41e0ce3b5f4cd757ed22f96b4744801149b0f8dbf323af7
+  languageName: node
+  linkType: hard
+
+"@firebase/messaging@npm:0.12.9":
+  version: 0.12.9
+  resolution: "@firebase/messaging@npm:0.12.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/messaging-interop-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.9.6"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/67ace395630a858f990513398ea2055cbbf6c167f47068c62cc9eb342a6ab459a3fcb0f2f7b26c1c7027cb79a5e67e4124602723ed9e2ac483153981b91206e0
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-compat@npm:0.2.7":
+  version: 0.2.7
+  resolution: "@firebase/performance-compat@npm:0.2.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/performance": "npm:0.6.7"
+    "@firebase/performance-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/346cc57378384377c4001dfc84322ece4bcebfbcfb7547e9629576ee527c89b257f763afd2e72640c32732006360976abd26c3e17734dd23398b1165bd3e0b9a
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-types@npm:0.2.2":
+  version: 0.2.2
+  resolution: "@firebase/performance-types@npm:0.2.2"
+  checksum: 10/d25ae06cb75ab6b44ffacf7affadc1f651881f283e58381c444eb63b62dfb74c33c544ab89843518ec1d15367ba7c4343b4d6b22de1f1df35126a1283baa578d
+  languageName: node
+  linkType: hard
+
+"@firebase/performance@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@firebase/performance@npm:0.6.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/760b942ad58d73fc6a6b28ff90d59c67fbf5405dc99e2c0fbaa604eecb1fb82419992763c0e59a92147e6cf7d43c1e32ee7cccd39d0706416263bf9684b19a27
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-compat@npm:0.2.7":
+  version: 0.2.7
+  resolution: "@firebase/remote-config-compat@npm:0.2.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/remote-config": "npm:0.4.7"
+    "@firebase/remote-config-types": "npm:0.3.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/d8e729bb1e5da61a6d0c23dc410a43c404acdd2794cc880a311571354727299ec64936f3dc31b7081786a18cb4e39e12299d8ac4d264af6527fdaecbc5bf0fb3
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-types@npm:0.3.2":
+  version: 0.3.2
+  resolution: "@firebase/remote-config-types@npm:0.3.2"
+  checksum: 10/6c91599c653825708aba9fe9e4562997f108c3e4f3eaf5d188f31c859a6ad013414aa7a213b6b021b68049dd0dd57158546dbc9fb64384652274ef7f57ce7d7d
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config@npm:0.4.7":
+  version: 0.4.7
+  resolution: "@firebase/remote-config@npm:0.4.7"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/9fc4699921d20fbd030e1349fd53baaf06faf67c097158993249be295e51fc93117b8efd6c8f13d07353b72a1dd282cbf5ddd12f7bdcaa8f2ea35e3769210be1
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-compat@npm:0.3.8":
+  version: 0.3.8
+  resolution: "@firebase/storage-compat@npm:0.3.8"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/storage": "npm:0.12.5"
+    "@firebase/storage-types": "npm:0.8.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/9c92e3f8e72946cc926c8ceb4098589df72d41e677dd7177a27517f98a3d6bda094b96c3370eca1c21bcb59166fbc4480d053255ae81649b7c12b10bed9fdb7b
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-types@npm:0.8.2":
+  version: 0.8.2
+  resolution: "@firebase/storage-types@npm:0.8.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/e00716932370d2004dc9f7ef6d7e3aff72305b91569fa6ec15e8bc2ec784b03a150391e8be2c063234edbbfda7796da915d48e26ce2f1f7c5d3343acd39afd99
+  languageName: node
+  linkType: hard
+
+"@firebase/storage@npm:0.12.5":
+  version: 0.12.5
+  resolution: "@firebase/storage@npm:0.12.5"
+  dependencies:
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+    undici: "npm:5.28.4"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/e8d3241f1851338f33ab954eb636b464fdd75f2800bdba56d52e807c99f5c6b4ac3f59ff35a836377fb28f72709310af7ba5daba9b8138f9173a621fc2231ca0
+  languageName: node
+  linkType: hard
+
+"@firebase/util@npm:1.9.6":
+  version: 1.9.6
+  resolution: "@firebase/util@npm:1.9.6"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/4037241991fefd28df19a38a638b8befb01e3d23b111623986256113604c485c3cca4c761de9888f6271da736dc10f0e8311b47f693d574ea46323c5bfd9abdb
+  languageName: node
+  linkType: hard
+
+"@firebase/vertexai-preview@npm:0.0.2":
+  version: 0.0.2
+  resolution: "@firebase/vertexai-preview@npm:0.0.2"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/component": "npm:0.6.7"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.9.6"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@firebase/app-types": 0.x
+  checksum: 10/00ebde87389d85023101b727f2a54af0263a1ab2ad238a9d395672aeb135a023c980a862713b7df6343669be8a10cf8560a1f77da8ceddb0aef2703918c90973
+  languageName: node
+  linkType: hard
+
+"@firebase/webchannel-wrapper@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@firebase/webchannel-wrapper@npm:1.0.0"
+  checksum: 10/007307141753c87d62f94ebe3365bc6d610ccbd1ac13b1b4584ed74452f874a830db69b781e4decc509c1327133df1169eecd39bdccb3c7b3b34ea30f2d884a5
+  languageName: node
+  linkType: hard
+
 "@floating-ui/core@npm:^1.0.0, @floating-ui/core@npm:^1.5.3":
   version: 1.6.2
   resolution: "@floating-ui/core@npm:1.6.2"
@@ -2465,6 +2993,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@grpc/grpc-js@npm:~1.9.0":
+  version: 1.9.14
+  resolution: "@grpc/grpc-js@npm:1.9.14"
+  dependencies:
+    "@grpc/proto-loader": "npm:^0.7.8"
+    "@types/node": "npm:>=12.12.47"
+  checksum: 10/417f8ce1b0a529b05f18f1432ccbe257ad4b305ad04b548dcc502adcffde48dfaa4f392e71cb782bfebc1fa23c1f32baed83da368d8c05296da0a243020a60d2
+  languageName: node
+  linkType: hard
+
+"@grpc/proto-loader@npm:^0.7.8":
+  version: 0.7.13
+  resolution: "@grpc/proto-loader@npm:0.7.13"
+  dependencies:
+    lodash.camelcase: "npm:^4.3.0"
+    long: "npm:^5.0.0"
+    protobufjs: "npm:^7.2.5"
+    yargs: "npm:^17.7.2"
+  bin:
+    proto-loader-gen-types: build/bin/proto-loader-gen-types.js
+  checksum: 10/7e2d842c2061cbaf6450c71da0077263be3bab165454d5c8a3e1ae4d3c6d2915f02fd27da63ff01f05e127b1221acd40705273f5d29303901e60514e852992f4
+  languageName: node
+  linkType: hard
+
 "@hapi/hoek@npm:^9.0.0, @hapi/hoek@npm:^9.3.0":
   version: 9.3.0
   resolution: "@hapi/hoek@npm:9.3.0"
@@ -6136,6 +6688,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:>=12.12.47":
+  version: 20.14.2
+  resolution: "@types/node@npm:20.14.2"
+  dependencies:
+    undici-types: "npm:~5.26.4"
+  checksum: 10/c38e47b190fa0a8bdfde24b036dddcf9401551f2fb170a90ff33625c7d6f218907e81c74e0fa6e394804a32623c24c60c50e249badc951007830f0d02c48ee0f
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:^10.12.18":
   version: 10.17.60
   resolution: "@types/node@npm:10.17.60"
@@ -9374,6 +9935,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cliui@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "cliui@npm:8.0.1"
+  dependencies:
+    string-width: "npm:^4.2.0"
+    strip-ansi: "npm:^6.0.1"
+    wrap-ansi: "npm:^7.0.0"
+  checksum: 10/eaa5561aeb3135c2cddf7a3b3f562fc4238ff3b3fc666869ef2adf264be0f372136702f16add9299087fb1907c2e4ec5dbfe83bd24bce815c70a80c6c1a2e950
+  languageName: node
+  linkType: hard
+
 "clone-regexp@npm:^3.0.0":
   version: 3.0.0
   resolution: "clone-regexp@npm:3.0.0"
@@ -12125,6 +12697,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"faye-websocket@npm:0.11.4":
+  version: 0.11.4
+  resolution: "faye-websocket@npm:0.11.4"
+  dependencies:
+    websocket-driver: "npm:>=0.5.1"
+  checksum: 10/22433c14c60925e424332d2794463a8da1c04848539b5f8db5fced62a7a7c71a25335a4a8b37334e3a32318835e2b87b1733d008561964121c4a0bd55f0878c3
+  languageName: node
+  linkType: hard
+
 "file-entry-cache@npm:^6.0.1":
   version: 6.0.1
   resolution: "file-entry-cache@npm:6.0.1"
@@ -12210,6 +12791,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"firebase@npm:^10.12.2":
+  version: 10.12.2
+  resolution: "firebase@npm:10.12.2"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.4"
+    "@firebase/analytics-compat": "npm:0.2.10"
+    "@firebase/app": "npm:0.10.5"
+    "@firebase/app-check": "npm:0.8.4"
+    "@firebase/app-check-compat": "npm:0.3.11"
+    "@firebase/app-compat": "npm:0.2.35"
+    "@firebase/app-types": "npm:0.9.2"
+    "@firebase/auth": "npm:1.7.4"
+    "@firebase/auth-compat": "npm:0.5.9"
+    "@firebase/database": "npm:1.0.5"
+    "@firebase/database-compat": "npm:1.0.5"
+    "@firebase/firestore": "npm:4.6.3"
+    "@firebase/firestore-compat": "npm:0.3.32"
+    "@firebase/functions": "npm:0.11.5"
+    "@firebase/functions-compat": "npm:0.3.11"
+    "@firebase/installations": "npm:0.6.7"
+    "@firebase/installations-compat": "npm:0.2.7"
+    "@firebase/messaging": "npm:0.12.9"
+    "@firebase/messaging-compat": "npm:0.2.9"
+    "@firebase/performance": "npm:0.6.7"
+    "@firebase/performance-compat": "npm:0.2.7"
+    "@firebase/remote-config": "npm:0.4.7"
+    "@firebase/remote-config-compat": "npm:0.2.7"
+    "@firebase/storage": "npm:0.12.5"
+    "@firebase/storage-compat": "npm:0.3.8"
+    "@firebase/util": "npm:1.9.6"
+    "@firebase/vertexai-preview": "npm:0.0.2"
+  checksum: 10/427d404993a86832ee528a9bb68c12c1f1e81b07b6d61fd721351e64c8ba3025a91d4464361cff9160ca0ef994b2f9d409ecbe0f685430fbe4ce2606822e96d6
+  languageName: node
+  linkType: hard
+
 "flairup@npm:0.0.38":
   version: 0.0.38
   resolution: "flairup@npm:0.0.38"
@@ -12443,7 +13059,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-caller-file@npm:^2.0.1":
+"get-caller-file@npm:^2.0.1, get-caller-file@npm:^2.0.5":
   version: 2.0.5
   resolution: "get-caller-file@npm:2.0.5"
   checksum: 10/b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
@@ -13080,6 +13696,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"http-parser-js@npm:>=0.5.1":
+  version: 0.5.8
+  resolution: "http-parser-js@npm:0.5.8"
+  checksum: 10/2a78a567ee6366dae0129d819b799dce1f95ec9732c5ab164a78ee69804ffb984abfa0660274e94e890fc54af93546eb9f12b6d10edbaed017e2d41c29b7cf29
+  languageName: node
+  linkType: hard
+
 "http-proxy-agent@npm:^7.0.0":
   version: 7.0.2
   resolution: "http-proxy-agent@npm:7.0.2"
@@ -13184,6 +13807,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"idb@npm:7.1.1":
+  version: 7.1.1
+  resolution: "idb@npm:7.1.1"
+  checksum: 10/8e33eaebf21055129864acb89932e0739b8c96788e559df24c253ce114d8c6deb977a3b30ea47a9bb8a2ae8a55964861c3df65f360d95745e341cee40d5c17f4
+  languageName: node
+  linkType: hard
+
 "idna-uts46-hx@npm:^2.3.1":
   version: 2.3.1
   resolution: "idna-uts46-hx@npm:2.3.1"
@@ -15155,6 +15785,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.camelcase@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "lodash.camelcase@npm:4.3.0"
+  checksum: 10/c301cc379310441dc73cd6cebeb91fb254bea74e6ad3027f9346fc43b4174385153df420ffa521654e502fd34c40ef69ca4e7d40ee7129a99e06f306032bfc65
+  languageName: node
+  linkType: hard
+
 "lodash.clonedeep@npm:^4.5.0":
   version: 4.5.0
   resolution: "lodash.clonedeep@npm:4.5.0"
@@ -17530,7 +18167,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"protobufjs@npm:^7.2.6":
+"protobufjs@npm:^7.2.5, protobufjs@npm:^7.2.6":
   version: 7.3.0
   resolution: "protobufjs@npm:7.3.0"
   dependencies:
@@ -17727,6 +18364,7 @@ __metadata:
     eth-crypto: "npm:1.6.0"
     eth-sig-util: "npm:^3.0.1"
     ethers: "npm:^5.7.2"
+    firebase: "npm:^10.12.2"
     https-browserify: "npm:1.0.0"
     image-size: "npm:0.9.3"
     immer: "npm:^10.0.2"
@@ -19186,7 +19824,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:5.2.1, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.1, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.0, safe-buffer@npm:^5.2.1, safe-buffer@npm:~5.2.0":
+"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.1, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.0, safe-buffer@npm:^5.2.1, safe-buffer@npm:~5.2.0":
   version: 5.2.1
   resolution: "safe-buffer@npm:5.2.1"
   checksum: 10/32872cd0ff68a3ddade7a7617b8f4c2ae8764d8b7d884c651b74457967a9e0e886267d3ecc781220629c44a865167b61c375d2da6c720c840ecd73f45d5d9451
@@ -19966,7 +20604,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0":
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
   dependencies:
@@ -20884,7 +21522,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici@npm:^5.12.0":
+"undici@npm:5.28.4, undici@npm:^5.12.0":
   version: 5.28.4
   resolution: "undici@npm:5.28.4"
   dependencies:
@@ -21882,6 +22520,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"websocket-driver@npm:>=0.5.1":
+  version: 0.7.4
+  resolution: "websocket-driver@npm:0.7.4"
+  dependencies:
+    http-parser-js: "npm:>=0.5.1"
+    safe-buffer: "npm:>=5.1.0"
+    websocket-extensions: "npm:>=0.1.1"
+  checksum: 10/17197d265d5812b96c728e70fd6fe7d067471e121669768fe0c7100c939d997ddfc807d371a728556e24fc7238aa9d58e630ea4ff5fd4cfbb40f3d0a240ef32d
+  languageName: node
+  linkType: hard
+
+"websocket-extensions@npm:>=0.1.1":
+  version: 0.1.4
+  resolution: "websocket-extensions@npm:0.1.4"
+  checksum: 10/b5399b487d277c78cdd2aef63764b67764aa9899431e3a2fa272c6ad7236a0fb4549b411d89afa76d5afd664c39d62fc19118582dc937e5bb17deb694f42a0d1
+  languageName: node
+  linkType: hard
+
 "websocket@npm:^1.0.32":
   version: 1.0.35
   resolution: "websocket@npm:1.0.35"
@@ -21994,7 +22650,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
   version: 7.0.0
   resolution: "wrap-ansi@npm:7.0.0"
   dependencies:
@@ -22214,6 +22870,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"y18n@npm:^5.0.5":
+  version: 5.0.8
+  resolution: "y18n@npm:5.0.8"
+  checksum: 10/5f1b5f95e3775de4514edbb142398a2c37849ccfaf04a015be5d75521e9629d3be29bd4432d23c57f37e5b61ade592fb0197022e9993f81a06a5afbdcda9346d
+  languageName: node
+  linkType: hard
+
 "yaeti@npm:^0.0.6":
   version: 0.0.6
   resolution: "yaeti@npm:0.0.6"
@@ -22252,6 +22915,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs-parser@npm:^21.1.1":
+  version: 21.1.1
+  resolution: "yargs-parser@npm:21.1.1"
+  checksum: 10/9dc2c217ea3bf8d858041252d43e074f7166b53f3d010a8c711275e09cd3d62a002969a39858b92bbda2a6a63a585c7127014534a560b9c69ed2d923d113406e
+  languageName: node
+  linkType: hard
+
 "yargs@npm:^15.3.1":
   version: 15.4.1
   resolution: "yargs@npm:15.4.1"
@@ -22271,6 +22941,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs@npm:^17.7.2":
+  version: 17.7.2
+  resolution: "yargs@npm:17.7.2"
+  dependencies:
+    cliui: "npm:^8.0.1"
+    escalade: "npm:^3.1.1"
+    get-caller-file: "npm:^2.0.5"
+    require-directory: "npm:^2.1.1"
+    string-width: "npm:^4.2.3"
+    y18n: "npm:^5.0.5"
+    yargs-parser: "npm:^21.1.1"
+  checksum: 10/abb3e37678d6e38ea85485ed86ebe0d1e3464c640d7d9069805ea0da12f69d5a32df8e5625e370f9c96dd1c2dc088ab2d0a4dd32af18222ef3c4224a19471576
+  languageName: node
+  linkType: hard
+
 "yocto-queue@npm:^0.1.0":
   version: 0.1.0
   resolution: "yocto-queue@npm:0.1.0"