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

package/dist/esm/components/widgets/redemption/provider/RedemptionWidgetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedemptionWidgetProvider.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionWidgetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,uBAAuB,EAExB,MAAM,2BAA2B,CAAC;AAQnC,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,GAAG,IAAI,EACuB;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpE,OAAO,CACL,oBAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE;YACL,GAAG,IAAI;YACP,YAAY;YACZ,eAAe;SAChB,IAEA,QAAQ,CACwB,CACpC,CAAC;AACJ,CAAC"}

package/dist/esm/components/widgets/roblox/RobloxWidget.d.ts

@@ -0,0 +1,12 @@
+import { ConnectRobloxProps } from "./components/ConnectRoblox";
+import React from "react";
+import { ProductsRobloxProps } from "./components/ProductsRoblox";
+import { CommitWidgetProvidersProps } from "../commit/CommitWidgetProviders";
+export * from "./components/types";
+type ProductKeysThatGoToConfig = "sellerId" | "raiseDisputeForExchangeUrl" | "showProductsPreLogin" | "layout";
+export type RobloxWidgetProps = {
+    connectProps: Omit<ConnectRobloxProps, "sellerId">;
+    configProps: Omit<CommitWidgetProvidersProps, "withWeb3React" | "withCustomReduxContext" | "withReduxProvider" | "withGlobalStyle" | "children"> & Pick<ProductsRobloxProps, ProductKeysThatGoToConfig> & ProductsRobloxProps["requestShipmentProps"];
+};
+export declare const RobloxWidget: ({ connectProps, configProps: { sellerId, raiseDisputeForExchangeUrl, showProductsPreLogin, layout, ...configProps } }: RobloxWidgetProps) => React.JSX.Element;
+//# sourceMappingURL=RobloxWidget.d.ts.map

package/dist/esm/components/widgets/roblox/RobloxWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobloxWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/roblox/RobloxWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,0BAA0B,EAC3B,MAAM,iCAAiC,CAAC;AASzC,cAAc,oBAAoB,CAAC;AAOnC,KAAK,yBAAyB,GAC1B,UAAU,GACV,4BAA4B,GAC5B,sBAAsB,GACtB,QAAQ,CAAC;AACb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACnD,WAAW,EAAE,IAAI,CACf,0BAA0B,EACxB,eAAe,GACf,wBAAwB,GACxB,mBAAmB,GACnB,iBAAiB,GACjB,UAAU,CACb,GACC,IAAI,CAAC,mBAAmB,EAAE,yBAAyB,CAAC,GACpD,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;CAC/C,CAAC;AACF,eAAO,MAAM,YAAY,0HAStB,iBAAiB,sBA0FnB,CAAC"}

package/dist/esm/components/widgets/roblox/RobloxWidget.js

