@ludo.ninja/components 1.7.5 → 1.7.6

package/dist/components/gallery/add/addCreationToGallery/{index.jsx → index.js}

@@ -1,7 +1,31 @@
+"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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) {
@@ -38,28 +62,32 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var useToGalleryAsset_1 = require("@/hooks/useToGalleryAsset");
+var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
+var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
+var itemsPreview_1 = __importDefault(require("@/modules/gallery/ui/itemsPreview"));
+var ui_1 = require("@/store/ui");
+var useAddCreationsToGallery_1 = require("@/api/server-galleries/mutations/useAddCreationsToGallery");
+var useCreateGallery_1 = require("@/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"])));
+var StyledAddGallery = styled_components_1.default.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 ({
+    var _a = (0, useToGalleryAsset_1.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 _b = (0, useCreateGallery_1.useCreateGalleryV2)(), createGallery = _b.createGallery, errorCreateGallery = _b.errorCreateGallery;
+    var closeModalSidebarPortal = (0, ui_1.useUiStore)(function (state) { return state.closeModalSidebarPortal; });
+    var _c = (0, react_1.useState)(false), isNeedAddGallery = _c[0], setAddGallery = _c[1];
+    var _d = (0, useAddCreationsToGallery_1.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) {
@@ -73,15 +101,14 @@ var AddCreationToGallery = function () {
         });
     }); };
     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>);
