@ludo.ninja/components 1.9.4 → 1.9.5

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

@@ -90,57 +90,47 @@ var Form = function (_a) {
         var registerProp = register(inputProps.name, inputProps.validations);
         switch (inputProps.type) {
             case 'textArea':
-                return (<Forms_1.BasicTextArea register={registerProp} error={errorProp} data={dataProp} isNeedBiggerArea={false}/>);
+                return (react_1.default.createElement(Forms_1.BasicTextArea, { register: registerProp, error: errorProp, data: dataProp, isNeedBiggerArea: false }));
             case 'checkbox':
-                return (<>
-            {(_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 (<Forms_1.CheckboxInput key={option.value} register={registerProp} error={errorProp} data={dataProp} label={option.desc} value={option.value} withInput={isCheckboxWithInput} innerTextInputRef={registerTextInput}/>);
-                    })}
-          </>);
+                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 (<>
-            {(_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_hook_form_1.Controller key={option.desc} name={inputProps.name} control={control} render={function (_a) {
-                                var field = _a.field;
-                                return (<RadioInput key={option.value} radioLabel={option.desc} radioValue={option.value} handleChange={field.onChange} radioChecked={field.value === option.value} withInput={isRadioWithInput} innerTextInputRef={registerTextInput} setFocus={setFocus}/>);
-                            }}/>);
-                    })}
-          </>);
+                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 (<DatePicker_1.default register={registerProp} error={errorProp} control={control} name={inputProps.name}/>);
+                return (react_1.default.createElement(DatePicker_1.default, { register: registerProp, error: errorProp, control: control, name: inputProps.name }));
             default:
-                return (<Forms_1.Input register={registerProp} error={errorProp} data={dataProp}/>);
+                return (react_1.default.createElement(Forms_1.Input, { register: registerProp, error: errorProp, data: dataProp }));
         }
     };
-    return (<Wrapper>
-      <FormWrapper onSubmit={handleSubmit(onSubmit)}>
-        <Title>{formTitle}</Title>
-        <Description>{formDescription}</Description>
-        {inputs.map(function (input) {
-            var _a;
-            return (<StyledInputGroup key={input.name}>
-            <InputTitle>
-              {((_a = input.validations) === null || _a === void 0 ? void 0 : _a.required) ? '*' : ''}
-              {input.label}
-            </InputTitle>
-            {getInput(input)}
-          </StyledInputGroup>);
-        })}
-
-        <_system_1.Flex justifyContent="space-between" style={{ marginTop: 44 }}>
-          <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_bootstrap_1.Spinner variant="light"/> : 'Submit'} type={'submit'}/>
-          <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_bootstrap_1.Spinner variant="light"/> : 'Clear Form'} type={'reset'}/>
-        </_system_1.Flex>
-      </FormWrapper>
-    </Wrapper>);
+    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.jsx → index.js}

@@ -62,20 +62,12 @@ var FormsNavigation = function () {
     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 (<>
-      <StyledFlex isOpen={isOpen}>
-        {isOpen ? (<back_svg_1.default onClick={function () { return setIsOpen(false); }}/>) : (<burger_menu_svg_1.default onClick={function () { return setIsOpen(true); }}/>)}
-      </StyledFlex>
-      <Wrapper className={"mobile_menu ".concat(isOpen ? 'show' : 'hide')}>
-        <List>
-          {NAVIGATION_TABS.map(function (tab) { return (<li onClick={function () { return setIsOpen(false); }} key={tab.slug} className={"".concat(activeTab === tab.slug ? 'activeTab' : '', " ")}>
-              <link_1.default href={"/forms/".concat(tab.slug)} className={'link'}>
-                <span>{tab.label}</span>
-              </link_1.default>
-            </li>); })}
-        </List>
-      </Wrapper>
-    </>);
+    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}

@@ -167,10 +167,9 @@ var FormsTemplate = function () {
     if (!form) {
         return null;
     }
-    return (<Wrapper>
-      <formsNavigation_1.default />
-      <form_1.default 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 })));
 };
 var getServerSideProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
     var query, formId, form;

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

@@ -86,11 +86,9 @@ var AddAssetToGallery = function (_a) {
             }
         });
     }); };
-    return (<div>
-      {isNeedAddGallery ? (<createGalleryForm_1.default 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_1.default 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
 exports.default = AddAssetToGallery;

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

@@ -101,14 +101,13 @@ var AddCreationToGallery = function () {
         });
     }); };
     var ids = creationsToGallery.map(function (creations) { return creations.getCreationId(); });