@@ -0,0 +1,57 @@
+import { ConnectRoblox } from "./components/ConnectRoblox";
+import React, { useRef } from "react";
+import { Grid } from "../../ui/Grid";
+import { ProductsRoblox } from "./components/ProductsRoblox";
+import { CommitWidgetProviders } from "../commit/CommitWidgetProviders";
+import { Typography } from "../../ui/Typography";
+import { AccountDrawer, useCloseAccountDrawer } from "../../wallet2/accountDrawer";
+import { Portal } from "../../portal/Portal";
+import { getCssVar } from "../../../theme";
+import { bosonButtonThemes } from "../../ui/ThemedButton";
+export * from "./components/types";
+const bosonThemes = bosonButtonThemes();
+const primaryButtonTheme = bosonThemes["primary"];
+const orangeInverseButtonTheme = bosonThemes["orangeInverse"];
+const Wrapper = Grid;
+export const RobloxWidget = ({ connectProps, configProps: { sellerId, raiseDisputeForExchangeUrl, showProductsPreLogin, layout, ...configProps } }) => {
+    const singleStepConnectRobloxRef = useRef(null);
+    const closeAccountDrawer = useCloseAccountDrawer();
+    return (React.createElement(CommitWidgetProviders, { ...configProps, withCustomReduxContext: false, withReduxProvider: true, withWeb3React: true, withMagicLink: false, withGlobalStyle: true },
+        React.createElement(Wrapper, { flexDirection: "column", alignItems: "center", justifyContent: "flex-start" },
+            React.createElement(ConnectRoblox, { ...connectProps, ref: singleStepConnectRobloxRef, sellerId: sellerId }),
+            React.createElement(ProductsRoblox, { layout: layout, requestShipmentProps: configProps, sellerId: sellerId, raiseDisputeForExchangeUrl: raiseDisputeForExchangeUrl, showProductsPreLogin: showProductsPreLogin })),
+        React.createElement(Portal, null,
+            React.createElement(AccountDrawer, { backgroundColor: getCssVar("--background-accent-color"), buyCryptoTheme: primaryButtonTheme, disconnectBorderRadius: undefined, disconnectBackgroundColor: undefined, disconnectColor: undefined, onUserDisconnect: closeAccountDrawer, walletModalProps: {
+                    withMagicLogin: false,
+                    optionProps: {
+                        backgroundColor: getCssVar("--secondary-accent-color"),
+                        hoverFocusBackgroundColor: getCssVar("--secondary-accent-hover-color"),
+                        borderRadius: getCssVar("--button-border-radius"),
+                        color: getCssVar("--secondary-button-text-color"),
+                        hoverColor: getCssVar("--secondary-button-text-hover-color"),
+                        iconBorderRadius: getCssVar("--button-border-radius")
+                    },
+                    connectionErrorProps: {
+                        backToWalletSelectionTheme: orangeInverseButtonTheme,
+                        tryAgainTheme: orangeInverseButtonTheme
+                    },
+                    PrivacyPolicy: () => (React.createElement(Typography, { style: { fontSize: "0.75rem" }, display: "block" },
+                        "By connecting a wallet, you agree to Boson App 's",
+                        " ",
+                        React.createElement("a", { href: "https://bosonapp.io/#/terms-and-conditions", target: "_blank", rel: "noreferrer noopener", style: {
+                                fontSize: "inherit",
+                                color: getCssVar("--sub-text-color"),
+                                textDecoration: "underline"
+                            } }, "Terms & Conditions"),
+                        " ",
+                        "and consent to its",
+                        " ",
+                        React.createElement("a", { href: "https://bosonapp.io/#/privacy-policy", target: "_blank", rel: "noreferrer noopener", style: {
+                                fontSize: "inherit",
+                                color: getCssVar("--sub-text-color"),
+                                textDecoration: "underline"
+                            } }, "Privacy Policy"),
+                        ". (Last Updated 18 August 2023)"))
+                } }))));
+};
+//# sourceMappingURL=RobloxWidget.js.map

package/dist/esm/components/widgets/roblox/RobloxWidget.js.map

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

package/dist/esm/components/widgets/roblox/components/ConnectRoblox.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type ConnectRobloxProps = {
+    sellerId: string;
+    step3: {
+        titleForMobile: string;
+        title: string;
+        subtitle: string;
+        buttonText: string;
+        callback: (() => void) | (() => Promise<void>);
+    };
+};
+export declare const ConnectRoblox: React.ForwardRefExoticComponent<ConnectRobloxProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ConnectRoblox.d.ts.map

package/dist/esm/components/widgets/roblox/components/ConnectRoblox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectRoblox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ConnectRoblox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA2Sf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChD,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,aAAa,2FAgQzB,CAAC"}

package/dist/esm/components/widgets/roblox/components/ConnectRoblox.js

