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

package/dist/cjs/components/widgets/roblox/components/ProductsRoblox.js

@@ -0,0 +1,197 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductsRoblox = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importStar(require("react"));
+const Typography_1 = require("../../../ui/Typography");
+const Grid_1 = require("../../../ui/Grid");
+const CommitModalWithOffer_1 = require("../../commit/CommitModalWithOffer");
+const RobloxProductsGrid_1 = require("./RobloxProductsGrid");
+const useRobloxProducts_1 = require("../../../../hooks/roblox/useRobloxProducts");
+const useRobloxExchanges_1 = require("../../../../hooks/roblox/useRobloxExchanges");
+const hooks_1 = require("../../../../hooks");
+const RobloxExchangesGrid_1 = require("./RobloxExchangesGrid");
+const CancelExchange_1 = require("../../../modal/components/Redeem/ExchangeView/cancellation/CancelExchange");
+const NonModal_1 = __importDefault(require("../../../modal/nonModal/NonModal"));
+const useIsRobloxLoggedIn_1 = require("../../../../hooks/roblox/useIsRobloxLoggedIn");
+const theme_1 = require("../../../../theme");
+const filter_1 = require("../../../../lib/offer/filter");
+const styles_1 = require("./styles");
+const ThemedBosonLogo_1 = require("../../../modal/components/common/ThemedBosonLogo");
+const const_1 = require("./const");
+const Wrapper = (0, styled_components_1.default)(Grid_1.Grid).attrs({
+    paddingTop: "5rem",
+    paddingBottom: "5rem",
+    alignItems: "flex-start"
+}) `
+  flex: 1;
+  background-color: ${(0, theme_1.getCssVar)("--background-color")};
+`;
+const ContentWrapper = (0, styled_components_1.default)(Grid_1.Grid) `
+  max-width: calc(${styles_1.maxWidthStepper} * 3);
+  > * {
+    width: 100%;
+  }
+`;
+const ProductsRoblox = ({ sellerId, raiseDisputeForExchangeUrl, requestShipmentProps, showProductsPreLogin, layout }) => {
+    const { address } = (0, hooks_1.useAccount)();
+    const { data: robloxLoggedInData } = (0, useIsRobloxLoggedIn_1.useIsRobloxLoggedIn)({
+        sellerId,
+        options: {
+            enabled: !!showProductsPreLogin
+        }
+    });
+    const { data: availableRobloxProductsInPage, isLoading: availableProductLoading, fetchNextPage: fetchNextPageAvailableProducts, refetch: refetchAvailableProducts, hasNextPage: hasNextPageAvailableProducts } = (0, useRobloxProducts_1.useRobloxProducts)({
+        sellerId,
+        pageSize: const_1.productsPageSize,
+        statuses: const_1.statuses.availableProducts,
+        options: { enabled: true }
+    });
+    const availableProducts = (0, react_1.useMemo)(() => {
+        var _a;
+        return (((_a = availableRobloxProductsInPage === null || availableRobloxProductsInPage === void 0 ? void 0 : availableRobloxProductsInPage.pages) === null || _a === void 0 ? void 0 : _a.flatMap((page) => page.products)) ||
+            []);
+    }, [availableRobloxProductsInPage]);
+    const { data: robloxUnavailableProductsInPage, isLoading: unavailableProductsLoading, fetchNextPage: fetchNextPageUnavailableProducts, refetch: refetchUnavailableProducts, hasNextPage: hasNextPageUnavailableProducts } = (0, useRobloxProducts_1.useRobloxProducts)({
+        sellerId,
+        pageSize: const_1.productsPageSize,
+        statuses: const_1.statuses.unavailableProducts,
+        options: { enabled: true }
+    });
+    const robloxUnavailableProducts = (0, react_1.useMemo)(() => {
+        var _a;
+        return (((_a = robloxUnavailableProductsInPage === null || robloxUnavailableProductsInPage === void 0 ? void 0 : robloxUnavailableProductsInPage.pages) === null || _a === void 0 ? void 0 : _a.flatMap((page) => page.products)) || []);
+    }, [robloxUnavailableProductsInPage]);
+    const robloxExclusives = (0, react_1.useMemo)(() => {
+        return robloxUnavailableProducts.concat(availableProducts);
+    }, [robloxUnavailableProducts, availableProducts]);
+    const unavailableProducts = robloxUnavailableProducts;
+    const robloxExclusivesLoading = unavailableProductsLoading || availableProductLoading;
+    const hasNextPageProducts = hasNextPageAvailableProducts || hasNextPageUnavailableProducts;
+    const refetchProducts = (0, react_1.useCallback)(() => {
+        refetchAvailableProducts();
+        refetchUnavailableProducts();
+    }, [refetchAvailableProducts, refetchUnavailableProducts]);
+    const fetchNextPageProducts = (0, react_1.useCallback)(() => {
+        fetchNextPageAvailableProducts();
+        fetchNextPageUnavailableProducts();
+    }, [fetchNextPageAvailableProducts, fetchNextPageUnavailableProducts]);
+    const { data: purchasedProductsInPage, isLoading: purchasedProductsLoading, fetchNextPage: fetchNextPagePurchasedProducts, hasNextPage: hasNextPagePurchasedProducts, refetch: refetchPurchasedProducts } = (0, useRobloxExchanges_1.useRobloxExchanges)({
+        sellerId,
+        userWallet: address !== null && address !== void 0 ? address : "",
+        pageSize: const_1.purchasedProductsPageSize,
+        options: { enabled: !!address }
+    });
+    const purchasedProducts = (0, react_1.useMemo)(() => {
+        var _a;
+        return (((_a = purchasedProductsInPage === null || purchasedProductsInPage === void 0 ? void 0 : purchasedProductsInPage.pages) === null || _a === void 0 ? void 0 : _a.flatMap((page) => page.exchanges)) || []);
+    }, [purchasedProductsInPage]);
+    const [exchange, setExchange] = (0, react_1.useState)();
+    const [productUuid, setProductUuid] = (0, react_1.useState)("");
+    const [bundleUuid, setBundleUuid] = (0, react_1.useState)("");
+    const [exchangeToCancel, setExchangeToCancel] = (0, react_1.useState)();
+    const resetExchangeToCancel = () => setExchangeToCancel(undefined);
+    const handleSetProductUuid = ({ selectedProductUuid, exchange }) => {
+        setProductUuid(selectedProductUuid);
+        setBundleUuid("");
+        resetExchangeToCancel();
+        setExchange(exchange);
+    };
+    const handleSetBundleUuid = ({ selectedBundleUuid, exchange }) => {
+        setProductUuid("");
+        setBundleUuid(selectedBundleUuid);
+        resetExchangeToCancel();
+        setExchange(exchange);
+    };
+    const clearSelection = () => {
+        setProductUuid("");
+        setBundleUuid("");
+        setExchange(undefined);
+    };
+    const itemsPerRow = {
+        xs: layout === "vertical" ? 1 : 2,
+        s: layout === "vertical" ? 1 : 2,
+        m: layout === "vertical" ? 2 : 3,
+        l: layout === "vertical" ? 2 : 4,
+        xl: layout === "vertical" ? 2 : 5
+    };
+    return (react_1.default.createElement(Wrapper, { justifyContent: "center", alignItems: "center" },
+        react_1.default.createElement(ContentWrapper, { flexDirection: "column", alignItems: "flex-start", gap: "5rem" }, productUuid || bundleUuid ? (react_1.default.createElement(CommitModalWithOffer_1.CommitModalWithOffer, { sellerId: sellerId, productUuid: productUuid, bundleUuid: bundleUuid, exchange: exchange, forcedAccount: requestShipmentProps === null || requestShipmentProps === void 0 ? void 0 : requestShipmentProps.forcedAccount, signatures: requestShipmentProps === null || requestShipmentProps === void 0 ? void 0 : requestShipmentProps.signatures, parentOrigin: requestShipmentProps === null || requestShipmentProps === void 0 ? void 0 : requestShipmentProps.parentOrigin, lookAndFeel: "regular", hideModal: clearSelection, showConnectButton: false, showBosonLogoInHeader: true, withLeftArrowButton: true })) : exchangeToCancel ? (react_1.default.createElement(NonModal_1.default, { showConnectButton: false, headerComponent: react_1.default.createElement(Grid_1.Grid, { gap: "1rem", style: { flex: "1 1" }, justifyContent: "flex-end" },
+                react_1.default.createElement(ThemedBosonLogo_1.ThemedBosonLogo, null)), lookAndFeel: "regular", hideModal: () => {
+                resetExchangeToCancel();
+            }, closable: true, withLeftArrowButton: true },
+            react_1.default.createElement(CancelExchange_1.CancelExchange, { exchange: exchangeToCancel, showBackButton: true, onBackClick: () => {
+                    resetExchangeToCancel();
+                }, onPendingSignature: undefined, onError: undefined, onPendingTransaction: undefined, onSuccess: () => {
+                    resetExchangeToCancel();
+                } }))) : (robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
+                react_1.default.createElement(Typography_1.Typography, { tag: "h3", marginBottom: "32px", margin: "0" }, "Purchased Products"),
+                react_1.default.createElement(RobloxExchangesGrid_1.RobloxExchangesGrid, { numProducts: const_1.purchasedProductsPageSize, fetchNextPage: fetchNextPagePurchasedProducts, hasNextPage: hasNextPagePurchasedProducts, refetch: refetchPurchasedProducts, itemsPerRow: itemsPerRow, raiseDisputeForExchangeUrl: raiseDisputeForExchangeUrl, exchanges: purchasedProducts, handleCancellation: (robloxExchange) => {
+                        setExchangeToCancel(robloxExchange);
+                    }, handleRequestShipment: (robloxExchange) => {
+                        const { offer } = robloxExchange;
+                        if ((0, filter_1.isProductV1)(offer)) {
+                            handleSetProductUuid({
+                                selectedProductUuid: offer.metadata.product.uuid,
+                                exchange: robloxExchange
+                            });
+                        }
+                        else if ((0, filter_1.isBundle)(offer)) {
+                            handleSetBundleUuid({
+                                selectedBundleUuid: offer.metadata.bundleUuid,
+                                exchange: robloxExchange
+                            });
+                        }
+                    }, isLoading: purchasedProductsLoading })),
+            react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
+                react_1.default.createElement(Typography_1.Typography, { tag: "h3", margin: "0" }, "Available Products"),
+                react_1.default.createElement(Typography_1.Typography, { marginBottom: "32px", color: (0, theme_1.getCssVar)("--sub-text-color") }, "Following products are available for you based on the Roblox inventory you have"),
+                react_1.default.createElement(RobloxProductsGrid_1.RobloxProductsGrid, { fetchNextPage: fetchNextPageAvailableProducts, hasNextPage: hasNextPageAvailableProducts, refetch: refetchAvailableProducts, itemsPerRow: itemsPerRow, products: availableProducts, handleSetProductUuid: (uuid) => handleSetProductUuid({ selectedProductUuid: uuid }), handleSetBundleUuid: (uuid) => handleSetBundleUuid({ selectedBundleUuid: uuid }), isLoading: availableProductLoading, isLoggedInWithRoblox: !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) })),
+            react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
+                react_1.default.createElement(Typography_1.Typography, { tag: "h3", margin: 0 }, "Unavailable products"),
+                react_1.default.createElement(Typography_1.Typography, { marginBottom: "32px", color: (0, theme_1.getCssVar)("--sub-text-color") }, "Other products that can be purchased when you have the right Roblox inventory item."),
+                react_1.default.createElement(RobloxProductsGrid_1.RobloxProductsGrid, { fetchNextPage: fetchNextPageUnavailableProducts, hasNextPage: hasNextPageUnavailableProducts, refetch: refetchUnavailableProducts, itemsPerRow: itemsPerRow, products: unavailableProducts, handleSetProductUuid: (uuid) => handleSetProductUuid({ selectedProductUuid: uuid }), handleSetBundleUuid: (uuid) => handleSetBundleUuid({ selectedBundleUuid: uuid }), isLoading: unavailableProductsLoading, isLoggedInWithRoblox: !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) })))) : showProductsPreLogin && !(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
+                react_1.default.createElement(Typography_1.Typography, { tag: "h3", margin: "0" }, "Roblox exclusives"),
+                react_1.default.createElement(Typography_1.Typography, { marginBottom: "32px", color: (0, theme_1.getCssVar)("--sub-text-color") }, "Other products that can be purchased when you have the right Roblox inventory item."),
+                react_1.default.createElement(RobloxProductsGrid_1.RobloxProductsGrid, { fetchNextPage: fetchNextPageProducts, hasNextPage: hasNextPageProducts, refetch: refetchProducts, itemsPerRow: itemsPerRow, products: robloxExclusives, isLoading: robloxExclusivesLoading, isLoggedInWithRoblox: !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) })))) : (react_1.default.createElement(react_1.default.Fragment, null)))));
+};
+exports.ProductsRoblox = ProductsRoblox;
+//# sourceMappingURL=ProductsRoblox.js.map

