@ludo.ninja/components 1.7.5 → 1.7.7

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

@@ -0,0 +1,136 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 react_bootstrap_1 = require("react-bootstrap");
+var react_hook_form_1 = require("react-hook-form");
+var styled_components_1 = __importDefault(require("styled-components"));
+var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+var Text_1 = require("@ludo.ninja/ui/build/system/Text");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
+var Forms_1 = require("@/system/Forms");
+var DatePicker_1 = __importDefault(require("@/system/Forms/DatePicker"));
+var RadioInput_1 = __importDefault(require("@/system/Forms/RadioInput"));
+var _system_1 = require("@system");
+var Title = (0, styled_components_1.default)(_system_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  margin-bottom: 24px;\n  text-align: center;\n"])));
+var Description = (0, styled_components_1.default)(Text_1.MainText)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  text-align: justify;\n"], ["\n  color: ", ";\n  text-align: justify;\n"])), colors_1.TextGrayColor);
+var Wrapper = (0, styled_components_1.default)(_system_1.Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  justify-content: center;\n\n  ", " {\n    width: 100%;\n    align-items: center;\n    flex-direction: column-reverse;\n    margin: 0;\n  }\n"], ["\n  justify-content: center;\n\n  ", " {\n    width: 100%;\n    align-items: center;\n    flex-direction: column-reverse;\n    margin: 0;\n  }\n"])), ScreenWidth_1.mediaQuery.tablet);
+var FormWrapper = styled_components_1.default.form(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0 50px 0 70px;\n  justify-content: center;\n  width: 472px;\n\n  ", " {\n    margin: 0 25px 0 25px;\n    width: 450px;\n  }\n\n  ", " {\n    margin: 0;\n    width: 320px;\n  }\n"], ["\n  margin: 0 50px 0 70px;\n  justify-content: center;\n  width: 472px;\n\n  ", " {\n    margin: 0 25px 0 25px;\n    width: 450px;\n  }\n\n  ", " {\n    margin: 0;\n    width: 320px;\n  }\n"])), ScreenWidth_1.mediaQuery.desktop, ScreenWidth_1.mediaQuery.tablet);
+var InputTitle = (0, styled_components_1.default)(_system_1.H5)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
+var RadioInput = (0, styled_components_1.default)(RadioInput_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), colors_1.TextGrayColor);
+var StyledInputGroup = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  margin-top: 24px;\n"], ["\n  position: relative;\n  width: 100%;\n  margin-top: 24px;\n"])));
+var Form = function (_a) {
+    var props = __rest(_a, []);
+    var inputs = props.inputs, onSubmit = props.onSubmit, submitLoading = props.submitLoading, formDescription = props.formDescription, formTitle = props.formTitle, initialValues = props.initialValues;
+    var _b = (0, react_hook_form_1.useForm)({
+        mode: 'all',
+        defaultValues: initialValues,
+    }), register = _b.register, _c = _b.formState, errors = _c.errors, isDirty = _c.isDirty, isValid = _c.isValid, handleSubmit = _b.handleSubmit, reset = _b.reset, control = _b.control, setFocus = _b.setFocus, formState = _b.formState;
+    (0, react_1.useEffect)(function () {
+        reset();
+    }, [inputs, reset]);
+    (0, react_1.useEffect)(function () {
+        if (formState.isSubmitSuccessful) {
+            reset();
+        }
+    }, [formState, reset]);
+    var getInput = function (inputProps) {
+        var _a, _b;
+        var dataProp = {
+            labelText: inputProps.label || '',
+            name: inputProps.name,
+            placeHolder: inputProps.placeholder || '',
+        };
+        var inputErrors = errors === null || errors === void 0 ? void 0 : errors[inputProps.name];
+        var errorProp = {
+            isNeedShowError: Boolean(inputErrors),
+            message: inputErrors ? inputErrors.message : '',
+        };
+        var registerProp = register(inputProps.name, inputProps.validations);
+        switch (inputProps.type) {
+            case 'textArea':
+                return (react_1.default.createElement(Forms_1.BasicTextArea, { register: registerProp, error: errorProp, data: dataProp, isNeedBiggerArea: false }));
+            case 'checkbox':
+                return (react_1.default.createElement(react_1.default.Fragment, null, (_a = inputProps.options) === null || _a === void 0 ? void 0 : _a.map(function (option) {
+                    var isCheckboxWithInput = option.value === 'other';
+                    var registerTextInput = isCheckboxWithInput
+                        ? register("".concat(inputProps.name, "-other-checkbox"))
+                        : undefined;
+                    return (react_1.default.createElement(Forms_1.CheckboxInput, { key: option.value, register: registerProp, error: errorProp, data: dataProp, label: option.desc, value: option.value, withInput: isCheckboxWithInput, innerTextInputRef: registerTextInput }));
+                })));
+            case 'radio':
+                return (react_1.default.createElement(react_1.default.Fragment, null, (_b = inputProps.options) === null || _b === void 0 ? void 0 : _b.map(function (option) {
+                    var isRadioWithInput = option.value === 'other';
+                    var registerTextInput = isRadioWithInput
+                        ? register("".concat(inputProps.name, "-other-radio"))
+                        : undefined;
+                    return (react_1.default.createElement(react_hook_form_1.Controller, { key: option.desc, name: inputProps.name, control: control, render: function (_a) {
+                            var field = _a.field;
+                            return (react_1.default.createElement(RadioInput, { key: option.value, radioLabel: option.desc, radioValue: option.value, handleChange: field.onChange, radioChecked: field.value === option.value, withInput: isRadioWithInput, innerTextInputRef: registerTextInput, setFocus: setFocus }));
+                        } }));
+                })));
+            case 'date':
+                return (react_1.default.createElement(DatePicker_1.default, { register: registerProp, error: errorProp, control: control, name: inputProps.name }));
+            default:
+                return (react_1.default.createElement(Forms_1.Input, { register: registerProp, error: errorProp, data: dataProp }));
+        }
+    };
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(FormWrapper, { onSubmit: handleSubmit(onSubmit) },
+            react_1.default.createElement(Title, null, formTitle),
+            react_1.default.createElement(Description, null, formDescription),
+            inputs.map(function (input) {
+                var _a;
+                return (react_1.default.createElement(StyledInputGroup, { key: input.name },
+                    react_1.default.createElement(InputTitle, null,
+                        ((_a = input.validations) === null || _a === void 0 ? void 0 : _a.required) ? '*' : '',
+                        input.label),
+                    getInput(input)));
+            }),
+            react_1.default.createElement(_system_1.Flex, { justifyContent: "space-between", style: { marginTop: 44 } },
+                react_1.default.createElement(MainButton_1.default, { onClick: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.blur(); }, disabled: !isDirty || !isValid, variant: "primaryM", text: submitLoading ? react_1.default.createElement(react_bootstrap_1.Spinner, { variant: "light" }) : 'Submit', type: 'submit' }),
+                react_1.default.createElement(MainButton_1.default, { onClick: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.blur(); }, disabled: !isDirty, variant: "secondary", text: submitLoading ? react_1.default.createElement(react_bootstrap_1.Spinner, { variant: "light" }) : 'Clear Form', type: 'reset' })))));
+};
+exports.default = Form;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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

