@ludo.ninja/components 1.9.4 → 1.9.5

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

@@ -24,16 +24,13 @@ var UsedCodes = function (_a) {
         return null;
     }
     var renderUsedInviteCodes = sortedInvitesOnDate.map(function (inviteCode) {
-        return (<inviteCode_1.default key={inviteCode.inviteCode} inviteCode={inviteCode}>
-        <inviteCodeDate_1.default value={new Date(inviteCode.usedAt)}/>
-      </inviteCode_1.default>);
+        return (react_1.default.createElement(inviteCode_1.default, { key: inviteCode.inviteCode, inviteCode: inviteCode },
+            react_1.default.createElement(inviteCodeDate_1.default, { value: new Date(inviteCode.usedAt) })));
     });
-    return (<>
-      <StyledUsedCodesCaption>
-        <components_1.InviteCodeCaption isNeedRender={sortedInvitesOnDate.length} text={'Activated invites'} isLoading={isLoading}/>
-      </StyledUsedCodesCaption>
-      <components_1.InviteCodes isLoading={isLoading}>{renderUsedInviteCodes}</components_1.InviteCodes>
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledUsedCodesCaption, null,
+            react_1.default.createElement(components_1.InviteCodeCaption, { isNeedRender: sortedInvitesOnDate.length, text: 'Activated invites', isLoading: isLoading })),
+        react_1.default.createElement(components_1.InviteCodes, { isLoading: isLoading }, renderUsedInviteCodes)));
 };
 // Export
 exports.default = UsedCodes;

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

@@ -16,9 +16,7 @@ var StyledLinkTabs = styled_components_1.default.div(templateObject_1 || (templa
 // Component
 var LinkTabs = function (_a) {
     var isUnderlined = _a.isUnderlined, children = _a.children, style = _a.style;
-    return (<StyledLinkTabs isUnderlined={isUnderlined} style={style}>
-      {children}
-    </StyledLinkTabs>);
+    return (react_1.default.createElement(StyledLinkTabs, { isUnderlined: isUnderlined, style: style }, children));
 };
 // Export
 exports.default = LinkTabs;

package/dist/components/linkTabs/linkTab/{index.jsx → index.js}

@@ -18,12 +18,10 @@ var StyledLinkTab = styled_components_1.default.span(templateObject_1 || (templa
 var LinkTabs = function (_a) {
     var link = _a.link, isActive = _a.isActive, countItems = _a.countItems, text = _a.text;
     var deviceType = (0, utils_1.useWindowDimensions)().deviceType;
-    return (<link_1.default href={link}>
-      <StyledLinkTab isActive={isActive} isMobile={deviceType === 'isMobile'}>
-        {countItems !== null && (<strong className={'count'}>{countItems}</strong>)}
-        {text}
-      </StyledLinkTab>
-    </link_1.default>);
+    return (react_1.default.createElement(link_1.default, { href: link },
+        react_1.default.createElement(StyledLinkTab, { isActive: isActive, isMobile: deviceType === 'isMobile' },
+            countItems !== null && (react_1.default.createElement("strong", { className: 'count' }, countItems)),
+            text)));
 };
 // Export
 exports.default = LinkTabs;

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

@@ -22,13 +22,12 @@ var MyWallets = function () {
     }).userWallets;
     var renderWallets = function () {
         return userWallets === null || userWallets === void 0 ? void 0 : userWallets.map(function (userWallet, iter) {
-            return (<myWalletItem_1.default key={iter} userId={getUser === null || getUser === void 0 ? void 0 : getUser.userId} blockchain={new core_1.BlockChainEntity(userWallet.blockchain || '')} address={userWallet.address || null} chainId={userWallet.chainId || ''} isMainWallet={userWallet.mainWallet}/>);
+            return (react_1.default.createElement(myWalletItem_1.default, { key: iter, userId: getUser === null || getUser === void 0 ? void 0 : getUser.userId, blockchain: new core_1.BlockChainEntity(userWallet.blockchain || ''), address: userWallet.address || null, chainId: userWallet.chainId || '', isMainWallet: userWallet.mainWallet }));
         });
     };
-    return (<>
-      <_system_1.H2>{'My Wallets'}</_system_1.H2>
-      <StyledMyWallets>{renderWallets()}</StyledMyWallets>
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(_system_1.H2, null, 'My Wallets'),
+        react_1.default.createElement(StyledMyWallets, null, renderWallets())));
 };
 exports.default = MyWallets;
 var templateObject_1;

package/dist/components/myWallets/myWalletItem/{index.jsx → index.js}

@@ -110,35 +110,28 @@ var MyWalletItem = function (_a) {
             }
         });
     }); };