@@ -0,0 +1,330 @@
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { css, styled } from "styled-components";
+import { Grid } from "../../../ui/Grid";
+import { Typography } from "../../../ui/Typography";
+import { useAccount, useBreakpoints } from "../../../../hooks";
+import { CaretDown, CaretUp, CheckCircle, Power } from "phosphor-react";
+import { useIsRobloxLoggedIn } from "../../../../hooks/roblox/useIsRobloxLoggedIn";
+import { useRobloxLogout } from "../../../../hooks/roblox/useRobloxLogout";
+import { useRobloxConfigContext } from "../../../../hooks/roblox/context/useRobloxConfigContext";
+import { ConnectWalletWithLogic } from "./ConnectWalletWithLogic";
+import { useGetRobloxWalletAuth } from "../../../../hooks/roblox/useGetRobloxWalletAuth";
+import { useRobloxBackendLogin } from "../../../../hooks/roblox/useRobloxBackendLogin";
+import { useQuery } from "react-query";
+import { useDisconnect } from "../../../../hooks/connection/useDisconnect";
+import { useCookies } from "react-cookie";
+import { ROBLOX_OAUTH_COOKIE_NAME, WEB3AUTH_COOKIE_NAME } from "@bosonprotocol/roblox-sdk";
+import { useRobloxProducts } from "../../../../hooks/roblox/useRobloxProducts";
+import { useRobloxExchanges } from "../../../../hooks/roblox/useRobloxExchanges";
+import { LoginWithRoblox } from "./LoginWithRoblox";
+import { getCssVar } from "../../../../theme";
+import ThemedButton from "../../../ui/ThemedButton";
+import { maxWidthStepper } from "./styles";
+import { productsPageSize, purchasedProductsPageSize, statuses } from "./const";
+import { breakpoint } from "../../../../lib/ui/breakpoint";
+const stepToIcon = {
+    0: (React.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M32.8334 6.56152H7.83337C7.14302 6.56152 6.58337 7.12117 6.58337 7.81152V32.8115C6.58337 33.5019 7.14302 34.0615 7.83337 34.0615H32.8334C33.5237 34.0615 34.0834 33.5019 34.0834 32.8115V7.81152C34.0834 7.12117 33.5237 6.56152 32.8334 6.56152Z" }),
+        React.createElement("path", { d: "M17.2084 15.9354L20.9584 13.4365V27.8115", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))),
+    1: (React.createElement("svg", { width: "40", height: "41", viewBox: "0 0 40 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M32.5 6.56152H7.5C6.80964 6.56152 6.25 7.12117 6.25 7.81152V32.8115C6.25 33.5019 6.80964 34.0615 7.5 34.0615H32.5C33.1904 34.0615 33.75 33.5019 33.75 32.8115V7.81152C33.75 7.12117 33.1904 6.56152 32.5 6.56152Z" }),
+        React.createElement("path", { d: "M16.5447 15.102C16.7483 14.6202 17.0504 14.1863 17.4317 13.8283C17.8129 13.4702 18.2649 13.1958 18.7584 13.0228C19.252 12.8497 19.7763 12.7818 20.2977 12.8234C20.8191 12.865 21.326 13.0152 21.7859 13.2643C22.2458 13.5135 22.6485 13.856 22.9681 14.27C23.2877 14.684 23.5173 15.1603 23.6419 15.6683C23.7666 16.1762 23.7836 16.7046 23.6919 17.2196C23.6002 17.7345 23.4019 18.2246 23.1096 18.6583V18.6583L16.25 27.8116V27.8107H23.75", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))),
+    2: (React.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M33.1666 6.56152H8.16663C7.47627 6.56152 6.91663 7.12117 6.91663 7.81152V32.8115C6.91663 33.5019 7.47627 34.0615 8.16663 34.0615H33.1666C33.857 34.0615 34.4166 33.5019 34.4166 32.8115V7.81152C34.4166 7.12117 33.857 6.56152 33.1666 6.56152Z" }),
+        React.createElement("path", { d: "M16.9166 13.4365H24.4156L20.0422 19.6872C20.7616 19.6872 21.4699 19.8646 22.1044 20.2037C22.7389 20.5428 23.28 21.0332 23.6797 21.6314C24.0794 22.2295 24.3254 22.917 24.3959 23.633C24.4665 24.3489 24.3593 25.0712 24.084 25.7359C23.8087 26.4006 23.3738 26.9871 22.8176 27.4435C22.2615 27.8999 21.6014 28.2121 20.8958 28.3525C20.1902 28.4928 19.4609 28.457 18.7725 28.2482C18.084 28.0393 17.4577 27.6639 16.949 27.1552", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))
+};
+const breakpointHorizontal = breakpoint.xs;
+const breakpointForHook = "isXXS";
+const StepsOverview = styled(Grid) `
+  padding: 1rem;
+  ${({ $hide }) => {
+    return ($hide &&
+        css `
+        display: none;
+      `);
+}}
+`;
+const Wrapper = styled(Grid).attrs({
+    flexDirection: "column"
+}) `
+  background-color: ${getCssVar("--background-accent-color")};
+`;
+const FullStepsWrapper = styled(Grid) `
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  ${breakpointHorizontal} {
+    flex-direction: row;
+  }
+`;
+const StyledPower = styled(Power) `
+  && {
+    stroke: initial;
+  }
+`;
+const IconWrapper = styled.div `
+  position: relative;
+  padding-right: 15px;
+  padding-left: 15px;
+  background-color: inherit;
+`;
+const CardTitle = styled(Typography) ``;
+const iconClass = "icon";
+const StepWrapperGrid = styled(Grid) `
+  min-height: 100%;
+  align-self: stretch;
+  background-color: ${getCssVar("--background-accent-color")};
+  padding: ${({ $padding }) => ($padding !== undefined ? $padding : "24px")};
+  svg.${iconClass} {
+    ${({ $isActive }) => {
+    return css `
+        path:first-child {
+          // background of the number
+          fill: ${$isActive
+        ? getCssVar("--main-accent-color")
+        : getCssVar("--background-color")};
+        }
+        path:last-child {
+          // number
+          stroke: ${$isActive
+        ? getCssVar("--main-button-text-color")
+        : getCssVar("--main-text-color")};
+        }
+      `;
+}}
+  }
+  ${breakpointHorizontal} {
+    max-width: ${maxWidthStepper};
+  }
+  &:nth-of-type(1) ${IconWrapper} {
+    ${breakpointHorizontal} {
+      // line
+      &::after {
+        content: "";
+        position: absolute;
+        top: 50%;
+        left: 100%;
+        width: calc(2 * ${({ $itemWidthPx }) => $itemWidthPx + "px"});
+        height: 2px;
+        background-color: ${getCssVar("--background-color")};
+      }
+    }
+  }
+  @container (width < 692px) {
+    ${CardTitle} {
+      min-height: 45px;
+    }
+  }
+`;
+const Step = forwardRef(({ icon: Icon, title, subtitle, isActive, isDone, button: Button }, ref) => {
+    const itemRef = useRef(null);
+    const [itemWidthPx, setItemWidthPx] = useState(0);
+    const updateWidth = () => {
+        if (itemRef.current) {
+            setItemWidthPx(itemRef.current.getBoundingClientRect().width || 0);
+        }
+    };
+    useEffect(() => {
+        updateWidth();
+        window.addEventListener("resize", updateWidth);
+        return () => {
+            window.removeEventListener("resize", updateWidth);
+        };
+    }, []);
+    return (React.createElement(StepWrapperGrid, { ref: (innerRef) => {
+            if (innerRef) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                itemRef.current = innerRef;
+                if (ref) {
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    ref.current = innerRef;
+                }
+            }
+        }, flexDirection: "column", alignItems: "center", justifyContent: "flex-start", "$isActive": isActive, "$isDone": isDone, "$itemWidthPx": itemWidthPx },
+        React.createElement(IconWrapper, null, isDone ? (React.createElement(CheckCircle, { size: 41, color: getCssVar("--main-accent-color"), className: iconClass })) : (React.cloneElement(Icon, { className: iconClass }))),
+        React.createElement(CardTitle, { tag: "h4", margin: 0, textAlign: "center", style: { textWrap: "balance" } }, title),
+        React.createElement(Typography, { tag: "p", margin: "0.25rem 0 1rem 0", color: getCssVar("--sub-text-color"), textAlign: "center", style: { textWrap: "pretty", flexGrow: 1 } }, subtitle),
+        Button));
+});
+const SmallStep = ({ icon: Icon, title, isActive, isDone }) => {
+    return (React.createElement(StepWrapperGrid, { flexDirection: "column", alignItems: "center", justifyContent: "flex-start", "$isActive": isActive, "$isDone": isDone, "$padding": 0 },
+        React.createElement(IconWrapper, null, isDone ? (React.createElement(CheckCircle, { size: 41, color: getCssVar("--main-accent-color"), className: iconClass })) : (React.cloneElement(Icon, { className: iconClass }))),
+        React.createElement(CardTitle, { tag: "h4", margin: 0, textAlign: "center", style: { textWrap: "balance" } }, title)));
+};
+export const ConnectRoblox = forwardRef(({ step3, sellerId }, ref) => {
+    const { address = "" } = useAccount();
+    const [isSignUpDone, setSignUpDone] = useState(false);
+    const [activeStep, setActiveStep] = useState(0);
+    const disconnect = useDisconnect();
+    const { backendOrigin } = useRobloxConfigContext();
+    const removeCookie = useCookies([ROBLOX_OAUTH_COOKIE_NAME, WEB3AUTH_COOKIE_NAME], { doNotUpdate: true })[2];
+    const { refetch: loadAvailableBosonProducts } = useRobloxProducts({
+        sellerId,
+        pageSize: productsPageSize,
+        statuses: statuses.availableProducts,
+        options: { enabled: false }
+    });
+    const { refetch: loadUnavailableBosonProducts } = useRobloxProducts({
+        sellerId,
+        pageSize: productsPageSize,
+        statuses: statuses.unavailableProducts,
+        options: { enabled: false }
+    });
+    const { refetch: loadBosonExchanges } = useRobloxExchanges({
+        sellerId,
+        userWallet: address,
+        pageSize: purchasedProductsPageSize,
+        options: { enabled: false }
+    });
+    const disconnectWallet = useCallback(() => {
+        console.log("disconnectWallet()");
+        // setIsSigning(false);
+        // setIsWalletAuthenticated(false);
+        // const domain = backendOrigin
+        //   .replace("https://", "")
+        //   .replace("http://", "");
+        const isHttps = (backendOrigin || "").startsWith("https");
+        const sameSite = isHttps ? "none" : undefined;
+        removeCookie?.(WEB3AUTH_COOKIE_NAME, { path: "/", sameSite }); // TODO: no domain?
+        disconnect({ isUserDisconnecting: false });
+        loadAvailableBosonProducts(); // Refresh products
+        loadUnavailableBosonProducts(); // Refresh products
+        loadBosonExchanges(); // Refresh exchanges
+    }, [
+        removeCookie,
+        disconnect,
+        backendOrigin,
+        loadAvailableBosonProducts,
+        loadUnavailableBosonProducts,
+        loadBosonExchanges
+    ]);
+    const { data: robloxLoggedInData } = useIsRobloxLoggedIn({
+        sellerId,
+        options: {
+            enabled: true,
+            onSuccess: (data) => {
+                if (!data?.isLoggedIn && address) {
+                    // Roblox auth is not valid, disconnect the wallet if connected
+                    console.log("Roblox auth is not valid, disconnect the wallet if connected");
+                    disconnectWallet();
+                }
+            }
+        }
+    });
+    const { data: isAuthChecked } = useGetRobloxWalletAuth({
+        sellerId,
+        options: {
+            enabled: !!robloxLoggedInData?.isLoggedIn
+        }
+    });
+    const { mutateAsync: robloxBackendLoginAsync, data: isWalletAuthenticatedSigned } = useRobloxBackendLogin({
+        loggedInData: robloxLoggedInData,
+        sellerId,
+        mutationKey: [
+            address,
+            isAuthChecked?.walletAuth,
+            isAuthChecked,
+            robloxLoggedInData
+        ],
+        options: {
+            onError: (...args) => {
+                console.error("robloxBackendLoginAsync error", { ...args });
+                disconnectWallet();
+            }
+        }
+    });
+    const isWalletAuthenticated = isWalletAuthenticatedSigned || isAuthChecked?.walletAuth;
+    useEffect(() => {
+        if (!robloxLoggedInData?.isLoggedIn) {
+            setActiveStep(0);
+        }
+        else if (!address) {
+            setActiveStep(1);
+        }
+    }, [robloxLoggedInData?.isLoggedIn, address]);
+    useQuery([robloxLoggedInData, address, isAuthChecked], () => {
+        if (robloxLoggedInData?.claims && robloxLoggedInData?.nonce) {
+            robloxBackendLoginAsync();
+        }
+        else {
+            console.error("robloxLoggedInData is not valid");
+        }
+    }, {
+        staleTime: Infinity,
+        enabled: !!robloxLoggedInData?.isLoggedIn &&
+            !!address &&
+            !!isAuthChecked &&
+            !isWalletAuthenticated
+    });
+    const { mutateAsync: robloxLogoutAsync } = useRobloxLogout();
+    const nextLatestActiveStep = (step) => {
+        setActiveStep((activeStep) => Math.max(step, activeStep));
+    };
+    const isRobloxLoggedIn = !!robloxLoggedInData?.isLoggedIn;
+    const robloxNickname = robloxLoggedInData?.claims?.nickname || "";
+    useEffect(() => {
+        if (isRobloxLoggedIn) {
+            nextLatestActiveStep(1);
+        }
+    }, [isRobloxLoggedIn]);
+    useEffect(() => {
+        if (address && isRobloxLoggedIn) {
+            nextLatestActiveStep(2);
+        }
+    }, [address, isRobloxLoggedIn]);
+    const isConnectWalletStepActive = activeStep >= 1 || !!address;
+    const step0Props = {
+        isActive: true,
+        isDone: isRobloxLoggedIn,
+        icon: stepToIcon[0]
+    };
+    const step1Props = {
+        isActive: isConnectWalletStepActive,
+        isDone: !!address,
+        icon: stepToIcon[1]
+    };
+    const step2Props = {
+        isActive: activeStep === 2,
+        isDone: isSignUpDone,
+        icon: stepToIcon[2]
+    };
+    const [showFullSteps, setShowFullSteps] = useState(false);
+    const { [breakpointForHook]: breakpointToHideSmallSteps } = useBreakpoints();
+    useEffect(() => {
+        if (!breakpointToHideSmallSteps) {
+            setShowFullSteps(true);
+        }
+    }, [breakpointToHideSmallSteps]);
+    return (React.createElement(Wrapper, null,
+        React.createElement(StepsOverview, { "$hide": !breakpointToHideSmallSteps, className: `steps-overview ${breakpointToHideSmallSteps ? "" : "hidden"}` },
+            React.createElement(SmallStep, { ...step0Props, title: "Roblox" }),
+            React.createElement(SmallStep, { ...step1Props, title: "Account" }),
+            React.createElement(SmallStep, { ...step2Props, title: step3.titleForMobile }),
+            showFullSteps && (React.createElement(CaretUp, { style: { minWidth: "32px", minHeight: "32px", cursor: "pointer" }, onClick: () => {
+                    setShowFullSteps(false);
+                } })),
+            !showFullSteps && (React.createElement(CaretDown, { style: { minWidth: "32px", minHeight: "32px", cursor: "pointer" }, onClick: () => {
+                    setShowFullSteps(true);
+                } }))),
+        React.createElement(FullStepsWrapper, { justifyContent: "center" },
+            (activeStep === 0 || showFullSteps) && (React.createElement(Step, { ref: ref, ...step0Props, title: isRobloxLoggedIn && robloxNickname
+                    ? `Connected as ${robloxNickname}`
+                    : "Connect your Roblox account", subtitle: "Depending on your inventory you will see which exclusive products you can buy.", button: isRobloxLoggedIn ? (React.createElement(ThemedButton, { themeVal: "secondary", onClick: async () => {
+                        await robloxLogoutAsync();
+                    } },
+                    "Logout Roblox ",
+                    React.createElement(StyledPower, { size: 20 }))) : (React.createElement(LoginWithRoblox, { sellerId: sellerId, onLoggedIn: () => {
+                        nextLatestActiveStep(1);
+                    }, onDisconecctWallet: () => {
+                        disconnectWallet();
+                    } })) })),
+            (activeStep === 1 || showFullSteps) && (React.createElement(Step, { ...step1Props, title: "Create an account", subtitle: "Linking your Roblox account to your wallet to signal your permission.", button: React.createElement(ConnectWalletWithLogic, { connectWalletButtonDisabled: false }) })),
+            (activeStep === 2 || showFullSteps) && (React.createElement(Step, { ...step2Props, title: step3.title, subtitle: step3.subtitle, button: React.createElement(ThemedButton, { themeVal: "secondary", disabled: activeStep !== 2, onClick: async () => {
+                        await step3.callback();
+                        setSignUpDone(true);
+                    } }, step3.buttonText) })))));
+});
+//# sourceMappingURL=ConnectRoblox.js.map

