@ludo.ninja/components 1.1.5 → 1.1.7

package/dist/components/forms/types/index.js

@@ -1,10 +0,0 @@
-export var FormsNavigationTabs;
-(function (FormsNavigationTabs) {
-  FormsNavigationTabs['opportunity'] = 'opportunity';
-  FormsNavigationTabs['contactSupport'] = 'contactSupport';
-  FormsNavigationTabs['registrationRequest'] = 'registrationRequest';
-  FormsNavigationTabs['report'] = 'report';
-  FormsNavigationTabs['feedback'] = 'feedback';
-  FormsNavigationTabs['partnership'] = 'partnership';
-  FormsNavigationTabs['investor'] = 'investor';
-})(FormsNavigationTabs || (FormsNavigationTabs = {}));

package/dist/components/gallery/add/addAssetToGallery/index.jsx

@@ -1,68 +0,0 @@
-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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React, { useState } from 'react';
-import ChooseGalleryItems from '@/modules/gallery/ui/chooseGalleryItems';
-import CreateGalleryForm from '@/modules/gallery/ui/createGalleryForm';
-import { useUiStore } from '@/store/ui';
-import { useAddAssetsToGalleryV2 } from '@/api/server-galleries/mutations/useAddAssetsToGallery';
-import { useCreateGalleryV2 } from '@/api/server-galleries/mutations/useCreateGallery';
-// Component
-var AddAssetToGallery = function (_a) {
-    var ids = _a.ids;
-    var _b = useState(false), isNeedAddGallery = _b[0], setAddGallery = _b[1];
-    var _c = useCreateGalleryV2(), createGallery = _c.createGallery, errorCreateGallery = _c.errorCreateGallery;
-    var _d = useAddAssetsToGalleryV2(), addAssetsToGallery = _d.addAssetsToGallery, isAdded = _d.isAdded, error = _d.error;
-    var closeModalSidebarPortal = useUiStore(function (state) { return state.closeModalSidebarPortal; });
-    var addMethod = function (galleryId, ids) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, addAssetsToGallery({ galleryId: galleryId, assetIds: ids })];
-                case 1:
-                    _a.sent();
-                    setTimeout(function () { return closeModalSidebarPortal(); }, 900);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (<div>
-      {isNeedAddGallery ? (<CreateGalleryForm setAddGallery={setAddGallery} title={'Create Gallery'} inputPlaceHolderText={'Gallery Name'} 
-        // ids={ids}
-        createMethod={createGallery} error={errorCreateGallery}/>) : (<ChooseGalleryItems setAddGallery={setAddGallery} title={'Add to Gallery'} titleBtn={'+ New Gallery'} ids={ids} addMethod={addMethod} isAdded={isAdded} error={error} isGetMyGalleries/>)}
-    </div>);
-};
-// Export
-export default AddAssetToGallery;

package/dist/components/gallery/add/addCreationToGallery/index.jsx