-    return (<utils_1.ClickAwayListener onClickAway={handleClick.close}>
-      <StyledMyWalletItem isOpen={isOpen} isMainWallet={isMainWallet} onClick={handleClick.toggle}>
-        <StyledArrowIcon isOpen={isOpen} width={24} height={24}/>
-        <StyledImg width={36} height={36} src={blockchain.getBlockChainIconRegular({
-            domain: (0, env_1.getStaticENVDomain)(),
-        })} alt={blockchain.getBlockChainPublicLabel()}/>
-        <StyledContent>
-          <span>{(0, utils_2.shortenedText)(address)}</span>
-          <p>{blockchain.getBlockChainPublicLabel()}</p>
-        </StyledContent>
-        <StyledDropDown isOpen={isOpen}>
-          <StyledDropDownItem onClick={function () { return handleCopy(address || ''); }}>
-            <p>Copy</p>
-          </StyledDropDownItem>
-          {!isMainWallet && (<StyledDropDownItem>
-              <p>Set as main address</p>
-            </StyledDropDownItem>)}
-          {!isMainWallet && (<StyledDropDownItem onClick={function () {
-                return removeWallet({
-                    blockchain: blockchain.getBlockChainPrivateLabel(),
-                    address: address || '',
-                    chainId: chainId,
-                });
-            }}>
-              <p>Delete</p>
-            </StyledDropDownItem>)}
-        </StyledDropDown>
-      </StyledMyWalletItem>
-    </utils_1.ClickAwayListener>);
+    return (react_1.default.createElement(utils_1.ClickAwayListener, { onClickAway: handleClick.close },
+        react_1.default.createElement(StyledMyWalletItem, { isOpen: isOpen, isMainWallet: isMainWallet, onClick: handleClick.toggle },
+            react_1.default.createElement(StyledArrowIcon, { isOpen: isOpen, width: 24, height: 24 }),
+            react_1.default.createElement(StyledImg, { width: 36, height: 36, src: blockchain.getBlockChainIconRegular({
+                    domain: (0, env_1.getStaticENVDomain)(),
+                }), alt: blockchain.getBlockChainPublicLabel() }),
+            react_1.default.createElement(StyledContent, null,
+                react_1.default.createElement("span", null, (0, utils_2.shortenedText)(address)),
+                react_1.default.createElement("p", null, blockchain.getBlockChainPublicLabel())),
+            react_1.default.createElement(StyledDropDown, { isOpen: isOpen },
+                react_1.default.createElement(StyledDropDownItem, { onClick: function () { return handleCopy(address || ''); } },
+                    react_1.default.createElement("p", null, "Copy")),
+                !isMainWallet && (react_1.default.createElement(StyledDropDownItem, null,
+                    react_1.default.createElement("p", null, "Set as main address"))),
+                !isMainWallet && (react_1.default.createElement(StyledDropDownItem, { onClick: function () {
+                        return removeWallet({
+                            blockchain: blockchain.getBlockChainPrivateLabel(),
+                            address: address || '',
+                            chainId: chainId,
+                        });
+                    } },
+                    react_1.default.createElement("p", null, "Delete")))))));
 };
 exports.default = MyWalletItem;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -59,35 +59,17 @@ var Navigation = function () {
     var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
     var router = (0, router_1.useRouter)();
     var activeTab = router.pathname.split('/').at(-2);
-    return (<>
-      <StyledFlex isOpen={isOpen}>
-        {isOpen ? (<back_svg_1.default onClick={function () { return setIsOpen(false); }}/>) : (<burger_menu_svg_1.default onClick={function () { return setIsOpen(true); }}/>)}
-        {/*<MenuIcon onClick={() => setIsOpen(true)}/>*/}
-      </StyledFlex>
-      <Wrapper className={"mobile_menu ".concat(isOpen ? 'show' : 'hide')}>
-        <StyledH1>
-          {isOpen && <back_svg_1.default onClick={function () { return setIsOpen(false); }}/>}
-          Settings
-        </StyledH1>
-        <List>
-          <li className={"".concat(activeTab === NavigationTabs.settings ? 'activeTab' : '', " ")}>
-            <settings_svg_1.default className={'icon'}/>
-            <settings_active_svg_1.default className={'activeIcon'}/>
-            <span>Settings</span>
-          </li>
-          {/*<li className={`${activeTab === NavigationTabs.notifications ? 'activeTab' : ''} `}>*/}
-          {/*  <NotificationIcon className={'icon'}/>*/}
-          {/*  <NotificationActiveIcon className={'activeIcon'}/>*/}
-          {/*  <span>Notifications</span>*/}
-          {/*</li>*/}
-          {/*<li className={`${activeTab === NavigationTabs.privacy ? 'activeTab' : ''} `}>*/}
-          {/*  <PrivacyIcon className={'icon'}/>*/}
-          {/*  <PrivacyActiveIcon className={'activeIcon'}/>*/}
-          {/*  <span>Privacy</span>*/}
-          {/*</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(StyledH1, null,
+                isOpen && react_1.default.createElement(back_svg_1.default, { onClick: function () { return setIsOpen(false); } }),
+                "Settings"),
+            react_1.default.createElement(List, null,
+                react_1.default.createElement("li", { className: "".concat(activeTab === NavigationTabs.settings ? 'activeTab' : '', " ") },
+                    react_1.default.createElement(settings_svg_1.default, { className: 'icon' }),
+                    react_1.default.createElement(settings_active_svg_1.default, { className: 'activeIcon' }),
+                    react_1.default.createElement("span", null, "Settings"))))));
 };
 exports.default = Navigation;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/profile/MultiversXAudit/{MultiversXAudit.jsx → MultiversXAudit.js}

@@ -89,19 +89,14 @@ var AuditUI = function (_a) {
             }
         };
     }, []);
-    return (<SWrapper>
-      <div className="canvas">
-        <canvas ref={canvasRef}/>
-      </div>
-      <div className="labels">
-        {labels.map(function (label, index) { return (<div key={index}>
-            <div className="circle" style={{
-                backgroundColor: backgroundColors[index],
-            }}/>
-            <span>{label}</span>
-          </div>); })}
-      </div>
-    </SWrapper>);
+    return (React.createElement(SWrapper, null,
+        React.createElement("div", { className: "canvas" },
+            React.createElement("canvas", { ref: canvasRef })),
+        React.createElement("div", { className: "labels" }, labels.map(function (label, index) { return (React.createElement("div", { key: index },
+            React.createElement("div", { className: "circle", style: {
+                    backgroundColor: backgroundColors[index],
+                } }),
+            React.createElement("span", null, label))); }))));
 };
 var Audit = function (_a) {
     var _b;
@@ -125,14 +120,14 @@ var Audit = function (_a) {
         return null;
     }
     var interests = data.fetchMultiversxAudit.interests;
-    return interests && <AuditUI interests={interests}/>;
+    return interests && React.createElement(AuditUI, { interests: interests });
 };
 var MultiversXAudit = function () {
     var authMultiversXWallet = (0, nookies_1.parseCookies)().authMultiversXWallet;
     if (!authMultiversXWallet) {
         return null;
     }
-    return <Audit wallet={authMultiversXWallet}/>;
+    return React.createElement(Audit, { wallet: authMultiversXWallet });
     // const testWallet =
     //   'erd138hdrk39plv3afyv0x3fcsknfu9hkdj9xu7u0mpdqmjpvt5avc7s72unc8';
     // return <Audit wallet={testWallet} />;

package/dist/components/profile/{ProfileTabs.jsx → ProfileTabs.js}

@@ -21,28 +21,26 @@ var env_1 = require("@/utils/env");
 var ProfileTabs = function (_a) {
     var _b = _a.totalResults, totalResults = _b === void 0 ? null : _b, profileId = _a.profileId, style = _a.style, isMobile = _a.isMobile;
     var router = (0, router_1.useRouter)();
-    return (<linkTabs_1.default isUnderlined style={style}>
-      {__spreadArray([
+    return (react_1.default.createElement(linkTabs_1.default, { isUnderlined: true, style: style }, __spreadArray([
+        {
+            link: "/profile/".concat(profileId, "/nfts"),
+            text: 'NFTs',
+        }
+    ], ((0, env_1.isProd)({ ENV: isProdENV })
+        ? []
+        : [
+            {
+                link: "/profile/".concat(profileId, "/galleries"),
+                text: 'Galleries',
+            },
             {
-                link: "/profile/".concat(profileId, "/nfts"),
-                text: 'NFTs',
-            }
-        ], ((0, env_1.isProd)({ ENV: isProdENV })
-            ? []
-            : [
-                {
-                    link: "/profile/".concat(profileId, "/galleries"),
-                    text: 'Galleries',
-                },
-                {
-                    link: "/profile/".concat(profileId, "/favorite-lists"),
-                    text: isMobile ? 'Fav.Lists' : 'Favorite Lists',
-                },
-            ]), true).map(function (_a) {
-            var link = _a.link, text = _a.text;
-            var isActive = router.asPath.includes(link);
-            return (<linkTab_1.default key={link} link={link} isActive={isActive} countItems={isActive ? totalResults : null} text={text}/>);
-        })}
-    </linkTabs_1.default>);
+                link: "/profile/".concat(profileId, "/favorite-lists"),
+                text: isMobile ? 'Fav.Lists' : 'Favorite Lists',
+            },
+        ]), true).map(function (_a) {
+        var link = _a.link, text = _a.text;
+        var isActive = router.asPath.includes(link);
+        return (react_1.default.createElement(linkTab_1.default, { key: link, link: link, isActive: isActive, countItems: isActive ? totalResults : null, text: text }));
+    })));
 };
 exports.ProfileTabs = ProfileTabs;

package/dist/components/profile/aboutText/{index.jsx → index.js}

@@ -84,31 +84,22 @@ var ProfileAboutText = function (_a) {
         router.push("/account/profile/settings/".concat(profileId));
     };
     var windowDimensions = (0, utils_2.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (<StyledProfileAboutText>
-      {isUserNameShouldShow && <h3 className={'name'}>{username}</h3>}
-      {userWallet && (<utils_2.CopyButton value={userWallet}>
-          <p className="wallet">{(0, utils_1.shortenedText)(userWallet)}</p>
-        </utils_2.CopyButton>)}
-      <followersSocial_1.ProfileFollowersSocial followings={followings} followers={followers} social={social}/>
-
-      {about && (<react_hyphen_1.default>
-          <p className={"descr ".concat(isNeedReadMore && 'isActive')}>{about}</p>
-        </react_hyphen_1.default>)}
-      {isNeedReadMore && (<span className={'readMore'} onClick={handleReadMore}>
-          Read more
-        </span>)}
-      <div className="shareEdit">
-        {isSignedIn && (<div className="editBtnOrShare">
-            {profileId !== (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (<system_1.MainButton text={isFollowing ? 'Unfollow' : 'FOLLOW'} variant={isFollowing ? 'secondary' : 'primaryM'} onClick={onContentChanged}/>)}
-            {profileId === (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (<system_1.MainButton text={'Edit profile'} variant="outline" onClick={handleRedirectToProfileSettings}/>)}
-          </div>)}
-        <div className="shareBtn">
-          <system_1.IconButton onClick={function () {
-            return openModal(<shareDialog_1.default link={url} onHide={closeModal}/>);
-        }} icon={<share_svg_1.default style={(0, utils_2.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })}/>}/>
-        </div>
-      </div>
-    </StyledProfileAboutText>);
+    return (react_1.default.createElement(StyledProfileAboutText, null,
+        isUserNameShouldShow && react_1.default.createElement("h3", { className: 'name' }, username),
+        userWallet && (react_1.default.createElement(utils_2.CopyButton, { value: userWallet },
+            react_1.default.createElement("p", { className: "wallet" }, (0, utils_1.shortenedText)(userWallet)))),
+        react_1.default.createElement(followersSocial_1.ProfileFollowersSocial, { followings: followings, followers: followers, social: social }),
+        about && (react_1.default.createElement(react_hyphen_1.default, null,
+            react_1.default.createElement("p", { className: "descr ".concat(isNeedReadMore && 'isActive') }, about))),
+        isNeedReadMore && (react_1.default.createElement("span", { className: 'readMore', onClick: handleReadMore }, "Read more")),
+        react_1.default.createElement("div", { className: "shareEdit" },
+            isSignedIn && (react_1.default.createElement("div", { className: "editBtnOrShare" },
+                profileId !== (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (react_1.default.createElement(system_1.MainButton, { text: isFollowing ? 'Unfollow' : 'FOLLOW', variant: isFollowing ? 'secondary' : 'primaryM', onClick: onContentChanged })),
+                profileId === (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (react_1.default.createElement(system_1.MainButton, { text: 'Edit profile', variant: "outline", onClick: handleRedirectToProfileSettings })))),
+            react_1.default.createElement("div", { className: "shareBtn" },
+                react_1.default.createElement(system_1.IconButton, { onClick: function () {
+                        return openModal(react_1.default.createElement(shareDialog_1.default, { link: url, onHide: closeModal }));
+                    }, icon: react_1.default.createElement(share_svg_1.default, { style: (0, utils_2.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }) })))));
 };
 exports.ProfileAboutText = ProfileAboutText;
 var templateObject_1;

package/dist/components/profile/addToGalleryBtns/{index.jsx → index.js}

@@ -20,7 +20,7 @@ var StyledProfileAddToGalleryBtns = styled_components_1.default.div(templateObje
 // Component
 var PlusIconResize = function () {
     var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (<plus_svg_1.default className={'icon'} style={(0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })}/>);
+    return (react_1.default.createElement(plus_svg_1.default, { className: 'icon', style: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }));
 };
 var ProfileAddToGalleryBtns = function (_a) {
     var addMethod = _a.addMethod;
@@ -31,14 +31,11 @@ var ProfileAddToGalleryBtns = function (_a) {
     }); }), resetCreationsInGallery = _b.resetCreationsInGallery, creationsToGallery = _b.creationsToGallery, isActiveGalleryMode = _b.isActiveGalleryMode;
     if (!isActiveGalleryMode)
         return null;
-    return (<StyledProfileAddToGalleryBtns>
-      <div className="addToGalleryBtns">
-        <system_1.IconWithButton variant={'regular'} text={'Add to Gallery'} onClick={addMethod} disabled={!creationsToGallery.length} isDisableSkeleton={true}>
-          <PlusIconResize />
-        </system_1.IconWithButton>
-        <system_1.MainButton onClick={resetCreationsInGallery} variant="float" text={'Cancel'}/>
-      </div>
-    </StyledProfileAddToGalleryBtns>);
+    return (react_1.default.createElement(StyledProfileAddToGalleryBtns, null,
+        react_1.default.createElement("div", { className: "addToGalleryBtns" },
+            react_1.default.createElement(system_1.IconWithButton, { variant: 'regular', text: 'Add to Gallery', onClick: addMethod, disabled: !creationsToGallery.length, isDisableSkeleton: true },
+                react_1.default.createElement(PlusIconResize, null)),
+            react_1.default.createElement(system_1.MainButton, { onClick: resetCreationsInGallery, variant: "float", text: 'Cancel' }))));
 };
 // Export
 exports.default = ProfileAddToGalleryBtns;

package/dist/components/profile/followersSocial/followers/{index.jsx → index.js}

@@ -20,10 +20,9 @@ var StyledProfileFollowersCaption = (0, styled_components_1.default)(_system_1.H
 // Components
 var ProfileFollowers = function (_a) {
     var counter = _a.counter, text = _a.text;
-    return (<StyledProfileFollowers>
-      <StyledProfileFollowersCounter>{counter}</StyledProfileFollowersCounter>
-      <StyledProfileFollowersCaption>{text}</StyledProfileFollowersCaption>
-    </StyledProfileFollowers>);
+    return (react_1.default.createElement(StyledProfileFollowers, null,
+        react_1.default.createElement(StyledProfileFollowersCounter, null, counter),
+        react_1.default.createElement(StyledProfileFollowersCaption, null, text)));
 };
 exports.ProfileFollowers = ProfileFollowers;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/profile/followersSocial/{index.jsx → index.js}

@@ -17,13 +17,12 @@ var StyledProfileFollowersSocial = styled_components_1.default.div(templateObjec
 // Components
 var ProfileFollowersSocial = function (_a) {
     var followers = _a.followers, followings = _a.followings, social = _a.social;
-    return (<StyledProfileFollowersSocial>
-      {(followers && (<followers_1.ProfileFollowers text={'FOLLOWERS'} counter={followers}/>)) ||
-            null}
-      {(followings && (<followers_1.ProfileFollowers text={'FOLLOWING'} counter={followings}/>)) ||
-            null}
-      <social_1.ProfileSocial social={social}/>
-    </StyledProfileFollowersSocial>);
+    return (react_1.default.createElement(StyledProfileFollowersSocial, null,
+        (followers && (react_1.default.createElement(followers_1.ProfileFollowers, { text: 'FOLLOWERS', counter: followers }))) ||
+            null,
+        (followings && (react_1.default.createElement(followers_1.ProfileFollowers, { text: 'FOLLOWING', counter: followings }))) ||
+            null,
+        react_1.default.createElement(social_1.ProfileSocial, { social: social })));
 };
 exports.ProfileFollowersSocial = ProfileFollowersSocial;
 var templateObject_1;

package/dist/components/profile/followersSocial/social/{index.jsx → index.js}

@@ -23,20 +23,18 @@ var ProfileSocial = function (_a) {
                 : "https://".concat(icon)
             : icon;
         if (icon) {
-            return (<StyledProfileSocialItem className={'profileStatsSocialItem'} target={'_blank'} rel="noreferrer" href={websiteLink}>
-          <image_1.default src={"/socials/".concat([type], ".svg")} width={20} title={type} height={20} alt={icon}/>
-        </StyledProfileSocialItem>);
+            return (react_1.default.createElement(StyledProfileSocialItem, { className: 'profileStatsSocialItem', target: '_blank', rel: "noreferrer", href: websiteLink },
+                react_1.default.createElement(image_1.default, { src: "/socials/".concat([type], ".svg"), width: 20, title: type, height: 20, alt: icon })));
         }
     };
     var isSocialNullish = Object.values(social).every(function (value) { return value === null; });
     if (!isSocialNullish && !(social === null || social === void 0 ? void 0 : social.website))
         return null;
-    return (<>
-      {socialIcon(social === null || social === void 0 ? void 0 : social.facebook, 'facebook')}
-      {socialIcon(social === null || social === void 0 ? void 0 : social.instagram, 'instagram')}
-      {socialIcon(social === null || social === void 0 ? void 0 : social.website, 'website')}
-      {socialIcon(social === null || social === void 0 ? void 0 : social.twitter, 'twitter')}
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        socialIcon(social === null || social === void 0 ? void 0 : social.facebook, 'facebook'),
+        socialIcon(social === null || social === void 0 ? void 0 : social.instagram, 'instagram'),
+        socialIcon(social === null || social === void 0 ? void 0 : social.website, 'website'),
+        socialIcon(social === null || social === void 0 ? void 0 : social.twitter, 'twitter')));
 };
 exports.ProfileSocial = ProfileSocial;
 var templateObject_1;

package/dist/components/profile/info/{index.jsx → index.js}

@@ -30,17 +30,14 @@ var ProfileInfo = function (_a) {
         return 120;
     };
     var size = getProfileImgSize();
-    return (<StyledProfileInfo>
-      <div className={'profileImgWithDescription'}>
-        <div className={'profileImage'}>
-          <_system_1.ProfilePic userPicSrc={profile.getUserPic({
-            mediaDomain: (0, env_1.getMediaENVDomain)(),
-        })} size={size}/>
-        </div>
-        <profile_1.ProfileAboutText username={profile.getName()} about={profile.getAbout()} following={profile === null || profile === void 0 ? void 0 : profile.getIsFollowing()} followings={profile.getFollowings()} followers={profile.getFollowers()} wallets={profile.getWallets()} social={[]}/>
-      </div>
-      <profile_1.ProfileStats rank={profile.getUserRank()}/>
-    </StyledProfileInfo>);
+    return (react_1.default.createElement(StyledProfileInfo, null,
+        react_1.default.createElement("div", { className: 'profileImgWithDescription' },
+            react_1.default.createElement("div", { className: 'profileImage' },
+                react_1.default.createElement(_system_1.ProfilePic, { userPicSrc: profile.getUserPic({
+                        mediaDomain: (0, env_1.getMediaENVDomain)(),
+                    }), size: size })),
+            react_1.default.createElement(profile_1.ProfileAboutText, { username: profile.getName(), about: profile.getAbout(), following: profile === null || profile === void 0 ? void 0 : profile.getIsFollowing(), followings: profile.getFollowings(), followers: profile.getFollowers(), wallets: profile.getWallets(), social: [] })),
+        react_1.default.createElement(profile_1.ProfileStats, { rank: profile.getUserRank() })));
 };
 exports.ProfileInfo = ProfileInfo;
 var templateObject_1;

package/dist/components/profile/interests/{index.jsx → index.js}

@@ -25,47 +25,32 @@ var ProfileInterests = function () {
     var _a = (0, useFetchUserInterests_1.default)(), userInterests = _a.userInterests, loading = _a.loading, error = _a.error;
     var renderDiagrammaProgressItem = function () {
         return userInterests === null || userInterests === void 0 ? void 0 : userInterests.map(function (interest, iter) {
-            return (<span key={interest.imageUrl} className={'diagrammaProgressItem'} style={{
+            return (react_1.default.createElement("span", { key: interest.imageUrl, className: 'diagrammaProgressItem', style: {
                     backgroundColor: data_1.default[iter].colorLabel,
                     width: "".concat(interest.percents, "%"),
-                }}></span>);
+                } }));
         });
     };
     var renderDiagrammaTableItem = function () {
         return userInterests === null || userInterests === void 0 ? void 0 : userInterests.map(function (interest, iter) {
             var mediaQuery = window.matchMedia('(min-width: 768px) and (max-width: 1199px)');
             var shouldTruncate = mediaQuery.matches && interest.name && interest.name.length > 11;
-            return (<span key={interest.imageUrl} className="diagrammaTableItem">
-          <p className={'diagrammaTableItemStartValue'}>
-            <strong style={{ backgroundColor: data_1.default[iter].colorLabel }}></strong>
-            {shouldTruncate
-                    ? interest.name.substring(0, 11) + '...'
-                    : interest.name}
-          </p>
-          <p className={'diagrammaTableItemEndValue'}>{"".concat(interest.percents, "%")}</p>
-        </span>);
+            return (react_1.default.createElement("span", { key: interest.imageUrl, className: "diagrammaTableItem" },
+                react_1.default.createElement("p", { className: 'diagrammaTableItemStartValue' },
+                    react_1.default.createElement("strong", { style: { backgroundColor: data_1.default[iter].colorLabel } }),
+                    shouldTruncate
+                        ? interest.name.substring(0, 11) + '...'
+                        : interest.name),
+                react_1.default.createElement("p", { className: 'diagrammaTableItemEndValue' }, "".concat(interest.percents, "%"))));
         });
     };
     if (loading || error || !(userInterests === null || userInterests === void 0 ? void 0 : userInterests.length))
         return null;
-    return (<StyledProfileInterests>
-      <Palete_1.default>
-        <span className="caption">Interests</span>
-        <div className={'diagrammaProgress'}>
-          {renderDiagrammaProgressItem()}
-        </div>
-        <div className={"diagrammaTable"}>
-          {renderDiagrammaTableItem()}
-          {/*<span className="diagrammaTableItem">*/}
-          {/*  <p className={'diagrammaTableItemStartValue'}>*/}
-          {/*    <strong style={{ backgroundColor: InactiveButtonColor }}></strong>*/}
-          {/*    CreationOther*/}
-          {/*  </p>*/}
-          {/*  <p className={'diagrammaTableItemEndValue'}>9%</p>*/}
-          {/*</span>*/}
-        </div>
-      </Palete_1.default>
-    </StyledProfileInterests>);
+    return (react_1.default.createElement(StyledProfileInterests, null,
+        react_1.default.createElement(Palete_1.default, null,
+            react_1.default.createElement("span", { className: "caption" }, "Interests"),
+            react_1.default.createElement("div", { className: 'diagrammaProgress' }, renderDiagrammaProgressItem()),
+            react_1.default.createElement("div", { className: "diagrammaTable" }, renderDiagrammaTableItem()))));
 };
 exports.ProfileInterests = ProfileInterests;
 var templateObject_1;