package/dist/esm/components/widgets/roblox/components/ConnectRoblox.js.map

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

package/dist/esm/components/widgets/roblox/components/ConnectWalletWithLogic.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export type ConnectWalletWithLogicProps = {
+    connectWalletButtonDisabled: boolean;
+};
+export declare const ConnectWalletWithLogic: ({ connectWalletButtonDisabled }: ConnectWalletWithLogicProps) => React.JSX.Element;
+//# sourceMappingURL=ConnectWalletWithLogic.d.ts.map

package/dist/esm/components/widgets/roblox/components/ConnectWalletWithLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletWithLogic.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ConnectWalletWithLogic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,MAAM,2BAA2B,GAAG;IACxC,2BAA2B,EAAE,OAAO,CAAC;CACtC,CAAC;AACF,eAAO,MAAM,sBAAsB,oCAEhC,2BAA2B,sBAiB7B,CAAC"}

package/dist/esm/components/widgets/roblox/components/ConnectWalletWithLogic.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { ConnectWallet } from "../../../wallet2/web3Status";
+import { useAccount, useOpenAccountDrawer } from "../../../../hooks";
+import { StyledPower } from "./styles";
+import ThemedButton, { bosonButtonThemes } from "../../../ui/ThemedButton";
+const bosonThemes = bosonButtonThemes();
+const primaryButtonTheme = bosonThemes["primary"];
+const secondaryButtonTheme = bosonThemes["secondary"];
+const orangeButtonTheme = bosonThemes["orange"];
+export const ConnectWalletWithLogic = ({ connectWalletButtonDisabled }) => {
+    const { address } = useAccount();
+    const [, openAccountDrawer] = useOpenAccountDrawer();
+    return address ? (React.createElement(ThemedButton, { themeVal: "secondary", onClick: () => openAccountDrawer() },
+        "Disconnect account ",
+        React.createElement(StyledPower, { size: 20 }))) : (React.createElement(ConnectWallet, { connectWalletButtonDisabled: connectWalletButtonDisabled, connectWalletButtonTheme: primaryButtonTheme, connectedButtonTheme: secondaryButtonTheme, errorButtonTheme: orangeButtonTheme, connectWalletChild: "Connect account" }));
+};
+//# sourceMappingURL=ConnectWalletWithLogic.js.map