-    return (<StyledAddGallery>
-      <itemsPreview_1.default creations={creationsToGallery} title={'Add to Gallery'} deleteMethod={function (itemId) {
-            removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
-        }}/>
-      {isNeedAddGallery ? (<createGalleryForm_1.default setAddGallery={setAddGallery} 
-        // ids={ids as string[]}
-        title={'Create Gallery'} createMethod={createGallery} inputPlaceHolderText={'Gallery Name'} error={errorCreateGallery}/>) : (<chooseGalleryItems_1.default 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
 exports.default = AddCreationToGallery;

package/dist/components/gradientLabel/{index.jsx → index.js}

@@ -17,7 +17,7 @@ var vars_1 = require("@/fonts/vars");
 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 <StyledGradientLabel>5 invites</StyledGradientLabel>;
+    return react_1.default.createElement(StyledGradientLabel, null, "5 invites");
 };
 // Export
 exports.default = GradientLabel;

package/dist/components/headers/components/headerExperienceLabel/{index.jsx → index.js}

@@ -24,9 +24,8 @@ var HeaderExperienceLabel = function (_a) {
     }); }), userExp = _b.userExp, isLoadingExp = _b.isLoadingExp, errorExp = _b.errorExp;
     if (!userId)
         return null;
-    return (<StyledHeaderExperienceLabel>
-      <system_1.default value={userExp.xps} link={"/rewards/".concat(userId)} loading={isLoadingExp || !!errorExp}/>
-    </StyledHeaderExperienceLabel>);
+    return (React.createElement(StyledHeaderExperienceLabel, null,
+        React.createElement(system_1.default, { value: userExp.xps, link: "/rewards/".concat(userId), loading: isLoadingExp || !!errorExp })));
 };
 // Export
 exports.default = HeaderExperienceLabel;

package/dist/components/headers/components/headerUserPic/{index.jsx → index.js}

@@ -19,9 +19,8 @@ var HeaderUserPick = function (_a) {
     var userId = _a.userId;
     if (!userId)
         return null;
-    return (<StyledHeaderUserPick>
-      <system_1.default width={32} height={32} userId={userId} isNeedBoxTransform={true}/>
-    </StyledHeaderUserPick>);
+    return (react_1.default.createElement(StyledHeaderUserPick, null,
+        react_1.default.createElement(system_1.default, { width: 32, height: 32, userId: userId, isNeedBoxTransform: true })));
 };
 // Export
 exports.default = HeaderUserPick;

package/dist/components/headers/header/{index.jsx → index.js}

@@ -16,17 +16,17 @@ 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 (<header_1.Header isAuthorized={isSignedIn} handle={{
+    return (react_1.default.createElement(header_1.Header, { isAuthorized: isSignedIn, handle: {
             login: auth_1.redirectToLoginWindow,
             openSidebar: openSidebar,
-        }} slots={{
-            headerExpLabel: (<headerExperienceLabel_1.default userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>),
-            headerUserPick: <headerUserPic_1.default userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>,
+        }, 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 <link_1.default href={'/'}>{children}</link_1.default>;
+                return react_1.default.createElement(link_1.default, { href: '/' }, children);
             },
-        }}/>);
+        } }));
 };
 // Export
 exports.default = Header;

package/dist/components/headers/headerSearch/{index.jsx → index.js}

@@ -18,22 +18,22 @@ var HeaderSearch = function () {
     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 (<header_1.Header isAuthorized={isSignedIn} handle={{
+    return (react_1.default.createElement(header_1.Header, { isAuthorized: isSignedIn, handle: {
             login: auth_1.redirectToLoginWindow,
             openSidebar: openSidebar,
-        }} slots={{
-            headerExpLabel: (<headerExperienceLabel_1.default userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>),
-            headerUserPick: <headerUserPic_1.default userId={(getUser === null || getUser === void 0 ? void 0 : getUser.userId) || ''}/>,
+        }, 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 <link_1.default href={'/'}>{children}</link_1.default>;
+                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 : (<searchSimpleInput_1.default onFocusHandler={setInputFocused}/>);
+                return (0, env_1.isProd)({ ENV: isProdENV }) ? undefined : (react_1.default.createElement(searchSimpleInput_1.default, { onFocusHandler: setInputFocused }));
             },
-        }} isSearchStyles isActivatedTheme/>);
+        }, isSearchStyles: true, isActivatedTheme: true }));
 };
 // Export
 exports.default = HeaderSearch;

package/dist/components/headers/headerSimple/{index.jsx → index.js}