@@ -0,0 +1,74 @@
+"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 __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 link_1 = __importDefault(require("next/link"));
+var router_1 = require("next/router");
+var styled_components_1 = __importDefault(require("styled-components"));
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var colors_1 = require("@/styles/colors");
+var types_1 = require("@/components/forms/types");
+var _system_1 = require("@system");
+var back_svg_1 = __importDefault(require("@/public/settings_page/back.svg"));
+var burger_menu_svg_1 = __importDefault(require("@/public/settings_page/burger_menu.svg"));
+var NAVIGATION_TABS = [
+    { slug: types_1.FormsNavigationTabs.opportunity, label: 'opportunity Submission' },
+    { slug: types_1.FormsNavigationTabs.contactSupport, label: 'Contact Ludo Support' },
+    {
+        slug: types_1.FormsNavigationTabs.registrationRequest,
+        label: 'Registration Invite Request',
+    },
+    { slug: types_1.FormsNavigationTabs.report, label: 'Content Report Form' },
+    { slug: types_1.FormsNavigationTabs.feedback, label: 'User Feedback' },
+    { slug: types_1.FormsNavigationTabs.partnership, label: 'Partnership Inquiry Form' },
+    {
+        slug: types_1.FormsNavigationTabs.investor,
+        label: 'Investor Relations Inquiry Form',
+    },
+];
+var StyledFlex = (0, styled_components_1.default)(_system_1.Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: absolute;\n    top: 22px;\n    right: 20px;\n    z-index: 3;\n    display: flex;\n  }\n"], ["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: absolute;\n    top: 22px;\n    right: 20px;\n    z-index: 3;\n    display: flex;\n  }\n"])), ScreenWidth_1.mediaQuery.tablet);
+var Wrapper = (0, styled_components_1.default)(_system_1.Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"], ["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"])), ScreenWidth_1.mediaQuery.tablet, colors_1.BackgroundColorLight);
+var List = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    margin: 4px 0;\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      opacity: 0.9;\n    }\n\n    .link {\n      width: 100%;\n      height: 100%;\n      align-content: center;\n      color: inherit;\n    }\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n    }\n  }\n"], ["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    margin: 4px 0;\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      opacity: 0.9;\n    }\n\n    .link {\n      width: 100%;\n      height: 100%;\n      align-content: center;\n      color: inherit;\n    }\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n    }\n  }\n"])), ScreenWidth_1.mediaQuery.tablet, colors_1.TextGrayColor, colors_1.InactiveButtonColor, ScreenWidth_1.mediaQuery.tablet, colors_1.InactiveButtonColor, colors_1.BlackColor, ScreenWidth_1.mediaQuery.tablet);
+var FormsNavigation = function () {
+    var _a;
+    var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
+    var router = (0, router_1.useRouter)();
+    var activeTab = (_a = router === null || router === void 0 ? void 0 : router.query) === null || _a === void 0 ? void 0 : _a.formId;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledFlex, { isOpen: isOpen }, isOpen ? (react_1.default.createElement(back_svg_1.default, { onClick: function () { return setIsOpen(false); } })) : (react_1.default.createElement(burger_menu_svg_1.default, { onClick: function () { return setIsOpen(true); } }))),
+        react_1.default.createElement(Wrapper, { className: "mobile_menu ".concat(isOpen ? 'show' : 'hide') },
+            react_1.default.createElement(List, null, NAVIGATION_TABS.map(function (tab) { return (react_1.default.createElement("li", { onClick: function () { return setIsOpen(false); }, key: tab.slug, className: "".concat(activeTab === tab.slug ? 'activeTab' : '', " ") },
+                react_1.default.createElement(link_1.default, { href: "/forms/".concat(tab.slug), className: 'link' },
+                    react_1.default.createElement("span", null, tab.label)))); })))));
+};
+exports.default = FormsNavigation;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/forms/formsTemplate/{index.jsx → index.js}

