@bosonprotocol/react-kit 0.33.0-alpha.15 → 0.33.0-alpha.17

package/dist/esm/components/ui/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -29,6 +29,7 @@ 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";

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -29,6 +29,7 @@ export * from "./components/currencyDisplay/CurrencyDisplay";
 export * from "./components/exchangeCard/ExchangeCard";
 export * from "./components/image/Image";
 export * from "./components/ui/IpfsImage";
+export { Video } from "./components/ui/Video";
 export * from "./components/ui/loading/Loading";
 export * from "./components/productCard/ProductCard";
 export * from "./components/productCard/const";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bosonprotocol/react-kit",
   "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
-  "version": "0.33.0-alpha.15",
+  "version": "0.33.0-alpha.17",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.40.5-alpha.14",
-    "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.14",
-    "@bosonprotocol/ipfs-storage": "^1.11.4-alpha.9",
+    "@bosonprotocol/core-sdk": "^1.40.5-alpha.16",
+    "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.16",
+    "@bosonprotocol/ipfs-storage": "^1.11.4-alpha.11",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
     "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "d9e7e41c061b1e37590c94023001de3f8ceaebff"
+  "gitHead": "3a87b8035e74e3d7ff04b1693e1ce8c7b5c2c855"
 }

package/src/components/form/BaseCheckbox.tsx

@@ -0,0 +1,49 @@
+import { useField } from "formik";
+import { Check } from "phosphor-react";
+import React, { useEffect, useRef } from "react";
+
+import Error from "./Error";
+import { CheckboxWrapper } from "./Field.styles";
+import type { CheckboxProps } from "./types";
+
+export type BaseCheckboxProps = CheckboxProps;
+export function BaseCheckbox({
+  name,
+  text,
+  theme,
+  ...props
+}: BaseCheckboxProps) {
+  const [field, meta, helpers] = useField(name);
+  const ref = useRef(field.value);
+  const errorMessage = meta.error && meta.touched ? meta.error : "";
+  const displayError = typeof errorMessage === "string" && errorMessage !== "";
+  const checkboxId = `checkbox-${name}`;
+
+  useEffect(() => {
+    if (ref.current !== field.value) {
+      if (!meta.touched) {
+        helpers.setTouched(true);
+      }
+    }
+  }, [field.value]); // eslint-disable-line
+
+  return (
+    <>
+      <CheckboxWrapper htmlFor={checkboxId} $error={errorMessage} theme={theme}>
+        <input
+          hidden
+          id={checkboxId}
+          type="checkbox"
+          {...props}
+          {...field}
+          checked={field.value}
+        />
+        <div>
+          <Check size={16} />
+        </div>
+        <b>{text}</b>
+      </CheckboxWrapper>
+      <Error display={displayError} message={errorMessage} />
+    </>
+  );
+}

package/src/components/form/Checkbox.tsx

@@ -1,43 +1,20 @@
-import { useField } from "formik";
-import { Check } from "phosphor-react";
-import React, { useEffect, useRef } from "react";
+import React from "react";
 
-import Error from "./Error";
-import { CheckboxWrapper } from "./Field.styles";
-import type { CheckboxProps } from "./types";
+import { theme } from "../../theme";
+import { BaseCheckbox, BaseCheckboxProps } from "./BaseCheckbox";
 