@@ -21,14 +21,12 @@ var HeaderSimple = function () {
     var windowWidth = (0, screen_1.getWindowDimensions)().windowWidth;
     var renderDesktopLogoOrMobile = function () {
         var isMobile = windowWidth <= 768;
-        return (<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"/>);
+        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 (<StyledHeaderSimple className={scrollDirection}>
-      <div className={'logo'}>
-        <link_1.default href={'/'}>{renderDesktopLogoOrMobile()}</link_1.default>
-      </div>
-    </StyledHeaderSimple>);
+    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;

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

@@ -160,32 +160,22 @@ var GetEarlyAccessForm = function () {
             }
         });
     }); };
-    return (<>
-      <styles_1.FormHeader>
-        <link_1.default href={process_1.default.env.NEXT_PUBLIC_WELCOME_HOST} className="caption">
-          Welcome to
-          <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}/>
-        </link_1.default>
-      </styles_1.FormHeader>
-      <styles_1.FormContent onSubmit={handleSubmit(onSubmit)}>
-        <Forms_1.Input register={registerInviteCode} error={errorInviteCode} data={dataInviteCode}/>
-        <styles_1.FormSubmitBtn>
-          <MainButton_1.default onClick={function () { return null; }} type={'submit'} disabled={!isDirty || !isValid || loading} variant="primaryM" text={'Join'}/>
-        </styles_1.FormSubmitBtn>
-      </styles_1.FormContent>
-      <styles_1.FormFooter>
-        <ui_1.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.
-        </ui_1.SmallText>
-        <styles_1.FormLogOutBtn>
-          <MainButton_1.default onClick={handleLogOut} type={'button'} variant="outline" text={btnText}/>
-        </styles_1.FormLogOutBtn>
-      </styles_1.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 })))));
 };
 exports.default = GetEarlyAccessForm;

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

@@ -111,27 +111,16 @@ var JoinWaitListForm = function () {
             }
         });
     }); };
-    return (<>
-      <styles_1.FormHeader>
-        <ui_1.H2>Join the Waitlist</ui_1.H2>
-        <ui_1.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.
-        </ui_1.SmallText>
-      </styles_1.FormHeader>
-      <styles_1.FormContent onSubmit={handleSubmit(onSubmit)}>
-        <Forms_1.Input register={registerEmail} error={errorInviteCode} data={dataUserEmail}/>
-        <styles_1.FormSubmitBtn>
-          <MainButton_1.default onClick={function () { return null; }} type={'submit'} disabled={!isDirty || !isValid || loading} variant="primaryM" text={'Join Waitlist'}/>
-        </styles_1.FormSubmitBtn>
-      </styles_1.FormContent>
-      <styles_1.FormFooter>
-        <styles_1.FormLogOutBtn>
-          <MainButton_1.default onClick={handleLogOut} type={'button'} variant="outline" text={btnText}/>
-        </styles_1.FormLogOutBtn>
-      </styles_1.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 })))));
 };
 exports.default = JoinWaitListForm;

package/dist/components/inviteCodesPage/components/inviteCodes/{index.jsx → index.js}