@@ -1,3 +1,4 @@
+"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;
@@ -13,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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) {
@@ -58,54 +82,59 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 var _a;
-import React, { useCallback } from 'react';
-import { useRouter } from 'next/router';
-import { useMutation } from '@apollo/client';
-import { useGoogleReCaptcha } from 'react-google-recaptcha-v3';
-import styled from 'styled-components';
-import { formsSchema, hosts } from '@ludo.ninja/api';
-import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import Form from '@/components/forms/form';
-import FormsNavigation from '@/components/forms/formsNavigation';
-import { FormsNavigationTabs } from '@/components/forms/types';
-import messages from '@/system/Forms/Messages';
-import { Flex } from '@system';
-var Wrapper = styled(Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    margin-left: 30px;\n  }\n\n  ", " {\n    margin-left: 0;\n    padding-top: 30px;\n    flex-direction: column;\n  }\n\n  ", " {\n    padding-top: 0;\n    margin-top: -15px;\n  }\n"], ["\n  ", " {\n    margin-left: 30px;\n  }\n\n  ", " {\n    margin-left: 0;\n    padding-top: 30px;\n    flex-direction: column;\n  }\n\n  ", " {\n    padding-top: 0;\n    margin-top: -15px;\n  }\n"])), mediaQuery.desktop, mediaQuery.tablet, mediaQuery.bigPhone);
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forms = exports.getServerSideProps = void 0;
+var react_1 = __importStar(require("react"));
+var router_1 = require("next/router");
+var client_1 = require("@apollo/client");
+var react_google_recaptcha_v3_1 = require("react-google-recaptcha-v3");
+var styled_components_1 = __importDefault(require("styled-components"));
+var api_1 = require("@ludo.ninja/api");
+var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
+var store_1 = require("@/modules/user/store");
+var ui_1 = require("@/store/ui");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var form_1 = __importDefault(require("@/components/forms/form"));
+var formsNavigation_1 = __importDefault(require("@/components/forms/formsNavigation"));
+var types_1 = require("@/components/forms/types");
+var Messages_1 = __importDefault(require("@/system/Forms/Messages"));
+var _system_1 = require("@system");
+var Wrapper = (0, styled_components_1.default)(_system_1.Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    margin-left: 30px;\n  }\n\n  ", " {\n    margin-left: 0;\n    padding-top: 30px;\n    flex-direction: column;\n  }\n\n  ", " {\n    padding-top: 0;\n    margin-top: -15px;\n  }\n"], ["\n  ", " {\n    margin-left: 30px;\n  }\n\n  ", " {\n    margin-left: 0;\n    padding-top: 30px;\n    flex-direction: column;\n  }\n\n  ", " {\n    padding-top: 0;\n    margin-top: -15px;\n  }\n"])), ScreenWidth_1.mediaQuery.desktop, ScreenWidth_1.mediaQuery.tablet, ScreenWidth_1.mediaQuery.bigPhone);
 var FormsTemplate = function () {
-    var router = useRouter();
-    var getUser = useUserStore(function (state) { return state.user; });
-    var executeRecaptcha = useGoogleReCaptcha().executeRecaptcha;
+    var router = (0, router_1.useRouter)();
+    var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });
+    var executeRecaptcha = (0, react_google_recaptcha_v3_1.useGoogleReCaptcha)().executeRecaptcha;
     var query = router.query;