-export default function Checkbox({ name, text, ...props }: CheckboxProps) {
-  const [field, meta, helpers] = useField(name);
-  const ref = useRef(field.value);
-  const errorMessage = meta.error && meta.touched ? meta.error : "";
-  const displayError = typeof errorMessage === "string" && errorMessage !== "";
-  const checkboxId = `checkbox-${name}`;
-
-  useEffect(() => {
-    if (ref.current !== field.value) {
-      if (!meta.touched) {
-        helpers.setTouched(true);
-      }
-    }
-  }, [field.value]); // eslint-disable-line
-
-  return (
-    <>
-      <CheckboxWrapper htmlFor={checkboxId} error={errorMessage}>
-        <input
-          hidden
-          id={checkboxId}
-          type="checkbox"
-          {...props}
-          {...field}
-          checked={field.value}
-        />
-        <div>
-          <Check size={16} />
-        </div>
-        <b>{text || "Checkbox"}</b>
-      </CheckboxWrapper>
-      <Error display={displayError} message={errorMessage} />
-    </>
-  );
+const colors = theme.colors.light;
+export const bosonCheckboxTheme = {
+  backgroundColor: colors.lightGrey,
+  borderColor: colors.border,
+  hover: {
+    borderColor: colors.secondary
+  },
+  error: {
+    borderColor: colors.orange
+  }
+} satisfies BaseCheckboxProps["theme"];
+export type CheckboxProps = Omit<BaseCheckboxProps, "theme">;
+export function Checkbox(props: CheckboxProps) {
+  return <BaseCheckbox {...props} theme={bosonCheckboxTheme} />;
 }

package/src/components/form/CountrySelect.tsx

@@ -41,8 +41,6 @@ const customStyles = (
     return {
       ...provided,
       alignContent: "center",
-      borderRadius: customTheme?.control?.borderRadius ?? 0,
-      height: customTheme?.control?.height,
       padding: "0.4rem 1rem",
       boxShadow: "none",
       background: colors.lightGrey,
@@ -87,6 +85,7 @@ const customStyles = (
       ...(state.isDisabled && customTheme?.option?.disabled),
       ...((state.isOptionSelected || state.isSelected) &&
         customTheme?.option?.selected),
+      ...(state.isFocused && customTheme?.option?.focus),
       ...(!checkIfValueIsEmpty(error) && customTheme?.option?.error)
     };
   },
@@ -125,6 +124,7 @@ const ControlGrid = styled.div`
   align-items: center;
   justify-content: space-between;
   .PhoneInputCountryIcon {
+    max-width: fit-content;
     min-width: 40px;
     display: inline;
     height: 27px;
@@ -132,6 +132,9 @@ const ControlGrid = styled.div`
       max-width: 40px;
     }
   }
+  svg {
+    max-width: 40px;
+  }
 `;
 const OptionGrid = styled.div`
   display: grid;
@@ -171,6 +174,7 @@ export type CountrySelectProps = InputProps & {
       Partial<{
         selected: Partial<CSSProperties>;
         disabled: Partial<CSSProperties>;
+        focus: Partial<CSSProperties>;
         error: CSSProperties;
       }>;
     placeholder: Partial<CSSProperties> &

package/src/components/form/Field.styles.ts

@@ -338,7 +338,31 @@ export const FormFieldWrapper = styled(Grid)`
   }
 `;
 
-export const CheckboxWrapper = styled.label<{ error: any }>`
+export type CheckboxTheme = Partial<{
+  backgroundColor: CSSProperties["backgroundColor"];
+  borderColor: CSSProperties["borderColor"];
+  borderRadius: CSSProperties["borderRadius"];
+  color: CSSProperties["color"];
+  hover: Partial<{
+    borderColor: CSSProperties["borderColor"];
+    backgroundColor: CSSProperties["backgroundColor"];
+    color: CSSProperties["color"];
+  }>;
+  error: Partial<{
+    borderColor: CSSProperties["borderColor"];
+    backgroundColor: CSSProperties["backgroundColor"];
+    color: CSSProperties["color"];
+  }>;
+  checked: Partial<{
+    borderColor: CSSProperties["borderColor"];
+    backgroundColor: CSSProperties["backgroundColor"];
+    color: CSSProperties["color"];
+  }>;
+}>;
+export const CheckboxWrapper = styled.label<{
+  $error: unknown;
+  theme: CheckboxTheme;
+}>`
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -355,7 +379,18 @@ export const CheckboxWrapper = styled.label<{ error: any }>`
       + div {
         cursor: pointer;
         &:hover {
-          border: 1px solid ${colors.secondary};
+          border: 1px solid
+            ${({ theme }) => theme?.hover?.borderColor || colors.border};
+          ${({ theme }) =>
+            theme?.hover?.backgroundColor &&
+            css`
+              background-color: ${theme?.hover?.backgroundColor};
+            `};
+          ${({ theme }) =>
+            theme?.hover?.color &&
+            css`
+              color: ${theme?.hover?.color};
+            `};
           svg {
             opacity: 0.25;
           }
@@ -375,8 +410,19 @@ export const CheckboxWrapper = styled.label<{ error: any }>`
     width: 1.5rem;
     height: 1.5rem;
 
-    background: ${colors.lightGrey};
-
+    background-color: ${({ theme }) =>
+      theme?.backgroundColor || colors.lightGrey};
+    border: 1px solid ${({ theme }) => theme?.borderColor};
+    ${({ theme }) =>
+      theme?.color &&
+      css`
+        color: ${theme?.color};
+      `};
+    ${({ theme }) =>
+      theme?.borderRadius !== undefined &&
+      css`
+        border-radius: ${theme?.borderRadius};
+      `};
     margin-right: 0.5rem;
   }
 