@@ -16,8 +16,8 @@ var StyledInviteCodes = styled_components_1.default.div(templateObject_1 || (tem
 var InviteCodes = function (_a) {
     var isLoading = _a.isLoading, children = _a.children;
     if (isLoading)
-        return <loader_1.default />;
-    return <StyledInviteCodes>{children}</StyledInviteCodes>;
+        return react_1.default.createElement(loader_1.default, null);
+    return react_1.default.createElement(StyledInviteCodes, null, children);
 };
 // Export
 exports.default = InviteCodes;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCode/{index.jsx → index.js}

@@ -21,10 +21,9 @@ var StyledInviteCode = styled_components_1.default.div(templateObject_1 || (temp
 // Component
 var InviteCode = function (_a) {
     var inviteCode = _a.inviteCode, children = _a.children;
-    return (<StyledInviteCode isCodeDisabled={inviteCode.isUsed}>
-      <_system_1.H5 className={'code'}>{inviteCode.inviteCode}</_system_1.H5>
-      {children}
-    </StyledInviteCode>);
+    return (react_1.default.createElement(StyledInviteCode, { isCodeDisabled: inviteCode.isUsed },
+        react_1.default.createElement(_system_1.H5, { className: 'code' }, inviteCode.inviteCode),
+        children));
 };
 // Export
 exports.default = InviteCode;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCode/loader/{index.jsx → index.js}

@@ -14,13 +14,12 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var StyledSkeleton = (0, styled_components_1.default)(react_loading_skeleton_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 22px;\n  height: 44px;\n"], ["\n  border-radius: 22px;\n  height: 44px;\n"])));
 // Component
 var InviteCodeLoader = function () {
-    return (<>
-      <StyledSkeleton />
-      <StyledSkeleton style={{ marginTop: '8px' }}/>
-      <StyledSkeleton style={{ marginTop: '8px' }}/>
-      <StyledSkeleton style={{ marginTop: '8px' }}/>
-      <StyledSkeleton style={{ marginTop: '8px' }}/>
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledSkeleton, null),
+        react_1.default.createElement(StyledSkeleton, { style: { marginTop: '8px' } }),
+        react_1.default.createElement(StyledSkeleton, { style: { marginTop: '8px' } }),
+        react_1.default.createElement(StyledSkeleton, { style: { marginTop: '8px' } }),
+        react_1.default.createElement(StyledSkeleton, { style: { marginTop: '8px' } })));
 };
 // Export
 exports.default = InviteCodeLoader;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCodeCaption/{index.jsx → index.js}

@@ -20,8 +20,8 @@ var InviteCodeCaption = function (_a) {
     if (!isNeedRender)
         return null;
     if (isLoading)
-        return <loader_1.default />;
-    return <StyledIInviteCodeCaption>{text}</StyledIInviteCodeCaption>;
+        return react_1.default.createElement(loader_1.default, null);
+    return react_1.default.createElement(StyledIInviteCodeCaption, null, text);
 };
 // Export
 exports.default = InviteCodeCaption;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCodeCaption/loader/{index.jsx → index.js}

@@ -14,7 +14,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var StyledSkeleton = (0, styled_components_1.default)(react_loading_skeleton_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 22px;\n"], ["\n  height: 22px;\n"])));
 // Component
 var InviteCodeCaptionLoader = function () {
-    return <StyledSkeleton style={{ marginBottom: '16px' }}/>;
+    return react_1.default.createElement(StyledSkeleton, { style: { marginBottom: '16px' } });
 };
 // Export
 exports.default = InviteCodeCaptionLoader;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCodeCopy/{index.jsx → index.js}

@@ -17,15 +17,10 @@ var StyledInviteCodeCopy = styled_components_1.default.div(templateObject_1 || (
 // Component
 var InviteCodeCopy = function (_a) {
     var inviteCode = _a.inviteCode;
-    return (<StyledInviteCodeCopy>
-      <div className={'copyBtn'}>
-        <copyBtn_1.CopyButton value={inviteCode.inviteCode}>
-          <_system_1.H5 style={{ marginLeft: '4px', cursor: 'pointer' }} color={colors_1.AccentColor}>
-            Copy
-          </_system_1.H5>
-        </copyBtn_1.CopyButton>
-      </div>
-    </StyledInviteCodeCopy>);
+    return (react_1.default.createElement(StyledInviteCodeCopy, null,
+        react_1.default.createElement("div", { className: 'copyBtn' },
+            react_1.default.createElement(copyBtn_1.CopyButton, { value: inviteCode.inviteCode },
+                react_1.default.createElement(_system_1.H5, { style: { marginLeft: '4px', cursor: 'pointer' }, color: colors_1.AccentColor }, "Copy")))));
 };
 // Export
 exports.default = InviteCodeCopy;

package/dist/components/inviteCodesPage/components/inviteCodes/inviteCodeDate/{index.jsx → index.js}

@@ -16,9 +16,7 @@ var StyledInviteCodeActivatedDate = (0, styled_components_1.default)(_system_1.H
 // Component
 var InviteCodeActivatedDate = function (_a) {
     var value = _a.value;
-    return (<StyledInviteCodeActivatedDate>
-      {"Activated on ".concat(value.toLocaleDateString('en-GB'))}
-    </StyledInviteCodeActivatedDate>);
+    return (react_1.default.createElement(StyledInviteCodeActivatedDate, null, "Activated on ".concat(value.toLocaleDateString('en-GB'))));
 };
 // Export
 exports.default = InviteCodeActivatedDate;

package/dist/components/inviteCodesPage/wrappers/resumeCodes/{index.jsx → index.js}

@@ -25,34 +25,24 @@ var StyledAddCodesText = (0, styled_components_1.default)(system_1.MainText)(tem
 var ResumeCodes = function (_a) {
     var invites = _a.invites, activeInvites = _a.activeInvites, isLoading = _a.isLoading, userId = _a.userId;
     if (isLoading)
-        return <loader_1.default />;
+        return react_1.default.createElement(loader_1.default, null);
     var isPlural = function (nmb) { return (nmb <= 1 ? 'invite' : 'invites'); };
-    return (<div>
-      <StyledResumeCodes>
-        <StyledResumeCodesCaption>
-          You have <strong>{"".concat(invites, " active ").concat(isPlural(invites))}</strong>
-        </StyledResumeCodesCaption>
-        <StyledResumeCodesSubCaption>
-          Your friends activated{' '}
-          <strong>{"".concat(activeInvites, " ").concat(isPlural(activeInvites))}</strong>{' '}
-          already
-        </StyledResumeCodesSubCaption>
-      </StyledResumeCodes>
-      <StyledResumeCodesText>
-        Invite your friends to be among the first who will collect Ludo XP,
-        which is the key to unlock a variety of benefits. From benefiting from
-        selected partner projects, such as airdrops or whitelisting spots, to
-        increased XP for your engagement and activities, such as referrals, to
-        an increased Ludo Rank. The more Ludo XP you gather, the richer your
-        experience.
-      </StyledResumeCodesText>
-      <StyledAddCodesText>
-        Do you have more friends to invite?
-      </StyledAddCodesText>
-      <system_1.MainButton onClick={function () {
-            return window.open("".concat(utils_1.ASK_MORE_INVITES_GOOGLE_FORM).concat(userId), '_blank');
-        }} variant="primaryM" text={'Ask for more invites'}/>
-    </div>);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(StyledResumeCodes, null,
+            react_1.default.createElement(StyledResumeCodesCaption, null,
+                "You have ",
+                react_1.default.createElement("strong", null, "".concat(invites, " active ").concat(isPlural(invites)))),
+            react_1.default.createElement(StyledResumeCodesSubCaption, null,
+                "Your friends activated",
+                ' ',
+                react_1.default.createElement("strong", null, "".concat(activeInvites, " ").concat(isPlural(activeInvites))),
+                ' ',
+                "already")),
+        react_1.default.createElement(StyledResumeCodesText, null, "Invite your friends to be among the first who will collect Ludo XP, which is the key to unlock a variety of benefits. From benefiting from selected partner projects, such as airdrops or whitelisting spots, to increased XP for your engagement and activities, such as referrals, to an increased Ludo Rank. The more Ludo XP you gather, the richer your experience."),
+        react_1.default.createElement(StyledAddCodesText, null, "Do you have more friends to invite?"),
+        react_1.default.createElement(system_1.MainButton, { onClick: function () {
+                return window.open("".concat(utils_1.ASK_MORE_INVITES_GOOGLE_FORM).concat(userId), '_blank');
+            }, variant: "primaryM", text: 'Ask for more invites' })));
 };
 // Export
 exports.default = ResumeCodes;

package/dist/components/inviteCodesPage/wrappers/resumeCodes/loader/index.js

@@ -0,0 +1,17 @@
+"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 react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+// Component
+var ResumeCodesLoader = function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '8px', padding: '24px 32px' }, height: "100px" }),
+        react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '8px', marginTop: '24px' }, height: "30px" }),
+        react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '8px', marginTop: '12px' }, height: "20px" }),
+        react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '8px', marginTop: '12px' }, height: "20px" })));
+};
+// Export
+exports.default = ResumeCodesLoader;

