Feat: tx meta

.changeset/afraid-rats-sell.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+feat: add txMeta arg to external provider sendTransaction

.changeset/flat-walls-jog.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+fix: revert motion for useAnimate

packages/widget/package.json

@@ -111,7 +111,7 @@
     "jsdom": "^26.1.0",
     "lodash.merge": "^4.6.2",
     "mixpanel-browser": "^2.63.0",
-    "motion": "^12.6.5",
+    "motion": "12.6.2",
     "msw": "^2.7.4",
     "postcss": "^8.5.3",
     "purify-ts": "2.1.0",

packages/widget/src/domain/types/external-providers.ts

@@ -1,3 +1,4 @@
+import type { ActionDto, TransactionDto } from "@stakekit/api-hooks";
 import { EitherAsync, Left } from "purify-ts";
 import type { RefObject } from "react";
 import type { SKExternalProviders } from "./wallets";
@@ -10,15 +11,18 @@ export class ExternalProvider {
     return EitherAsync.liftEither(Left(new Error("Invalid provider type")));
   }
 
-  sendTransaction(tx: EVMTx) {
-    const sendTransaction =
+  sendTransaction(
+    tx: EVMTx,
+    txMeta: { txId: TransactionDto["id"]; actionId: ActionDto["id"] }
+  ) {
+    const _sendTransaction =
       this.variantProvider.current.provider.sendTransaction;
 
-    if (!sendTransaction) {
+    if (!_sendTransaction) {
       return this.invalidProviderType();
     }
 
-    return EitherAsync(() => sendTransaction(tx)).mapLeft((e) => {
+    return EitherAsync(() => _sendTransaction(tx, txMeta)).mapLeft((e) => {
       console.log(e);
       return new Error("Failed to send transaction");
     });

packages/widget/src/domain/types/wallet.ts

@@ -1,5 +1,6 @@
 import type { Account } from "@ledgerhq/wallet-api-client";
 import type {
+  ActionDto,
   AddressWithTokenDtoAdditionalAddresses,
   TransactionDto,
 } from "@stakekit/api-hooks";
@@ -19,6 +20,7 @@ export type SKWallet = {
   disconnect: () => Promise<void>;
   signTransaction: (args: {
     tx: NonNullable<TransactionDto["unsignedTransaction"]>;
+    txMeta: { txId: TransactionDto["id"]; actionId: ActionDto["id"] };
     ledgerHwAppId: Nullable<string>;
   }) => EitherAsync<
     TransactionDecodeError | SendTransactionError,

packages/widget/src/domain/types/wallets/generic-wallet.ts

@@ -1,3 +1,4 @@
+import type { ActionDto, TransactionDto } from "@stakekit/api-hooks";
 import type { Hex } from "viem";
 
 export enum TxType {
@@ -27,5 +28,8 @@ export type EVMWallet = {
   signMessage: (message: string) => Promise<string>;
   switchChain: (chainId: string) => Promise<void>;
   getTransactionReceipt?(txHash: string): Promise<{ transactionHash?: string }>;
-  sendTransaction(tx: EVMTx): Promise<string>;
+  sendTransaction(
+    tx: EVMTx,
+    txMeta: { txId: TransactionDto["id"]; actionId: ActionDto["id"] }
+  ): Promise<string>;
 };

packages/widget/src/pages/steps/hooks/use-steps-machine.hook.ts

@@ -58,9 +58,11 @@ type SignRes =
 export const useStepsMachine = ({
   transactions,
   integrationId,
+  actionId,
 }: {
   transactions: ActionDto["transactions"];
   integrationId: ActionDto["integrationId"];
+  actionId: ActionDto["id"];
 }) => {
   const { signTransaction, signMessage, isLedgerLive } = useSKWallet();
 
@@ -78,6 +80,7 @@ export const useStepsMachine = ({
     trackEvent,
     signMessage,
     signTransaction,
+    actionId,
   });
 
   return useMachine(useState(() => getMachine(machineParams))[0]);
@@ -92,6 +95,7 @@ const getMachine = (
       trackEvent: ReturnType<typeof useTrackEvent>;
       signMessage: ReturnType<typeof useSKWallet>["signMessage"];
       signTransaction: ReturnType<typeof useSKWallet>["signTransaction"];
+      actionId: ActionDto["id"];
     }>
   >
 ) => {
@@ -260,6 +264,10 @@ const getMachine = (
                     .signTransaction({
                       tx: constructedTx.unsignedTransaction,
                       ledgerHwAppId: constructedTx.ledgerHwAppId,
+                      txMeta: {
+                        actionId: ref.current.actionId,
+                        txId: constructedTx.id,
+                      },
                     })
                     .map((val) => ({
                       ...val,

packages/widget/src/pages/steps/hooks/use-steps.hook.ts

@@ -24,6 +24,7 @@ export const useSteps = ({
   const [machineState, send, actorRef] = useStepsMachine({
     transactions: session.transactions,
     integrationId: session.integrationId,
+    actionId: session.id,
   });
 
   /**

packages/widget/src/providers/sk-wallet/index.tsx

@@ -158,7 +158,7 @@ export const SKWalletProvider = ({ children }: PropsWithChildren) => {
   );
 
   const signTransaction = useCallback<SKWallet["signTransaction"]>(
-    ({ tx, ledgerHwAppId }) =>
+    ({ tx, ledgerHwAppId, txMeta }) =>
       connectorDetails.chain<
         TransactionDecodeError | SendTransactionError | NotSupportedFlowError,
         { signedTx: string; broadcasted: boolean }
@@ -254,7 +254,10 @@ export const SKWalletProvider = ({ children }: PropsWithChildren) => {
               })
           )
             .chain((val) =>
-              conn.sendTransaction(prepareEVMTx({ address, decodedTx: val }))
+              conn.sendTransaction(
+                prepareEVMTx({ address, decodedTx: val }),
+                txMeta
+              )
             )
             .map((val) => ({ signedTx: val, broadcasted: true }));
         }