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

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

@@ -0,0 +1,379 @@
+"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.ConnectRoblox = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = require("styled-components");
+const Grid_1 = require("../../../ui/Grid");
+const Typography_1 = require("../../../ui/Typography");
+const hooks_1 = require("../../../../hooks");
+const phosphor_react_1 = require("phosphor-react");
+const useIsRobloxLoggedIn_1 = require("../../../../hooks/roblox/useIsRobloxLoggedIn");
+const useRobloxLogout_1 = require("../../../../hooks/roblox/useRobloxLogout");
+const useRobloxConfigContext_1 = require("../../../../hooks/roblox/context/useRobloxConfigContext");
+const ConnectWalletWithLogic_1 = require("./ConnectWalletWithLogic");
+const useGetRobloxWalletAuth_1 = require("../../../../hooks/roblox/useGetRobloxWalletAuth");
+const useRobloxBackendLogin_1 = require("../../../../hooks/roblox/useRobloxBackendLogin");
+const react_query_1 = require("react-query");
+const useDisconnect_1 = require("../../../../hooks/connection/useDisconnect");
+const react_cookie_1 = require("react-cookie");
+const roblox_sdk_1 = require("@bosonprotocol/roblox-sdk");
+const useRobloxProducts_1 = require("../../../../hooks/roblox/useRobloxProducts");
+const useRobloxExchanges_1 = require("../../../../hooks/roblox/useRobloxExchanges");
+const LoginWithRoblox_1 = require("./LoginWithRoblox");
+const theme_1 = require("../../../../theme");
+const ThemedButton_1 = __importDefault(require("../../../ui/ThemedButton"));
+const styles_1 = require("./styles");
+const const_1 = require("./const");
+const breakpoint_1 = require("../../../../lib/ui/breakpoint");
+const stepToIcon = {
+    0: (react_1.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.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_1.default.createElement("path", { d: "M17.2084 15.9354L20.9584 13.4365V27.8115", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))),
+    1: (react_1.default.createElement("svg", { width: "40", height: "41", viewBox: "0 0 40 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.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_1.default.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_1.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.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_1.default.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_1.breakpoint.xs;
+const breakpointForHook = "isXXS";
+const StepsOverview = (0, styled_components_1.styled)(Grid_1.Grid) `
+  padding: 1rem;
+  ${({ $hide }) => {
+    return ($hide &&
+        (0, styled_components_1.css) `
+        display: none;
+      `);
+}}
+`;
+const Wrapper = (0, styled_components_1.styled)(Grid_1.Grid).attrs({
+    flexDirection: "column"
+}) `
+  background-color: ${(0, theme_1.getCssVar)("--background-accent-color")};
+`;
+const FullStepsWrapper = (0, styled_components_1.styled)(Grid_1.Grid) `
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  ${breakpointHorizontal} {
+    flex-direction: row;
+  }
+`;
+const StyledPower = (0, styled_components_1.styled)(phosphor_react_1.Power) `
+  && {
+    stroke: initial;
+  }
+`;
+const IconWrapper = styled_components_1.styled.div `
+  position: relative;
+  padding-right: 15px;
+  padding-left: 15px;
+  background-color: inherit;
+`;
+const CardTitle = (0, styled_components_1.styled)(Typography_1.Typography) ``;
+const iconClass = "icon";
+const StepWrapperGrid = (0, styled_components_1.styled)(Grid_1.Grid) `
+  min-height: 100%;
+  align-self: stretch;
+  background-color: ${(0, theme_1.getCssVar)("--background-accent-color")};
+  padding: ${({ $padding }) => ($padding !== undefined ? $padding : "24px")};
+  svg.${iconClass} {
+    ${({ $isActive }) => {
+    return (0, styled_components_1.css) `
+        path:first-child {
+          // background of the number
+          fill: ${$isActive
+        ? (0, theme_1.getCssVar)("--main-accent-color")
+        : (0, theme_1.getCssVar)("--background-color")};
+        }
+        path:last-child {
+          // number
+          stroke: ${$isActive
+        ? (0, theme_1.getCssVar)("--main-button-text-color")
+        : (0, theme_1.getCssVar)("--main-text-color")};
+        }
+      `;
+}}
+  }
+  ${breakpointHorizontal} {
+    max-width: ${styles_1.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: ${(0, theme_1.getCssVar)("--background-color")};
+      }
+    }
+  }
+  @container (width < 692px) {
+    ${CardTitle} {
+      min-height: 45px;
+    }
+  }
+`;
+const Step = (0, react_1.forwardRef)(({ icon: Icon, title, subtitle, isActive, isDone, button: Button }, ref) => {
+    const itemRef = (0, react_1.useRef)(null);
+    const [itemWidthPx, setItemWidthPx] = (0, react_1.useState)(0);
+    const updateWidth = () => {
+        if (itemRef.current) {
+            setItemWidthPx(itemRef.current.getBoundingClientRect().width || 0);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        updateWidth();
+        window.addEventListener("resize", updateWidth);
+        return () => {
+            window.removeEventListener("resize", updateWidth);
+        };
+    }, []);
+    return (react_1.default.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_1.default.createElement(IconWrapper, null, isDone ? (react_1.default.createElement(phosphor_react_1.CheckCircle, { size: 41, color: (0, theme_1.getCssVar)("--main-accent-color"), className: iconClass })) : (react_1.default.cloneElement(Icon, { className: iconClass }))),
+        react_1.default.createElement(CardTitle, { tag: "h4", margin: 0, textAlign: "center", style: { textWrap: "balance" } }, title),
+        react_1.default.createElement(Typography_1.Typography, { tag: "p", margin: "0.25rem 0 1rem 0", color: (0, theme_1.getCssVar)("--sub-text-color"), textAlign: "center", style: { textWrap: "pretty", flexGrow: 1 } }, subtitle),
+        Button));
+});
+const SmallStep = ({ icon: Icon, title, isActive, isDone }) => {
+    return (react_1.default.createElement(StepWrapperGrid, { flexDirection: "column", alignItems: "center", justifyContent: "flex-start", "$isActive": isActive, "$isDone": isDone, "$padding": 0 },
+        react_1.default.createElement(IconWrapper, null, isDone ? (react_1.default.createElement(phosphor_react_1.CheckCircle, { size: 41, color: (0, theme_1.getCssVar)("--main-accent-color"), className: iconClass })) : (react_1.default.cloneElement(Icon, { className: iconClass }))),
+        react_1.default.createElement(CardTitle, { tag: "h4", margin: 0, textAlign: "center", style: { textWrap: "balance" } }, title)));
+};
+exports.ConnectRoblox = (0, react_1.forwardRef)(({ step3, sellerId }, ref) => {
+    var _a;
+    const { address = "" } = (0, hooks_1.useAccount)();
+    const [isSignUpDone, setSignUpDone] = (0, react_1.useState)(false);
+    const [activeStep, setActiveStep] = (0, react_1.useState)(0);
+    const disconnect = (0, useDisconnect_1.useDisconnect)();
+    const { backendOrigin } = (0, useRobloxConfigContext_1.useRobloxConfigContext)();
+    const removeCookie = (0, react_cookie_1.useCookies)([roblox_sdk_1.ROBLOX_OAUTH_COOKIE_NAME, roblox_sdk_1.WEB3AUTH_COOKIE_NAME], { doNotUpdate: true })[2];
+    const { refetch: loadAvailableBosonProducts } = (0, useRobloxProducts_1.useRobloxProducts)({
+        sellerId,
+        pageSize: const_1.productsPageSize,
+        statuses: const_1.statuses.availableProducts,
+        options: { enabled: false }
+    });
+    const { refetch: loadUnavailableBosonProducts } = (0, useRobloxProducts_1.useRobloxProducts)({
+        sellerId,
+        pageSize: const_1.productsPageSize,
+        statuses: const_1.statuses.unavailableProducts,
+        options: { enabled: false }
+    });
+    const { refetch: loadBosonExchanges } = (0, useRobloxExchanges_1.useRobloxExchanges)({
+        sellerId,
+        userWallet: address,
+        pageSize: const_1.purchasedProductsPageSize,
+        options: { enabled: false }
+    });
+    const disconnectWallet = (0, react_1.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 === null || removeCookie === void 0 ? void 0 : removeCookie(roblox_sdk_1.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 } = (0, useIsRobloxLoggedIn_1.useIsRobloxLoggedIn)({
+        sellerId,
+        options: {
+            enabled: true,
+            onSuccess: (data) => {
+                if (!(data === null || data === void 0 ? void 0 : 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 } = (0, useGetRobloxWalletAuth_1.useGetRobloxWalletAuth)({
+        sellerId,
+        options: {
+            enabled: !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn)
+        }
+    });
+    const { mutateAsync: robloxBackendLoginAsync, data: isWalletAuthenticatedSigned } = (0, useRobloxBackendLogin_1.useRobloxBackendLogin)({
+        loggedInData: robloxLoggedInData,
+        sellerId,
+        mutationKey: [
+            address,
+            isAuthChecked === null || isAuthChecked === void 0 ? void 0 : isAuthChecked.walletAuth,
+            isAuthChecked,
+            robloxLoggedInData
+        ],
+        options: {
+            onError: (...args) => {
+                console.error("robloxBackendLoginAsync error", Object.assign({}, args));
+                disconnectWallet();
+            }
+        }
+    });
+    const isWalletAuthenticated = isWalletAuthenticatedSigned || (isAuthChecked === null || isAuthChecked === void 0 ? void 0 : isAuthChecked.walletAuth);
+    (0, react_1.useEffect)(() => {
+        if (!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn)) {
+            setActiveStep(0);
+        }
+        else if (!address) {
+            setActiveStep(1);
+        }
+    }, [robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn, address]);
+    (0, react_query_1.useQuery)([robloxLoggedInData, address, isAuthChecked], () => {
+        if ((robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.claims) && (robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.nonce)) {
+            robloxBackendLoginAsync();
+        }
+        else {
+            console.error("robloxLoggedInData is not valid");
+        }
+    }, {
+        staleTime: Infinity,
+        enabled: !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn) &&
+            !!address &&
+            !!isAuthChecked &&
+            !isWalletAuthenticated
+    });
+    const { mutateAsync: robloxLogoutAsync } = (0, useRobloxLogout_1.useRobloxLogout)();
+    const nextLatestActiveStep = (step) => {
+        setActiveStep((activeStep) => Math.max(step, activeStep));
+    };
+    const isRobloxLoggedIn = !!(robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.isLoggedIn);
+    const robloxNickname = ((_a = robloxLoggedInData === null || robloxLoggedInData === void 0 ? void 0 : robloxLoggedInData.claims) === null || _a === void 0 ? void 0 : _a.nickname) || "";
+    (0, react_1.useEffect)(() => {
+        if (isRobloxLoggedIn) {
+            nextLatestActiveStep(1);
+        }
+    }, [isRobloxLoggedIn]);
+    (0, react_1.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] = (0, react_1.useState)(false);
+    const { [breakpointForHook]: breakpointToHideSmallSteps } = (0, hooks_1.useBreakpoints)();
+    (0, react_1.useEffect)(() => {
+        if (!breakpointToHideSmallSteps) {
+            setShowFullSteps(true);
+        }
+    }, [breakpointToHideSmallSteps]);
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StepsOverview, { "$hide": !breakpointToHideSmallSteps, className: `steps-overview ${breakpointToHideSmallSteps ? "" : "hidden"}` },
+            react_1.default.createElement(SmallStep, Object.assign({}, step0Props, { title: "Roblox" })),
+            react_1.default.createElement(SmallStep, Object.assign({}, step1Props, { title: "Account" })),
+            react_1.default.createElement(SmallStep, Object.assign({}, step2Props, { title: step3.titleForMobile })),
+            showFullSteps && (react_1.default.createElement(phosphor_react_1.CaretUp, { style: { minWidth: "32px", minHeight: "32px", cursor: "pointer" }, onClick: () => {
+                    setShowFullSteps(false);
+                } })),
+            !showFullSteps && (react_1.default.createElement(phosphor_react_1.CaretDown, { style: { minWidth: "32px", minHeight: "32px", cursor: "pointer" }, onClick: () => {
+                    setShowFullSteps(true);
+                } }))),
+        react_1.default.createElement(FullStepsWrapper, { justifyContent: "center" },
+            (activeStep === 0 || showFullSteps) && (react_1.default.createElement(Step, Object.assign({ 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_1.default.createElement(ThemedButton_1.default, { themeVal: "secondary", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        yield robloxLogoutAsync();
+                    }) },
+                    "Logout Roblox ",
+                    react_1.default.createElement(StyledPower, { size: 20 }))) : (react_1.default.createElement(LoginWithRoblox_1.LoginWithRoblox, { sellerId: sellerId, onLoggedIn: () => {
+                        nextLatestActiveStep(1);
+                    }, onDisconecctWallet: () => {
+                        disconnectWallet();
+                    } })) }))),
+            (activeStep === 1 || showFullSteps) && (react_1.default.createElement(Step, Object.assign({}, step1Props, { title: "Create an account", subtitle: "Linking your Roblox account to your wallet to signal your permission.", button: react_1.default.createElement(ConnectWalletWithLogic_1.ConnectWalletWithLogic, { connectWalletButtonDisabled: false }) }))),
+            (activeStep === 2 || showFullSteps) && (react_1.default.createElement(Step, Object.assign({}, step2Props, { title: step3.title, subtitle: step3.subtitle, button: react_1.default.createElement(ThemedButton_1.default, { themeVal: "secondary", disabled: activeStep !== 2, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        yield step3.callback();
+                        setSignUpDone(true);
+                    }) }, step3.buttonText) }))))));
+});
+//# sourceMappingURL=ConnectRoblox.js.map