package/dist/components/profile/pageHead/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfilePageHead = void 0;
+var react_1 = __importDefault(require("react"));
+var head_1 = __importDefault(require("next/head"));
+// Private
+var seo = function (title, about, url, image) {
+    return {
+        title: title,
+        about: about,
+        openGraph: {
+            type: 'website',
+            locale: 'en_US',
+            url: url,
+            title: title,
+            about: about,
+            image: image,
+            site_name: process.env.NEXT_PUBLIC_ENV_DOMAIN,
+            imageWidth: '512',
+            imageHeight: '512',
+        },
+        twitter: {
+            handle: '@ludo',
+            cardType: 'summary_large_image',
+        },
+    };
+};
+// Components
+var ProfilePageHead = function (_a) {
+    var userUrl = _a.userUrl, profile = _a.profile;
+    var seoValues = seo(profile.getName() || '', profile.getAbout(), userUrl, ''
+    // profilePic
+    );
+    return (react_1.default.createElement(head_1.default, null,
+        seoValues.title && react_1.default.createElement("title", { key: "title" }, seoValues.title),
+        seoValues.about && (react_1.default.createElement("meta", { key: "description", name: "description", content: seoValues.about })),
+        seoValues.twitter.cardType && (react_1.default.createElement("meta", { key: "twitter:card", name: "twitter:card", content: seoValues.twitter.cardType })),
+        seoValues.twitter.handle && (react_1.default.createElement("meta", { key: "twitter:site", name: "twitter:site", content: seoValues.twitter.handle })),
+        seoValues.openGraph.url && (react_1.default.createElement("meta", { key: "og:url", property: "og:url", content: seoValues.openGraph.url })),
+        seoValues.openGraph.type && (react_1.default.createElement("meta", { key: "og:type", property: "og:type", content: seoValues.openGraph.type })),
+        seoValues.openGraph.title && (react_1.default.createElement("meta", { key: "og:title", property: "og:title", content: seoValues.openGraph.title })),
+        seoValues.openGraph.about && (react_1.default.createElement("meta", { key: "og:description", property: "og:description", content: seoValues.openGraph.about })),
+        seoValues.openGraph.image && (react_1.default.createElement("meta", { key: "og:image", property: "og:image", content: seoValues.openGraph.image })),
+        seoValues.openGraph.imageWidth && (react_1.default.createElement("meta", { key: "og:image:width", property: "og:image:width", content: seoValues.openGraph.imageWidth })),
+        seoValues.openGraph.imageHeight && (react_1.default.createElement("meta", { key: "og:image:height", property: "og:image:height", content: seoValues.openGraph.imageHeight })),
+        seoValues.openGraph.locale && (react_1.default.createElement("meta", { key: "og:locale", property: "og:locale", content: seoValues.openGraph.locale }))));
+};
+exports.ProfilePageHead = ProfilePageHead;