package/dist/esm/components/widgets/roblox/components/ConnectWalletWithLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletWithLogic.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ConnectWalletWithLogic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,YAAY,EAAE,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;AACxC,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAClD,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;AACtD,MAAM,iBAAiB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAKhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,2BAA2B,EACC,EAAE,EAAE;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,GAAG,oBAAoB,EAAE,CAAC;IAErD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,YAAY,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE;;QAChD,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IACZ,2BAA2B,EAAE,2BAA2B,EACxD,wBAAwB,EAAE,kBAAkB,EAC5C,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,iBAAiB,EACnC,kBAAkB,EAAC,iBAAiB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type LoginWithRobloxProps = {
+    onLoggedIn?: () => unknown;
+    onDisconecctWallet?: () => unknown;
+    sellerId: string;
+};
+export declare const LoginWithRoblox: ({ onLoggedIn, onDisconecctWallet, sellerId }: LoginWithRobloxProps) => React.JSX.Element;
+//# sourceMappingURL=LoginWithRoblox.d.ts.map

package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginWithRoblox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/LoginWithRoblox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,eAAO,MAAM,eAAe,iDAIzB,oBAAoB,sBAwCtB,CAAC"}

package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.js

@@ -0,0 +1,44 @@
+import { useRobloxConfigContext } from "../../../../hooks/roblox/context/useRobloxConfigContext";
+import { BaseButton } from "../../../buttons/BaseButton";
+import React from "react";
+import { useIsRobloxLoggedIn } from "../../../../hooks/roblox/useIsRobloxLoggedIn";
+import { useAccount } from "../../../../hooks";
+import { bosonButtonThemes } from "../../../ui/ThemedButton";
+const bosonThemes = bosonButtonThemes();
+const primaryButtonTheme = bosonThemes["primary"];
+export const LoginWithRoblox = ({ onLoggedIn, onDisconecctWallet, sellerId }) => {
+    const { backendOrigin } = useRobloxConfigContext();
+    const { address = "" } = useAccount();
+    const { refetch: getIsRobloxLoggedInAsync } = useIsRobloxLoggedIn({
+        sellerId,
+        options: {
+            enabled: true,
+            onSuccess: (data) => {
+                if (!data?.isLoggedIn && address) {
+                    onDisconecctWallet?.();
+                }
+            }
+        }
+    });
+    return (React.createElement(BaseButton, { theme: primaryButtonTheme, onClick: () => {
+            const windowToUse = window.top || window.parent;
+            windowToUse.open(`${backendOrigin}/login`, "_blank");
+            const id = setInterval(async () => {
+                try {
+                    const { data } = await getIsRobloxLoggedInAsync();
+                    if (data) {
+                        const { isLoggedIn } = data;
+                        if (isLoggedIn) {
+                            clearInterval(id); // stop polling once the user is logged in
+                            onLoggedIn?.();
+                            return;
+                        }
+                    }
+                }
+                catch (error) {
+                    clearInterval(id); // something went wrong, stop polling
+                }
+            }, 1000);
+        } }, "Login with Roblox"));
+};
+//# sourceMappingURL=LoginWithRoblox.js.map

