@bosonprotocol/react-kit 0.33.0-alpha.2 → 0.33.0-alpha.20

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/hooks/useIpfsMetadataStorage.tsx

@@ -1,5 +1,9 @@
 import { useEffect, useState } from "react";
-import { getEnvConfigById, ConfigId } from "@bosonprotocol/core-sdk";
+import {
+  getEnvConfigById,
+  ConfigId,
+  validateMetadata
+} from "@bosonprotocol/core-sdk";
 import { IpfsMetadataStorage } from "@bosonprotocol/ipfs-storage";
 import { EnvironmentType } from "@bosonprotocol/common/src/types";
 
@@ -37,7 +41,7 @@ function initIpfsMetadataStorage(
   url?: string,
   headers?: Headers | Record<string, string>
 ) {
-  return new IpfsMetadataStorage({
+  return new IpfsMetadataStorage(validateMetadata, {
     url: url || getEnvConfigById(envName, configId).ipfsMetadataUrl,
     headers
   });

package/src/index.tsx

@@ -32,6 +32,8 @@ 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 { Video, VideoProps } from "./components/ui/Video";
 export * from "./components/ui/loading/Loading";
 export * from "./components/productCard/ProductCard";
 export * from "./components/productCard/const";
@@ -67,8 +69,10 @@ export * from "./components/ui/Grid";
 export * from "./components/ui/GridContainer";
 export * from "./components/ui/Typography";
 export * from "./components/ui/MuteButton";
+export * from "./components/ui/CardCTA";
 export * from "./components/form";
 export * from "./lib/magicLink/logout";
+export * from "./lib/bytes/bytesToSize";
 export * from "./lib/magicLink/provider";
 export * from "./lib/const/networks";
 export * from "./lib/errors/transactions";
@@ -86,3 +90,5 @@ export * from "./components/error/SimpleError";
 export * from "./components/step/MultiSteps";
 export * from "./components/ipfs/IpfsProvider";
 export * from "./types/helpers";
+export * from "./lib/url/url";
+export * from "./lib/promises/promises";

package/src/lib/bytes/bytesToSize.ts

@@ -1,4 +1,4 @@
-export default function bytesToSize(bytes: number) {
+export function bytesToSize(bytes: number) {
   const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
   const i = Math.floor(Math.log(bytes) / Math.log(1024));
   return `${Math.round(bytes / Math.pow(1024, i))} ${sizes[i]}`;

package/src/lib/const/chainInfo.ts

@@ -5,7 +5,7 @@ import polygonMaticLogo from "../../assets/svg/polygon-matic-logo.svg";
 import polygonSquareLogoUrl from "../../assets/svg/polygon_square_logo.svg";
 import ms from "ms";
 
-import { SupportedL1ChainId, SupportedL2ChainId } from "./chains";
+import { LocalChainId, SupportedL1ChainId, SupportedL2ChainId } from "./chains";
 
 export const AVERAGE_L1_BLOCK_TIME = ms(`12s`);
 
@@ -113,6 +113,15 @@ const CHAIN_INFO: ChainInfoMap = {
       symbol: "aMATIC",
       decimals: 18
     }
+  },
+  [LocalChainId]: {
+    networkType: NetworkType.L1,
+    docs: "https://docs.uniswap.org/",
+    explorer: "https://etherscan.io/",
+    infoLink: "https://info.uniswap.org/#/",
+    label: "Local",
+    logoUrl: ethereumLogoUrl,
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 }
   }
 } as const;
 

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/stories/buttons/Upload.stories.tsx

@@ -80,3 +80,11 @@ export const Base = {
     ...BASE_ARGS
   }
 };
+
+export const VideoOnly = {
+  args: {
+    ...BASE_ARGS,
+    accept: "video/mp4",
+    withUpload: true
+  }
+};

package/src/stories/form/BaseCheckbox.stories.tsx

@@ -0,0 +1,113 @@
+import React from "react";
+import { BaseCheckbox, BaseCheckboxProps } from "../../components/form";
+import { Formik } from "formik";
+import type { Meta } from "@storybook/react";
+import { theme } from "../../theme";
+import { bosonCheckboxTheme } from "../../components/form/Checkbox";
+const colors = theme.colors.light;
+
+const inputName = "test";
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: "Visual Components/Inputs/BaseCheckbox",
+  component: BaseCheckbox,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    disabled: { control: "boolean" },
+    text: { control: "text" }
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  // args: { onClick: fn() },
+  decorators: [
+    (Story, { name }) => {
+      return (
+        <Formik<{ [inputName]: unknown }>
+          onSubmit={() => {
+            //
+          }}
+          initialErrors={
+            name.toLowerCase().includes("error")
+              ? { [inputName]: "Checkbox error!" }
+              : {}
+          }
+          initialValues={{ [inputName]: "" }}
+          initialTouched={{ [inputName]: true }}
+        >
+          <Story />
+        </Formik>
+      );
+    }
+  ] satisfies Meta<typeof BaseCheckbox>["decorators"]
+} satisfies Meta<typeof BaseCheckbox>;
+
+const BASE_ARGS = {
+  name: inputName,
+  text: "text next to checkbox via 'text' prop",
+  theme: bosonCheckboxTheme
+};
+
+export const Simple = {
+  args: {
+    ...BASE_ARGS
+  }
+};
+
+export const CustomTheme = {
+  name: "With custom theme",
+  args: {
+    ...BASE_ARGS,
+    theme: {
+      backgroundColor: colors.blue,
+      borderColor: colors.green,
+      color: colors.red,
+      borderRadius: "4px",
+      hover: {
+        borderColor: colors.red,
+        backgroundColor: colors.primary,
+        color: colors.darkRed
+      },
+      checked: {
+        borderColor: "#ff00d4",
+        color: "#ff00d4",
+        backgroundColor: "#ff00d444"
+      },
+      error: {
+        color: colors.orange,
+        borderColor: colors.bosonSkyBlue,
+        backgroundColor: colors.cyan
+      }
+    } satisfies BaseCheckboxProps["theme"]
+  }
+};
+export const InputWithError = {
+  name: "With error",
+  args: {
+    ...BASE_ARGS
+  }
+};
+
+export const CustomThemeWithError = {
+  name: "With custom theme and error",
+  args: {
+    ...BASE_ARGS,
+    theme: {
+      backgroundColor: colors.blue,
+      borderColor: colors.green,
+      hover: {
+        borderColor: colors.red,
+        backgroundColor: colors.grey
+      },
+      error: {
+        color: colors.orange,
+        borderColor: colors.bosonSkyBlue,
+        backgroundColor: colors.cyan
+      }
+    } satisfies BaseCheckboxProps["theme"]
+  }
+};