-    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
     var formId = query.formId, nameOfSubject = query.nameOfSubject, contentId = query.contentId;
     var form = getForm(formId);
     var initialValues = {};
-    if (formId === FormsNavigationTabs.report) {
+    if (formId === types_1.FormsNavigationTabs.report) {
         initialValues = { contentId: contentId, nameOfSubject: nameOfSubject };
     }
-    var _a = useMutation((form === null || form === void 0 ? void 0 : form.submitMutation) || formsSchema.SubmitContentReportDocument, {
+    var _a = (0, client_1.useMutation)((form === null || form === void 0 ? void 0 : form.submitMutation) || api_1.formsSchema.SubmitContentReportDocument, {
         context: {
-            uri: hosts.formsHost,
+            uri: api_1.hosts.formsHost,
         },
         fetchPolicy: 'no-cache',
         onCompleted: function () {
             openAlert({
-                type: alertVariants.success,
+                type: type_1.alertVariants.success,
                 caption: 'Form successfully submitted!',
             });
         },
         onError: function (error) {
             openAlert({
-                type: alertVariants.error,
+                type: type_1.alertVariants.error,
                 caption: error.message,
             });
         },
     }), mutate = _a[0], loading = _a[1].loading;
-    var handleReCaptchaVerify = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var handleReCaptchaVerify = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -138,12 +167,11 @@ var FormsTemplate = function () {
     if (!form) {
         return null;
     }
-    return (<Wrapper>
-      <FormsNavigation />
-      <Form formDescription={form.formDescription} formTitle={form.formTitle} inputs={form.inputs} onSubmit={handleSubmit} submitLoading={loading} initialValues={initialValues}/>
-    </Wrapper>);
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(formsNavigation_1.default, null),
+        react_1.default.createElement(form_1.default, { formDescription: form.formDescription, formTitle: form.formTitle, inputs: form.inputs, onSubmit: handleSubmit, submitLoading: loading, initialValues: initialValues })));
 };
-export var getServerSideProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
+var getServerSideProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
     var query, formId, form;
     return __generator(this, function (_a) {
         query = ctx.query;
@@ -153,7 +181,7 @@ export var getServerSideProps = function (ctx) { return __awaiter(void 0, void 0
             return [2 /*return*/, {
                     redirect: {
                         permanent: false,
-                        destination: "/forms/".concat(FormsNavigationTabs.opportunity),
+                        destination: "/forms/".concat(types_1.FormsNavigationTabs.opportunity),
                     },
                 }];
         }
@@ -162,11 +190,12 @@ export var getServerSideProps = function (ctx) { return __awaiter(void 0, void 0
             }];
     });
 }); };