package/dist/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,yDAA+D;AAC/D,2CAAwC;AACxC,uDAAoD;AACpD,6CAA+D;AAC/D,mDAAwE;AACxE,sFAAmF;AACnF,8EAA2E;AAC3E,oGAAiG;AACjG,qEAAkE;AAClE,4FAAyF;AACzF,0FAAuF;AACvF,6CAAuC;AACvC,8EAA2E;AAC3E,+CAA0C;AAC1C,0DAGmC;AACnC,kFAA+E;AAC/E,oFAAiF;AACjF,uDAAoD;AACpD,6CAA8C;AAC9C,4EAAoD;AACpD,qCAA2C;AAC3C,mCAAgF;AAChF,8DAA2D;AAE3D,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,CACD,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCAAM,CAAC,EAAC,mPAAmP,GAAG;QAC9P,wCACE,CAAC,EAAC,0CAA0C,kBAC/B,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,CACP;IACD,CAAC,EAAE,CACD,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCAAM,CAAC,EAAC,mNAAmN,GAAG;QAC9N,wCACE,CAAC,EAAC,8aAA8a,kBACna,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,CACP;IACD,CAAC,EAAE,CACD,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCAAM,CAAC,EAAC,iPAAiP,GAAG;QAC5P,wCACE,CAAC,EAAC,kaAAka,kBACvZ,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,CACP;CACO,CAAC;AAEX,MAAM,oBAAoB,GAAG,uBAAU,CAAC,EAAE,CAAC;AAC3C,MAAM,iBAAiB,GAAG,OAEzB,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,0BAAM,EAAC,WAAI,CAAC,CAAoB;;IAElD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,OAAO,CACL,KAAK;QACL,IAAA,uBAAG,EAAA;;OAEF,CACF,CAAC;AACJ,CAAC;CACF,CAAC;AACF,MAAM,OAAO,GAAG,IAAA,0BAAM,EAAC,WAAI,CAAC,CAAC,KAAK,CAAC;IACjC,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;sBACoB,IAAA,iBAAS,EAAC,2BAA2B,CAAC;CAC3D,CAAC;AACF,MAAM,gBAAgB,GAAG,IAAA,0BAAM,EAAC,WAAI,CAAC,CAAA;;;;;IAKjC,oBAAoB;;;CAGvB,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,0BAAM,EAAC,sBAAK,CAAC,CAAA;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,0BAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAC;AACF,MAAM,SAAS,GAAG,IAAA,0BAAM,EAAC,uBAAU,CAAC,CAAA,EAAE,CAAC;AACvC,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,eAAe,GAAG,IAAA,0BAAM,EAAC,WAAI,CAAC,CAKlC;;;sBAGoB,IAAA,iBAAS,EAAC,2BAA2B,CAAC;aAC/C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QACnE,SAAS;MACX,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAClB,OAAO,IAAA,uBAAG,EAAA;;;kBAGE,SAAS;QACf,CAAC,CAAC,IAAA,iBAAS,EAAC,qBAAqB,CAAC;QAClC,CAAC,CAAC,IAAA,iBAAS,EAAC,oBAAoB,CAAC;;;;oBAIzB,SAAS;QACjB,CAAC,CAAC,IAAA,iBAAS,EAAC,0BAA0B,CAAC;QACvC,CAAC,CAAC,IAAA,iBAAS,EAAC,mBAAmB,CAAC;;OAErC,CAAC;AACJ,CAAC;;IAED,oBAAoB;iBACP,wBAAe;;qBAEX,WAAW;MAC1B,oBAAoB;;;;;;;0BAOA,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,GAAG,IAAI;;4BAEvC,IAAA,iBAAS,EAAC,oBAAoB,CAAC;;;;;MAKrD,SAAS;;;;CAId,CAAC;AAUF,MAAM,IAAI,GAAG,IAAA,kBAAU,EACrB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACrE,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAC;QAEd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,8BAAC,eAAe,IACd,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;YAChB,IAAI,QAAQ,EAAE,CAAC;gBACb,6DAA6D;gBAC7D,aAAa;gBACb,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAC3B,IAAI,GAAG,EAAE,CAAC;oBACR,6DAA6D;oBAC7D,aAAa;oBACb,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC,EACD,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,YAAY,eAChB,QAAQ,aACV,MAAM,kBACD,WAAW;QAEzB,8BAAC,WAAW,QACT,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,4BAAW,IACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,IAAA,iBAAS,EAAC,qBAAqB,CAAC,EACvC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CACnD,CACW;QACd,8BAAC,SAAS,IACR,GAAG,EAAC,IAAI,EACR,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAE7B,KAAK,CACI;QACZ,8BAAC,uBAAU,IACT,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,kBAAkB,EACzB,KAAK,EAAE,IAAA,iBAAS,EAAC,kBAAkB,CAAC,EACpC,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,IAEzC,QAAQ,CACE;QACZ,MAAM,CACS,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAOF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAkB,EAAE,EAAE;IAC5E,OAAO,CACL,8BAAC,eAAe,IACd,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,YAAY,eAChB,QAAQ,aACV,MAAM,cACL,CAAC;QAEX,8BAAC,WAAW,QACT,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,4BAAW,IACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,IAAA,iBAAS,EAAC,qBAAqB,CAAC,EACvC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CACnD,CACW;QACd,8BAAC,SAAS,IACR,GAAG,EAAC,IAAI,EACR,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAE7B,KAAK,CACI,CACI,CACnB,CAAC;AACJ,CAAC,CAAC;AAcW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;;IAC3B,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACtC,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAa,CAAC,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAC;IACnC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,+CAAsB,GAAE,CAAC;IACnD,MAAM,YAAY,GAAG,IAAA,yBAAU,EAC7B,CAAC,qCAAwB,EAAE,iCAAoB,CAAC,EAChD,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB,CAAC,CAAC,CAAC,CAAC;IACL,MAAM,EAAE,OAAO,EAAE,0BAA0B,EAAE,GAAG,IAAA,qCAAiB,EAAC;QAChE,QAAQ;QACR,QAAQ,EAAE,wBAAgB;QAC1B,QAAQ,EAAE,gBAAQ,CAAC,iBAAiB;QACpC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5B,CAAC,CAAC;IACH,MAAM,EAAE,OAAO,EAAE,4BAA4B,EAAE,GAAG,IAAA,qCAAiB,EAAC;QAClE,QAAQ;QACR,QAAQ,EAAE,wBAAgB;QAC1B,QAAQ,EAAE,gBAAQ,CAAC,mBAAmB;QACtC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5B,CAAC,CAAC;IACH,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,IAAA,uCAAkB,EAAC;QACzD,QAAQ;QACR,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,iCAAyB;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5B,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAClC,uBAAuB;QACvB,mCAAmC;QACnC,+BAA+B;QAC/B,6BAA6B;QAC7B,6BAA6B;QAC7B,MAAM,OAAO,GAAI,CAAC,aAAa,IAAI,EAAE,CAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACtE,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9C,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iCAAoB,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,mBAAmB;QAClF,UAAU,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,0BAA0B,EAAE,CAAC,CAAC,mBAAmB;QACjD,4BAA4B,EAAE,CAAC,CAAC,mBAAmB;QACnD,kBAAkB,EAAE,CAAC,CAAC,oBAAoB;IAC5C,CAAC,EAAE;QACD,YAAY;QACZ,UAAU;QACV,aAAa;QACb,0BAA0B;QAC1B,4BAA4B;QAC5B,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,IAAA,yCAAmB,EAAC;QACvD,QAAQ;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;gBAClB,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA,IAAI,OAAO,EAAE,CAAC;oBACjC,+DAA+D;oBAC/D,OAAO,CAAC,GAAG,CACT,8DAA8D,CAC/D,CAAC;oBACF,gBAAgB,EAAE,CAAC;gBACrB,CAAC;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,+CAAsB,EAAC;QACrD,QAAQ;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAAA;SAC1C;KACF,CAAC,CAAC;IACH,MAAM,EACJ,WAAW,EAAE,uBAAuB,EACpC,IAAI,EAAE,2BAA2B,EAClC,GAAG,IAAA,6CAAqB,EAAC;QACxB,YAAY,EAAE,kBAAkB;QAChC,QAAQ;QACR,WAAW,EAAE;YACX,OAAO;YACP,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU;YACzB,aAAa;YACb,kBAAkB;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;gBACnB,OAAO,CAAC,KAAK,CAAC,+BAA+B,oBAAO,IAAI,EAAG,CAAC;gBAC5D,gBAAgB,EAAE,CAAC;YACrB,CAAC;SACF;KACF,CAAC,CAAC;IACH,MAAM,qBAAqB,GACzB,2BAA2B,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,CAAA,CAAC;IAC3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAAA,EAAE,CAAC;YACpC,aAAa,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACpB,aAAa,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,IAAA,sBAAQ,EACN,CAAC,kBAAkB,EAAE,OAAO,EAAE,aAAa,CAAC,EAC5C,GAAG,EAAE;QACH,IAAI,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,MAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,CAAA,EAAE,CAAC;YAC5D,uBAAuB,EAAE,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EACD;QACE,SAAS,EAAE,QAAQ;QACnB,OAAO,EACL,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAAA;YAChC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,aAAa;YACf,CAAC,qBAAqB;KACzB,CACF,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAC;IAC7D,MAAM,oBAAoB,GAAG,CAAC,IAAgB,EAAE,EAAE;QAChD,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAe,CAAC,CAAC;IAC1E,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,UAAU,CAAA,CAAC;IAC1D,MAAM,cAAc,GAAG,CAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,0CAAE,QAAQ,KAAI,EAAE,CAAC;IAClE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAAC;YAChC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAChC,MAAM,yBAAyB,GAAG,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;IAC/D,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;KACc,CAAC;IACpC,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,yBAAyB;QACnC,MAAM,EAAE,CAAC,CAAC,OAAO;QACjB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;KACc,CAAC;IACpC,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,UAAU,KAAK,CAAC;QAC1B,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;KACc,CAAC;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACnE,MAAM,EAAE,CAAC,iBAAiB,CAAC,EAAE,0BAA0B,EAAE,GACvD,IAAA,sBAAc,GAAE,CAAC;IACnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,aAAa,aACL,CAAC,0BAA0B,EAClC,SAAS,EAAE,kBAAkB,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;YAEzE,8BAAC,SAAS,oBAAK,UAAU,IAAE,KAAK,EAAC,QAAQ,IAAG;YAC5C,8BAAC,SAAS,oBAAK,UAAU,IAAE,KAAK,EAAC,SAAS,IAAG;YAC7C,8BAAC,SAAS,oBAAK,UAAU,IAAE,KAAK,EAAE,KAAK,CAAC,cAAc,IAAI;YACzD,aAAa,IAAI,CAChB,8BAAC,wBAAO,IACN,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EACjE,OAAO,EAAE,GAAG,EAAE;oBACZ,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,GACD,CACH;YACA,CAAC,aAAa,IAAI,CACjB,8BAAC,0BAAS,IACR,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EACjE,OAAO,EAAE,GAAG,EAAE;oBACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC,GACD,CACH,CACa;QAEhB,8BAAC,gBAAgB,IAAC,cAAc,EAAC,QAAQ;YACtC,CAAC,UAAU,KAAK,CAAC,IAAI,aAAa,CAAC,IAAI,CACtC,8BAAC,IAAI,kBACH,GAAG,EAAE,GAAG,IACJ,UAAU,IACd,KAAK,EACH,gBAAgB,IAAI,cAAc;oBAChC,CAAC,CAAC,gBAAgB,cAAc,EAAE;oBAClC,CAAC,CAAC,6BAA6B,EAEnC,QAAQ,EAAC,gFAAgF,EACzF,MAAM,EACJ,gBAAgB,CAAC,CAAC,CAAC,CACjB,8BAAC,sBAAY,IACX,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,GAAS,EAAE;wBAClB,MAAM,iBAAiB,EAAE,CAAC;oBAC5B,CAAC,CAAA;;oBAEa,8BAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAC1B,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,iCAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,GAAG,EAAE;wBACf,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBAC1B,CAAC,EACD,kBAAkB,EAAE,GAAG,EAAE;wBACvB,gBAAgB,EAAE,CAAC;oBACrB,CAAC,GACD,CACH,IAEH,CACH;YACA,CAAC,UAAU,KAAK,CAAC,IAAI,aAAa,CAAC,IAAI,CACtC,8BAAC,IAAI,oBACC,UAAU,IACd,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAC,uEAAuE,EAChF,MAAM,EACJ,8BAAC,+CAAsB,IAAC,2BAA2B,EAAE,KAAK,GAAI,IAEhE,CACH;YACA,CAAC,UAAU,KAAK,CAAC,IAAI,aAAa,CAAC,IAAI,CACtC,8BAAC,IAAI,oBACC,UAAU,IACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EACJ,8BAAC,sBAAY,IACX,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAE,UAAU,KAAK,CAAC,EAC1B,OAAO,EAAE,GAAS,EAAE;wBAClB,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACvB,aAAa,CAAC,IAAI,CAAC,CAAC;oBACtB,CAAC,CAAA,IAEA,KAAK,CAAC,UAAU,CACJ,IAEjB,CACH,CACgB,CACX,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/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/cjs/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/cjs/components/widgets/roblox/components/ConnectWalletWithLogic.js

