feat: integrate finance widget (#609)

* feat: integrate finance widget * disconnect wallet in finance widget if it doesnt match the provided sellerid
bosonprotocol · Nov 27, 2023 · 79983d1 · 79983d1
1 parent e80edde
commit 79983d1
Show file tree

Hide file tree

Showing 54 changed files with 709 additions and 230 deletions.
diff --git a/e2e/meta-tx-gateway/src/services/meta-tx.ts b/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;

diff --git a/packages/core-sdk/src/core-sdk.ts b/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;

diff --git a/packages/core-sdk/src/offers/mixin.ts b/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";
 

diff --git a/packages/react-kit/src/components/cta/common/CtaButton.tsx b/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,

diff --git a/packages/react-kit/src/components/cta/dispute/AddFeesDisputeResolverButton.tsx b/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 (

diff --git a/packages/react-kit/src/components/cta/dispute/AddSellerToDisputeResolverButton.tsx b/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 (

diff --git a/packages/react-kit/src/components/cta/dispute/CreateDisputeResolverButton.tsx b/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 (

diff --git a/packages/react-kit/src/components/cta/dispute/DecideDisputeButton.tsx b/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)

diff --git a/packages/react-kit/src/components/cta/dispute/EscalateDisputeButton.tsx b/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 = [
  {

diff --git a/packages/react-kit/src/components/cta/dispute/ExpireDisputeButton.tsx b/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 = [
  {

diff --git a/packages/react-kit/src/components/cta/dispute/ExpireEscalationDisputeButton.tsx b/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)

diff --git a/packages/react-kit/src/components/cta/dispute/ExtendDisputeTimeoutButton.tsx b/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 = [
  {

diff --git a/packages/react-kit/src/components/cta/dispute/RaiseDisputeButton.tsx b/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 = [
  {

diff --git a/packages/react-kit/src/components/cta/dispute/RefuseDisputeButton.tsx b/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)

diff --git a/packages/react-kit/src/components/cta/dispute/RemoveSellerFromDisputeResolverButton.tsx b/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 (

diff --git a/packages/react-kit/src/components/cta/dispute/ResolveDisputeButton.tsx b/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 = [

diff --git a/packages/react-kit/src/components/cta/dispute/RetractDisputeButton.tsx b/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 = [
  {

diff --git a/packages/react-kit/src/components/cta/dispute/UpdateDisputeResolverButton.tsx b/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 (

diff --git a/packages/react-kit/src/components/cta/exchange/BatchCompleteButton.tsx b/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 = [
  {