package/src/stories/selects/CountrySelect.stories.tsx

@@ -74,7 +74,14 @@ export default {
           initialValues={{ [inputName]: "" }}
           initialTouched={{ [inputName]: true }}
         >
-          <Story args={{ ...args, name: inputName }} />
+          {({ values }) => {
+            return (
+              <>
+                <Story args={{ ...args, name: inputName }} />
+                <div>selected value: {JSON.stringify(values)}</div>
+              </>
+            );
+          }}
         </Formik>
       );
     }
@@ -95,16 +102,47 @@ export const CustomTheme = {
   args: {
     ...BASE_ARGS,
     theme: {
-      controlHeight: "45px",
-      borderRadius: "30px",
-      controlBackground: colors.lightGrey,
-      controlFocusBorderColor: colors.blue,
-      controlHoverBorderColor: colors.red,
-      controlUnfocusedBorderColor: colors.border,
-      selectedOptionBackground: colors.lightGrey,
-      selectedOptionColor: colors.orange,
-      unselectedOptionBackground: colors.white,
-      unselectedOptionColor: colors.black
+      control: {
+        color: "yellow",
+        height: undefined,
+        background: colors.arsenic,
+        borderRadius: "16px",
+        padding: "3px",
+        boxShadow: "1px 2px 3px 4px blue",
+        borderWidth: undefined,
+        border: "1px solid green",
+        focus: {
+          border: "1px solid red"
+        },
+        hover: {
+          borderColor: "purple",
+          borderWidth: "1px"
+        },
+        error: {
+          border: "1px solid orange"
+        }
+      },
+      option: {
+        opacity: "1",
+        background: "pink",
+        color: "brown",
+        selected: {
+          background: "yellow",
+          color: "cyan"
+        },
+        disabled: {
+          opacity: "0.8"
+        }
+      },
+      placeholder: {
+        color: "red"
+      },
+      input: {
+        color: "cyan"
+      },
+      singleValue: {
+        color: "orange"
+      }
     }
   } satisfies CountrySelectProps
 };

package/src/stories/selects/Select.stories.tsx

@@ -0,0 +1,117 @@
+import { fn } from "@storybook/test";
+import { Select, SelectProps, theme } from "../../index";
+import React from "react";
+import { Meta } from "@storybook/react";
+import { Formik } from "formik";
+
+const inputWithErrors = "With error";
+const inputName = "test";
+
+const colors = theme.colors.light;
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: "Visual Components/Selects/Select",
+  component: Select,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  args: { onChange: fn() },
+  argTypes: {
+    name: {
+      table: {
+        disable: true // remove name input in controls
+      }
+    },
+    theme: {
+      table: {
+        disable: true // remove name input in controls
+      }
+    },
+    disabled: { control: "boolean" },
+    placeholder: { control: "text" }
+  },
+  decorators: [
+    (Story, { args, name }) => {
+      return (
+        <Formik<{ [inputName]: unknown }>
+          onSubmit={() => {
+            //
+          }}
+          initialErrors={
+            name === inputWithErrors
+              ? { [inputName]: "There has been an error!" }
+              : {}
+          }
+          initialValues={{ [inputName]: "" }}
+          initialTouched={{ [inputName]: true }}
+        >
+          <Story args={{ ...args, name: inputName }} />
+        </Formik>
+      );
+    }
+  ]
+} satisfies Meta<typeof Select>;
+
+const BASE_ARGS = {
+  name: inputName,
+  options: [
+    { label: "first option", value: "1" },
+    { label: "second option", value: "2" },
+    { label: "third option", value: "3" }
+  ]
+} as SelectProps;
+
+// More on args: https://storybook.js.org/docs/react/writing-stories/args
+export const Base = {
+  args: { ...BASE_ARGS } satisfies SelectProps
+};
+
+export const CustomTheme = {
+  args: {
+    ...BASE_ARGS,
+    theme: {
+      control: {
+        background: colors.arsenic,
+        borderRadius: "16px",
+        padding: "3px",
+        boxShadow: "1px 2px 3px 4px blue",
+        borderWidth: undefined,
+        border: "1px solid green",
+        focus: {
+          border: "1px solid red"
+        },
+        hover: {
+          borderColor: undefined,
+          borderWidth: undefined,
+          border: "1px solid purple"
+        },
+        error: {
+          border: "1px solid orange"
+        }
+      },
+      option: {
+        opacity: "1",
+        background: "pink",
+        color: "brown",
+        selected: {
+          background: "yellow",
+          color: "cyan"
+        },
+        disabled: {
+          opacity: "0.8"
+        }
+      }
+    }
+  } satisfies SelectProps
+};
+
+export const WithError = {
+  name: inputWithErrors,
+  args: {
+    ...BASE_ARGS,
+    placeholder: "this is a placeholder"
+  } satisfies SelectProps
+};

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