chore: export cta related stuff (#794)

* chore: export cta related stuff

* fix: storybook

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>

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";

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);

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)

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";

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