@ludo.ninja/components 1.1.5 → 1.1.6

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

@@ -1,10 +1,10 @@
 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["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.js

@@ -0,0 +1,67 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { 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 (_jsx("div", { children: isNeedAddGallery ? (_jsx(CreateGalleryForm, { setAddGallery: setAddGallery, title: 'Create Gallery', inputPlaceHolderText: 'Gallery Name', 
+            // ids={ids}
+            createMethod: createGallery, error: errorCreateGallery })) : (_jsx(ChooseGalleryItems, { setAddGallery: setAddGallery, title: 'Add to Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true })) }));
+};
+// Export
+export default AddAssetToGallery;

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

@@ -0,0 +1,85 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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 (_jsxs(StyledAddGallery, { children: [_jsx(ItemsPreview, { creations: creationsToGallery, title: 'Add to Gallery', deleteMethod: function (itemId) {
+                    removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
+                } }), isNeedAddGallery ? (_jsx(CreateGalleryForm, { setAddGallery: setAddGallery, 
+                // ids={ids as string[]}
+                title: 'Create Gallery', createMethod: createGallery, inputPlaceHolderText: 'Gallery Name', error: errorCreateGallery })) : (_jsx(ChooseGalleryItems, { setAddGallery: setAddGallery, title: 'Choose Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))] }));
+};
+// Export
+export default AddCreationToGallery;
+var templateObject_1;

package/dist/components/gradientLabel/index.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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 _jsx(StyledGradientLabel, { children: "5 invites" });
+};
+// Export
+export default GradientLabel;
+var templateObject_1;

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

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

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

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(StyledHeaderExperienceLabel, { children: _jsx(ExperienceLabel, { value: userExp.xps, link: "/rewards/".concat(userId), loading: isLoadingExp || !!errorExp }) }));
+};
+// Export
+export default HeaderExperienceLabel;
+var templateObject_1;

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

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(StyledHeaderUserPick, { children: _jsx(UserPic, { width: 32, height: 32, userId: userId, isNeedBoxTransform: true }) }));
+};
+// Export
+export default HeaderUserPick;
+var templateObject_1;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(HeaderUi, { isAuthorized: isSignedIn, handle: {
+            login: redirectToLoginWindow,
+            openSidebar: openSidebar,
+        }, slots: {
+            headerExpLabel: (_jsx(HeaderExperienceLabel, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' })),
+            headerUserPick: _jsx(HeaderUserPick, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' }),
+            logoLinkComponent: function (_a) {
+                var children = _a.children;
+                return _jsx(Link, { href: '/', children: children });
+            },
+        } }));
+};
+// Export
+export default Header;

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(HeaderUi, { isAuthorized: isSignedIn, handle: {
+            login: redirectToLoginWindow,
+            openSidebar: openSidebar,
+        }, slots: {
+            headerExpLabel: (_jsx(HeaderExperienceLabel, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' })),
+            headerUserPick: _jsx(HeaderUserPick, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' }),
+            logoLinkComponent: function (_a) {
+                var children = _a.children;
+                return _jsx(Link, { href: '/', children: children });
+            },
+            searchInput: function (_a) {
+                var setInputFocused = _a.setInputFocused;
+                // Todo seacrh pages, hide search input from header
+                return isProd() ? undefined : (_jsx(SearchSimpleInput, { onFocusHandler: setInputFocused }));
+            },
+        }, isSearchStyles: true, isActivatedTheme: true }));
+};
+// Export
+export default HeaderSearch;

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

@@ -0,0 +1,26 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(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 (_jsx(StyledHeaderSimple, { className: scrollDirection, children: _jsx("div", { className: 'logo', children: _jsx(Link, { href: '/', children: renderDesktopLogoOrMobile() }) }) }));
+};
+// Export
+export default HeaderSimple;
+var templateObject_1;

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

@@ -0,0 +1,162 @@
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 (_jsxs(_Fragment, { children: [_jsx(FormHeader, { children: _jsxs(Link, { href: process.env.NEXT_PUBLIC_WELCOME_HOST, className: "caption", children: ["Welcome to", _jsx(Image, { src: "".concat(getStaticDomain({
+                                ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+                            }), "/logo/main/main.svg"), alt: 'main svg', width: 116, height: 28 })] }) }), _jsxs(FormContent, { onSubmit: handleSubmit(onSubmit), children: [_jsx(Input, { register: registerInviteCode, error: errorInviteCode, data: dataInviteCode }), _jsx(FormSubmitBtn, { children: _jsx(MainButton, { onClick: function () { return null; }, type: 'submit', disabled: !isDirty || !isValid || loading, variant: "primaryM", text: 'Join' }) })] }), _jsxs(FormFooter, { children: [_jsxs(SmallText, { children: [_jsx("a", { style: { padding: '0 5px 0 0' }, href: "https://gleam.io/vlWxW/ludo-x-invite-code", target: "_blank", children: "Start the simple onboarding process" }), "to get your personal invite code to Ludo X."] }), _jsx(FormLogOutBtn, { children: _jsx(MainButton, { onClick: handleLogOut, type: 'button', variant: "outline", text: btnText }) })] })] }));
+};
+export default GetEarlyAccessForm;

package/dist/components/inviteCodesForms/joinWaitListForm/index.js

@@ -0,0 +1,111 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter } from 'next/router';
+import { useForm } from 'react-hook-form';
+import { H2, SmallText } from '@ludo.ninja/ui';
+import { eventsTypes, sendEventToExtension } from '@ludo.ninja/utils';
+import useSaveEmailOfJoiner from '@/api/server-identities/mutations/useSaveEmailOfJoiner';
+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 JoinWaitListForm = function () {
+    var _a = useSaveEmailOfJoiner(), saveEmailOfJoiner = _a.saveEmailOfJoiner, loading = _a.loading;
+    var router = useRouter();
+    var query = router.query;
+    var isFromChromeExtension = query.isFromChromeExtension;
+    var btnText = isFromChromeExtension ? 'Go back to Ludo X' : 'Go back';
+    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 userEmail = _a.userEmail;
+        return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, saveEmailOfJoiner({ email: userEmail, isSubscribed: true })];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var dataUserEmail = {
+        labelText: 'Your email',
+        name: 'userEmail',
+        placeHolder: 'Your email',
+    };
+    var registerEmail = register('userEmail', messages[dataUserEmail.name]);
+    var errorInviteCode = {
+        isNeedShowError: Boolean(errors === null || errors === void 0 ? void 0 : errors.userEmail),
+        message: (errors === null || errors === void 0 ? void 0 : errors.userEmail) && (errors === null || errors === void 0 ? void 0 : errors.userEmail.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*/, router.replace({
+                        query: __assign(__assign({}, router.query), { joinWaitList: [] }),
+                    }, undefined, { shallow: true })];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs(_Fragment, { children: [_jsxs(FormHeader, { children: [_jsx(H2, { children: "Join the Waitlist" }), _jsx(SmallText, { mt: 16, textAlign: 'left', children: "Ludo uses invites to build a healthier community. If you don\u2019t know anybody with an invite, you can either join our Discord and ask our community for one, or sign up for the the waitlist and we\u2019ll send you one soon." })] }), _jsxs(FormContent, { onSubmit: handleSubmit(onSubmit), children: [_jsx(Input, { register: registerEmail, error: errorInviteCode, data: dataUserEmail }), _jsx(FormSubmitBtn, { children: _jsx(MainButton, { onClick: function () { return null; }, type: 'submit', disabled: !isDirty || !isValid || loading, variant: "primaryM", text: 'Join Waitlist' }) })] }), _jsx(FormFooter, { children: _jsx(FormLogOutBtn, { children: _jsx(MainButton, { onClick: handleLogOut, type: 'button', variant: "outline", text: btnText }) }) })] }));
+};
+export default JoinWaitListForm;