+    return (react_1.default.createElement(StyledAddGallery, null,
+        react_1.default.createElement(itemsPreview_1.default, { creations: creationsToGallery, title: 'Add to Gallery', deleteMethod: function (itemId) {
+                removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
+            } }),
+        isNeedAddGallery ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddGallery, 
+            // ids={ids as string[]}
+            title: 'Create Gallery', createMethod: createGallery, inputPlaceHolderText: 'Gallery Name', error: errorCreateGallery })) : (react_1.default.createElement(chooseGalleryItems_1.default, { setAddGallery: setAddGallery, title: 'Choose Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))));
 };
 // Export
-export default AddCreationToGallery;
+exports.default = AddCreationToGallery;
 var templateObject_1;

package/dist/components/gradientLabel/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var boxShadow_1 = __importDefault(require("@/styles/mixins/boxShadow"));
+var boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
+var _system_1 = require("@system");
+var vars_1 = require("@/fonts/vars");
+// Styles
+var StyledGradientLabel = (0, styled_components_1.default)(_system_1.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"])), vars_1.poppinsFontVarCss.css, boxShadow_1.default, boxTransform_1.default);
+// Component
+var GradientLabel = function () {
+    return react_1.default.createElement(StyledGradientLabel, null, "5 invites");
+};
+// Export
+exports.default = GradientLabel;
+var templateObject_1;

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

@@ -0,0 +1,32 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = __importDefault(require("styled-components"));
+var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+var store_1 = require("@/modules/user/store");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var ExperienceLabel_1 = __importDefault(require("@/system/Labels/ExperienceLabel"));
+// Styles
+var StyledHeaderExperienceLabel = styled_components_1.default.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"])), ScreenWidth_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(20));
+// Component
+var HeaderExperienceLabel = function (_a) {
+    var userId = _a.userId;
+    var _b = (0, store_1.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 (React.createElement(StyledHeaderExperienceLabel, null,
+        React.createElement(ExperienceLabel_1.default, { value: userExp.xps, link: "/rewards/".concat(userId), loading: isLoadingExp || !!errorExp })));
+};
+// Export
+exports.default = HeaderExperienceLabel;
+var templateObject_1;

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

@@ -0,0 +1,27 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var Userpic_1 = __importDefault(require("@/system/Img/Userpic"));
+// Styles
+var StyledHeaderUserPick = styled_components_1.default.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"])), ScreenWidth_1.mediaQuery.mobile, ScreenWidth_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));
+// Component
+var HeaderUserPick = function (_a) {
+    var userId = _a.userId;
+    if (!userId)
+        return null;
+    return (react_1.default.createElement(StyledHeaderUserPick, null,
+        react_1.default.createElement(Userpic_1.default, { width: 32, height: 32, userId: userId, isNeedBoxTransform: true })));
+};
+// Export
+exports.default = HeaderUserPick;
+var templateObject_1;

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var header_1 = require("@ludo.ninja/ui/build/components/header");
+var store_1 = require("@/modules/user/store");
+var ui_1 = require("@/store/ui");
+var headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
+var headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
+var auth_1 = require("@/utils/auth");
+// Component
+var Header = function () {
+    var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
+    var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });
+    var openSidebar = (0, ui_1.useUiStore)(function (state) { return state.openSidebar; });
+    return (react_1.default.createElement(header_1.Header, { isAuthorized: isSignedIn, handle: {
+            login: auth_1.redirectToLoginWindow,
+            openSidebar: openSidebar,
+        }, slots: {
+            headerExpLabel: (react_1.default.createElement(headerExperienceLabel_1.default, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' })),
+            headerUserPick: react_1.default.createElement(headerUserPic_1.default, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' }),
+            logoLinkComponent: function (_a) {
+                var children = _a.children;
+                return react_1.default.createElement(link_1.default, { href: '/' }, children);
+            },
+        } }));
+};
+// Export
+exports.default = Header;

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

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var header_1 = require("@ludo.ninja/ui/build/components/header");
+var store_1 = require("@/modules/user/store");
+var ui_1 = require("@/store/ui");
+var headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
+var headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
+var searchSimpleInput_1 = __importDefault(require("@/components/search/searchSimpleInput"));
+var auth_1 = require("@/utils/auth");
+var env_1 = require("@/utils/env");
+// Component
+var HeaderSearch = function (_a) {
+    var isProdENV = _a.isProdENV;
+    var openSidebar = (0, ui_1.useUiStore)(function (state) { return state.openSidebar; });
+    var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
+    var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });
+    return (react_1.default.createElement(header_1.Header, { isAuthorized: isSignedIn, handle: {
+            login: auth_1.redirectToLoginWindow,
+            openSidebar: openSidebar,
+        }, slots: {
+            headerExpLabel: (react_1.default.createElement(headerExperienceLabel_1.default, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' })),
+            headerUserPick: react_1.default.createElement(headerUserPic_1.default, { userId: (getUser === null || getUser === void 0 ? void 0 : getUser.userId) || '' }),
+            logoLinkComponent: function (_a) {
+                var children = _a.children;
+                return react_1.default.createElement(link_1.default, { href: '/' }, children);
+            },
+            searchInput: function (_a) {
+                var setInputFocused = _a.setInputFocused;
+                // Todo seacrh pages, hide search input from header
+                return (0, env_1.isProd)({ ENV: isProdENV }) ? undefined : (react_1.default.createElement(searchSimpleInput_1.default, { onFocusHandler: setInputFocused }));
+            },
+        }, isSearchStyles: true, isActivatedTheme: true }));
+};
+// Export
+exports.default = HeaderSearch;

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

@@ -0,0 +1,33 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var utils_1 = require("@ludo.ninja/utils");
+var colors_1 = require("@/styles/colors");
+var screen_1 = require("@/utils/screen");
+// Styles
+var StyledHeaderSimple = styled_components_1.default.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"])), colors_1.BackgroundColorLight);
+// Component
+var HeaderSimple = function () {
+    var windowWidth = (0, screen_1.getWindowDimensions)().windowWidth;
+    var renderDesktopLogoOrMobile = function () {
+        var isMobile = windowWidth <= 768;
+        return (react_1.default.createElement(image_1.default, { 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 = (0, utils_1.useScrollDirection)();
+    return (react_1.default.createElement(StyledHeaderSimple, { className: scrollDirection },
+        react_1.default.createElement("div", { className: 'logo' },
+            react_1.default.createElement(link_1.default, { href: '/' }, renderDesktopLogoOrMobile()))));
+};
+// Export
+exports.default = HeaderSimple;
+var templateObject_1;

package/dist/components/index.js

@@ -1 +1,8 @@
-export { default as ShareDialog } from './shareDialog';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareDialog = void 0;
+var shareDialog_1 = require("./shareDialog");
+Object.defineProperty(exports, "ShareDialog", { enumerable: true, get: function () { return __importDefault(shareDialog_1).default; } });

package/dist/components/inviteCodesForms/getEarlyAccessForm/{index.jsx → index.js}

@@ -1,3 +1,4 @@
+"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) {
@@ -34,36 +35,40 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var router_1 = require("next/router");
+var process_1 = __importDefault(require("process"));
+var react_hook_form_1 = require("react-hook-form");
+var api_1 = require("@ludo.ninja/api");
+var core_1 = require("@ludo.ninja/core");
+var ui_1 = require("@ludo.ninja/ui");
+var utils_1 = require("@ludo.ninja/utils");
+var useSignIn_1 = require("@/modules/user/auth/useSignIn");
+var useSignOut_1 = require("@/modules/user/auth/useSignOut");
+var useInviteCode_1 = __importDefault(require("@/api/server-identities/mutations/useInviteCode"));
+var styles_1 = require("@/components/inviteCodesForms/styles");
+var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
+var Forms_1 = require("@/system/Forms");
+var Messages_1 = __importDefault(require("@/system/Forms/Messages"));
 var GetEarlyAccessForm = function () {
-    var _a = useInviteCode(), activateInviteCode = _a.activateInviteCode, loading = _a.loading;
-    var signOut = useSignOut();
-    var router = useRouter();
+    var _a = (0, useInviteCode_1.default)(), activateInviteCode = _a.activateInviteCode, loading = _a.loading;
+    var signOut = (0, useSignOut_1.useSignOut)();
+    var router = (0, router_1.useRouter)();
     var query = router.query;
     var isFromChromeExtension = query.isFromChromeExtension, fallBackUrl = query.fallBackUrl, extensionAuthToken = query.extensionAuthToken, extensionRefreshToken = query.extensionRefreshToken;
-    var signIn = useSignIn();
+    var signIn = (0, useSignIn_1.useSignIn)();
     var btnText = isFromChromeExtension
         ? fallBackUrl
             ? 'Visit opportunity as a Guest'
             : 'Go back to Ludo X'
         : 'Log Out';
-    var _b = useForm({
+    var _b = (0, react_hook_form_1.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) {
@@ -76,7 +81,7 @@ var GetEarlyAccessForm = function () {
                     case 1:
                         data = (_b.sent()).data;
                         if (!data) return [3 /*break*/, 4];
-                        authCookiesParsed = authCookies.getCookies();
+                        authCookiesParsed = api_1.authCookies.getCookies();
                         urlToRedirect = authCookiesParsed.newUser === 'true'
                             ? '/registration/interests'
                             : "/profile/".concat(authCookiesParsed.userId, "/nfts");
@@ -111,7 +116,7 @@ var GetEarlyAccessForm = function () {
                             return [2 /*return*/];
                         }
                         else {
-                            sendEventToExtension(eventsTypes.successLogin, {
+                            (0, utils_1.sendEventToExtension)(utils_1.eventsTypes.successLogin, {
                                 authCookies: extensionAuthData,
                                 openInitialTab: true,
                             });
@@ -132,7 +137,7 @@ var GetEarlyAccessForm = function () {
         name: 'inviteCode',
         placeHolder: 'Invite code',
     };
-    var registerInviteCode = register('inviteCode', messages[dataInviteCode.name]);
+    var registerInviteCode = register('inviteCode', Messages_1.default[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),
@@ -142,45 +147,35 @@ var GetEarlyAccessForm = function () {
             switch (_a.label) {
                 case 0:
                     if (!isFromChromeExtension) return [3 /*break*/, 2];
-                    return [4 /*yield*/, sendEventToExtension(eventsTypes.returnToExtension)];
+                    return [4 /*yield*/, (0, utils_1.sendEventToExtension)(utils_1.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);
+                    window.location.replace(process_1.default.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>
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(styles_1.FormHeader, null,
+            react_1.default.createElement(link_1.default, { href: process_1.default.env.NEXT_PUBLIC_WELCOME_HOST, className: "caption" },
+                "Welcome to",
+                react_1.default.createElement(image_1.default, { src: "".concat((0, core_1.getStaticDomain)({
+                        ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN,
+                    }), "/logo/main/main.svg"), alt: 'main svg', width: 116, height: 28 }))),
+        react_1.default.createElement(styles_1.FormContent, { onSubmit: handleSubmit(onSubmit) },
+            react_1.default.createElement(Forms_1.Input, { register: registerInviteCode, error: errorInviteCode, data: dataInviteCode }),
+            react_1.default.createElement(styles_1.FormSubmitBtn, null,
+                react_1.default.createElement(MainButton_1.default, { onClick: function () { return null; }, type: 'submit', disabled: !isDirty || !isValid || loading, variant: "primaryM", text: 'Join' }))),
+        react_1.default.createElement(styles_1.FormFooter, null,
+            react_1.default.createElement(ui_1.SmallText, null,
+                react_1.default.createElement("a", { style: { padding: '0 5px 0 0' }, href: "https://gleam.io/vlWxW/ludo-x-invite-code", target: "_blank" }, "Start the simple onboarding process"),
+                "to get your personal invite code to Ludo X."),
+            react_1.default.createElement(styles_1.FormLogOutBtn, null,
+                react_1.default.createElement(MainButton_1.default, { onClick: handleLogOut, type: 'button', variant: "outline", text: btnText })))));
 };
-export default GetEarlyAccessForm;
+exports.default = GetEarlyAccessForm;

package/dist/components/inviteCodesForms/joinWaitListForm/{index.jsx → index.js}

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -45,23 +46,27 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import React from 'react';
-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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var router_1 = require("next/router");
+var react_hook_form_1 = require("react-hook-form");
+var ui_1 = require("@ludo.ninja/ui");
+var utils_1 = require("@ludo.ninja/utils");
+var useSaveEmailOfJoiner_1 = __importDefault(require("@/api/server-identities/mutations/useSaveEmailOfJoiner"));
+var styles_1 = require("@/components/inviteCodesForms/styles");
+var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
+var Forms_1 = require("@/system/Forms");
+var Messages_1 = __importDefault(require("@/system/Forms/Messages"));
 var JoinWaitListForm = function () {
-    var _a = useSaveEmailOfJoiner(), saveEmailOfJoiner = _a.saveEmailOfJoiner, loading = _a.loading;
-    var router = useRouter();
+    var _a = (0, useSaveEmailOfJoiner_1.default)(), saveEmailOfJoiner = _a.saveEmailOfJoiner, loading = _a.loading;
+    var router = (0, router_1.useRouter)();
     var query = router.query;
     var isFromChromeExtension = query.isFromChromeExtension;
     var btnText = isFromChromeExtension ? 'Go back to Ludo X' : 'Go back';
-    var _b = useForm({
+    var _b = (0, react_hook_form_1.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) {
@@ -82,7 +87,7 @@ var JoinWaitListForm = function () {
         name: 'userEmail',
         placeHolder: 'Your email',
     };
-    var registerEmail = register('userEmail', messages[dataUserEmail.name]);
+    var registerEmail = register('userEmail', Messages_1.default[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),
@@ -92,7 +97,7 @@ var JoinWaitListForm = function () {
             switch (_a.label) {
                 case 0:
                     if (!isFromChromeExtension) return [3 /*break*/, 2];
-                    return [4 /*yield*/, sendEventToExtension(eventsTypes.returnToExtension)];
+                    return [4 /*yield*/, (0, utils_1.sendEventToExtension)(utils_1.eventsTypes.returnToExtension)];
                 case 1:
                     _a.sent();
                     return [3 /*break*/, 4];
@@ -106,27 +111,16 @@ var JoinWaitListForm = function () {
             }
         });
     }); };
-    return (<>
-      <FormHeader>
-        <H2>Join the Waitlist</H2>
-        <SmallText mt={16} textAlign={'left'}>
-          Ludo uses invites to build a healthier community. If you don’t 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’ll send you
-          one soon.
-        </SmallText>
-      </FormHeader>
-      <FormContent onSubmit={handleSubmit(onSubmit)}>
-        <Input register={registerEmail} error={errorInviteCode} data={dataUserEmail}/>
-        <FormSubmitBtn>
-          <MainButton onClick={function () { return null; }} type={'submit'} disabled={!isDirty || !isValid || loading} variant="primaryM" text={'Join Waitlist'}/>
-        </FormSubmitBtn>
-      </FormContent>
-      <FormFooter>
-        <FormLogOutBtn>
-          <MainButton onClick={handleLogOut} type={'button'} variant="outline" text={btnText}/>
-        </FormLogOutBtn>
-      </FormFooter>
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(styles_1.FormHeader, null,
+            react_1.default.createElement(ui_1.H2, null, "Join the Waitlist"),
+            react_1.default.createElement(ui_1.SmallText, { mt: 16, textAlign: 'left' }, "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.")),
+        react_1.default.createElement(styles_1.FormContent, { onSubmit: handleSubmit(onSubmit) },
+            react_1.default.createElement(Forms_1.Input, { register: registerEmail, error: errorInviteCode, data: dataUserEmail }),
+            react_1.default.createElement(styles_1.FormSubmitBtn, null,
+                react_1.default.createElement(MainButton_1.default, { onClick: function () { return null; }, type: 'submit', disabled: !isDirty || !isValid || loading, variant: "primaryM", text: 'Join Waitlist' }))),
+        react_1.default.createElement(styles_1.FormFooter, null,
+            react_1.default.createElement(styles_1.FormLogOutBtn, null,
+                react_1.default.createElement(MainButton_1.default, { onClick: handleLogOut, type: 'button', variant: "outline", text: btnText })))));
 };
-export default JoinWaitListForm;
+exports.default = JoinWaitListForm;