@bosonprotocol/react-kit 0.30.0-alpha.1 → 0.30.0-alpha.10

package/dist/esm/hooks/transactions/usePendingTransactionsWithContext.d.ts

@@ -3,7 +3,7 @@ export declare function useAddPendingTransactionWithContext(): (args: Omit<Omit<
     isMetaTx?: boolean | undefined;
     offerId?: string | undefined;
     newHash?: string | undefined;
-}, "id" | "timestamp" | "account">, "executedBy" | "accountId">) => void;
+}, "id" | "account" | "timestamp">, "executedBy" | "accountId">) => void;
 export declare function useRemovePendingTransactionWithContext(): import("zustand").UseBoundStore<import("zustand").StoreApi<{
     transactions: (Omit<import("../../types/transactions").EventLog, "account" | "__typename"> & {
         accountType: string;

package/dist/esm/lib/address/address.d.ts

@@ -1,2 +1,3 @@
+export declare function formatAddress(address: string): string;
 export declare function isAddress(value: any): string | false;
 //# sourceMappingURL=address.d.ts.map

package/dist/esm/lib/address/address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"address.d.ts","sourceRoot":"","sources":["../../../../src/lib/address/address.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAQpD"}
+{"version":3,"file":"address.d.ts","sourceRoot":"","sources":["../../../../src/lib/address/address.ts"],"names":[],"mappings":"AACA,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAOrD;AAGD,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAQpD"}

package/dist/esm/lib/address/address.js

@@ -1,4 +1,10 @@
 import { getAddress } from "@ethersproject/address";
+export function formatAddress(address) {
+    if (!address) {
+        return address;
+    }
+    return `${address.substring(0, 5)}...${address.substring(address.length - 4)}`;
+}
 // returns the checksummed address if the address is valid, otherwise returns false
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isAddress(value) {

package/dist/esm/lib/address/address.js.map

@@ -1 +1 @@
-{"version":3,"file":"address.js","sourceRoot":"","sources":["../../../../src/lib/address/address.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,mFAAmF;AACnF,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CAAC,KAAU;IAClC,IAAI;QACF,sEAAsE;QACtE,uEAAuE;QACvE,OAAO,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;KACxC;IAAC,MAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC"}
+{"version":3,"file":"address.js","sourceRoot":"","sources":["../../../../src/lib/address/address.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,MAAM,UAAU,aAAa,CAAC,OAAe;IAC3C,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,OAAO,CAAC;KAChB;IACD,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,SAAS,CACtD,OAAO,CAAC,MAAM,GAAG,CAAC,CACnB,EAAE,CAAC;AACN,CAAC;AACD,mFAAmF;AACnF,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CAAC,KAAU;IAClC,IAAI;QACF,sEAAsE;QACtE,uEAAuE;QACvE,OAAO,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;KACxC;IAAC,MAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC"}

package/dist/esm/lib/bundle/const.d.ts

@@ -1,5 +1,5 @@
 export declare const digitalTypeMappingDisplay: {
-    readonly "digital-nft": "Digital NFT";
+    readonly "digital-nft": "NFT";
     readonly "digital-file": "Digital File";
     readonly experiential: "Experiential";
 };
@@ -9,9 +9,23 @@ export declare const digitalTypeMapping: {
     readonly experiential: "experiential";
 };
 export declare const digitalNftTypeMapping: {
-    wearable: string;
-    image: string;
-    event: string;
-    other: string;
+    readonly wearable: "Wearable";
+    readonly image: "Image";
+    readonly event: "Event access pass or ticket";
+    readonly other: "Other";
 };
+export declare const buyerTransferInfoMapping: {
+    readonly email: "E-mail";
+    readonly walletAddress: "Wallet address";
+};
+export declare const ercTokenMapping: {
+    readonly erc20: "ERC20";
+    readonly erc721: "ERC721";
+    readonly erc1155: "ERC1155";
+};
+export declare const BUYER_TRANSFER_INFO_KEY = "buyerTransferInfo";
+export declare enum BuyerTransferInfo {
+    "email" = "email",
+    "walletAddress" = "walletAddress"
+}
 //# sourceMappingURL=const.d.ts.map

package/dist/esm/lib/bundle/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/lib/bundle/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/lib/bundle/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;CAG3B,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAC3D,oBAAY,iBAAiB;IAC3B,OAAO,UAAU;IACjB,eAAe,kBAAkB;CAClC"}

package/dist/esm/lib/bundle/const.js

@@ -1,5 +1,5 @@
 export const digitalTypeMappingDisplay = {
-    "digital-nft": "Digital NFT",
+    "digital-nft": "NFT",
     "digital-file": "Digital File",
     experiential: "Experiential"
 };
@@ -11,7 +11,22 @@ export const digitalTypeMapping = {
 export const digitalNftTypeMapping = {
     wearable: "Wearable",
     image: "Image",
-    event: "Event",
+    event: "Event access pass or ticket",
     other: "Other"
 };
+export const buyerTransferInfoMapping = {
+    email: "E-mail",
+    walletAddress: "Wallet address"
+};
+export const ercTokenMapping = {
+    erc20: "ERC20",
+    erc721: "ERC721",
+    erc1155: "ERC1155"
+};
+export const BUYER_TRANSFER_INFO_KEY = "buyerTransferInfo";
+export var BuyerTransferInfo;
+(function (BuyerTransferInfo) {
+    BuyerTransferInfo["email"] = "email";
+    BuyerTransferInfo["walletAddress"] = "walletAddress";
+})(BuyerTransferInfo || (BuyerTransferInfo = {}));
 //# sourceMappingURL=const.js.map

package/dist/esm/lib/bundle/const.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../src/lib/bundle/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,aAAa,EAAE,aAAa;IAC5B,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE,aAAa;IAC5B,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACf,CAAC"}
+{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../src/lib/bundle/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE,aAAa;IAC5B,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,6BAA6B;IACpC,KAAK,EAAE,OAAO;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ;IACf,aAAa,EAAE,gBAAgB;CACvB,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAC3D,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,oCAAiB,CAAA;IACjB,oDAAiC,CAAA;AACnC,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}

package/dist/esm/lib/ipfs/ipfs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ipfs.d.ts","sourceRoot":"","sources":["../../../../src/lib/ipfs/ipfs.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE;IACJ,OAAO,EAAE,MAAM,CAAC;CACjB,GACA,MAAM,CAoBR"}
+{"version":3,"file":"ipfs.d.ts","sourceRoot":"","sources":["../../../../src/lib/ipfs/ipfs.ts"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE;IACJ,OAAO,EAAE,MAAM,CAAC;CACjB,GACA,MAAM,CA4BR"}

package/dist/esm/lib/ipfs/ipfs.js

@@ -1,21 +1,26 @@
 import { CID } from "multiformats/cid";
 import { sanitizeUrl } from "../url/url";
+const lensIpfs = "https://lens.infura-ipfs.io/ipfs/";
 export function getIpfsGatewayUrl(uri, opts) {
     if (!uri) {
         return uri;
     }
+    if (uri.startsWith(lensIpfs)) {
+        return uri;
+    }
     const { gateway } = opts;
-    const cidAndRest = uri.replaceAll("ipfs://", ""); // it may be ipfs://CID/123
     try {
-        const [cid] = cidAndRest.split("/", 1); // it may be CID/123
+        const url = new URL(uri.startsWith("ipfs://") ? uri.replace("ipfs://", "https://") : uri);
+        const hostIndex = uri.toLowerCase().indexOf(url.host.toLowerCase());
+        const cid = uri.substring(hostIndex, hostIndex + url.host.length); // we cannot use url.host because the browser changes it to lowercase so a lowercased CID would not be valid
         CID.parse(cid);
-        return `${gateway}/${cidAndRest}`.replace(/([^:]\/)\/+/g, "$1"); // remove double slash
+        return `${gateway}/${cid}${url.pathname === "/" ? "" : url.pathname}${url.search}`.replace(/([^:]\/)\/+/g, "$1"); // remove double slash
     }
     catch (error) {
         // If CID.parse throws, then it is either not a valid CID or just an URL
         const cidFromUrl = uri.split("/ipfs/")[1];
         if (cidFromUrl) {
-            return getIpfsGatewayUrl(cidFromUrl.split("?")[0], opts);
+            return getIpfsGatewayUrl(`ipfs://${cidFromUrl}`, opts);
         }
         return sanitizeUrl(uri);
     }

package/dist/esm/lib/ipfs/ipfs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ipfs.js","sourceRoot":"","sources":["../../../../src/lib/ipfs/ipfs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,MAAM,UAAU,iBAAiB,CAC/B,GAAW,EACX,IAEC;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,MAAM,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IAE7E,IAAI;QACF,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB;QAC5D,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,GAAG,OAAO,IAAI,UAAU,EAAE,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,sBAAsB;KACxF;IAAC,OAAO,KAAK,EAAE;QACd,wEAAwE;QACxE,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,UAAU,EAAE;YACd,OAAO,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;SAC1D;QAED,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;KACzB;AACH,CAAC"}
+{"version":3,"file":"ipfs.js","sourceRoot":"","sources":["../../../../src/lib/ipfs/ipfs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,MAAM,QAAQ,GAAG,mCAAmC,CAAC;AAErD,MAAM,UAAU,iBAAiB,CAC/B,GAAW,EACX,IAEC;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC5B,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,IAAI;QACF,MAAM,GAAG,GAAG,IAAI,GAAG,CACjB,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CACrE,CAAC;QACF,MAAM,SAAS,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QACpE,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,4GAA4G;QAC/K,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,GAAG,OAAO,IAAI,GAAG,GAAG,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,OAAO,CACxF,cAAc,EACd,IAAI,CACL,CAAC,CAAC,sBAAsB;KAC1B;IAAC,OAAO,KAAK,EAAE;QACd,wEAAwE;QACxE,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,UAAU,EAAE;YACd,OAAO,iBAAiB,CAAC,UAAU,UAAU,EAAE,EAAE,IAAI,CAAC,CAAC;SACxD;QAED,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;KACzB;AACH,CAAC"}

package/dist/esm/lib/offer/filter.d.ts

@@ -1,5 +1,6 @@
 import { subgraph } from "@bosonprotocol/core-sdk";
 import type { Offer } from "../../types/offer";
+import { BuyerTransferInfo } from "../bundle/const";
 export type BundleMetadata = Extract<Offer["metadata"], {
     __typename: "BundleMetadataEntity";
 }>;
@@ -14,4 +15,6 @@ export type ProductV1 = Omit<Offer, "metadata"> & {
     metadata: ProductV1Metadata;
 };
 export declare const isProductV1: (offer: Pick<Offer | subgraph.OfferFieldsFragment, "metadata">) => offer is ProductV1;
+export declare const getBuyerTransferInfos: (offer: Offer | subgraph.OfferFieldsFragment) => Set<string>;
+export declare const getHasBuyerTransferInfos: (offer: Offer | subgraph.OfferFieldsFragment, valuesToFind: BuyerTransferInfo[]) => boolean;
 //# sourceMappingURL=filter.d.ts.map

package/dist/esm/lib/offer/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/lib/offer/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,KAAK,CAAC,UAAU,CAAC,EACjB;IAAE,UAAU,EAAE,sBAAsB,CAAA;CAAE,CACvC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAC7C,QAAQ,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UACZ,KAAK,KAAK,GAAG,SAAS,mBAAmB,EAAE,UAAU,CAAC,oBAGR,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,KAAK,CAAC,UAAU,CAAC,EACjB;IAAE,UAAU,EAAE,yBAAyB,CAAA;CAAE,CAC1C,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAChD,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,KAAK,KAAK,GAAG,SAAS,mBAAmB,EAAE,UAAU,CAAC,uBAGJ,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/lib/offer/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAA2B,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAG7E,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,KAAK,CAAC,UAAU,CAAC,EACjB;IAAE,UAAU,EAAE,sBAAsB,CAAA;CAAE,CACvC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAC7C,QAAQ,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UACZ,KAAK,KAAK,GAAG,SAAS,mBAAmB,EAAE,UAAU,CAAC,oBAGR,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,KAAK,CAAC,UAAU,CAAC,EACjB;IAAE,UAAU,EAAE,yBAAyB,CAAA;CAAE,CAC1C,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAChD,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,KAAK,KAAK,GAAG,SAAS,mBAAmB,EAAE,UAAU,CAAC,uBAGJ,CAAC;AAI5D,eAAO,MAAM,qBAAqB,UACzB,KAAK,GAAG,SAAS,mBAAmB,KAC1C,IAAI,MAAM,CASZ,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,GAAG,SAAS,mBAAmB,gBAC7B,iBAAiB,EAAE,KAChC,OAKF,CAAC"}

package/dist/esm/lib/offer/filter.js

@@ -1,6 +1,24 @@
 import { subgraph } from "@bosonprotocol/core-sdk";
+import { isNftItem } from "../bundle/filter";
+import { BUYER_TRANSFER_INFO_KEY } from "../bundle/const";
+import { isTruthy } from "../../types/helpers";
 export const isBundle = (offer) => offer.metadata?.__typename === "BundleMetadataEntity" ||
     offer.metadata?.type === subgraph.MetadataType.BUNDLE;
 export const isProductV1 = (offer) => offer.metadata?.__typename === "ProductV1MetadataEntity" ||
     offer.metadata?.type === subgraph.MetadataType.PRODUCT_V1;
+const getBuyerTransferInfoTerm = (item) => item.terms?.find((term) => term.key === BUYER_TRANSFER_INFO_KEY);
+export const getBuyerTransferInfos = (offer) => {
+    return isBundle(offer)
+        ? new Set(offer.metadata.items
+            .filter(isNftItem)
+            .map((item) => getBuyerTransferInfoTerm(item)?.value)
+            .filter(isTruthy))
+        : new Set();
+};
+export const getHasBuyerTransferInfos = (offer, valuesToFind) => {
+    const buyerTransferInfos = getBuyerTransferInfos(offer);
+    return valuesToFind.every((buyerTransferInfoValue) => {
+        return buyerTransferInfos.has(buyerTransferInfoValue);
+    });
+};
 //# sourceMappingURL=filter.js.map

package/dist/esm/lib/offer/filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/lib/offer/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAYnD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAA6D,EAC5C,EAAE,CACnB,KAAK,CAAC,QAAQ,EAAE,UAAU,KAAK,sBAAsB;IACrD,KAAK,CAAC,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC;AAWxD,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAA6D,EACzC,EAAE,CACtB,KAAK,CAAC,QAAQ,EAAE,UAAU,KAAK,yBAAyB;IACxD,KAAK,CAAC,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC"}
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/lib/offer/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAW,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAqB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAW/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAA6D,EAC5C,EAAE,CACnB,KAAK,CAAC,QAAQ,EAAE,UAAU,KAAK,sBAAsB;IACrD,KAAK,CAAC,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC;AAWxD,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAA6D,EACzC,EAAE,CACtB,KAAK,CAAC,QAAQ,EAAE,UAAU,KAAK,yBAAyB;IACxD,KAAK,CAAC,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;AAE5D,MAAM,wBAAwB,GAAG,CAAC,IAAa,EAAE,EAAE,CACjD,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,uBAAuB,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAA2C,EAC9B,EAAE;IACf,OAAO,QAAQ,CAAC,KAAK,CAAC;QACpB,CAAC,CAAC,IAAI,GAAG,CACL,KAAK,CAAC,QAAQ,CAAC,KAAK;aACjB,MAAM,CAAC,SAAS,CAAC;aACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;aACpD,MAAM,CAAC,QAAQ,CAAC,CACpB;QACH,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAA2C,EAC3C,YAAiC,EACxB,EAAE;IACX,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,sBAAsB,EAAE,EAAE;QACnD,OAAO,kBAAkB,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/lib/offer/getOfferDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getOfferDetails.d.ts","sourceRoot":"","sources":["../../../../src/lib/offer/getOfferDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,KAAK,0CAA0C,GAC3C,IAAI,CACF,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,EACvD,QAAQ,GAAG,aAAa,CACzB,GACD,IAAI,CACF,QAAQ,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,EACnD,QAAQ,GAAG,aAAa,CACzB,CAAC;AACN,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,0CAA0C,GAAG,IAAI,CAAC;IAC1D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,EAAE,GAAG,SAAS,CAAC;IACvD,WAAW,EACP,OAAO,CACL,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,EACxC;QAAE,UAAU,EAAE,sBAAsB,CAAA;KAAE,CACvC,CAAC,OAAO,CAAC,GACV,SAAS,CAAC;CACf;AA2BD,eAAO,MAAM,eAAe,UACnB,KAAK,GAAG,SAAS,mBAAmB,KAC1C,gBAmEF,CAAC"}
+{"version":3,"file":"getOfferDetails.d.ts","sourceRoot":"","sources":["../../../../src/lib/offer/getOfferDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,KAAK,0CAA0C,GAC3C,IAAI,CACF,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,EACvD,QAAQ,GAAG,aAAa,CACzB,GACD,IAAI,CACF,QAAQ,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,EACnD,QAAQ,GAAG,aAAa,CACzB,CAAC;AACN,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,0CAA0C,GAAG,IAAI,CAAC;IAC1D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,EAAE,GAAG,SAAS,CAAC;IACvD,WAAW,EACP,OAAO,CACL,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,EACxC;QAAE,UAAU,EAAE,sBAAsB,CAAA;KAAE,CACvC,CAAC,OAAO,CAAC,GACV,SAAS,CAAC;CACf;AA2BD,eAAO,MAAM,eAAe,UACnB,KAAK,GAAG,SAAS,mBAAmB,KAC1C,gBAiFF,CAAC"}

package/dist/esm/lib/offer/getOfferDetails.js

@@ -13,8 +13,13 @@ export const getOfferDetails = (offer) => {
     const offerImg = offer.metadata?.image;
     const animationUrl = getOfferAnimationUrl(offer);
     const shippingInfo = {
-        returnPeriodInDays: productV1ItemMetadataEntity?.shipping?.returnPeriodInDays,
-        shippingTable: productV1ItemMetadataEntity?.shipping?.supportedJurisdictions?.map((jurisdiction) => ({
+        returnPeriodInDays: productV1ItemMetadataEntity?.shipping?.returnPeriodInDays ||
+            isProductV1(offer)
+            ? offer.metadata.shipping?.returnPeriodInDays
+            : undefined,
+        shippingTable: (productV1ItemMetadataEntity?.shipping || isProductV1(offer)
+            ? offer.metadata.shipping
+            : undefined)?.supportedJurisdictions?.map((jurisdiction) => ({
             name: jurisdiction.label,
             value: jurisdiction.deliveryTime
         })) || []
@@ -22,12 +27,19 @@ export const getOfferDetails = (offer) => {
     const description = productV1ItemMetadataEntity?.product?.description ||
         offer.metadata?.description ||
         "";
-    const artist = productV1ItemMetadataEntity?.productV1Seller || null;
+    const artist = productV1ItemMetadataEntity?.productV1Seller ||
+        (isProductV1(offer)
+            ? offer.metadata.productV1Seller
+            : null);
     const artistDescription = artist?.description ||
         productV1ItemMetadataEntity?.product.productV1Seller?.description ||
         "";
-    const images = productV1ItemMetadataEntity?.product?.visuals_images?.map(({ url }) => url) || [];
-    const variantsImages = productV1ItemMetadataEntity?.productOverrides?.visuals_images?.map(({ url }) => url) || [];
+    const images = (productV1ItemMetadataEntity?.product ||
+        (isProductV1(offer)
+            ? offer.metadata.product
+            : undefined))?.visuals_images?.map(({ url }) => url) || [];
+    const variantsImages = (productV1ItemMetadataEntity ||
+        (isProductV1(offer) ? offer.metadata : undefined))?.productOverrides?.visuals_images?.map(({ url }) => url) || [];
     const bundleItems = isBundle(offer) ? offer.metadata.items : undefined;
     const nftItems = bundleItems
         ? bundleItems.filter((item) => isNftItem(item))

package/dist/esm/lib/offer/getOfferDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOfferDetails.js","sourceRoot":"","sources":["../../../../src/lib/offer/getOfferDetails.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAiE9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAA2C,EACzB,EAAE;IACpB,MAAM,2BAA2B,GAGjB,WAAW,CAAC,KAAK,CAAC;QAChC,CAAC,CAAE,KAAK,CAAC,QAAyB;QAClC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACjB,CAAC,CAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAE9C;YAChB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,IAAI,GACR,2BAA2B,EAAE,OAAO,EAAE,KAAK;QAC3C,KAAK,CAAC,QAAQ,EAAE,IAAI;QACpB,UAAU,CAAC;IACb,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC;IAEvC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG;QACnB,kBAAkB,EAChB,2BAA2B,EAAE,QAAQ,EAAE,kBAAkB;QAC3D,aAAa,EACX,2BAA2B,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,CAChE,CAAC,YAAiB,EAAE,EAAE,CAAC,CAAC;YACtB,IAAI,EAAE,YAAY,CAAC,KAAK;YACxB,KAAK,EAAE,YAAY,CAAC,YAAY;SACjC,CAAC,CACH,IAAI,EAAE;KACV,CAAC;IACF,MAAM,WAAW,GACf,2BAA2B,EAAE,OAAO,EAAE,WAAW;QACjD,KAAK,CAAC,QAAQ,EAAE,WAAW;QAC3B,EAAE,CAAC;IACL,MAAM,MAAM,GAAG,2BAA2B,EAAE,eAAe,IAAI,IAAI,CAAC;IACpE,MAAM,iBAAiB,GACrB,MAAM,EAAE,WAAW;QACnB,2BAA2B,EAAE,OAAO,CAAC,eAAe,EAAE,WAAW;QACjE,EAAE,CAAC;IACL,MAAM,MAAM,GACV,2BAA2B,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,CACvD,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE,CAAC,GAAG,CAClC,IAAI,EAAE,CAAC;IACV,MAAM,cAAc,GAClB,2BAA2B,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,CAChE,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE,CAAC,GAAG,CAClC,IAAI,EAAE,CAAC;IACV,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACvE,MAAM,QAAQ,GAAG,WAAW;QAC1B,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAA0C,EAAE,CAClE,SAAS,CAAC,IAAI,CAAC,CAChB;QACH,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,SAAS,GAAG,QAAQ,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO;QACL,OAAO,EAAE,KAAK;QACd,IAAI;QACJ,QAAQ;QACR,YAAY;QACZ,YAAY;QACZ,WAAW;QACX,MAAM;QACN,iBAAiB;QACjB,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM;QACxD,WAAW;QACX,QAAQ;QACR,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"getOfferDetails.js","sourceRoot":"","sources":["../../../../src/lib/offer/getOfferDetails.ts"],"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.30.0-alpha.1",
+  "version": "0.30.0-alpha.10",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,8 +15,8 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.40.1",
-    "@bosonprotocol/ethers-sdk": "^1.14.1",
+    "@bosonprotocol/core-sdk": "^1.40.2-alpha.7",
+    "@bosonprotocol/ethers-sdk": "^1.14.2-alpha.7",
     "@bosonprotocol/ipfs-storage": "^1.11.3",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
@@ -170,5 +170,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "c1417a374111bd6ab1e30270ec575e800e0c6bb9"
+  "gitHead": "2ad3993ba803cddd58944c0205c51f186b073dcf"
 }

package/src/components/Loading.tsx

@@ -10,7 +10,7 @@ const loadingAnimation = keyframes`
  100% { transform: rotate(360deg); }
 `;
 
-const LoadingStyle = styled.span`
+const LoadingStyle = styled.span.attrs({ className: "loading" })`
   width: 25px;
   height: 25px;
   border: 5px solid #fff;

package/src/components/modal/components/Commit/OfferVariantView.tsx

@@ -26,6 +26,7 @@ import { DetailContextProps } from "../common/detail/DetailViewProvider";
 import { OnClickBuyOrSwapHandler } from "../common/detail/types";
 import { UseGetOfferDetailDataProps } from "../common/detail/useGetOfferDetailData";
 import { BosonLogo } from "../common/BosonLogo";
+import { PhygitalLabel } from "../../../productCard/ProductCard";
 
 const colors = theme.colors.light;
 const ImageWrapper = styled.div`
@@ -36,6 +37,7 @@ const ImageWrapper = styled.div`
   ${breakpoint.s} {
     max-width: 35rem !important;
   }
+  overflow: hidden;
 `;
 
 const ImageAndSellerIdContainer = styled(Grid)`
@@ -173,7 +175,8 @@ export function OfferVariantView({
         >
           <ImageAndSellerIdContainer flexDirection="column" flex={1}>
             <ImageWrapper>
-              {mediaFiles.length && (
+              <PhygitalLabel />
+              {!!mediaFiles.length && (
                 <DetailSlider
                   mediaFiles={mediaFiles}
                   sliderOptions={sliderOptions}

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

@@ -134,6 +134,9 @@ export default function Confirmation({
   const [zipField] = useField(FormModel.formFields.zip.name);
   const [countryField] = useField(FormModel.formFields.country.name);
   const [emailField] = useField(FormModel.formFields.email.name);
+  const [walletAddressField] = useField(
+    FormModel.formFields.walletAddress.name
+  );
   const [phoneField] = useField(FormModel.formFields.phone.name);
   const redemptionInfo = {
     exchangeId,
@@ -249,7 +252,8 @@ ${FormModel.formFields.state.placeholder}: ${message.deliveryDetails.state}
 ${FormModel.formFields.zip.placeholder}: ${message.deliveryDetails.zip}
 ${FormModel.formFields.country.placeholder}: ${message.deliveryDetails.country}
 ${FormModel.formFields.email.placeholder}: ${message.deliveryDetails.email}
-${FormModel.formFields.phone.placeholder}: ${message.deliveryDetails.phone}`;
+${FormModel.formFields.phone.placeholder}: ${message.deliveryDetails.phone}
+${FormModel.formFields.walletAddress.placeholder}: ${message.deliveryDetails.walletAddress}`;
 
       const newMessage = {
         threadId: {
@@ -300,6 +304,7 @@ ${FormModel.formFields.phone.placeholder}: ${message.deliveryDetails.phone}`;
           <div>{zipField.value}</div>
           <div>{countryField.value}</div>
           <div>{emailField.value}</div>
+          <div>{walletAddressField.value}</div>
           <div>{phoneField.value}</div>
         </Grid>
         <Grid flexDirection="row" flexBasis="0">

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

@@ -1,17 +1,22 @@
 import React from "react";
+import type { Country as CountryCode } from "react-phone-number-input";
 import { useBreakpoints } from "../../../../../hooks/useBreakpoints";
+import { BuyerTransferInfo } from "../../../../../lib/bundle/const";
+import { getHasBuyerTransferInfos } from "../../../../../lib/offer/filter";
+import { Exchange } from "../../../../../types/exchange";
 import { Button } from "../../../../buttons/Button";
+import { CountrySelect } from "../../../../form/CountrySelect";
 import Input from "../../../../form/Input";
 import Phone from "../../../../form/Phone";
 import { Grid } from "../../../../ui/Grid";
 import { Typography } from "../../../../ui/Typography";
 import { FormModel } from "../RedeemFormModel";
-import { CountrySelect } from "../../../../form/CountrySelect";
-import type { Country as CountryCode } from "react-phone-number-input";
 interface Props {
+  exchange: Exchange | null;
   isValid: boolean;
   onNextClick: () => void;
   onBackClick: () => void;
+  setConnectedWalletAddress: () => void;
 }
 
 // https://www.fatf-gafi.org/en/countries.html
@@ -55,11 +60,18 @@ const fatfMemberCountries: CountryCode[] = [
 ];
 
 export default function RedeemForm({
+  exchange,
   isValid,
   onNextClick,
-  onBackClick
+  onBackClick,
+  setConnectedWalletAddress
 }: Props) {
   const { isLteXS } = useBreakpoints();
+  const requestBuyerAddress = exchange?.offer
+    ? getHasBuyerTransferInfos(exchange.offer, [
+        BuyerTransferInfo.walletAddress
+      ])
+    : false;
   return (
     <>
       <Typography
@@ -142,6 +154,23 @@ export default function RedeemForm({
             placeholder={FormModel.formFields.email.placeholder}
           />
         </Grid>
+        {requestBuyerAddress && (
+          <Grid gap="1rem">
+            <Grid flexDirection="column" alignItems="flex-start">
+              <Input
+                name={FormModel.formFields.walletAddress.name}
+                placeholder={FormModel.formFields.walletAddress.placeholder}
+              />
+            </Grid>
+            <Button
+              variant="secondaryFill"
+              onClick={() => setConnectedWalletAddress()}
+              style={{ whiteSpace: "nowrap" }}
+            >
+              Use my wallet address
+            </Button>
+          </Grid>
+        )}
         <Grid flexDirection="column" alignItems="flex-start">
           <Phone
             name={FormModel.formFields.phone.name}

package/src/components/modal/components/Redeem/RedeemForm/RedeemFormView.tsx

@@ -14,13 +14,15 @@ interface Props {
   isValid: boolean;
   onNextClick: () => void;
   onBackClick: () => void;
+  setConnectedWalletAddress: () => void;
 }
 
 export default function RedeemFormView({
   exchange,
   isValid,
   onNextClick,
-  onBackClick
+  onBackClick,
+  setConnectedWalletAddress
 }: Props) {
   const { address } = useAccount();
   const dispatch = useNonModalContext();
@@ -45,9 +47,11 @@ export default function RedeemFormView({
         <p>Invalid exchange state.</p>
       ) : (
         <RedeemForm
+          exchange={exchange}
           isValid={isValid}
           onNextClick={onNextClick}
           onBackClick={onBackClick}
+          setConnectedWalletAddress={setConnectedWalletAddress}
         />
       )}
     </>

package/src/components/modal/components/Redeem/RedeemFormModel.ts

@@ -36,6 +36,12 @@ export const FormModel = {
       placeholder: "Email",
       mustBeEmail: "This is not an e-mail"
     },
+    walletAddress: {
+      name: "walletAddress",
+      requiredErrorMessage: "This field is required",
+      placeholder: "Wallet Address: Required to receive the digital item/s",
+      mustBeWalletAddress: "This is not a wallet address"
+    },
     phone: {
       name: "phone",
       requiredErrorMessage: "This field is required",
@@ -44,4 +50,4 @@ export const FormModel = {
   }
 } as const;
 
-export type FormType = Record<keyof typeof FormModel["formFields"], string>;
+export type FormType = Record<keyof (typeof FormModel)["formFields"], string>;

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,12 +512,13 @@ function RedeemNonModal({
             [FormModel.formFields.zip.name]: "",
             [FormModel.formFields.country.name]: "",
             [FormModel.formFields.email.name]: "",
+            [FormModel.formFields.walletAddress.name]: "",
             [FormModel.formFields.phone.name]: ""
           }
         }
         validateOnMount
       >
-        {({ errors }) => {
+        {({ errors, setFieldValue }) => {
           const isRedeemFormOK =
             !errors[FormModel.formFields.name.name] &&
             !errors[FormModel.formFields.streetNameAndNumber.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 (
@@ -646,6 +665,14 @@ function RedeemNonModal({
                     setActiveStep(ActiveStep.REDEEM_FORM_CONFIRMATION)
                   }
                   isValid={isRedeemFormOK}
+                  setConnectedWalletAddress={() => {
+                    if (address) {
+                      setFieldValue(
+                        FormModel.formFields.walletAddress.name,
+                        address
+                      );
+                    }
+                  }}
                 />
               ) : currentStep === ActiveStep.EXCHANGE_POLICY ? (
                 <RedeemOfferPolicyView