package/dist/cjs/components/widgets/roblox/components/ProductsRoblox.js.map

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

package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.d.ts

@@ -0,0 +1,18 @@
+import { GridContainerProps } from "../../../ui/GridContainer";
+import React from "react";
+import { BosonRobloxExchange, GetExchangesResponse } from "@bosonprotocol/roblox-sdk";
+import { FetchNextPageOptions, InfiniteData, InfiniteQueryObserverResult, QueryObserverResult, RefetchOptions, RefetchQueryFilters } from "react-query";
+export type RobloxExchangesGridProps = {
+    isLoading: boolean;
+    numProducts?: number;
+    itemsPerRow: GridContainerProps["itemsPerRow"];
+    raiseDisputeForExchangeUrl: string;
+    handleRequestShipment: (robloxExchange: BosonRobloxExchange) => void;
+    handleCancellation: (robloxExchange: BosonRobloxExchange) => void;
+    exchanges: BosonRobloxExchange[] | undefined;
+    fetchNextPage: (options?: FetchNextPageOptions) => Promise<InfiniteQueryObserverResult<GetExchangesResponse, unknown>>;
+    refetch: <TPageData>(options?: (RefetchOptions & RefetchQueryFilters<TPageData>) | undefined) => Promise<QueryObserverResult<InfiniteData<GetExchangesResponse>, unknown>>;
+    hasNextPage: boolean | undefined;
+};
+export declare const RobloxExchangesGrid: ({ isLoading, numProducts, itemsPerRow, raiseDisputeForExchangeUrl, exchanges, handleRequestShipment, handleCancellation, fetchNextPage, refetch, hasNextPage }: RobloxExchangesGridProps) => React.JSX.Element;
+//# sourceMappingURL=RobloxExchangesGrid.d.ts.map