@@ -385,6 +431,23 @@ export const CheckboxWrapper = styled.label<{ error: any }>`
       + div svg {
         opacity: 1;
       }
+      + div {
+        ${({ theme }) =>
+          theme?.checked?.backgroundColor &&
+          css`
+            background-color: ${theme?.checked?.backgroundColor};
+          `};
+        ${({ theme }) =>
+          theme?.checked?.borderColor &&
+          css`
+            border: 1px solid ${theme?.checked?.borderColor};
+          `};
+        ${({ theme }) =>
+          theme?.checked?.color &&
+          css`
+            color: ${theme?.checked?.color};
+          `};
+      }
     }
     &:not(:checked) {
       + div svg {
@@ -393,17 +456,24 @@ export const CheckboxWrapper = styled.label<{ error: any }>`
     }
   }
 
-  ${({ error }) =>
-    !checkIfValueIsEmpty(error)
-      ? css`
-          > div {
-            border: 1px solid ${colors.orange};
-          }
-        `
-      : css`
-          > div {
-            border: 1px solid ${colors.border};
-          }
+  ${({ $error, theme }) =>
+    !checkIfValueIsEmpty($error) &&
+    css`
+      > div {
+        border: 1px solid ${theme?.error?.borderColor || colors.orange}};
+        ${
+          theme?.error?.backgroundColor &&
+          css`
+            background-color: ${theme?.error?.backgroundColor};
+          `
+        };
+        ${
+          theme?.error?.color &&
+          css`
+            color: ${theme?.error?.color};
+          `
+        };
+      }
         `}
 `;
 

package/src/components/form/FormField.tsx

@@ -10,6 +10,7 @@ import { Grid } from "../ui/Grid";
 import { Typography } from "../ui/Typography";
 import { CopyButton, FormFieldWrapper } from "./Field.styles";
 import type { FormFieldProps } from "./types";
+export type { FormFieldProps } from "./types";
 
 const colors = theme.colors.light;
 

package/src/components/form/Select.tsx

