@bosonprotocol/react-kit 0.30.0-alpha.5 → 0.30.0-alpha.6

package/src/components/modal/components/Redeem/RedeemNonModal.tsx

@@ -56,6 +56,8 @@ import {
   DetailContextProps,
   DetailViewProvider
 } from "../common/detail/DetailViewProvider";
+import { getHasBuyerTransferInfos } from "../../../../lib/offer/filter";
+import { BuyerTransferInfo } from "../../../../lib/bundle/const";
 
 const colors = theme.colors.light;
 const UlWithWordBreak = styled.ul`
@@ -328,6 +330,11 @@ function RedeemNonModal({
   const emailPreference =
     exchange?.seller.metadata?.contactPreference ===
     ContactPreference.XMTP_AND_EMAIL;
+  const requestBuyerAddress = exchange?.offer
+    ? getHasBuyerTransferInfos(exchange.offer, [
+        BuyerTransferInfo.walletAddress
+      ])
+    : false;
   const validationSchema = useMemo(() => {
     return Yup.object({
       [FormModel.formFields.name.name]: Yup.string()
@@ -356,11 +363,21 @@ function RedeemNonModal({
             .required(FormModel.formFields.email.requiredErrorMessage)
             .email(FormModel.formFields.email.mustBeEmail)
         : Yup.string().trim().email(FormModel.formFields.email.mustBeEmail),
+      [FormModel.formFields.walletAddress.name]: requestBuyerAddress
+        ? Yup.string()
+            .trim()
+            .required(FormModel.formFields.walletAddress.requiredErrorMessage)
+            .test(
+              "mustBeAddress",
+              FormModel.formFields.walletAddress.mustBeWalletAddress,
+              (value) => (value ? ethers.utils.isAddress(value) : true)
+            )
+        : Yup.string().trim(),
       [FormModel.formFields.phone.name]: Yup.string()
         .trim()
         .required(FormModel.formFields.phone.requiredErrorMessage)
     });
-  }, [emailPreference]);
+  }, [emailPreference, requestBuyerAddress]);
   type FormType = Yup.InferType<typeof validationSchema>;
   const [{ currentStep }, setStep] = useState<{
     previousStep: ActiveStep[];
@@ -495,6 +512,7 @@ function RedeemNonModal({
             [FormModel.formFields.zip.name]: "",
             [FormModel.formFields.country.name]: "",
             [FormModel.formFields.email.name]: "",
+            [FormModel.formFields.walletAddress.name]: "",
             [FormModel.formFields.phone.name]: ""
           }
         }
@@ -509,6 +527,7 @@ function RedeemNonModal({
             !errors[FormModel.formFields.zip.name] &&
             !errors[FormModel.formFields.country.name] &&
             !errors[FormModel.formFields.email.name] &&
+            !errors[FormModel.formFields.walletAddress.name] &&
             !errors[FormModel.formFields.phone.name];
 
           return (

package/src/lib/bundle/const.ts

@@ -27,3 +27,9 @@ export const ercTokenMapping = {
   erc721: "ERC721",
   erc1155: "ERC1155"
 } as const;
+
+export const BUYER_TRANSFER_INFO_KEY = "buyerTransferInfo";
+export enum BuyerTransferInfo {
+  "email" = "email",
+  "walletAddress" = "walletAddress"
+}

package/src/lib/offer/filter.ts

@@ -1,5 +1,8 @@
 import { subgraph } from "@bosonprotocol/core-sdk";
 import type { Offer } from "../../types/offer";
+import { NftItem, isNftItem } from "../bundle/filter";
+import { BUYER_TRANSFER_INFO_KEY, BuyerTransferInfo } from "../bundle/const";
+import { isTruthy } from "../../types/helpers";
 
 export type BundleMetadata = Extract<
   Offer["metadata"],
@@ -30,3 +33,28 @@ export const isProductV1 = (
 ): offer is ProductV1 =>
   offer.metadata?.__typename === "ProductV1MetadataEntity" ||
   offer.metadata?.type === subgraph.MetadataType.PRODUCT_V1;
+
+const getBuyerTransferInfoTerm = (item: NftItem) =>
+  item.terms?.find((term) => term.key === BUYER_TRANSFER_INFO_KEY);
+export const getBuyerTransferInfos = (
+  offer: Offer | subgraph.OfferFieldsFragment
+): Set<string> => {
+  return isBundle(offer)
+    ? new Set(
+        offer.metadata.items
+          .filter(isNftItem)
+          .map((item) => getBuyerTransferInfoTerm(item)?.value)
+          .filter(isTruthy)
+      )
+    : new Set();
+};
+
+export const getHasBuyerTransferInfos = (
+  offer: Offer | subgraph.OfferFieldsFragment,
+  valuesToFind: BuyerTransferInfo[]
+): boolean => {
+  const buyerTransferInfos = getBuyerTransferInfos(offer);
+  return valuesToFind.every((buyerTransferInfoValue) => {
+    return buyerTransferInfos.has(buyerTransferInfoValue);
+  });
+};