-export default FormsTemplate;
+exports.getServerSideProps = getServerSideProps;
+exports.default = FormsTemplate;
 var getForm = function (formId) {
-    if (!(formId in FormsNavigationTabs))
+    if (!(formId in types_1.FormsNavigationTabs))
         return undefined;
-    return forms[formId];
+    return exports.forms[formId];
 };
 var formatDataToBE = function (object) {
     return Object.fromEntries(Object.entries(object)
@@ -192,9 +221,9 @@ var formatDataToBE = function (object) {
         return value instanceof Date ? [key, value.getTime()] : [key, value];
     }));
 };
-export var forms = (_a = {},
-    _a[FormsNavigationTabs.opportunity] = {
-        submitMutation: formsSchema.SubmitOpportunityDocument,
+exports.forms = (_a = {},
+    _a[types_1.FormsNavigationTabs.opportunity] = {
+        submitMutation: api_1.formsSchema.SubmitOpportunityDocument,
         formTitle: 'opportunity Submission',
         formDescription: 'Submit a project opportunity to engage and provide value to the Ludo.com community. If the opportunity is not yet on Ludo Opportunities DB you will qualify to receive a reward.',
         inputs: [
@@ -204,7 +233,7 @@ export var forms = (_a = {},
                 name: 'submitterEmail',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'opportunity name (28 characters max)',
@@ -238,7 +267,7 @@ export var forms = (_a = {},
                 name: 'registrationLink',
                 placeholder: 'Provide the link for users to register or claim the opportunity',
                 value: '',
-                validations: __assign(__assign({}, messages.userWeb), { minLength: {
+                validations: __assign(__assign({}, Messages_1.default.userWeb), { minLength: {
                         value: 2,
                         message: 'The link is too small 🤟',
                     }, maxLength: {
@@ -262,8 +291,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.contactSupport] = {
-        submitMutation: formsSchema.SubmitContactSupportDocument,
+    _a[types_1.FormsNavigationTabs.contactSupport] = {
+        submitMutation: api_1.formsSchema.SubmitContactSupportDocument,
         formTitle: 'Contact Ludo Support',
         formDescription: 'Use this form to request support or report issues.',
         inputs: [
@@ -273,7 +302,7 @@ export var forms = (_a = {},
                 name: 'email',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'Wallet Address',
@@ -329,8 +358,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.registrationRequest] = {
-        submitMutation: formsSchema.SubmitRegistrationInviteDocument,
+    _a[types_1.FormsNavigationTabs.registrationRequest] = {
+        submitMutation: api_1.formsSchema.SubmitRegistrationInviteDocument,
         formTitle: 'Registration Invite Request',
         formDescription: 'Please fill out this form to request additional registration invites for Ludo.com. Make sure to provide all the required details.',
         inputs: [
@@ -356,8 +385,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.report] = {
-        submitMutation: formsSchema.SubmitContentReportDocument,
+    _a[types_1.FormsNavigationTabs.report] = {
+        submitMutation: api_1.formsSchema.SubmitContentReportDocument,
         formTitle: 'Content Report Form',
         formDescription: 'Please use this form to report any content (NFT, Collection, opportunity) that violates our community guidelines or terms of service',
         inputs: [
@@ -367,7 +396,7 @@ export var forms = (_a = {},
                 name: 'email',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'Name of the NFT/opportunity/Project',
@@ -437,7 +466,7 @@ export var forms = (_a = {},
                 name: 'evidenceFileUrl',
                 placeholder: 'Enter the ID or URL of the content',
                 value: '',
-                validations: __assign(__assign({}, messages.userWeb), { minLength: {
+                validations: __assign(__assign({}, Messages_1.default.userWeb), { minLength: {
                         value: 2,
                         message: 'The URL is too small 🤟',
                     }, maxLength: {
@@ -447,8 +476,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.feedback] = {
-        submitMutation: formsSchema.SubmitUserFeedbackDocument,
+    _a[types_1.FormsNavigationTabs.feedback] = {
+        submitMutation: api_1.formsSchema.SubmitUserFeedbackDocument,
         formTitle: 'User Feedback',
         formDescription: '',
         inputs: [
@@ -458,7 +487,7 @@ export var forms = (_a = {},
                 name: 'email',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'How satisfied are you with Ludo.com?',
@@ -542,8 +571,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.partnership] = {
-        submitMutation: formsSchema.SubmitPartnershipInquiryDocument,
+    _a[types_1.FormsNavigationTabs.partnership] = {
+        submitMutation: api_1.formsSchema.SubmitPartnershipInquiryDocument,
         formTitle: 'Partnership Inquiry Form',
         formDescription: '',
         inputs: [
@@ -563,7 +592,7 @@ export var forms = (_a = {},
                 name: 'email',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'Project Name',
@@ -581,7 +610,7 @@ export var forms = (_a = {},
                 name: 'website',
                 placeholder: 'Enter your website',
                 value: '',
-                validations: __assign(__assign({}, messages.userWeb), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userWeb), { required: 'Field required' }),
             },
             {
                 label: 'Tell us about your project and why you want to partner with Ludo.com',
@@ -632,8 +661,8 @@ export var forms = (_a = {},
             },
         ],
     },
-    _a[FormsNavigationTabs.investor] = {
-        submitMutation: formsSchema.SubmitInvestorInquiryDocument,
+    _a[types_1.FormsNavigationTabs.investor] = {
+        submitMutation: api_1.formsSchema.SubmitInvestorInquiryDocument,
         formTitle: 'Investor Relations Inquiry Form',
         formDescription: '',
         inputs: [
@@ -653,7 +682,7 @@ export var forms = (_a = {},
                 name: 'email',
                 placeholder: 'Enter your email',
                 value: '',
-                validations: __assign(__assign({}, messages.userEmail), { required: 'Field required' }),
+                validations: __assign(__assign({}, Messages_1.default.userEmail), { required: 'Field required' }),
             },
             {
                 label: 'Phone Number',

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

@@ -1,4 +1,7 @@
-export var FormsNavigationTabs;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormsNavigationTabs = void 0;
+var FormsNavigationTabs;
 (function (FormsNavigationTabs) {
     FormsNavigationTabs["opportunity"] = "opportunity";
     FormsNavigationTabs["contactSupport"] = "contactSupport";
@@ -7,4 +10,4 @@ export var FormsNavigationTabs;
     FormsNavigationTabs["feedback"] = "feedback";
     FormsNavigationTabs["partnership"] = "partnership";
     FormsNavigationTabs["investor"] = "investor";
-})(FormsNavigationTabs || (FormsNavigationTabs = {}));
+})(FormsNavigationTabs || (exports.FormsNavigationTabs = FormsNavigationTabs = {}));

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

@@ -1,3 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (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) {
@@ -34,19 +58,23 @@ 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 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';
+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 chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
+var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
+var ui_1 = require("@/store/ui");
+var useAddAssetsToGallery_1 = require("@/api/server-galleries/mutations/useAddAssetsToGallery");
+var useCreateGallery_1 = require("@/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 _b = (0, react_1.useState)(false), isNeedAddGallery = _b[0], setAddGallery = _b[1];
+    var _c = (0, useCreateGallery_1.useCreateGalleryV2)(), createGallery = _c.createGallery, errorCreateGallery = _c.errorCreateGallery;
+    var _d = (0, useAddAssetsToGallery_1.useAddAssetsToGalleryV2)(), addAssetsToGallery = _d.addAssetsToGallery, isAdded = _d.isAdded, error = _d.error;
+    var closeModalSidebarPortal = (0, ui_1.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) {
@@ -58,11 +86,9 @@ var AddAssetToGallery = function (_a) {
             }
         });
     }); };
-    return (<div>
-      {isNeedAddGallery ? (<CreateGalleryForm setAddGallery={setAddGallery} title={'Create Gallery'} inputPlaceHolderText={'Gallery Name'} 
+    return (react_1.default.createElement("div", null, isNeedAddGallery ? (react_1.default.createElement(createGalleryForm_1.default, { 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>);
+        createMethod: createGallery, error: errorCreateGallery })) : (react_1.default.createElement(chooseGalleryItems_1.default, { setAddGallery: setAddGallery, title: 'Add to Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))));
 };
 // Export
-export default AddAssetToGallery;
+exports.default = AddAssetToGallery;