@@ -19,16 +19,7 @@ const customStyles = (
   boolean,
   GroupBase<SelectDataProps<string>>
 > => ({
-  singleValue: (provided: any) => {
-    return {
-      ...provided,
-      color: colors.darkGrey,
-      fontSize: "13.33px",
-      ...customTheme?.singleValue,
-      ...(!checkIfValueIsEmpty(error) && customTheme?.singleValue?.error)
-    };
-  },
-  control: (provided: any, state: any) => {
+  control: (provided, state: any) => {
     const before = state.selectProps.label
       ? {
           ":before": {
@@ -58,13 +49,13 @@ const customStyles = (
       ...before
     };
   },
-  container: (provided: any, state: any) => ({
+  container: (provided, state: any) => ({
     ...provided,
     zIndex: state.isFocused ? zIndex.Select + 1 : zIndex.Select,
     position: "relative",
     width: "100%"
   }),
-  option: (provided: any, state: any) => {
+  option: (provided, state: any) => {
     return {
       ...provided,
       cursor: state.isDisabled ? "not-allowed" : "pointer",
@@ -82,22 +73,32 @@ const customStyles = (
       ...(state.isDisabled && customTheme?.option?.disabled),
       ...((state.isOptionSelected || state.isSelected) &&
         customTheme?.option?.selected),
-      ...(state.isFocused && customTheme?.option?.focus)
+      ...(state.isFocused && customTheme?.option?.focus),
+      ...(!checkIfValueIsEmpty(error) && customTheme?.option?.error)
     };
   },
   indicatorSeparator: () => ({
     display: "none"
   }),
-  placeholder: (provided: any) => ({
+  placeholder: (provided) => ({
     ...provided,
     ...customTheme?.placeholder,
     ...(!checkIfValueIsEmpty(error) && customTheme?.placeholder?.error)
   }),
-  input: (provided: any) => ({
+  input: (provided) => ({
     ...provided,
     ...customTheme?.input,
     ...(!checkIfValueIsEmpty(error) && customTheme?.input?.error)
-  })
+  }),
+  singleValue: (provided) => {
+    return {
+      ...provided,
+      color: colors.darkGrey,
+      fontSize: "13.33px",
+      ...customTheme?.singleValue,
+      ...(!checkIfValueIsEmpty(error) && customTheme?.singleValue?.error)
+    };
+  }
 });
 
 export default function SelectComponent({

package/src/components/form/Upload/WithUploadToIpfs.tsx

@@ -34,9 +34,8 @@ export function WithUploadToIpfs<P extends WithUploadToIpfsProps>(
     props: Omit<P & UploadProps, keyof WithUploadToIpfsProps>
   ) => {
     const withUpload = props?.withUpload || false;
-    const accept: string = props.accept
-      ? props.accept
-      : SUPPORTED_FORMATS.join(",");
+    const accept: string = props.accept || SUPPORTED_FORMATS.join(",");
+    const maxSize = Number(props.maxSize) || MAX_FILE_SIZE;
     const { saveFile, loadMedia, removeFile } = useSaveImageToIpfs();
 
     const saveToIpfs: WithUploadToIpfsProps["saveToIpfs"] = useCallback(
@@ -47,10 +46,8 @@ export function WithUploadToIpfs<P extends WithUploadToIpfsProps>(
         const filesErrors: string[] = [];
 
         for (const file of filesArray) {
-          const sizeValidation = Number(props.maxSize) || MAX_FILE_SIZE;
-          const formatValidation = props.accept
-            ? props.accept.split(",").map((acc) => acc.trim())
-            : SUPPORTED_FORMATS;
+          const sizeValidation = maxSize;
+          const formatValidation = accept.split(",").map((acc) => acc.trim());
 
           if (file?.size > sizeValidation) {
             const err = `File ${
@@ -101,18 +98,18 @@ export function WithUploadToIpfs<P extends WithUploadToIpfsProps>(
 
         return ipfsArray as FileProps[];
       },
-      [props.accept, props.maxSize, saveFile]
+      [accept, maxSize, saveFile]
     );
 
     const newProps = useMemo(
       () => ({
-        maxSize: MAX_FILE_SIZE,
+        maxSize,
         accept,
         saveToIpfs,
         loadMedia,
         removeFile
       }),
-      [saveToIpfs, loadMedia, removeFile, accept]
+      [saveToIpfs, loadMedia, removeFile, accept, maxSize]
     );
 
     if (withUpload) {

package/src/components/form/index.ts

@@ -1,7 +1,8 @@
-export { default as Checkbox } from "./Checkbox";
+export { Checkbox, CheckboxProps } from "./Checkbox";
+export { BaseCheckbox, BaseCheckboxProps } from "./BaseCheckbox";
 export { default as Datepicker } from "./Datepicker";
 export { default as Error } from "./Error";
-export { FormField } from "./FormField";
+export { FormField, FormFieldProps } from "./FormField";
 export * from "./BaseInput";
 export { default as Input, InputProps } from "./Input";
 export { default as Phone } from "./Phone";

package/src/components/form/types.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from "react";
-import { SingleValue } from "react-select";
+import { CSSObjectWithLabel, SingleValue } from "react-select";
 import { CSSProperties } from "styled-components";
 import { ImageEditorModalProps } from "./Upload/ImageEditorModal/ImageEditorModal";
-import type { FileUploadWrapperTheme, TextAreaTheme } from "./Field.styles";
+import type {
+  CheckboxTheme,
+  FileUploadWrapperTheme,
+  TextAreaTheme
+} from "./Field.styles";
 import type { GridProps } from "../ui/Grid";
 
 export interface BaseProps {
@@ -21,6 +25,7 @@ export interface DatepickerProps extends BaseProps {
 
 export interface CheckboxProps extends BaseProps {
   text?: string;
+  theme?: CheckboxTheme;
 }
 
 export type TextareaProps = BaseProps &
@@ -102,10 +107,13 @@ export interface SelectProps extends BaseProps {
         selected: Partial<CSSProperties>;
         disabled: Partial<CSSProperties>;
         focus: Partial<CSSProperties>;
+        error: Partial<CSSObjectWithLabel>;
       }>;
-    placeholder: Partial<CSSProperties> & Partial<{ error: CSSProperties }>;
-    input: Partial<CSSProperties> & Partial<{ error: CSSProperties }>;
-    singleValue: Partial<CSSProperties> & Partial<{ error: CSSProperties }>;
+    placeholder: Partial<CSSProperties> &
+      Partial<{ error: CSSObjectWithLabel }>;
+    input: Partial<CSSProperties> & Partial<{ error: CSSObjectWithLabel }>;
+    singleValue: Partial<CSSProperties> &
+      Partial<{ error: CSSObjectWithLabel }>;
   }>;
 }
 

package/src/components/ui/IpfsImage.tsx

@@ -73,7 +73,7 @@ const ImagePlaceholder = styled.div`
   }
 `;
 
-interface IImage {
+export type IpfsImageProps = React.HTMLAttributes<HTMLDivElement> & {
   src: string;
   children?: React.ReactNode;
   dataTestId?: string;
@@ -85,10 +85,9 @@ interface IImage {
   overrides?: {
     ipfsGateway?: string;
   };
-}
-export const IpfsImage: React.FC<
-  IImage & React.HTMLAttributes<HTMLDivElement>
-> = ({
+  className?: string;
+};
+export const IpfsImage: React.FC<IpfsImageProps> = ({
   src,
   children,
   dataTestId = "image",
@@ -130,7 +129,11 @@ export const IpfsImage: React.FC<
 
   return (
     <>
-      <ImageWrapper {...rest} $hide={!isLoading} className="loading-container">
+      <ImageWrapper
+        {...rest}
+        $hide={!isLoading}
+        className={"loading-container " + rest.className}
+      >
         <ImagePlaceholder>
           <Typography tag="div">
             <Loading />
@@ -149,7 +152,11 @@ export const IpfsImage: React.FC<
           )}
         </ImagePlaceholder>
       </ImageWrapper>
-      <ImageWrapper {...rest} $hide={!isSuccess} className="image-container">
+      <ImageWrapper
+        {...rest}
+        $hide={!isSuccess}
+        className={"image-container " + rest.className}
+      >
         {children || ""}
         <ImageContainer
           data-testid={dataTestId}

package/src/components/ui/Video.tsx

@@ -97,7 +97,7 @@ const VideoPlaceholder = styled.div<{ $position?: CSSProperties["position"] }>`
   }
 `;
 
-interface IVideo {
+export type VideoProps = React.HTMLAttributes<HTMLDivElement> & {
   src: string;
   children?: ReactNode;
   dataTestId?: string;
@@ -106,8 +106,8 @@ interface IVideo {
   videoProps?: VideoHTMLAttributes<HTMLElement>;
   withMuteButton?: boolean;
   componentWhileLoading?: () => ReactElement;
-}
-const Video: React.FC<IVideo & React.HTMLAttributes<HTMLDivElement>> = ({
+};
+export const Video: React.FC<VideoProps> = ({
   src,
   children,
   dataTestId = "video",
@@ -150,10 +150,10 @@ const Video: React.FC<IVideo & React.HTMLAttributes<HTMLDivElement>> = ({
         src?.startsWith("ipfs://") ||
         src?.startsWith("https://bosonprotocol.infura-ipfs.io/ipfs/")
       ) {
-        const newString = src?.startsWith("ipfs://")
+        const split = src?.startsWith("ipfs://")
           ? src.split("//")
           : src.split("https://bosonprotocol.infura-ipfs.io/ipfs/");
-        const CID = newString[newString.length - 1];
+        const CID = split[split.length - 1];
         fetchData(`ipfs://${CID}`);
       } else if (src?.startsWith("undefined") && src?.length > 9) {
         const CID = src.replace("undefined", "");

package/src/index.tsx

@@ -33,6 +33,7 @@ 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";