package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobloxExchangesGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/RobloxExchangesGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI9E,OAAO,KAAgC,MAAM,OAAO,CAAC;AAarD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,2BAA2B,EAC3B,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAwBrB,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,0BAA0B,EAAE,MAAM,CAAC;IACnC,qBAAqB,EAAE,CAAC,cAAc,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrE,kBAAkB,EAAE,CAAC,cAAc,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;IAC7C,aAAa,EAAE,CACb,OAAO,CAAC,EAAE,oBAAoB,KAC3B,OAAO,CAAC,2BAA2B,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IACzE,OAAO,EAAE,CAAC,SAAS,EACjB,OAAO,CAAC,EAAE,CAAC,cAAc,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,KACpE,OAAO,CACV,mBAAmB,CAAC,YAAY,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,CACjE,CAAC;IACF,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,mKAW7B,wBAAwB,sBA+J1B,CAAC"}

package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.js

@@ -0,0 +1,161 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.RobloxExchangesGrid = void 0;
+const GridContainer_1 = require("../../../ui/GridContainer");
+const styled_components_1 = __importStar(require("styled-components"));
+const hooks_1 = require("../../../../hooks");
+const react_1 = __importStar(require("react"));
+const ethers_1 = require("ethers");
+const phosphor_react_1 = require("phosphor-react");
+const theme_1 = require("../../../../theme");
+const images_1 = require("../../../../lib/images/images");
+const getOfferDetails_1 = require("../../../../lib/offer/getOfferDetails");
+const filter_1 = require("../../../../lib/offer/filter");
+const ProductCardSkeleton_1 = require("../../../skeleton/ProductCardSkeleton");
+const const_1 = require("../../../productCard/const");
+const ConnectWalletWithLogic_1 = require("./ConnectWalletWithLogic");
+const Typography_1 = require("../../../ui/Typography");
+const helpers_1 = require("../../../../types/helpers");
+const ExchangeCard_1 = require("../../../exchangeCard/ExchangeCard");
+const react_infinite_scroll_component_1 = __importDefault(require("react-infinite-scroll-component"));
+const Wrapper = styled_components_1.default.div `
+  width: 100%;
+  > * {
+    width: 100%;
+  }
+`;
+const commonCardStyles = (0, styled_components_1.css) `
+  background: transparent;
+  box-shadow: unset;
+  padding: 0;
+  > * {
+    padding-top: 0;
+  }
+`;
+const TransparentExchangeCard = (0, styled_components_1.default)(ExchangeCard_1.ExchangeCard) `
+  ${commonCardStyles}
+`;
+const TransparentSkeletonProductCard = (0, styled_components_1.default)(ProductCardSkeleton_1.ProductCardSkeleton) `
+  ${commonCardStyles}
+  height: 100%;
+`;
+const gap = "2rem";
+const RobloxExchangesGrid = ({ isLoading, numProducts, itemsPerRow, raiseDisputeForExchangeUrl, exchanges, handleRequestShipment, handleCancellation, fetchNextPage, refetch, hasNextPage }) => {
+    const { address } = (0, hooks_1.useAccount)();
+    const { ipfsImageGateway } = (0, hooks_1.useIpfsContext)();
+    const [isNextLoading, setNextLoading] = (0, react_1.useState)(false);
+    const fetchNextPageLoading = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        setNextLoading(true);
+        try {
+            yield fetchNextPage();
+        }
+        finally {
+            setNextLoading(false);
+        }
+    }), [fetchNextPage]);
+    const arrayOfLoadingCards = new Array(numProducts || 3)
+        .fill(null)
+        .map((_, index) => {
+        return react_1.default.createElement(TransparentSkeletonProductCard, { key: index });
+    });
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(react_infinite_scroll_component_1.default, { style: { width: "100%" }, next: fetchNextPageLoading, hasMore: !!hasNextPage, loader: react_1.default.createElement(react_1.default.Fragment, null), dataLength: (exchanges === null || exchanges === void 0 ? void 0 : exchanges.length) || 0, refreshFunction: refetch, pullDownToRefresh: true, pullDownToRefreshThreshold: 50, pullDownToRefreshContent: react_1.default.createElement("p", { style: { textAlign: "center" } }, "\u2193 Pull down to refresh"), releaseToRefreshContent: react_1.default.createElement("p", { style: { textAlign: "center" } }, "\u2191 Release to refresh") },
+            react_1.default.createElement(GridContainer_1.GridContainer, { columnGap: gap, rowGap: gap, width: "100%", itemsPerRow: itemsPerRow }, (exchanges === null || exchanges === void 0 ? void 0 : exchanges.length) || isNextLoading ? (react_1.default.createElement(react_1.default.Fragment, null, exchanges === null || exchanges === void 0 ? void 0 :
+                exchanges.filter((robloxExchange) => robloxExchange.offer.metadata).map((robloxExchange) => {
+                    var _a, _b;
+                    const { offer, state, id: exchangeId } = robloxExchange;
+                    const { price, metadata } = offer;
+                    if (!((0, filter_1.isProductV1)(offer) || (0, filter_1.isBundle)(offer))) {
+                        return null;
+                    }
+                    const { exchangeToken } = offer;
+                    const { mainImage } = (0, getOfferDetails_1.getOfferDetails)(offer);
+                    const imageOptimizationOptions = {
+                        height: 500
+                    };
+                    const imageSrc = (0, images_1.getImageUrl)((_a = (mainImage || (metadata === null || metadata === void 0 ? void 0 : metadata.image))) !== null && _a !== void 0 ? _a : "", ipfsImageGateway, imageOptimizationOptions);
+                    return (react_1.default.createElement(TransparentExchangeCard, { key: exchangeId, id: exchangeId, productType: (0, filter_1.isBundle)(offer)
+                            ? const_1.ProductType.phygital
+                            : (0, filter_1.isProductV1)(offer)
+                                ? const_1.ProductType.physical
+                                : const_1.ProductType.digital, avatarName: "", avatar: imageSrc, currency: exchangeToken.symbol, price: ethers_1.utils.formatUnits(price || "0", exchangeToken.decimals), isHoverDisabled: true, status: state, title: (_b = metadata === null || metadata === void 0 ? void 0 : metadata.name) !== null && _b !== void 0 ? _b : "", imageProps: {
+                            src: imageSrc,
+                            fallbackSrc: (0, images_1.getFallbackImageUrl)(imageSrc, ipfsImageGateway, imageOptimizationOptions),
+                            withLoading: true,
+                            errorConfig: {
+                                errorIcon: (react_1.default.createElement(phosphor_react_1.CameraSlash, { size: 32, color: theme_1.colors.white }))
+                            }
+                        }, redeemButtonConfig: {
+                            onClick: () => {
+                                handleRequestShipment(robloxExchange);
+                            },
+                            type: "button"
+                        }, cancelButtonConfig: {
+                            onClick: () => {
+                                handleCancellation(robloxExchange);
+                            },
+                            type: "button"
+                        }, disputeButtonConfig: {
+                            onClick: () => {
+                                const raiseDisputeForExchangeUrlWithId = raiseDisputeForExchangeUrl === null || raiseDisputeForExchangeUrl === void 0 ? void 0 : raiseDisputeForExchangeUrl.replace("{id}", exchangeId || "");
+                                if (raiseDisputeForExchangeUrlWithId) {
+                                    const urlWithHttpPrefix = raiseDisputeForExchangeUrlWithId.startsWith("http://") ||
+                                        raiseDisputeForExchangeUrlWithId.startsWith("https://")
+                                        ? raiseDisputeForExchangeUrlWithId
+                                        : `https://${raiseDisputeForExchangeUrlWithId}`;
+                                    const windowToUse = window.top || window.parent;
+                                    windowToUse.open(urlWithHttpPrefix, "_blank");
+                                }
+                            },
+                            type: "button"
+                        }, isConnected: !!address, CTAIfDisconnected: react_1.default.createElement(ConnectWalletWithLogic_1.ConnectWalletWithLogic, { connectWalletButtonDisabled: false }) }));
+                }).filter(helpers_1.isTruthy),
+                isNextLoading && arrayOfLoadingCards)) : (react_1.default.createElement(Typography_1.Typography, null, "No products found"))))));
+};
+exports.RobloxExchangesGrid = RobloxExchangesGrid;
+//# sourceMappingURL=RobloxExchangesGrid.js.map