@@ -1,87 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import { useToGalleryStore } from '@/hooks/useToGalleryAsset';
-import ChooseGalleryItems from '@/modules/gallery/ui/chooseGalleryItems';
-import CreateGalleryForm from '@/modules/gallery/ui/createGalleryForm';
-import ItemsPreview from '@/modules/gallery/ui/itemsPreview';
-import { useUiStore } from '@/store/ui';
-import { useAddCreationsToGalleryV2 } from '@/api/server-galleries/mutations/useAddCreationsToGallery';
-import { useCreateGalleryV2 } from '@/api/server-galleries/mutations/useCreateGallery';
-// Styles
-var StyledAddGallery = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  @media (max-width: 767px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n\n  @media (max-width: 767px) {\n    flex-direction: column;\n  }\n"])));
-// Component
-var AddCreationToGallery = function () {
-    var _a = useToGalleryStore(function (state) { return ({
-        resetCreationsInGallery: state.resetCreationsInGallery,
-        creationsToGallery: state.creationsToGallery,
-        removeCreationFromGalleryWithCallback: state.removeCreationFromGalleryWithCallback,
-    }); }), removeCreationFromGalleryWithCallback = _a.removeCreationFromGalleryWithCallback, creationsToGallery = _a.creationsToGallery, actionResetCheckboxes = _a.resetCreationsInGallery;
-    var _b = useCreateGalleryV2(), createGallery = _b.createGallery, errorCreateGallery = _b.errorCreateGallery;
-    var closeModalSidebarPortal = useUiStore(function (state) { return state.closeModalSidebarPortal; });
-    var _c = useState(false), isNeedAddGallery = _c[0], setAddGallery = _c[1];
-    var _d = useAddCreationsToGalleryV2(), addCreationsToGallery = _d.addCreationsToGallery, isAdded = _d.isAdded, error = _d.error;
-    var addMethod = function (galleryId, ids) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, addCreationsToGallery({ galleryId: galleryId, creationIds: ids })];
-                case 1:
-                    _a.sent();
-                    actionResetCheckboxes();
-                    closeModalSidebarPortal();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var ids = creationsToGallery.map(function (creations) { return creations.getCreationId(); });
-    return (<StyledAddGallery>
-      <ItemsPreview creations={creationsToGallery} title={'Add to Gallery'} deleteMethod={function (itemId) {
-            removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
-        }}/>
-      {isNeedAddGallery ? (<CreateGalleryForm setAddGallery={setAddGallery} 
-        // ids={ids as string[]}
-        title={'Create Gallery'} createMethod={createGallery} inputPlaceHolderText={'Gallery Name'} error={errorCreateGallery}/>) : (<ChooseGalleryItems setAddGallery={setAddGallery} title={'Choose Gallery'} titleBtn={'+ New Gallery'} ids={ids} addMethod={addMethod} isAdded={isAdded} error={error} isGetMyGalleries/>)}
-    </StyledAddGallery>);
-};
-// Export
-export default AddCreationToGallery;
-var templateObject_1;

package/dist/components/gradientLabel/index.jsx

