@bosonprotocol/react-kit 0.33.0-alpha.6 → 0.33.0-alpha.7

package/src/components/wallet/ConnectButton.tsx

@@ -8,7 +8,7 @@ import FallbackAvatar from "../avatar/fallback-avatar";
 import { Button } from "../buttons/Button";
 import ThemedButton, { bosonButtonThemes } from "../ui/ThemedButton";
 import { useBreakpoints } from "../../hooks/useBreakpoints";
-import { saveItemInStorage } from "../widgets/finance/storage/useLocalStorage";
+import { saveItemInStorage } from "../../hooks/storage/useBosonLocalStorage";
 import { SignOut, Wallet } from "phosphor-react";
 import { useIsMagicLoggedIn } from "../../hooks";
 import { useAccount, useChainId } from "../../hooks/connection/connection";

package/src/components/widgets/finance/convertion-rate/ConvertionRateContext.tsx

@@ -1,7 +1,7 @@
 /* eslint @typescript-eslint/no-empty-function: "off" */
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 import { createContext } from "react";
-import { getItemFromStorage } from "../storage/useLocalStorage";
+import { getItemFromStorage } from "../../../../hooks/storage/useBosonLocalStorage";
 
 export type Token = {
   symbol: string;

package/src/components/widgets/finance/convertion-rate/ConvertionRateProvider.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import { useTokens } from "../exchange-tokens/useTokens";
-import { saveItemInStorage } from "../storage/useLocalStorage";
+import { saveItemInStorage } from "../../../../hooks/storage/useBosonLocalStorage";
 import ConvertionRateContext, {
   ConvertionRateContextType,
   initalState,

package/src/components/widgets/finance/useOffersBacked.ts

@@ -5,7 +5,7 @@ import groupBy from "lodash/groupBy";
 import { useCallback, useMemo } from "react";
 
 import { Props } from "./Finance";
-import { saveItemInStorage } from "./storage/useLocalStorage";
+import { saveItemInStorage } from "../../../hooks/storage/useLocalStorage";
 import { SellerExchangeProps } from "./useSellerDeposit";
 import { subgraph } from "@bosonprotocol/core-sdk";
 import { Offer } from "../../../types/offer";

package/src/hooks/form/useForm.ts

@@ -0,0 +1,12 @@
+import { useFormikContext } from "formik";
+
+export function useForm<T>() {
+  const context = useFormikContext<T>();
+
+  const nextIsDisabled = !context.isValid && context.submitCount > 0;
+
+  return {
+    ...context,
+    nextIsDisabled
+  };
+}

package/src/hooks/index.ts

@@ -20,3 +20,8 @@ export * from "./contracts/erc1155/useErc1155Uris";
 export * from "./uniswap/useIsWindowVisible";
 export * from "./connection/connection";
 export { useConfigContext } from "../components/config/ConfigContext";
+export * from "./storage/useLocalStorage";
+export * from "./ipfs/useIpfsStorage";
+export * from "./location/buildUseSearchParams";
+export * from "./form/useForm";
+export * from "./useBreakpoints";

package/src/hooks/ipfs/useIpfsStorage.ts

@@ -0,0 +1,16 @@
+import { useConfigContext } from "../../components/config/ConfigContext";
+import { useIpfsContext } from "../../components/ipfs/IpfsContext";
+import { useIpfsMetadataStorage } from "../useIpfsMetadataStorage";
+
+export function useIpfsStorage() {
+  const { config } = useConfigContext();
+  const { ipfsMetadataStorageHeaders, ipfsMetadataStorageUrl } =
+    useIpfsContext();
+  const storage = useIpfsMetadataStorage(
+    config.envName,
+    config.configId,
+    ipfsMetadataStorageUrl,
+    ipfsMetadataStorageHeaders
+  );
+  return storage;
+}

package/src/hooks/location/buildUseSearchParams.tsx

@@ -0,0 +1,45 @@
+import qs from "query-string";
+import { useCallback, useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+
+export type BuildUseSearchParamsProps = {
+  useNavigate: () => (arg0: { pathname: string; search: string }) => unknown;
+};
+export function buildUseSearchParams({
+  useNavigate
+}: BuildUseSearchParamsProps) {
+  return () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const [params, setParams] = useState(qs.parse(location.search));
+
+    const handleChange = useCallback(
+      (name: string, value: string) => {
+        const oldParams = qs.parse(location.search);
+
+        const newParams = {
+          ...oldParams,
+          [name]: value
+        };
+        setParams(newParams);
+      },
+      [location.search]
+    );
+
+    useEffect(() => {
+      navigate({
+        pathname: location.pathname,
+        search: qs.stringify(params)
+      });
+    }, [params]); // eslint-disable-line
+
+    useEffect(() => {
+      setParams(qs.parse(location.search));
+    }, [location.search]); // eslint-disable-line
+
+    return {
+      params,
+      handleChange
+    };
+  };
+}

package/src/hooks/storage/useBosonLocalStorage.ts

@@ -0,0 +1,40 @@
+import {
+  getItemFromStorage as baseGetItemFromStorage,
+  saveItemInStorage as baseSaveItemInStorage,
+  removeItemInStorage as baseRemoveItemInStorage,
+  clearLocalStorage as baseClearLocalStorage,
+  useLocalStorage as useBaseLocalStorage
+} from "./useLocalStorage";
+
+export type GetItemFromStorageKey =
+  | "wagmi.store"
+  | "isChainUnsupported"
+  | "tracing-url"
+  | "isConnectWalletFromCommit"
+  | "convertionRates"
+  | "google-jwt"
+  | "showCookies";
+
+export function getItemFromStorage<T>(
+  key: GetItemFromStorageKey,
+  initialValue: T
+) {
+  return baseGetItemFromStorage(key, initialValue);
+}
+
+export function saveItemInStorage<T>(key: GetItemFromStorageKey, value: T) {
+  return baseSaveItemInStorage(key, value);
+}
+
+export function removeItemInStorage(key: GetItemFromStorageKey) {
+  return baseRemoveItemInStorage(key);
+}
+
+export const clearLocalStorage = baseClearLocalStorage;
+
+export function useLocalStorage<T>(
+  key: GetItemFromStorageKey,
+  initialValue: T
+) {
+  return useBaseLocalStorage(key, initialValue);
+}

package/src/{components/widgets/finance → hooks}/storage/useLocalStorage.ts

@@ -1,17 +1,8 @@
 // extracted from https://usehooks.com/useLocalStorage/
 import { useCallback, useState } from "react";
 
-export type GetItemFromStorageKey =
-  | "wagmi.store"
-  | "isChainUnsupported"
-  | "tracing-url"
-  | "isConnectWalletFromCommit"
-  | "convertionRates"
-  | "google-jwt"
-  | "showCookies";
-
-export function getItemFromStorage<T>(
-  key: GetItemFromStorageKey,
+export function getItemFromStorage<K extends string, T>(
+  key: K,
   initialValue: T
 ) {
   if (typeof window === "undefined") {
@@ -26,7 +17,7 @@ export function getItemFromStorage<T>(
   }
 }
 
-export function saveItemInStorage<T>(key: string, value: T) {
+export function saveItemInStorage<K extends string, T>(key: K, value: T) {
   if (typeof window !== "undefined") {
     try {
       window.localStorage.setItem(key, JSON.stringify(value));
@@ -36,7 +27,7 @@ export function saveItemInStorage<T>(key: string, value: T) {
   }
 }
 
-export function removeItemInStorage(key: string) {
+export function removeItemInStorage<K extends string>(key: K) {
   if (typeof window !== "undefined") {
     try {
       Object.keys(localStorage)
@@ -58,10 +49,7 @@ export const clearLocalStorage = () => {
   }
 };
 
-export function useLocalStorage<T>(
-  key: GetItemFromStorageKey,
-  initialValue: T
-) {
+export function useLocalStorage<K extends string, T>(key: K, initialValue: T) {
   const [storedValue, setStoredValue] = useState<T>(() =>
     getItemFromStorage(key, initialValue)
   );

package/src/index.tsx

@@ -32,6 +32,7 @@ export * from "./components/cta/funds/WithdrawAllFundsButton";
 export * from "./components/currencyDisplay/CurrencyDisplay";
 export * from "./components/exchangeCard/ExchangeCard";
 export * from "./components/image/Image";
+export * from "./components/ui/IpfsImage";
 export * from "./components/ui/loading/Loading";
 export * from "./components/productCard/ProductCard";
 export * from "./components/productCard/const";
@@ -87,3 +88,4 @@ export * from "./components/error/SimpleError";
 export * from "./components/step/MultiSteps";
 export * from "./components/ipfs/IpfsProvider";
 export * from "./types/helpers";
+export * from "./lib/url/url";

package/src/lib/url/url.ts

@@ -5,6 +5,9 @@ const SAFE_URL_PATTERN =
 const DATA_URL_PATTERN =
   /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+\\/]+=*$/i;
 
+export const websitePattern =
+  "^(http://|https://)?(www.)?([a-zA-Z0-9]+).[a-zA-Z0-9]*.[a-z]{1}.([-a-z-A-Z-0-9:_+.?/@#%&=]+)?$";
+
 function _sanitizeUrl(url: string): string {
   url = String(url);
   if (url === "null" || url.length === 0 || url === "about:blank")

package/src/types/helpers.ts

@@ -5,6 +5,10 @@ export type DeepReadonly<T> = {
 };
 export type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
 
+export type Prettify<T> = {
+  [K in keyof T]: T[K];
+} & {};
+
 type Falsy = false | 0 | "" | null | undefined;
 
 export const isTruthy = <T>(x: T | Falsy): x is T => !!x;

package/dist/cjs/components/widgets/finance/storage/useLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/finance/storage/useLocalStorage.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAC7B,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,2BAA2B,GAC3B,iBAAiB,GACjB,YAAY,GACZ,aAAa,CAAC;AAElB,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,GAAG,EAAE,qBAAqB,EAC1B,YAAY,EAAE,CAAC,OAYhB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAQzD;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,QAU9C;AAED,eAAO,MAAM,iBAAiB,YAQ7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,EAC/B,GAAG,EAAE,qBAAqB,EAC1B,YAAY,EAAE,CAAC,mCAOM,CAAC,KAAK,CAAC,wBAiB7B"}

package/dist/cjs/components/widgets/finance/storage/useLocalStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/finance/storage/useLocalStorage.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/widgets/finance/storage/useLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/finance/storage/useLocalStorage.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAC7B,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,2BAA2B,GAC3B,iBAAiB,GACjB,YAAY,GACZ,aAAa,CAAC;AAElB,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,GAAG,EAAE,qBAAqB,EAC1B,YAAY,EAAE,CAAC,OAYhB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAQzD;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,QAU9C;AAED,eAAO,MAAM,iBAAiB,YAQ7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,EAC/B,GAAG,EAAE,qBAAqB,EAC1B,YAAY,EAAE,CAAC,mCAOM,CAAC,KAAK,CAAC,wBAiB7B"}

package/dist/esm/components/widgets/finance/storage/useLocalStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/finance/storage/useLocalStorage.ts"],"names":[],"mappings":"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"}