Bump js-pro and fix time synchronization

Author: GhostWalker562

apps/web/app/layout.tsx

@@ -6,6 +6,7 @@ import AppProviders from '@/context/AppProviders';
 import { ThemeProvider } from '@/context/ThemeProvider';
 import { ReactScan } from '@/components/ReactScan';
 import Analytics from '@/components/background/Analytics';
+import TimeService from '@/components/background/TimeService';
 
 const workSans = Work_Sans({
   display: 'swap',
@@ -65,6 +66,7 @@ export default function RootLayout({
           </ThemeProvider>
         </body>
         <Analytics />
+        <TimeService />
       </AppProviders>
     </html>
   );

apps/web/components/background/TimeService.tsx

@@ -0,0 +1,12 @@
+'use client';
+
+import { useEffect } from 'react';
+import { synchronizeTime } from '@/lib/serverTime';
+
+export default function TimeService() {
+  useEffect(() => {
+    synchronizeTime();
+  }, []);
+
+  return null;
+}

apps/web/context/ActiveProposalProvider.tsx

@@ -15,6 +15,7 @@ import { useQuery } from '@tanstack/react-query';
 import {
   AccountAddress,
   buildTransaction,
+  DEFAULT_TXN_EXP_SEC_FROM_NOW,
   Deserializer,
   Hex,
   MultiSig,
@@ -31,7 +32,7 @@ export const [ActiveProposalProvider, useActiveProposal] = constate(
   ({ sequenceNumber }: { sequenceNumber: number }) => {
     const { vaultAddress, network } = useActiveVault();
     const account = useAccount();
-    const { aptos } = useClients();
+    const { aptos, client } = useClients();
 
     const latestSequenceNumber = useMultisigSequenceNumber({
       address: vaultAddress,
@@ -94,6 +95,11 @@ export const [ActiveProposalProvider, useActiveProposal] = constate(
 
         return await buildTransaction({
           aptosConfig: aptos.config,
+          options: {
+            expireTimestamp: Math.floor(
+              client.getServerTime() + DEFAULT_TXN_EXP_SEC_FROM_NOW
+            )
+          },
           sender: vaultAddress,
           payload: new TransactionPayloadEntryFunction(
             multisigPayload.transaction_payload

apps/web/lib/serverTime.ts

@@ -52,6 +52,7 @@ async function getServerTimeDelta() {
 export async function synchronizeTime() {
   try {
     serverTimeDelta = await getServerTimeDelta();
+    return serverTimeDelta;
   } catch (error) {
     if (!isProduction) {
       throw error;

apps/web/package.json

@@ -19,8 +19,8 @@
     "check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@aptos-labs/js-pro": "^0.1.1",
-    "@aptos-labs/react": "^0.1.1",
+    "@aptos-labs/js-pro": "^0.1.5",
+    "@aptos-labs/react": "^0.1.5",
     "@aptos-labs/ts-sdk": "^3.1.3",
     "@aptos-labs/wallet-adapter-react": "^7.0.4",
     "@aptos-labs/wallet-api": "workspace:*",