package/dist/esm/components/widgets/roblox/components/LoginWithRoblox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginWithRoblox.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/LoginWithRoblox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;AACxC,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAOlD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACa,EAAE,EAAE;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACnD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,UAAU,EAAE,CAAC;IACtC,MAAM,EAAE,OAAO,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;QAChE,QAAQ;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;gBAClB,IAAI,CAAC,IAAI,EAAE,UAAU,IAAI,OAAO,EAAE,CAAC;oBACjC,kBAAkB,EAAE,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC;YAChD,WAAW,CAAC,IAAI,CAAC,GAAG,aAAa,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACrD,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;gBAChC,IAAI,CAAC;oBACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,wBAAwB,EAAE,CAAC;oBAClD,IAAI,IAAI,EAAE,CAAC;wBACT,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;wBAC5B,IAAI,UAAU,EAAE,CAAC;4BACf,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,0CAA0C;4BAC7D,UAAU,EAAE,EAAE,CAAC;4BACf,OAAO;wBACT,CAAC;oBACH,CAAC;gBACH,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,qCAAqC;gBAC1D,CAAC;YACH,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,wBAGU,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/widgets/roblox/components/ProductsRoblox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OfferVariantViewProps } from "../../../modal/components/Commit/OfferVariantView";
+export type ProductsRobloxProps = {
+    requestShipmentProps: OfferVariantViewProps["requestShipmentProps"];
+    sellerId: string;
+    raiseDisputeForExchangeUrl: string;
+    showProductsPreLogin: boolean;
+    layout: "vertical" | "horizontal";
+};
+export declare const ProductsRoblox: ({ sellerId, raiseDisputeForExchangeUrl, requestShipmentProps, showProductsPreLogin, layout }: ProductsRobloxProps) => React.JSX.Element;
+//# sourceMappingURL=ProductsRoblox.d.ts.map

package/dist/esm/components/widgets/roblox/components/ProductsRoblox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsRoblox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ProductsRoblox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAoB9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAiB1F,MAAM,MAAM,mBAAmB,GAAG;IAChC,oBAAoB,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,UAAU,GAAG,YAAY,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,cAAc,iGAMxB,mBAAmB,sBAuSrB,CAAC"}