package/dist/cjs/components/widgets/roblox/components/RobloxExchangesGrid.js.map

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

package/dist/cjs/components/widgets/roblox/components/RobloxProductsGrid.d.ts

@@ -0,0 +1,17 @@
+import { GridContainerProps } from "../../../ui/GridContainer";
+import React from "react";
+import { BosonRobloxProductWithAvailability } from "@bosonprotocol/roblox-sdk";
+export type RobloxProductsGridProps = {
+    isLoading: boolean;
+    products: BosonRobloxProductWithAvailability[] | undefined;
+    numProducts?: number;
+    itemsPerRow: GridContainerProps["itemsPerRow"];
+    handleSetProductUuid?: (uuid: string) => void;
+    handleSetBundleUuid?: (uuid: string) => void;
+    isLoggedInWithRoblox: boolean;
+    fetchNextPage: () => Promise<unknown> | unknown;
+    refetch: () => Promise<unknown> | unknown;
+    hasNextPage: boolean | undefined;
+};
+export declare const RobloxProductsGrid: ({ isLoading, numProducts, itemsPerRow, products, handleSetBundleUuid, handleSetProductUuid, isLoggedInWithRoblox, fetchNextPage, refetch, hasNextPage }: RobloxProductsGridProps) => React.JSX.Element;
+//# sourceMappingURL=RobloxProductsGrid.d.ts.map