package/dist/components/inviteCodesPage/wrappers/unusedCodes/{index.jsx → index.js}

@@ -17,16 +17,14 @@ var StyledUnusedCodes = styled_components_1.default.div(templateObject_1 || (tem
 var UnusedCodes = function (_a) {
     var unusedInvites = _a.unusedInvites, isLoading = _a.isLoading;
     var renderUnusedInviteCodes = unusedInvites === null || unusedInvites === void 0 ? void 0 : unusedInvites.map(function (inviteCode) {
-        return (<inviteCode_1.default key={inviteCode.inviteCode} inviteCode={inviteCode}>
-        <components_1.InviteCodeCopy inviteCode={inviteCode}/>
-      </inviteCode_1.default>);
+        return (react_1.default.createElement(inviteCode_1.default, { key: inviteCode.inviteCode, inviteCode: inviteCode },
+            react_1.default.createElement(components_1.InviteCodeCopy, { inviteCode: inviteCode })));
     });
     if (!isLoading && (!unusedInvites || !unusedInvites.length)) {
         return null;
     }
-    return (<StyledUnusedCodes>
-      <inviteCodes_1.default isLoading={isLoading}>{renderUnusedInviteCodes}</inviteCodes_1.default>
-    </StyledUnusedCodes>);
+    return (react_1.default.createElement(StyledUnusedCodes, null,
+        react_1.default.createElement(inviteCodes_1.default, { isLoading: isLoading }, renderUnusedInviteCodes)));
 };
 // Export
 exports.default = UnusedCodes;