@bosonprotocol/react-kit 0.29.0-alpha.2 → 0.29.0-alpha.21

package/src/components/cta/dispute/ResolveDisputeButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish, utils } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -21,44 +22,46 @@ type SuccessPayload = {
 export type IResolveDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const ResolveDisputeButton = ({
-  exchangeId,
-  proposal,
-  variant = "primaryFill",
-  ...restProps
-}: IResolveDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
-  const signature = utils.splitSignature(proposal.signature);
+export const ResolveDisputeButton = withQueryClientProvider(
+  ({
+    exchangeId,
+    proposal,
+    variant = "primaryFill",
+    ...restProps
+  }: IResolveDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
+    const signature = utils.splitSignature(proposal.signature);
 
-  const actions = [
-    {
-      writeContractFn: () =>
-        coreSdk.resolveDispute({
-          exchangeId: exchangeId,
-          buyerPercentBasisPoints: proposal.percentageAmount,
-          sigR: signature.r,
-          sigS: signature.s,
-          sigV: signature.v
-        }),
-      signMetaTxFn: async () =>
-        coreSdk.signMetaTxResolveDispute({
-          exchangeId,
-          buyerPercent: proposal.percentageAmount,
-          counterpartySig: signature,
-          nonce: Date.now()
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () =>
+          coreSdk.resolveDispute({
+            exchangeId: exchangeId,
+            buyerPercentBasisPoints: proposal.percentageAmount,
+            sigR: signature.r,
+            sigS: signature.s,
+            sigV: signature.v
+          }),
+        signMetaTxFn: async () =>
+          coreSdk.signMetaTxResolveDispute({
+            exchangeId,
+            buyerPercent: proposal.percentageAmount,
+            counterpartySig: signature,
+            nonce: Date.now()
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Resolve"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Resolve"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/dispute/RetractDisputeButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -16,33 +17,35 @@ type SuccessPayload = {
 export type IRetractDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const RetractDisputeButton = ({
-  exchangeId,
-  variant = "primaryFill",
-  ...restProps
-}: IRetractDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const RetractDisputeButton = withQueryClientProvider(
+  ({
+    exchangeId,
+    variant = "primaryFill",
+    ...restProps
+  }: IRetractDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.retractDispute(exchangeId),
-      signMetaTxFn: async () =>
-        coreSdk.signMetaTxRetractDispute({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.retractDispute(exchangeId),
+        signMetaTxFn: async () =>
+          coreSdk.signMetaTxRetractDispute({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Retract"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Retract"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/BatchCompleteButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   /**
@@ -18,33 +19,31 @@ type SuccessPayload = {
 
 type Props = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const BatchCompleteButton = ({
-  exchangeIds,
-  variant = "primaryFill",
-  ...restProps
-}: Props) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const BatchCompleteButton = withQueryClientProvider(
+  ({ exchangeIds, variant = "primaryFill", ...restProps }: Props) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.completeExchangeBatch(exchangeIds),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxCompleteExchangeBatch({
-          nonce: Date.now(),
-          exchangeIds
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.completeExchangeBatch(exchangeIds),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxCompleteExchangeBatch({
+            nonce: Date.now(),
+            exchangeIds
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Batch Complete"
-      successPayload={{ exchangeIds }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Batch Complete"
+        successPayload={{ exchangeIds }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/CancelButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -15,33 +16,31 @@ type SuccessPayload = {
 
 export type ICancelButton = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const CancelButton = ({
-  variant = "secondaryFill",
-  exchangeId,
-  ...restProps
-}: ICancelButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const CancelButton = withQueryClientProvider(
+  ({ variant = "secondaryFill", exchangeId, ...restProps }: ICancelButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.cancelVoucher(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxCancelVoucher({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.cancelVoucher(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxCancelVoucher({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Cancel"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Cancel"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/CompleteButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -15,33 +16,31 @@ type SuccessPayload = {
 
 type Props = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const CompleteButton = ({
-  exchangeId,
-  variant = "primaryFill",
-  ...restProps
-}: Props) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const CompleteButton = withQueryClientProvider(
+  ({ exchangeId, variant = "primaryFill", ...restProps }: Props) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.completeExchange(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxCompleteExchange({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.completeExchange(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxCompleteExchange({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Complete"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Complete"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/ExpireButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -15,33 +16,31 @@ type SuccessPayload = {
 
 export type IExpireButton = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const ExpireButton = ({
-  exchangeId,
-  variant = "secondaryFill",
-  ...restProps
-}: IExpireButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const ExpireButton = withQueryClientProvider(
+  ({ exchangeId, variant = "secondaryFill", ...restProps }: IExpireButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.expireVoucher(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxExpireVoucher({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.expireVoucher(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxExpireVoucher({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Expire"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Expire"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/RedeemButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -15,33 +16,31 @@ type SuccessPayload = {
 
 export type IRedeemButton = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const RedeemButton = ({
-  exchangeId,
-  variant = "primaryFill",
-  ...restProps
-}: IRedeemButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const RedeemButton = withQueryClientProvider(
+  ({ exchangeId, variant = "primaryFill", ...restProps }: IRedeemButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.redeemVoucher(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxRedeemVoucher({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.redeemVoucher(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxRedeemVoucher({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Redeem"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Redeem"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);

package/src/components/cta/exchange/RevokeButton.tsx

@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -15,33 +16,31 @@ type SuccessPayload = {
 
 type IRevokeButton = AdditionalProps & CtaButtonProps<SuccessPayload>;
 
-export const RevokeButton = ({
-  exchangeId,
-  variant = "secondaryFill",
-  ...restProps
-}: IRevokeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const RevokeButton = withQueryClientProvider(
+  ({ exchangeId, variant = "secondaryFill", ...restProps }: IRevokeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.revokeVoucher(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxRevokeVoucher({
-          nonce: Date.now(),
-          exchangeId
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.revokeVoucher(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxRevokeVoucher({
+            nonce: Date.now(),
+            exchangeId
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Revoke"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Revoke"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);