@bosonprotocol/react-kit 0.27.1-alpha.0 → 0.28.0-alpha.0

package/src/types/offer.ts

@@ -1,8 +1,8 @@
 import { subgraph } from "@bosonprotocol/core-sdk";
 
 export type Offer = subgraph.OfferFieldsFragment & {
-  metadata: subgraph.ProductV1MetadataEntity & {
-    imageUrl: string;
+  metadata?: subgraph.OfferFieldsFragment["metadata"] & {
+    imageUrl?: string;
   };
   additional?: {
     product: subgraph.ProductV1Product;

package/src/types/variants.ts

@@ -4,8 +4,7 @@ import { Offer } from "./offer";
 
 export type VariantV1 = {
   offer: Offer;
-  variations: (Omit<subgraph.ProductV1Variation, "metadata" | "type"> & {
-    metadata?: subgraph.ProductV1MetadataEntity;
+  variations: (Omit<subgraph.ProductV1Variation, "type"> & {
     type: "Color" | "Size";
   })[];
 };

package/dist/cjs/components/modal/components/common/detail/TokenGated.d.ts

@@ -1,14 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-import { CSSProperties } from "react";
-import { Offer } from "../../../../../types/offer";
-interface Props {
-    offer: Offer;
-    commitProxyAddress?: string;
-    openseaLinkToOriginalMainnetCollection?: string;
-    isConditionMet?: boolean;
-    style?: CSSProperties;
-    coreSDK: CoreSDK;
-}
-declare const TokenGated: ({ offer, commitProxyAddress, openseaLinkToOriginalMainnetCollection, isConditionMet, style, coreSDK }: Props) => JSX.Element | null;
-export default TokenGated;
-//# sourceMappingURL=TokenGated.d.ts.map

package/dist/cjs/components/modal/components/common/detail/TokenGated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenGated.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGated.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAc,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAM3E,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAInD,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB;AA0GD,QAAA,MAAM,UAAU,0GAOb,KAAK,uBA2FP,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/cjs/components/modal/components/common/detail/TokenGated.js

@@ -1,246 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const common_1 = require("@bosonprotocol/common");
-const phosphor_react_1 = require("phosphor-react");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const theme_1 = require("../../../../../theme");
-const useConvertedPrice_1 = require("../../../../price/useConvertedPrice");
-const Grid_1 = require("../../../../ui/Grid");
-const Image_1 = require("../../../../image/Image");
-const colors = theme_1.theme.colors.light;
-const buildMessage = (getTxExplorerUrl, condition, tokenInfo) => {
-    const { method, tokenType, minTokenId, maxTokenId, 
-    // gatingType,
-    tokenAddress, threshold } = condition;
-    const TokenLink = (react_1.default.createElement("a", { href: getTxExplorerUrl === null || getTxExplorerUrl === void 0 ? void 0 : getTxExplorerUrl(tokenAddress, true), target: "_blank", rel: "noreferrer" },
-        tokenAddress.slice(0, 10),
-        "..."));
-    if (tokenType === common_1.TokenType.FungibleToken) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            tokenInfo.convertedValue.price,
-            " ",
-            tokenInfo.symbol,
-            " tokens",
-            TokenLink));
-    }
-    if (tokenType === common_1.TokenType.NonFungibleToken) {
-        if (method === common_1.EvaluationMethod.Threshold) {
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                threshold,
-                " tokens from ",
-                TokenLink));
-        }
-        if (method === common_1.EvaluationMethod.TokenRange) {
-            if (minTokenId === maxTokenId) {
-                return (react_1.default.createElement(react_1.default.Fragment, null,
-                    "Token ID: ",
-                    minTokenId,
-                    " from ",
-                    TokenLink));
-            }
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                "From token ID ",
-                minTokenId,
-                " to token ID ",
-                maxTokenId,
-                " from ",
-                TokenLink));
-        }
-    }
-    if (tokenType === common_1.TokenType.MultiToken) {
-        if (minTokenId === maxTokenId) {
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                threshold,
-                " x token(s) with id: ",
-                minTokenId,
-                " from ",
-                TokenLink));
-        }
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            threshold,
-            " x token(s) from token ID ",
-            minTokenId,
-            " to token ID",
-            " ",
-            maxTokenId,
-            " from ",
-            TokenLink));
-    }
-    return react_1.default.createElement(react_1.default.Fragment, null);
-};
-const TokenGated = ({ offer, commitProxyAddress, openseaLinkToOriginalMainnetCollection, isConditionMet, style, coreSDK }) => {
-    var _a, _b;
-    const { condition } = offer;
-    const [tokenInfo, setTokenInfo] = (0, react_1.useState)({
-        name: "",
-        decimals: "18",
-        symbol: ""
-    });
-    const sellerAvatar = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
-        return (_c = (((_b = (_a = offer === null || offer === void 0 ? void 0 : offer.metadata) === null || _a === void 0 ? void 0 : _a.productV1Seller) === null || _b === void 0 ? void 0 : _b.images) || []).find((img) => img.tag === "profile")) === null || _c === void 0 ? void 0 : _c.url;
-    }, [(_b = (_a = offer === null || offer === void 0 ? void 0 : offer.metadata) === null || _a === void 0 ? void 0 : _a.productV1Seller) === null || _b === void 0 ? void 0 : _b.images]);
-    (0, react_1.useEffect)(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            if ((condition === null || condition === void 0 ? void 0 : condition.tokenAddress) && (condition === null || condition === void 0 ? void 0 : condition.tokenType) === 0) {
-                try {
-                    const result = yield coreSDK.getExchangeTokenInfo(condition.tokenAddress);
-                    const { name = "", decimals, symbol = "" } = result !== null && result !== void 0 ? result : {};
-                    setTokenInfo({ name, decimals: (_a = decimals === null || decimals === void 0 ? void 0 : decimals.toString()) !== null && _a !== void 0 ? _a : "", symbol });
-                }
-                catch (error) {
-                    setTokenInfo({ name: "", decimals: "", symbol: "" });
-                }
-            }
-        }))();
-    }, [condition, coreSDK]);
-    const convertedValue = (0, useConvertedPrice_1.useConvertedPrice)({
-        value: (condition === null || condition === void 0 ? void 0 : condition.threshold) || "",
-        decimals: (tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.decimals) || "18",
-        symbol: (tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.symbol) || ""
-    });
-    if (!condition) {
-        return null;
-    }
-    const displayMessage = buildMessage(coreSDK.getTxExplorerUrl, condition, {
-        convertedValue: convertedValue,
-        symbol: tokenInfo.symbol
-    });
-    return (react_1.default.createElement(Grid_1.Grid, { as: "section", padding: "0 0", style: style },
-        react_1.default.createElement(TokenGatedInfo, null,
-            react_1.default.createElement(TokenIconWrapper, null,
-                react_1.default.createElement(TokenIcon, { "$conditionMet": isConditionMet }, sellerAvatar && react_1.default.createElement(Image_1.Image, { src: sellerAvatar })),
-                react_1.default.createElement(IconWrapper, { "$conditionMet": isConditionMet }, isConditionMet ? (react_1.default.createElement(phosphor_react_1.Check, { size: 25, color: colors.black })) : (react_1.default.createElement(phosphor_react_1.X, { size: 25, color: colors.red })))),
-            react_1.default.createElement(LockInfo, null,
-                react_1.default.createElement(LockInfoTitle, null, "Token gated offer"),
-                commitProxyAddress && openseaLinkToOriginalMainnetCollection ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(LockInfoDesc, null,
-                        "You ",
-                        !isConditionMet && " must ",
-                        " hold token(s) from"),
-                    react_1.default.createElement(LockInfoDesc, null,
-                        react_1.default.createElement("a", { href: openseaLinkToOriginalMainnetCollection, target: "_blank", rel: "noreferrer" }, openseaLinkToOriginalMainnetCollection)))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(LockInfoDesc, null,
-                        "You ",
-                        !isConditionMet && " need to ",
-                        " own the following token(s) to Commit:"),
-                    react_1.default.createElement(LockInfoDesc, null, displayMessage)))))));
-};
-exports.default = TokenGated;
-const TokenGatedInfo = styled_components_1.default.div `
-  padding: 1rem;
-  background: ${colors.black};
-  display: inline-flex;
-  width: 100%;
-  align-items: center;
-`;
-const TokenIconWrapper = styled_components_1.default.div `
-  margin-right: 1.5rem;
-  padding-left: 0;
-  display: flex;
-`;
-const IconWrapper = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.5rem;
-  z-index: 5;
-  border: 0.125rem solid
-    ${({ $conditionMet }) => ($conditionMet ? colors.black : colors.red)};
-  width: 3rem;
-  height: 3rem;
-  border-radius: 50%;
-  background-color: ${({ $conditionMet }) => $conditionMet ? colors.green : colors.black};
-`;
-const TokenIcon = styled_components_1.default.div `
-  background-color: ${({ $conditionMet }) => $conditionMet ? colors.green : colors.black};
-  padding: 0.5rem;
-  z-index: 3;
-  position: relative;
-  left: 1.375rem;
-  border: 0.125rem solid
-    ${({ $conditionMet }) => ($conditionMet ? colors.black : colors.red)};
-  width: 3rem;
-  height: 3rem;
-  border-radius: 50%;
-
-  position: relative;
-  overflow: hidden;
-  > div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    padding-top: 0;
-    height: 100%;
-    width: 100%;
-    transform: translate(-50%, -50%);
-    background: ${colors.white};
-    > img {
-      position: relative;
-      top: 0;
-      left: 0;
-      transform: none;
-    }
-  }
-`;
-const LockInfo = styled_components_1.default.div `
-  display: grid;
-  width: 100%;
-`;
-const LockInfoTitle = styled_components_1.default.span `
-  font-weight: 600;
-  font-size: 1rem;
-  color: ${colors.white};
-`;
-const LockInfoDesc = styled_components_1.default.div `
-  font-size: 0.75rem;
-  color: ${colors.grey2};
-  a {
-    font-size: 0.75rem;
-    color: ${colors.grey2};
-  }
-  div {
-    display: unset;
-    vertical-align: middle;
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-`;
-//# sourceMappingURL=TokenGated.js.map

package/dist/cjs/components/modal/components/common/detail/TokenGated.js.map

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

package/dist/esm/components/modal/components/common/detail/TokenGated.d.ts

@@ -1,14 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-import { CSSProperties } from "react";
-import { Offer } from "../../../../../types/offer";
-interface Props {
-    offer: Offer;
-    commitProxyAddress?: string;
-    openseaLinkToOriginalMainnetCollection?: string;
-    isConditionMet?: boolean;
-    style?: CSSProperties;
-    coreSDK: CoreSDK;
-}
-declare const TokenGated: ({ offer, commitProxyAddress, openseaLinkToOriginalMainnetCollection, isConditionMet, style, coreSDK }: Props) => JSX.Element | null;
-export default TokenGated;
-//# sourceMappingURL=TokenGated.d.ts.map

package/dist/esm/components/modal/components/common/detail/TokenGated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenGated.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGated.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAc,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAM3E,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAInD,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB;AA0GD,QAAA,MAAM,UAAU,0GAOb,KAAK,uBA2FP,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/components/modal/components/common/detail/TokenGated.js

@@ -1,204 +0,0 @@
-import { EvaluationMethod, TokenType } from "@bosonprotocol/common";
-import { Check, X } from "phosphor-react";
-import React, { useEffect, useMemo, useState } from "react";
-import styled from "styled-components";
-import { theme } from "../../../../../theme";
-import { useConvertedPrice } from "../../../../price/useConvertedPrice";
-import { Grid } from "../../../../ui/Grid";
-import { Image } from "../../../../image/Image";
-const colors = theme.colors.light;
-const buildMessage = (getTxExplorerUrl, condition, tokenInfo) => {
-    const { method, tokenType, minTokenId, maxTokenId, 
-    // gatingType,
-    tokenAddress, threshold } = condition;
-    const TokenLink = (React.createElement("a", { href: getTxExplorerUrl?.(tokenAddress, true), target: "_blank", rel: "noreferrer" },
-        tokenAddress.slice(0, 10),
-        "..."));
-    if (tokenType === TokenType.FungibleToken) {
-        return (React.createElement(React.Fragment, null,
-            tokenInfo.convertedValue.price,
-            " ",
-            tokenInfo.symbol,
-            " tokens",
-            TokenLink));
-    }
-    if (tokenType === TokenType.NonFungibleToken) {
-        if (method === EvaluationMethod.Threshold) {
-            return (React.createElement(React.Fragment, null,
-                threshold,
-                " tokens from ",
-                TokenLink));
-        }
-        if (method === EvaluationMethod.TokenRange) {
-            if (minTokenId === maxTokenId) {
-                return (React.createElement(React.Fragment, null,
-                    "Token ID: ",
-                    minTokenId,
-                    " from ",
-                    TokenLink));
-            }
-            return (React.createElement(React.Fragment, null,
-                "From token ID ",
-                minTokenId,
-                " to token ID ",
-                maxTokenId,
-                " from ",
-                TokenLink));
-        }
-    }
-    if (tokenType === TokenType.MultiToken) {
-        if (minTokenId === maxTokenId) {
-            return (React.createElement(React.Fragment, null,
-                threshold,
-                " x token(s) with id: ",
-                minTokenId,
-                " from ",
-                TokenLink));
-        }
-        return (React.createElement(React.Fragment, null,
-            threshold,
-            " x token(s) from token ID ",
-            minTokenId,
-            " to token ID",
-            " ",
-            maxTokenId,
-            " from ",
-            TokenLink));
-    }
-    return React.createElement(React.Fragment, null);
-};
-const TokenGated = ({ offer, commitProxyAddress, openseaLinkToOriginalMainnetCollection, isConditionMet, style, coreSDK }) => {
-    const { condition } = offer;
-    const [tokenInfo, setTokenInfo] = useState({
-        name: "",
-        decimals: "18",
-        symbol: ""
-    });
-    const sellerAvatar = useMemo(() => (offer?.metadata?.productV1Seller?.images || []).find((img) => img.tag === "profile")?.url, [offer?.metadata?.productV1Seller?.images]);
-    useEffect(() => {
-        (async () => {
-            if (condition?.tokenAddress && condition?.tokenType === 0) {
-                try {
-                    const result = await coreSDK.getExchangeTokenInfo(condition.tokenAddress);
-                    const { name = "", decimals, symbol = "" } = result ?? {};
-                    setTokenInfo({ name, decimals: decimals?.toString() ?? "", symbol });
-                }
-                catch (error) {
-                    setTokenInfo({ name: "", decimals: "", symbol: "" });
-                }
-            }
-        })();
-    }, [condition, coreSDK]);
-    const convertedValue = useConvertedPrice({
-        value: condition?.threshold || "",
-        decimals: tokenInfo?.decimals || "18",
-        symbol: tokenInfo?.symbol || ""
-    });
-    if (!condition) {
-        return null;
-    }
-    const displayMessage = buildMessage(coreSDK.getTxExplorerUrl, condition, {
-        convertedValue: convertedValue,
-        symbol: tokenInfo.symbol
-    });
-    return (React.createElement(Grid, { as: "section", padding: "0 0", style: style },
-        React.createElement(TokenGatedInfo, null,
-            React.createElement(TokenIconWrapper, null,
-                React.createElement(TokenIcon, { "$conditionMet": isConditionMet }, sellerAvatar && React.createElement(Image, { src: sellerAvatar })),
-                React.createElement(IconWrapper, { "$conditionMet": isConditionMet }, isConditionMet ? (React.createElement(Check, { size: 25, color: colors.black })) : (React.createElement(X, { size: 25, color: colors.red })))),
-            React.createElement(LockInfo, null,
-                React.createElement(LockInfoTitle, null, "Token gated offer"),
-                commitProxyAddress && openseaLinkToOriginalMainnetCollection ? (React.createElement(React.Fragment, null,
-                    React.createElement(LockInfoDesc, null,
-                        "You ",
-                        !isConditionMet && " must ",
-                        " hold token(s) from"),
-                    React.createElement(LockInfoDesc, null,
-                        React.createElement("a", { href: openseaLinkToOriginalMainnetCollection, target: "_blank", rel: "noreferrer" }, openseaLinkToOriginalMainnetCollection)))) : (React.createElement(React.Fragment, null,
-                    React.createElement(LockInfoDesc, null,
-                        "You ",
-                        !isConditionMet && " need to ",
-                        " own the following token(s) to Commit:"),
-                    React.createElement(LockInfoDesc, null, displayMessage)))))));
-};
-export default TokenGated;
-const TokenGatedInfo = styled.div `
-  padding: 1rem;
-  background: ${colors.black};
-  display: inline-flex;
-  width: 100%;
-  align-items: center;
-`;
-const TokenIconWrapper = styled.div `
-  margin-right: 1.5rem;
-  padding-left: 0;
-  display: flex;
-`;
-const IconWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.5rem;
-  z-index: 5;
-  border: 0.125rem solid
-    ${({ $conditionMet }) => ($conditionMet ? colors.black : colors.red)};
-  width: 3rem;
-  height: 3rem;
-  border-radius: 50%;
-  background-color: ${({ $conditionMet }) => $conditionMet ? colors.green : colors.black};
-`;
-const TokenIcon = styled.div `
-  background-color: ${({ $conditionMet }) => $conditionMet ? colors.green : colors.black};
-  padding: 0.5rem;
-  z-index: 3;
-  position: relative;
-  left: 1.375rem;
-  border: 0.125rem solid
-    ${({ $conditionMet }) => ($conditionMet ? colors.black : colors.red)};
-  width: 3rem;
-  height: 3rem;
-  border-radius: 50%;
-
-  position: relative;
-  overflow: hidden;
-  > div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    padding-top: 0;
-    height: 100%;
-    width: 100%;
-    transform: translate(-50%, -50%);
-    background: ${colors.white};
-    > img {
-      position: relative;
-      top: 0;
-      left: 0;
-      transform: none;
-    }
-  }
-`;
-const LockInfo = styled.div `
-  display: grid;
-  width: 100%;
-`;
-const LockInfoTitle = styled.span `
-  font-weight: 600;
-  font-size: 1rem;
-  color: ${colors.white};
-`;
-const LockInfoDesc = styled.div `
-  font-size: 0.75rem;
-  color: ${colors.grey2};
-  a {
-    font-size: 0.75rem;
-    color: ${colors.grey2};
-  }
-  div {
-    display: unset;
-    vertical-align: middle;
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-`;
-//# sourceMappingURL=TokenGated.js.map

package/dist/esm/components/modal/components/common/detail/TokenGated.js.map

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