chore: update imports to use roblox-sdk dependency

packages/react-kit/package.json

@@ -18,6 +18,7 @@
     "@bosonprotocol/core-sdk": "^1.42.0-alpha.2",
     "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.8",
     "@bosonprotocol/ipfs-storage": "^1.12.0",
+    "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.11",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
     "@glidejs/glide": "3.6.0",

packages/react-kit/src/components/widgets/roblox/components/ConnectRoblox.tsx

@@ -23,7 +23,7 @@ import { useCookies } from "react-cookie";
 import {
   ROBLOX_OAUTH_COOKIE_NAME,
   WEB3AUTH_COOKIE_NAME
-} from "../../../../hooks/roblox/backend.const";
+} from "@bosonprotocol/roblox-sdk";
 import { useRobloxProducts } from "../../../../hooks/roblox/useRobloxProducts";
 import { useRobloxExchanges } from "../../../../hooks/roblox/useRobloxExchanges";
 import { LoginWithRoblox } from "./LoginWithRoblox";

packages/react-kit/src/components/widgets/roblox/components/ProductsRoblox.tsx

@@ -11,7 +11,7 @@ import { RobloxExchangesGrid } from "./RobloxExchangesGrid";
 import {
   BosonRobloxExchange,
   ProductAvailabilityStatus
-} from "../../../../hooks/roblox/backend.types";
+} from "@bosonprotocol/roblox-sdk";
 import { CancelExchange } from "../../../modal/components/Redeem/ExchangeView/cancellation/CancelExchange";
 import NonModal from "../../../modal/nonModal/NonModal";
 import { useIsRobloxLoggedIn } from "../../../../hooks/roblox/useIsRobloxLoggedIn";

packages/react-kit/src/components/widgets/roblox/components/RobloxExchangesGrid.tsx

@@ -15,7 +15,7 @@ import { isBundle, isProductV1 } from "../../../../lib/offer/filter";
 import { ProductCardSkeleton } from "../../../skeleton/ProductCardSkeleton";
 import { ProductType } from "../../../productCard/const";
 import { ConnectWalletWithLogic } from "./ConnectWalletWithLogic";
-import { BosonRobloxExchange } from "../../../../hooks/roblox/backend.types";
+import { BosonRobloxExchange } from "@bosonprotocol/roblox-sdk";
 import { Typography } from "../../../ui/Typography";
 import { isTruthy } from "../../../../types/helpers";
 import { ExchangeCard } from "../../../exchangeCard/ExchangeCard";

packages/react-kit/src/components/widgets/roblox/components/RobloxProductsGrid.tsx

@@ -12,11 +12,11 @@ import {
   getImageUrl
 } from "../../../../lib/images/images";
 import { getOfferDetails } from "../../../../lib/offer/getOfferDetails";
-import { isBundle, isProductV1 } from "../../../../lib/offer/filter";
+import { Bundle, isBundle, isProductV1 } from "../../../../lib/offer/filter";
 import { ProductCardSkeleton } from "../../../skeleton/ProductCardSkeleton";
 import { ProductType } from "../../../productCard/const";
 import { ConnectWalletWithLogic } from "./ConnectWalletWithLogic";
-import { BosonRobloxProductWithAvailability } from "../../../../hooks/roblox/backend.types";
+import { BosonRobloxProductWithAvailability } from "@bosonprotocol/roblox-sdk";
 import { Typography } from "../../../ui/Typography";
 import { isTruthy } from "../../../../types/helpers";
 import { LoginWithRoblox } from "./LoginWithRoblox";
@@ -83,7 +83,13 @@ export const RobloxProductsGrid = ({
             if (!(isProductV1(offer) || isBundle(offer))) {
               return null;
             }
-            const bundleUuid = isBundle(offer) ? offer.metadata.bundleUuid : "";
+            // if(isProductV1(offer)){
+            //   offer.metadata
+            // }
+            const bundleUuid = isBundle(offer)
+              ? // TODO: remove cast once @bosonprotocol/roblox-sdk uses the same version of @bosonprotocol/core-sdk that we use
+                (offer as Bundle).metadata.bundleUuid
+              : "";
 
             const { mainImage } = getOfferDetails(offer);
             const imageOptimizationOptions = {

packages/react-kit/src/hooks/roblox/useGetRobloxWalletAuth.ts

@@ -1,7 +1,7 @@
 import { useQuery, useQueryClient } from "react-query";
 import { useRobloxConfigContext } from "./context/useRobloxConfigContext";
 import { mutationKeys } from "./mutationKeys";
-import { GetWalletAuthResponse } from "./backend.types";
+import { GetWalletAuthResponse } from "@bosonprotocol/roblox-sdk";
 type UseGetRobloxWalletAuthProps = {
   sellerId: string;
   options: { enabled: boolean };

packages/react-kit/src/hooks/roblox/useIsRobloxLoggedIn.ts

@@ -3,7 +3,7 @@ import { useRobloxLocalStorage } from "./useRobloxLocalStorage";
 import { robloxQueryKeys } from "./const";
 import { useRobloxConfigContext } from "./context/useRobloxConfigContext";
 import { mutationKeys } from "./mutationKeys";
-import { GetLoggedInResponse } from "./backend.types";
+import { GetLoggedInResponse } from "@bosonprotocol/roblox-sdk";
 
 type UseIsRobloxLoggedInProps = {
   sellerId: string;

packages/react-kit/src/hooks/roblox/useRobloxBackendLogin.ts

@@ -1,6 +1,6 @@
 import { formatBytes32String } from "ethers/lib/utils";
 import { useAccount, useWeb3SignTypedData } from "../connection/connection";
-import { GetLoggedInResponse } from "./backend.types";
+import { GetLoggedInResponse } from "@bosonprotocol/roblox-sdk";
 import { useMutation } from "react-query";
 import { useDisconnect } from "../connection/useDisconnect";
 import { usePostRobloxWalletAuth } from "./usePostRobloxWalletAuth";

packages/react-kit/src/hooks/roblox/useRobloxExchanges.ts

@@ -1,5 +1,5 @@
 import { useQuery } from "react-query";
-import { GetExchangesResponse } from "./backend.types";
+import { GetExchangesResponse } from "@bosonprotocol/roblox-sdk";
 import { useRobloxConfigContext } from "./context/useRobloxConfigContext";
 
 type UseRobloxProductsProps = {

packages/react-kit/src/hooks/roblox/useRobloxLocalStorage.ts

@@ -1,5 +1,5 @@
 import { useLocalStorage } from "../storage/useLocalStorage";
-import { GetLoggedInResponse } from "./backend.types";
+import { GetLoggedInResponse } from "@bosonprotocol/roblox-sdk";
 import { robloxLocalStorageKey } from "./const";
 
 export const useRobloxLocalStorage = () => {

packages/react-kit/src/hooks/roblox/useRobloxProducts.ts

@@ -1,5 +1,5 @@
 import { useQuery, useQueryClient } from "react-query";
-import { GetProductsResponse } from "./backend.types";
+import { GetProductsResponse } from "@bosonprotocol/roblox-sdk";
 import { useRobloxConfigContext } from "./context/useRobloxConfigContext";
 import { mutationKeys } from "./mutationKeys";