@ludo.ninja/components 1.5.7 → 1.5.9

package/dist/components/forms/types/index.d.ts

@@ -0,0 +1,32 @@
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+export type FormSection = 'register' | 'another';
+export declare enum FormsNavigationTabs {
+    opportunity = "opportunity",
+    contactSupport = "contactSupport",
+    registrationRequest = "registrationRequest",
+    report = "report",
+    feedback = "feedback",
+    partnership = "partnership",
+    investor = "investor"
+}
+export interface InputProps {
+    type: 'text' | 'textArea' | 'date' | 'radio' | 'email' | 'password' | 'select' | 'checkbox';
+    name: string;
+    value: string | number | boolean;
+    placeholder?: string;
+    label?: string;
+    typeValue?: 'boolean' | 'number';
+    validations?: RegisterOptions;
+    options?: Opt[];
+}
+export interface Opt {
+    value: string | number;
+    desc: string;
+}
+export interface Validation {
+    type: 'required' | 'isEmail' | 'minLength' | 'isTrue' | 'oneOf';
+    value?: string | number | boolean;
+    message: string;
+    ref?: string;
+}
+export type CustomInputProps = Omit<InputProps, 'validations' | 'typeValue' | 'value'>;

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

@@ -0,0 +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 || (FormsNavigationTabs = {}));

package/dist/components/gallery/add/addAssetToGallery/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    ids: string[];
+}
+declare const AddAssetToGallery: React.FC<Props>;
+export default AddAssetToGallery;

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

@@ -0,0 +1,68 @@
+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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AddCreationToGallery: () => React.JSX.Element;
+export default AddCreationToGallery;

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

@@ -0,0 +1,87 @@
+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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const GradientLabel: () => React.JSX.Element;
+export default GradientLabel;

package/dist/components/gradientLabel/index.jsx

@@ -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 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/headerExperienceLabel/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const HeaderExperienceLabel: ({ userId }: {
+    userId?: string;
+}) => import("react").JSX.Element;
+export default HeaderExperienceLabel;

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

@@ -0,0 +1,28 @@
+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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const HeaderUserPick: ({ userId }: {
+    userId?: string;
+}) => React.JSX.Element;
+export default HeaderUserPick;

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

@@ -0,0 +1,23 @@
+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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Header: () => React.JSX.Element;
+export default Header;

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

@@ -0,0 +1,27 @@
+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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const HeaderSearch: ({ isProdENV }: {
+    isProdENV: string;
+}) => React.JSX.Element;
+export default HeaderSearch;

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

@@ -0,0 +1,35 @@
+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 (_a) {
+    var isProdENV = _a.isProdENV;
+    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({ ENV: isProdENV }) ? undefined : (<SearchSimpleInput onFocusHandler={setInputFocused}/>);
+            },
+        }} isSearchStyles isActivatedTheme/>);
+};
+// Export
+export default HeaderSearch;

package/dist/components/headers/headerSimple/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const HeaderSimple: () => React.JSX.Element;
+export default HeaderSimple;

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

@@ -0,0 +1,30 @@
+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/index.js

@@ -0,0 +1 @@
+export { default as ShareDialog } from './shareDialog';

package/dist/components/inviteCodesForms/getEarlyAccessForm/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const GetEarlyAccessForm: () => React.JSX.Element;
+export default GetEarlyAccessForm;

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

@@ -0,0 +1,186 @@
+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;

package/dist/components/inviteCodesForms/joinWaitListForm/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const JoinWaitListForm: () => React.JSX.Element;
+export default JoinWaitListForm;