chore: export cta related stuff (#794)

* chore: export cta related stuff * fix: storybook
bosonprotocol · Sep 16, 2024 · 0cf97da · 0cf97da
1 parent 8910940
commit 0cf97da
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 31 deletions.
diff --git a/packages/react-kit/src/components/queryClient/withQueryClientProvider.tsx b/packages/react-kit/src/components/queryClient/withQueryClientProvider.tsx
@@ -1,30 +1,5 @@
-import {
-  QueryClient,
-  QueryClientProvider,
-  QueryClientProviderProps
-} from "react-query";
-
 import React from "react";
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false
-    }
-  }
-});
-
-type QueryClientProviderCustomProps = Partial<QueryClientProviderProps>;
-
-export const QueryClientProviderCustom: React.FC<
-  QueryClientProviderCustomProps
-> = ({ ...props }) => {
-  return (
-    <QueryClientProvider client={queryClient} {...props}>
-      {props.children}
-    </QueryClientProvider>
-  );
-};
+import { QueryClientProviderCustom } from "./QueryClientProviderCustom";
 
 export const withQueryClientProvider = <P extends object>(
   WrappedComponent: React.ComponentType<P>

diff --git a/packages/react-kit/src/hooks/index.ts b/packages/react-kit/src/hooks/index.ts
@@ -25,3 +25,6 @@ export * from "./ipfs/useIpfsStorage";
 export * from "./location/buildUseSearchParams";
 export * from "./form/useForm";
 export * from "./useBreakpoints";
+export * from "./useSignerAddress";
+export * from "./useMetaTx";
+export { useCtaClickHandler } from "./useCtaClickHandler";
diff --git a/packages/react-kit/src/hooks/useCtaClickHandler.ts b/packages/react-kit/src/hooks/useCtaClickHandler.ts
@@ -20,7 +20,10 @@ export function useCtaClickHandler<T>({
   successPayload
 }: {
   waitBlocks: number;
-  coreSdk: CoreSDK;
+  coreSdk: Pick<
+    CoreSDK,
+    "relayNativeMetaTransaction" | "relayMetaTransaction" | "parseError"
+  >;
   useMetaTx: boolean;
   actions: Action[];
   successPayload: T | ((receipt: providers.TransactionReceipt) => T);

diff --git a/packages/react-kit/src/hooks/useMetaTx.ts b/packages/react-kit/src/hooks/useMetaTx.ts
@@ -1,7 +1,9 @@
 import { CoreSDK } from "@bosonprotocol/core-sdk";
 import { useSignerAddress } from "./useSignerAddress";
 
-export function useMetaTx(coreSdk: CoreSDK | undefined) {
+export function useMetaTx(
+  coreSdk: Pick<CoreSDK, "isMetaTxConfigSet" | "web3Lib"> | undefined
+) {
   const { signerAddress, signerContract } = useSignerAddress(coreSdk?.web3Lib);
   const isMetaTx = coreSdk
     ? Boolean(coreSdk.isMetaTxConfigSet && signerAddress && !signerContract)

diff --git a/packages/react-kit/src/index.tsx b/packages/react-kit/src/index.tsx
@@ -3,6 +3,7 @@ export * from "./components/buttons/BurgerButton";
 export * from "./components/buttons/Button";
 export * from "./components/buttons/CommitButtonView";
 export * from "./components/config/ConfigProvider";
+export * from "./components/cta/common/types";
 export * from "./components/cta/dispute/DecideDisputeButton";
 export * from "./components/cta/dispute/EscalateDisputeButton";
 export * from "./components/cta/dispute/ExpireDisputeButton";
@@ -45,6 +46,8 @@ export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeD
 export * from "./components/portal/Portal";
 export * from "./components/productCard/const";
 export * from "./components/productCard/ProductCard";
+export * from "./components/queryClient/withQueryClientProvider";
+export * from "./components/queryClient/QueryClientProviderCustom";
 export * from "./components/scroll/ScrollToID";
 export * from "./components/scroll/ScrollToTop";
 export * from "./components/searchBar/SearchBar";

diff --git a/packages/react-kit/src/stories/buttons/Upload.stories.tsx b/packages/react-kit/src/stories/buttons/Upload.stories.tsx
@@ -1,11 +1,9 @@
-import { fn } from "@storybook/test";
 import React from "react";
 import { Meta } from "@storybook/react";
-import { Upload } from "../..";
+import { QueryClientProviderCustom, Upload } from "../..";
 import { EnvironmentProvider } from "../../components/environment/EnvironmentProvider";
 import { IpfsProvider } from "../../components/ipfs/IpfsProvider";
 import { Formik } from "formik";
-import { QueryClientProviderCustom } from "../../components/queryClient/withQueryClientProvider";
 import {
   bosonButtonThemeKeys,
   bosonButtonThemes