feat: integrate finance widget

e2e/meta-tx-gateway/src/services/meta-tx.ts

@@ -5,8 +5,6 @@ import { Interface } from "@ethersproject/abi";
 import { ethers } from "ethers";
 import { Config, getConfig } from "../config";
 import { getSigner } from "../utils/web3";
-import { BytesLike } from "@ethersproject/bytes";
-import { BigNumberish } from "@ethersproject/bignumber";
 
 export type PostMetaTxBody = {
   to: string;

packages/core-sdk/src/core-sdk.ts

@@ -92,6 +92,10 @@ export class CoreSDK extends BaseCoreSDK {
     return this._getTxExplorerUrl;
   }
 
+  public get web3Lib() {
+    return this._web3Lib;
+  }
+
   public checkMetaTxConfigSet(
     args: {
       contractAddress?: string;

packages/core-sdk/src/offers/mixin.ts

@@ -19,7 +19,6 @@ import { BigNumber, BigNumberish } from "@ethersproject/bignumber";
 import { getValueFromLogs, getValuesFromLogs } from "../utils/logs";
 import { ITokenInfo, TokenInfoManager } from "../utils/tokenInfoManager";
 import { batchTasks } from "../utils/promises";
-import { ExchangesMixin } from "../exchanges/mixin";
 import { EventLogsMixin } from "../event-logs/mixin";
 import { AccountsMixin } from "../accounts/mixin";
 

packages/react-kit/src/components/cta/common/CtaButton.tsx

@@ -2,13 +2,13 @@ import React from "react";
 import { providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { useSignerAddress } from "../../../hooks/useSignerAddress";
 import { useCtaClickHandler, Action } from "../../../hooks/useCtaClickHandler";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type Props<T> = CtaButtonProps<T> & {
   defaultLabel?: string;
@@ -35,8 +35,8 @@ export function CtaButton<T>({
   coreSdkConfig,
   ...rest
 }: Props<T>) {
-  const coreSdk = useCoreSdk(coreSdkConfig);
-  const signerAddress = useSignerAddress(coreSdkConfig.web3Provider);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
+  const signerAddress = useSignerAddress(coreSdk.web3Lib);
 
   const { clickHandler, isLoading } = useCtaClickHandler<T>({
     waitBlocks,

packages/react-kit/src/components/cta/dispute/AddFeesDisputeResolverButton.tsx

@@ -2,13 +2,13 @@ import React, { useState } from "react";
 import { BigNumberish, providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { CreateSellerArgs, TransactionResponse } from "@bosonprotocol/common";
 import { DisputeResolutionFee } from "@bosonprotocol/core-sdk/dist/cjs/accounts";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 export type IAddFeesDisputeResolverButton = {
   exchangeId: BigNumberish;
   createSellerArgs: CreateSellerArgs;
@@ -39,7 +39,7 @@ export const AddFeesDisputeResolverButton = ({
   coreSdkConfig,
   ...rest
 }: IAddFeesDisputeResolverButton) => {
-  const coreSdk = useCoreSdk(coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (

packages/react-kit/src/components/cta/dispute/AddSellerToDisputeResolverButton.tsx

@@ -2,13 +2,13 @@ import React, { useState } from "react";
 import { BigNumberish, providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { CreateSellerArgs, TransactionResponse } from "@bosonprotocol/common";
 import { DisputeResolutionFee } from "@bosonprotocol/core-sdk/dist/cjs/accounts";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 export type IAddSellerToDisputeResolver = {
   exchangeId: BigNumberish;
   createSellerArgs: CreateSellerArgs;
@@ -41,7 +41,7 @@ export const AddSellerToDisputeResolver = ({
   coreSdkConfig,
   ...rest
 }: IAddSellerToDisputeResolver) => {
-  const coreSdk = useCoreSdk(coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (

packages/react-kit/src/components/cta/dispute/CreateDisputeResolverButton.tsx

@@ -2,13 +2,13 @@ import React, { useState } from "react";
 import { BigNumberish, providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { TransactionResponse } from "@bosonprotocol/common";
 import { accounts } from "@bosonprotocol/core-sdk";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 export type ICreateDisputeResolverButton = {
   exchangeId: BigNumberish;
   disputeResolverToCreate: accounts.CreateDisputeResolverArgs;
@@ -33,7 +33,7 @@ export const CreateDisputeResolverButton = ({
   coreSdkConfig,
   ...rest
 }: ICreateDisputeResolverButton) => {
-  const coreSdk = useCoreSdk(coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (

packages/react-kit/src/components/cta/dispute/DecideDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -23,7 +23,9 @@ export const DecideDisputeButton = ({
   variant = "primaryFill",
   ...restProps
 }: IDecideDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
   const actions = [
     {
       writeContractFn: () => coreSdk.decideDispute(exchangeId, buyerPercent)

packages/react-kit/src/components/cta/dispute/EscalateDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const EscalateDisputeButton = ({
   exchangeId,
   ...restProps
 }: IEscalateDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {

packages/react-kit/src/components/cta/dispute/ExpireDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const ExpireDisputeButton = ({
   exchangeId,
   ...restProps
 }: IExpireDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {

packages/react-kit/src/components/cta/dispute/ExpireEscalationDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const ExpireEscalationDisputeButton = ({
   variant = "secondaryFill",
   ...restProps
 }: IExpireEscalationDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
   const actions = [
     {
       writeContractFn: () => coreSdk.expireEscalatedDispute(exchangeId)

packages/react-kit/src/components/cta/dispute/ExtendDisputeTimeoutButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -23,7 +23,9 @@ export const ExtendDisputeTimeoutButton = ({
   newDisputeTimeout,
   ...restProps
 }: IExtendDisputeTimeoutButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {

packages/react-kit/src/components/cta/dispute/RaiseDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const RaiseDisputeButton = ({
   exchangeId,
   ...restProps
 }: IRaiseDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {

packages/react-kit/src/components/cta/dispute/RefuseDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const RefuseDisputeButton = ({
   variant = "secondaryFill",
   ...restProps
 }: IRefuseDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
   const actions = [
     {
       writeContractFn: () => coreSdk.refuseEscalatedDispute(exchangeId)

packages/react-kit/src/components/cta/dispute/RemoveSellerFromDisputeResolverButton.tsx

@@ -2,13 +2,13 @@ import React, { useState } from "react";
 import { BigNumberish, providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { CreateSellerArgs, TransactionResponse } from "@bosonprotocol/common";
 import { DisputeResolutionFee } from "@bosonprotocol/core-sdk/dist/cjs/accounts";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 export type IRemoveSellerFromDisputeResolverButton = {
   exchangeId: BigNumberish;
   createSellerArgs: CreateSellerArgs;
@@ -41,7 +41,7 @@ export const RemoveSellerFromDisputeResolverButton = ({
   coreSdkConfig,
   ...rest
 }: IRemoveSellerFromDisputeResolverButton) => {
-  const coreSdk = useCoreSdk(coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (

packages/react-kit/src/components/cta/dispute/ResolveDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish, utils } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -27,7 +27,9 @@ export const ResolveDisputeButton = ({
   variant = "primaryFill",
   ...restProps
 }: IResolveDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
   const signature = utils.splitSignature(proposal.signature);
 
   const actions = [

packages/react-kit/src/components/cta/dispute/RetractDisputeButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,7 +21,9 @@ export const RetractDisputeButton = ({
   variant = "primaryFill",
   ...restProps
 }: IRetractDisputeButton) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {

packages/react-kit/src/components/cta/dispute/UpdateDisputeResolverButton.tsx

@@ -2,13 +2,13 @@ import React, { useState } from "react";
 import { BigNumberish, providers } from "ethers";
 
 import { Button } from "../../buttons/Button";
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { ButtonTextWrapper, ExtraInfo, LoadingWrapper } from "../common/styles";
 import { CtaButtonProps } from "../common/types";
 import { Loading } from "../../Loading";
 import { CreateSellerArgs, TransactionResponse } from "@bosonprotocol/common";
 import { accounts } from "@bosonprotocol/core-sdk";
 import { ButtonSize } from "../../ui/buttonSize";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 export type IUpdateDisputeResolverButton = {
   exchangeId: BigNumberish;
   disputeResolverId: BigNumberish;
@@ -37,7 +37,7 @@ export const UpdateDisputeResolverButton = ({
   coreSdkConfig,
   ...rest
 }: IUpdateDisputeResolverButton) => {
-  const coreSdk = useCoreSdk(coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   return (

packages/react-kit/src/components/cta/exchange/BatchCompleteButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { BigNumberish } from "ethers";
 
-import { useCoreSdk } from "../../../hooks/useCoreSdk";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
+import { useCoreSdkOverrides } from "../../../hooks/useCoreSdkOverrides";
 
 type AdditionalProps = {
   /**
@@ -23,7 +23,9 @@ export const BatchCompleteButton = ({
   variant = "primaryFill",
   ...restProps
 }: Props) => {
-  const coreSdk = useCoreSdk(restProps.coreSdkConfig);
+  const coreSdk = useCoreSdkOverrides({
+    coreSdkConfig: restProps.coreSdkConfig
+  });
 
   const actions = [
     {