package/dist/cjs/components/widgets/roblox/components/RobloxProductsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobloxProductsGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/RobloxProductsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAK9E,OAAO,KAAgC,MAAM,OAAO,CAAC;AAarD,OAAO,EAAE,kCAAkC,EAAE,MAAM,2BAA2B,CAAC;AA8B/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,kCAAkC,EAAE,GAAG,SAAS,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAChD,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAC1C,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,CAAC;AACF,eAAO,MAAM,kBAAkB,4JAW5B,uBAAuB,sBAyIzB,CAAC"}

package/dist/cjs/components/widgets/roblox/components/RobloxProductsGrid.js

@@ -0,0 +1,156 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.RobloxProductsGrid = void 0;
+const GridContainer_1 = require("../../../ui/GridContainer");
+const ProductCard_1 = require("../../../productCard/ProductCard");
+const styled_components_1 = __importStar(require("styled-components"));
+const hooks_1 = require("../../../../hooks");
+const react_1 = __importStar(require("react"));
+const ethers_1 = require("ethers");
+const phosphor_react_1 = require("phosphor-react");
+const theme_1 = require("../../../../theme");
+const images_1 = require("../../../../lib/images/images");
+const getOfferDetails_1 = require("../../../../lib/offer/getOfferDetails");
+const filter_1 = require("../../../../lib/offer/filter");
+const ProductCardSkeleton_1 = require("../../../skeleton/ProductCardSkeleton");
+const const_1 = require("../../../productCard/const");
+const ConnectWalletWithLogic_1 = require("./ConnectWalletWithLogic");
+const Typography_1 = require("../../../ui/Typography");
+const helpers_1 = require("../../../../types/helpers");
+const LoginWithRoblox_1 = require("./LoginWithRoblox");
+const ThemedCommitButtonView_1 = require("../../../buttons/commit/ThemedCommitButtonView");
+const userAgent_1 = require("../../../../lib/userAgent/userAgent");
+const react_infinite_scroll_component_1 = __importDefault(require("react-infinite-scroll-component"));
+const Wrapper = styled_components_1.default.div `
+  width: 100%;
+  > * {
+    width: 100%;
+  }
+`;
+const commonCardStyles = (0, styled_components_1.css) `
+  background: transparent;
+  box-shadow: unset;
+  padding: 0;
+  > * {
+    padding-top: 0;
+  }
+`;
+const TransparentProductCard = (0, styled_components_1.default)(ProductCard_1.ProductCard) `
+  ${commonCardStyles}
+`;
+const TransparentSkeletonProductCard = (0, styled_components_1.default)(ProductCardSkeleton_1.ProductCardSkeleton) `
+  ${commonCardStyles}
+  height: 100%;
+`;
+const RobloxProductsGrid = ({ isLoading, numProducts, itemsPerRow, products, handleSetBundleUuid, handleSetProductUuid, isLoggedInWithRoblox, fetchNextPage, refetch, hasNextPage }) => {
+    const { address } = (0, hooks_1.useAccount)();
+    const { ipfsImageGateway } = (0, hooks_1.useIpfsContext)();
+    const [isNextLoading, setNextLoading] = (0, react_1.useState)(false);
+    const fetchNextPageLoading = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        setNextLoading(true);
+        try {
+            yield fetchNextPage();
+        }
+        finally {
+            setNextLoading(false);
+        }
+    }), [fetchNextPage]);
+    const arrayOfLoadingCards = new Array(numProducts || 3)
+        .fill(null)
+        .map((_, index) => {
+        return react_1.default.createElement(TransparentSkeletonProductCard, { key: index });
+    });
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(react_infinite_scroll_component_1.default, { style: { width: "100%" }, next: fetchNextPageLoading, hasMore: !!hasNextPage, loader: react_1.default.createElement(react_1.default.Fragment, null), dataLength: (products === null || products === void 0 ? void 0 : products.length) || 0, refreshFunction: refetch, pullDownToRefresh: true, pullDownToRefreshThreshold: 50, pullDownToRefreshContent: react_1.default.createElement("p", { style: { textAlign: "center" } }, "\u2193 Pull down to refresh"), releaseToRefreshContent: react_1.default.createElement("p", { style: { textAlign: "center" } }, "\u2191 Release to refresh") },
+            react_1.default.createElement(GridContainer_1.GridContainer, { columnGap: "2rem", rowGap: "2rem", width: "100%", itemsPerRow: itemsPerRow }, (products === null || products === void 0 ? void 0 : products.length) || isNextLoading ? (react_1.default.createElement(react_1.default.Fragment, null, products === null || products === void 0 ? void 0 :
+                products.filter((robloxProduct) => robloxProduct.offer.metadata).map((robloxProduct) => {
+                    var _a, _b;
+                    const { exchangeToken, uuid, offer, product, seller } = robloxProduct;
+                    const key = uuid;
+                    const { uuid: productUuid } = product;
+                    const { price, metadata } = offer;
+                    if (!((0, filter_1.isProductV1)(offer) || (0, filter_1.isBundle)(offer))) {
+                        return null;
+                    }
+                    // if(isProductV1(offer)){
+                    //   offer.metadata
+                    // }
+                    const bundleUuid = (0, filter_1.isBundle)(offer)
+                        ? // TODO: remove cast once @bosonprotocol/roblox-sdk uses the same version of @bosonprotocol/core-sdk that we use
+                            offer.metadata.bundleUuid
+                        : "";
+                    const { mainImage } = (0, getOfferDetails_1.getOfferDetails)(offer);
+                    const imageOptimizationOptions = {
+                        height: 500
+                    };
+                    const imageSrc = (0, images_1.getImageUrl)((_a = (mainImage || (metadata === null || metadata === void 0 ? void 0 : metadata.image))) !== null && _a !== void 0 ? _a : "", ipfsImageGateway, imageOptimizationOptions);
+                    const onCardClick = () => {
+                        if ((0, filter_1.isProductV1)(offer) && productUuid) {
+                            handleSetProductUuid === null || handleSetProductUuid === void 0 ? void 0 : handleSetProductUuid(productUuid);
+                        }
+                        else if ((0, filter_1.isBundle)(offer) && bundleUuid) {
+                            handleSetBundleUuid === null || handleSetBundleUuid === void 0 ? void 0 : handleSetBundleUuid(bundleUuid);
+                        }
+                    };
+                    return (react_1.default.createElement(TransparentProductCard, { key: key, productType: (0, filter_1.isBundle)(offer)
+                            ? const_1.ProductType.phygital
+                            : (0, filter_1.isProductV1)(offer)
+                                ? const_1.ProductType.physical
+                                : const_1.ProductType.digital, avatarName: "", currency: exchangeToken.symbol, price: ethers_1.utils.formatUnits(price || "0", exchangeToken.decimals), isHoverDisabled: true, isImageFitCover: true, title: (_b = metadata === null || metadata === void 0 ? void 0 : metadata.name) !== null && _b !== void 0 ? _b : "", imageProps: {
+                            src: imageSrc,
+                            fallbackSrc: (0, images_1.getFallbackImageUrl)(imageSrc, ipfsImageGateway, imageOptimizationOptions),
+                            withLoading: true,
+                            errorConfig: {
+                                errorIcon: (react_1.default.createElement(phosphor_react_1.CameraSlash, { size: 32, color: theme_1.colors.white }))
+                            }
+                        }, onCardClick: userAgent_1.isMobile ? onCardClick : undefined, CTAOnHover: !isLoggedInWithRoblox ? (react_1.default.createElement(LoginWithRoblox_1.LoginWithRoblox, { sellerId: seller.id })) : !address ? (react_1.default.createElement(ConnectWalletWithLogic_1.ConnectWalletWithLogic, { connectWalletButtonDisabled: false })) : (react_1.default.createElement(ThemedCommitButtonView_1.ThemedCommitButtonView, { onClick: onCardClick })) }));
+                }).filter(helpers_1.isTruthy),
+                isNextLoading && arrayOfLoadingCards)) : (react_1.default.createElement(Typography_1.Typography, null, "No products found"))))));
+};
+exports.RobloxProductsGrid = RobloxProductsGrid;
+//# sourceMappingURL=RobloxProductsGrid.js.map

package/dist/cjs/components/widgets/roblox/components/RobloxProductsGrid.js.map

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

package/dist/cjs/components/widgets/roblox/components/const.d.ts

@@ -0,0 +1,7 @@
+export declare const productsPageSize = 4;
+export declare const purchasedProductsPageSize = 4;
+export declare const statuses: {
+    readonly availableProducts: readonly ["AVAILABLE", "POTENTIALLY", "PENDING"];
+    readonly unavailableProducts: readonly ["NOT_AVAILABLE", "UNKNOWN"];
+};
+//# sourceMappingURL=const.d.ts.map

package/dist/cjs/components/widgets/roblox/components/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,QAAQ;;;CAGX,CAAC"}