refactor

.changeset/hungry-steaks-count.md

@@ -0,0 +1,6 @@
+---
+'@kadena/chainweb-node-client': minor
+'@kadena/client': minor
+---
+
+Support for passing a request init object to client functions

.changeset/nervous-turtles-heal.md

@@ -0,0 +1,5 @@
+---
+'@kadena/kode-ui': minor
+---
+
+add an extra styling variant to the table component

.changeset/perfect-rings-laugh.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/polite-bats-call.md

@@ -0,0 +1,5 @@
+---
+'@kadena/client': patch
+---
+
+Add a default value `null` for the proof

.changeset/slow-apples-think.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/twenty-cherries-study.md

@@ -0,0 +1,2 @@
+---
+---

packages/apps/dev-wallet/src/App/Layout/Layout.tsx

@@ -15,7 +15,8 @@ import {
 } from '@kadena/kode-ui/patterns';
 import classNames from 'classnames';
 import { FC, useMemo } from 'react';
-import { Link, Outlet, useLocation, useNavigate } from 'react-router-dom';
+import { Link, Outlet, useLocation } from 'react-router-dom';
+import { usePatchedNavigate } from '../../utils/usePatchedNavigate';
 import { SideBar } from './SideBar';
 import {
   isExpandedMainClass,
@@ -26,7 +27,7 @@ import {
 export const Layout: FC = () => {
   const { theme, setTheme } = useTheme();
   const location = useLocation();
-  const navigate = useNavigate();
+  const navigate = usePatchedNavigate();
   const { isExpanded } = useLayout();
 
   const innerLocation = useMemo(

packages/apps/dev-wallet/src/App/Layout/SideBar.tsx

@@ -1,5 +1,4 @@
 import {
-  MonoApps,
   MonoCheck,
   MonoContacts,
   MonoContrast,
@@ -12,6 +11,7 @@ import {
   MonoSignature,
   MonoSwapHoriz,
   MonoTableRows,
+  MonoWallet,
   MonoWarning,
 } from '@kadena/kode-icons/system';
 
@@ -39,15 +39,16 @@ import {
   useLayout,
 } from '@kadena/kode-ui/patterns';
 import { FC } from 'react';
-import { Link, useNavigate } from 'react-router-dom';
+import { Link } from 'react-router-dom';
+import { usePatchedNavigate } from '../../utils/usePatchedNavigate';
 import { BetaHeader } from '../BetaHeader';
 import { KLogo } from './KLogo';
 
 export const SideBar: FC = () => {
   const { theme, setTheme } = useTheme();
   const { isExpanded } = useLayout();
   const { lockProfile, profileList, unlockProfile, profile } = useWallet();
-  const navigate = useNavigate();
+  const navigate = usePatchedNavigate();
 
   const toggleTheme = (): void => {
     const newTheme = theme === Themes.dark ? Themes.light : Themes.dark;
@@ -75,8 +76,8 @@ export const SideBar: FC = () => {
       navigation={
         <>
           <SideBarItem
-            visual={<MonoApps />}
-            label="Dashboard"
+            visual={<MonoWallet />}
+            label="Your Assets"
             component={Link}
             href="/"
           />
@@ -89,17 +90,17 @@ export const SideBar: FC = () => {
           />
 
           <SideBarItem
-            visual={<MonoSignature />}
-            label="Sig Builder"
+            visual={<MonoTableRows />}
+            label="Transactions"
             component={Link}
-            href="/sig-builder"
+            href="/transactions"
           />
 
           <SideBarItem
-            visual={<MonoTableRows />}
-            label="Transactions"
+            visual={<MonoSignature />}
+            label="Sig Builder"
             component={Link}
-            href="/transactions"
+            href="/sig-builder"
           />
 
           <SideBarItem

packages/apps/dev-wallet/src/App/Layout/useRightAside.ts

@@ -0,0 +1,30 @@
+import { useLayout } from '@kadena/kode-ui/patterns';
+import { useEffect, useState } from 'react';
+
+export function useRightAside() {
+  const [expanded, setExpanded] = useState(false);
+  const { isRightAsideExpanded, setIsRightAsideExpanded } = useLayout();
+
+  useEffect(() => {
+    if (!isRightAsideExpanded && expanded) {
+      setExpanded(false);
+    }
+  }, [isRightAsideExpanded, expanded]);
+
+  return [
+    expanded,
+    () => {
+      if (isRightAsideExpanded && !expanded) {
+        throw new Error('Right aside is already open with a different panel');
+      }
+      setIsRightAsideExpanded(true);
+      setExpanded(true);
+    },
+    () => {
+      if (expanded) {
+        setIsRightAsideExpanded(false);
+        setExpanded(false);
+      }
+    },
+  ] as [isExpanded: boolean, expand: () => void, close: () => void];
+}

packages/apps/dev-wallet/src/App/routes.tsx

@@ -1,12 +1,12 @@
 import { FC, PropsWithChildren, useEffect, useState } from 'react';
 import {
+  createBrowserRouter,
+  createMemoryRouter,
+  createRoutesFromElements,
   Navigate,
   Outlet,
   Route,
   RouterProvider,
-  createBrowserRouter,
-  createMemoryRouter,
-  createRoutesFromElements,
   useLocation,
 } from 'react-router-dom';
 
@@ -39,8 +39,8 @@ import { HomePage } from '../pages/home/home-page';
 import { SelectProfile } from '../pages/select-profile/select-profile';
 import { UnlockProfile } from '../pages/unlock-profile/unlock-profile';
 import { getScriptType } from '../utils/window';
-import { Layout } from './Layout/Layout';
 import { LayoutMini } from './layout-mini';
+import { Layout } from './Layout/Layout';
 
 const Redirect: FC<
   PropsWithChildren<{

packages/apps/dev-wallet/src/App/session.tsx

@@ -25,8 +25,10 @@ export const SessionProvider: FC<PropsWithChildren> = ({ children }) => {
   const [loaded, setLoaded] = useState(false);
   useLayoutEffect(() => {
     const events = ['visibilitychange', 'touchstart', 'keydown', 'click'];
+    let removeListener = () => {};
     const run = async () => {
       await Session.load();
+      removeListener = Session.ListenToExternalChanges();
       // console.log('Session is loaded', Session.get('profileId'));
       events.forEach((event) => {
         document.addEventListener(event, Session.renew);
@@ -39,6 +41,7 @@ export const SessionProvider: FC<PropsWithChildren> = ({ children }) => {
       events.forEach((event) => {
         document.removeEventListener(event, Session.renew);
       });
+      removeListener();
     };
   }, []);
 

packages/apps/dev-wallet/src/Components/AccountBalanceDistribution/AccountBalanceDistribution.tsx

@@ -138,6 +138,7 @@ export const AccountBalanceDistribution: FC<IProps> = ({
       network: activeNetwork!,
       redistribution,
       mapKeys,
+      creationTime: Math.round(Date.now() / 1000),
     });
 
     onRedistribution(groupId);