@@ -1,19 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import BoxShadow from '@/styles/mixins/boxShadow';
-import BoxTransform from '@/styles/mixins/boxTransform';
-import { H3 } from '@system';
-import { poppinsFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledGradientLabel = styled(H3)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: ", ";\n  user-select: none;\n  border-radius: 24px;\n  ", ";\n  ", ";\n  display: inline-block;\n  padding: 5px 16px;\n  background: linear-gradient(\n    89deg,\n    rgba(190, 249, 209, 0.6) 6.88%,\n    rgba(98, 218, 255, 0.6) 53.34%,\n    rgba(171, 228, 251, 0.6) 93.43%\n  );\n  color: #5748bc;\n"], ["\n  font-family: ", ";\n  user-select: none;\n  border-radius: 24px;\n  ", ";\n  ", ";\n  display: inline-block;\n  padding: 5px 16px;\n  background: linear-gradient(\n    89deg,\n    rgba(190, 249, 209, 0.6) 6.88%,\n    rgba(98, 218, 255, 0.6) 53.34%,\n    rgba(171, 228, 251, 0.6) 93.43%\n  );\n  color: #5748bc;\n"])), poppinsFontVarCss.css, BoxShadow, BoxTransform);
-// Component
-var GradientLabel = function () {
-    return <StyledGradientLabel>5 invites</StyledGradientLabel>;
-};
-// Export
-export default GradientLabel;
-var templateObject_1;

package/dist/components/headers/components/MobileToggle/index.jsx

@@ -1 +0,0 @@
-"use strict";

package/dist/components/headers/components/headerExperienceLabel/index.jsx

@@ -1,28 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { useUserStore } from '@/modules/user/store';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import ExperienceLabel from '@/system/Labels/ExperienceLabel';
-// Styles
-var StyledHeaderExperienceLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: 20px;\n  ", " {\n    margin-right: ", ";\n  }\n"], ["\n  margin-right: 20px;\n  ", " {\n    margin-right: ", ";\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(20));
-// Component
-var HeaderExperienceLabel = function (_a) {
-    var userId = _a.userId;
-    var _b = useUserStore(function (state) { return ({
-        userExp: state.userExp,
-        isLoadingExp: state.isLoadingExp,
-        errorExp: state.errorExp,
-    }); }), userExp = _b.userExp, isLoadingExp = _b.isLoadingExp, errorExp = _b.errorExp;
-    if (!userId)
-        return null;
-    return (<StyledHeaderExperienceLabel>
-      <ExperienceLabel value={userExp.xps} link={"/rewards/".concat(userId)} loading={isLoadingExp || !!errorExp}/>
-    </StyledHeaderExperienceLabel>);
-};
-// Export
-export default HeaderExperienceLabel;
-var templateObject_1;

package/dist/components/headers/components/headerUserPic/index.jsx

@@ -1,23 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import UserPic from '@/system/Img/Userpic';
-// Styles
-var StyledHeaderUserPick = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: 24px;\n\n  ", " {\n    margin-right: 8px;\n  }\n  ", " {\n    margin-right: ", ";\n  }\n"], ["\n  margin-right: 24px;\n\n  ", " {\n    margin-right: 8px;\n  }\n  ", " {\n    margin-right: ", ";\n  }\n"])), mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(24));
-// Component
-var HeaderUserPick = function (_a) {
-    var userId = _a.userId;
-    if (!userId)
-        return null;
-    return (<StyledHeaderUserPick>
-      <UserPic width={32} height={32} userId={userId} isNeedBoxTransform={true}/>
-    </StyledHeaderUserPick>);
-};
-// Export
-export default HeaderUserPick;
-var templateObject_1;

package/dist/components/headers/header/index.jsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import { Header as HeaderUi } from '@ludo.ninja/ui/build/components/header';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import HeaderExperienceLabel from '@/components/headers/components/headerExperienceLabel';
-import HeaderUserPick from '@/components/headers/components/headerUserPic';
-import { redirectToLoginWindow } from '@/utils/auth';
-// Component
-var Header = function () {
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    var openSidebar = useUiStore(function (state) { return state.openSidebar; });
-    return (<HeaderUi isAuthorized={isSignedIn} handle={{
-            login: redirectToLoginWindow,
-            openSidebar: openSidebar,
-        }} slots={{
-            headerExpLabel: (<HeaderExperienceLabel userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>),
-            headerUserPick: <HeaderUserPick userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>,
-            logoLinkComponent: function (_a) {
-                var children = _a.children;
-                return <Link href={'/'}>{children}</Link>;
-            },
-        }}/>);
-};
-// Export
-export default Header;

package/dist/components/headers/headerSearch/index.jsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import { Header as HeaderUi } from '@ludo.ninja/ui/build/components/header';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import HeaderExperienceLabel from '@/components/headers/components/headerExperienceLabel';
-import HeaderUserPick from '@/components/headers/components/headerUserPic';
-import SearchSimpleInput from '@/components/search/searchSimpleInput';
-import { redirectToLoginWindow } from '@/utils/auth';
-import { isProd } from '@/utils/env';
-// Component
-var HeaderSearch = function () {
-    var openSidebar = useUiStore(function (state) { return state.openSidebar; });
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    return (<HeaderUi isAuthorized={isSignedIn} handle={{
-            login: redirectToLoginWindow,
-            openSidebar: openSidebar,
-        }} slots={{
-            headerExpLabel: (<HeaderExperienceLabel userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>),
-            headerUserPick: <HeaderUserPick userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>,
-            logoLinkComponent: function (_a) {
-                var children = _a.children;
-                return <Link href={'/'}>{children}</Link>;
-            },
-            searchInput: function (_a) {
-                var setInputFocused = _a.setInputFocused;
-                // Todo seacrh pages, hide search input from header
-                return isProd() ? undefined : (<SearchSimpleInput onFocusHandler={setInputFocused}/>);
-            },
-        }} isSearchStyles isActivatedTheme/>);
-};
-// Export
-export default HeaderSearch;

package/dist/components/headers/headerSimple/index.jsx

@@ -1,30 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import styled from 'styled-components';
-import { useScrollDirection } from '@ludo.ninja/utils';
-import { BackgroundColorLight } from '@/styles/colors';
-import { getWindowDimensions } from '@/utils/screen';
-// Styles
-var StyledHeaderSimple = styled.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 2;\n  padding: 38px 14px 14px 14px;\n  background: ", ";\n  transition: transform 0.5s ease, top 0.5s ease;\n  width: 92.67%;\n  margin: 0 auto;\n  top: 24px;\n  left: 42px;\n  right: 42px;\n  position: fixed;\n\n  &.up {\n    top: 0;\n    transition: top 0.4s ease-out;\n\n    @media (max-width: 767px) {\n      top: 0;\n    }\n  }\n\n  &.down {\n    top: -92px;\n    transition: top 0.4s ease-out;\n  }\n\n  .logo {\n    width: 116px;\n    height: 28px;\n    a {\n      height: 100%;\n      display: block;\n    }\n  }\n\n  @media (max-width: 767px) {\n    padding: 20px;\n    margin: 0;\n    width: 100%;\n    left: 0;\n    right: 0;\n\n    .logo {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 2;\n  padding: 38px 14px 14px 14px;\n  background: ", ";\n  transition: transform 0.5s ease, top 0.5s ease;\n  width: 92.67%;\n  margin: 0 auto;\n  top: 24px;\n  left: 42px;\n  right: 42px;\n  position: fixed;\n\n  &.up {\n    top: 0;\n    transition: top 0.4s ease-out;\n\n    @media (max-width: 767px) {\n      top: 0;\n    }\n  }\n\n  &.down {\n    top: -92px;\n    transition: top 0.4s ease-out;\n  }\n\n  .logo {\n    width: 116px;\n    height: 28px;\n    a {\n      height: 100%;\n      display: block;\n    }\n  }\n\n  @media (max-width: 767px) {\n    padding: 20px;\n    margin: 0;\n    width: 100%;\n    left: 0;\n    right: 0;\n\n    .logo {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])), BackgroundColorLight);
-// Component
-var HeaderSimple = function () {
-    var windowWidth = getWindowDimensions().windowWidth;
-    var renderDesktopLogoOrMobile = function () {
-        var isMobile = windowWidth <= 768;
-        return (<Image width={isMobile ? 31 : 116} height={isMobile ? 32 : 28} priority={true} src={isMobile ? '/logo/mobile_logo.svg' : '/logo/main_logo.svg'} alt="Ludo - a right place for NFT art"/>);
-    };
-    var scrollDirection = useScrollDirection();
-    return (<StyledHeaderSimple className={scrollDirection}>
-      <div className={'logo'}>
-        <Link href={'/'}>{renderDesktopLogoOrMobile()}</Link>
-      </div>
-    </StyledHeaderSimple>);
-};
-// Export
-export default HeaderSimple;
-var templateObject_1;

package/dist/components/inviteCodesForms/getEarlyAccessForm/index.jsx

@@ -1,186 +0,0 @@
-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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import process from 'process';
-import { useForm } from 'react-hook-form';
-import { authCookies } from '@ludo.ninja/api';
-import { getStaticDomain } from '@ludo.ninja/core';
-import { SmallText } from '@ludo.ninja/ui';
-import { eventsTypes, sendEventToExtension } from '@ludo.ninja/utils';
-import { useSignIn } from '@/modules/user/auth/useSignIn';
-import { useSignOut } from '@/modules/user/auth/useSignOut';
-import useInviteCode from '@/api/server-identities/mutations/useInviteCode';
-import { FormContent, FormFooter, FormHeader, FormLogOutBtn, FormSubmitBtn, } from '@/components/inviteCodesForms/styles';
-import MainButton from '@/system/Buttons/MainButton';
-import { Input } from '@/system/Forms';
-import messages from '@/system/Forms/Messages';
-var GetEarlyAccessForm = function () {
-    var _a = useInviteCode(), activateInviteCode = _a.activateInviteCode, loading = _a.loading;
-    var signOut = useSignOut();
-    var router = useRouter();
-    var query = router.query;
-    var isFromChromeExtension = query.isFromChromeExtension, fallBackUrl = query.fallBackUrl, extensionAuthToken = query.extensionAuthToken, extensionRefreshToken = query.extensionRefreshToken;
-    var signIn = useSignIn();
-    var btnText = isFromChromeExtension
-        ? fallBackUrl
-            ? 'Visit opportunity as a Guest'
-            : 'Go back to Ludo X'
-        : 'Log Out';
-    var _b = useForm({
-        mode: 'onSubmit',
-    }), register = _b.register, _c = _b.formState, errors = _c.errors, isValid = _c.isValid, isDirty = _c.isDirty, handleSubmit = _b.handleSubmit;
-    var onSubmit = function (_a) {
-        var inviteCode = _a.inviteCode;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var data, authCookiesParsed, urlToRedirect, extensionAuthData;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, activateInviteCode({ inviteCode: inviteCode })];
-                    case 1:
-                        data = (_b.sent()).data;
-                        if (!data) return [3 /*break*/, 4];
-                        authCookiesParsed = authCookies.getCookies();
-                        urlToRedirect = authCookiesParsed.newUser === 'true'
-                            ? '/registration/interests'
-                            : "/profile/".concat(authCookiesParsed.userId, "/nfts");
-                        if (authCookiesParsed.authToken &&
-                            authCookiesParsed.wallets &&
-                            authCookiesParsed.refreshToken &&
-                            authCookiesParsed.newUser &&
-                            authCookiesParsed.userId &&
-                            authCookiesParsed.inviteCode &&
-                            authCookiesParsed.role) {
-                            signIn({
-                                userId: authCookiesParsed.userId,
-                                wallets: authCookiesParsed.wallets,
-                                authToken: authCookiesParsed.authToken,
-                                refreshToken: authCookiesParsed.refreshToken,
-                                newUser: authCookiesParsed.newUser === 'true',
-                                role: authCookiesParsed.role,
-                                inviteCode: inviteCode,
-                            });
-                        }
-                        extensionAuthData = {
-                            userId: authCookiesParsed.userId,
-                            wallets: authCookiesParsed.wallets,
-                            newUser: authCookiesParsed.newUser === 'true',
-                            inviteCode: inviteCode,
-                            authToken: extensionAuthToken,
-                            refreshToken: extensionRefreshToken,
-                        };
-                        if (!isFromChromeExtension) return [3 /*break*/, 2];
-                        if (fallBackUrl) {
-                            window.location.replace(fallBackUrl);
-                            return [2 /*return*/];
-                        }
-                        else {
-                            sendEventToExtension(eventsTypes.successLogin, {
-                                authCookies: extensionAuthData,
-                                openInitialTab: true,
-                            });
-                            return [2 /*return*/];
-                        }
-                        return [3 /*break*/, 4];
-                    case 2: return [4 /*yield*/, router.push(urlToRedirect)];
-                    case 3:
-                        _b.sent();
-                        _b.label = 4;
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    var dataInviteCode = {
-        labelText: 'Invite code',
-        name: 'inviteCode',
-        placeHolder: 'Invite code',
-    };
-    var registerInviteCode = register('inviteCode', messages[dataInviteCode.name]);
-    var errorInviteCode = {
-        isNeedShowError: Boolean(errors === null || errors === void 0 ? void 0 : errors.inviteCode),
-        message: (errors === null || errors === void 0 ? void 0 : errors.inviteCode) && (errors === null || errors === void 0 ? void 0 : errors.inviteCode.message),
-    };
-    var handleLogOut = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!isFromChromeExtension) return [3 /*break*/, 2];
-                    return [4 /*yield*/, sendEventToExtension(eventsTypes.returnToExtension)];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, signOut()];
-                case 3:
-                    _a.sent();
-                    window.location.replace(process.env.NEXT_PUBLIC_WELCOME_HOST);
-                    _a.label = 4;
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (<>
-      <FormHeader>
-        <Link href={process.env.NEXT_PUBLIC_WELCOME_HOST} className="caption">
-          Welcome to
-          <Image src={"".concat(getStaticDomain({
-            ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-        }), "/logo/main/main.svg")} alt={'main svg'} width={116} height={28}/>
-        </Link>
-      </FormHeader>
-      <FormContent onSubmit={handleSubmit(onSubmit)}>
-        <Input register={registerInviteCode} error={errorInviteCode} data={dataInviteCode}/>
-        <FormSubmitBtn>
-          <MainButton onClick={function () { return null; }} type={'submit'} disabled={!isDirty || !isValid || loading} variant="primaryM" text={'Join'}/>
-        </FormSubmitBtn>
-      </FormContent>
-      <FormFooter>
-        <SmallText>
-          <a style={{ padding: '0 5px 0 0' }} href="https://gleam.io/vlWxW/ludo-x-invite-code" target="_blank">
-            Start the simple onboarding process
-          </a>
-          to get your personal invite code to Ludo X.
-        </SmallText>
-        <FormLogOutBtn>
-          <MainButton onClick={handleLogOut} type={'button'} variant="outline" text={btnText}/>
-        </FormLogOutBtn>
-      </FormFooter>
-    </>);
-};
-export default GetEarlyAccessForm;