@@ -0,0 +1,57 @@
+"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.ConnectWalletWithLogic = void 0;
+const react_1 = __importDefault(require("react"));
+const web3Status_1 = require("../../../wallet2/web3Status");
+const hooks_1 = require("../../../../hooks");
+const styles_1 = require("./styles");
+const ThemedButton_1 = __importStar(require("../../../ui/ThemedButton"));
+const bosonThemes = (0, ThemedButton_1.bosonButtonThemes)();
+const primaryButtonTheme = bosonThemes["primary"];
+const secondaryButtonTheme = bosonThemes["secondary"];
+const orangeButtonTheme = bosonThemes["orange"];
+const ConnectWalletWithLogic = ({ connectWalletButtonDisabled }) => {
+    const { address } = (0, hooks_1.useAccount)();
+    const [, openAccountDrawer] = (0, hooks_1.useOpenAccountDrawer)();
+    return address ? (react_1.default.createElement(ThemedButton_1.default, { themeVal: "secondary", onClick: () => openAccountDrawer() },
+        "Disconnect account ",
+        react_1.default.createElement(styles_1.StyledPower, { size: 20 }))) : (react_1.default.createElement(web3Status_1.ConnectWallet, { connectWalletButtonDisabled: connectWalletButtonDisabled, connectWalletButtonTheme: primaryButtonTheme, connectedButtonTheme: secondaryButtonTheme, errorButtonTheme: orangeButtonTheme, connectWalletChild: "Connect account" }));
+};
+exports.ConnectWalletWithLogic = ConnectWalletWithLogic;
+//# sourceMappingURL=ConnectWalletWithLogic.js.map

package/dist/cjs/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,kDAA0B;AAC1B,4DAA4D;AAC5D,6CAAqE;AACrE,qCAAuC;AACvC,yEAA2E;AAE3E,MAAM,WAAW,GAAG,IAAA,gCAAiB,GAAE,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;AAKzC,MAAM,sBAAsB,GAAG,CAAC,EACrC,2BAA2B,EACC,EAAE,EAAE;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAErD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,8BAAC,sBAAY,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE;;QAChD,8BAAC,oBAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAa,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;AAnBW,QAAA,sBAAsB,0BAmBjC"}

package/dist/cjs/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/cjs/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/cjs/components/widgets/roblox/components/LoginWithRoblox.js

@@ -0,0 +1,60 @@
+"use strict";
+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.LoginWithRoblox = void 0;
+const useRobloxConfigContext_1 = require("../../../../hooks/roblox/context/useRobloxConfigContext");
+const BaseButton_1 = require("../../../buttons/BaseButton");
+const react_1 = __importDefault(require("react"));
+const useIsRobloxLoggedIn_1 = require("../../../../hooks/roblox/useIsRobloxLoggedIn");
+const hooks_1 = require("../../../../hooks");
+const ThemedButton_1 = require("../../../ui/ThemedButton");
+const bosonThemes = (0, ThemedButton_1.bosonButtonThemes)();
+const primaryButtonTheme = bosonThemes["primary"];
+const LoginWithRoblox = ({ onLoggedIn, onDisconecctWallet, sellerId }) => {
+    const { backendOrigin } = (0, useRobloxConfigContext_1.useRobloxConfigContext)();
+    const { address = "" } = (0, hooks_1.useAccount)();
+    const { refetch: getIsRobloxLoggedInAsync } = (0, useIsRobloxLoggedIn_1.useIsRobloxLoggedIn)({
+        sellerId,
+        options: {
+            enabled: true,
+            onSuccess: (data) => {
+                if (!(data === null || data === void 0 ? void 0 : data.isLoggedIn) && address) {
+                    onDisconecctWallet === null || onDisconecctWallet === void 0 ? void 0 : onDisconecctWallet();
+                }
+            }
+        }
+    });
+    return (react_1.default.createElement(BaseButton_1.BaseButton, { theme: primaryButtonTheme, onClick: () => {
+            const windowToUse = window.top || window.parent;
+            windowToUse.open(`${backendOrigin}/login`, "_blank");
+            const id = setInterval(() => __awaiter(void 0, void 0, void 0, function* () {
+                try {
+                    const { data } = yield getIsRobloxLoggedInAsync();
+                    if (data) {
+                        const { isLoggedIn } = data;
+                        if (isLoggedIn) {
+                            clearInterval(id); // stop polling once the user is logged in
+                            onLoggedIn === null || onLoggedIn === void 0 ? void 0 : onLoggedIn();
+                            return;
+                        }
+                    }
+                }
+                catch (error) {
+                    clearInterval(id); // something went wrong, stop polling
+                }
+            }), 1000);
+        } }, "Login with Roblox"));
+};
+exports.LoginWithRoblox = LoginWithRoblox;
+//# sourceMappingURL=LoginWithRoblox.js.map

package/dist/cjs/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,oGAAiG;AACjG,4DAAyD;AACzD,kDAA0B;AAC1B,sFAAmF;AACnF,6CAA+C;AAC/C,2DAA6D;AAE7D,MAAM,WAAW,GAAG,IAAA,gCAAiB,GAAE,CAAC;AACxC,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAO3C,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACa,EAAE,EAAE;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,+CAAsB,GAAE,CAAC;IACnD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACtC,MAAM,EAAE,OAAO,EAAE,wBAAwB,EAAE,GAAG,IAAA,yCAAmB,EAAC;QAChE,QAAQ;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;gBAClB,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA,IAAI,OAAO,EAAE,CAAC;oBACjC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,EAAI,CAAC;gBACzB,CAAC;YACH,CAAC;SACF;KACF,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,uBAAU,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,GAAS,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,aAAV,UAAU,uBAAV,UAAU,EAAI,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,CAAA,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,wBAGU,CACd,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,eAAe,mBA4C1B"}

package/dist/cjs/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/cjs/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"}