@ludo.ninja/components 1.1.6 → 1.1.7

package/dist/components/profile/aboutText/index.jsx

@@ -1,89 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React, { useCallback, useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import Hyphenated from 'react-hyphen';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { shortenedText } from '@ludo.ninja/utils';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import useFollowProfile from '@/api/server-identities/mutations/useFollowProfile';
-import useUnfollowProfile from '@/api/server-identities/mutations/useUnfollowProfile';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { AccentColor, BlackColor, TextGrayColor } from '@/styles/colors';
-import { FH1, FH3, FH5, FH6, MainText } from '@/styles/typography';
-import { ProfileFollowersSocial } from '@/components/profile/followersSocial';
-import ShareDialog from '@/components/shareDialog';
-import IconButton from '@/system/Buttons/IconButton';
-import MainButton from '@/system/Buttons/MainButton';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { CopyButton } from '@/utils/copyBtn';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import { dmsansFontVarCss } from '@/fonts/vars';
-import ShareIcon from '@/public/iconButton/share.svg';
-var StyledProfileAboutText = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 640px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  word-wrap: break-word;\n  margin-left: 32px;\n\n  .name {\n    ", ";\n    color: ", ";\n    margin-bottom: 0;\n    line-height: 1.75em;\n  }\n\n  .descr {\n    font-family: ", ";\n    ", ";\n    color: ", ";\n    word-wrap: break-word;\n  }\n\n  .wallet {\n    ", ";\n    color: ", ";\n  }\n\n  .isActive {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    max-height: 3em;\n    white-space: normal;\n  }\n\n  .readMore {\n    ", ";\n    color: ", ";\n    margin-top: 4px;\n    display: block;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .shareEdit {\n    margin-top: 20px;\n    display: flex;\n    align-items: center;\n\n    .editBtnOrShare {\n      margin-right: 24px;\n    }\n  }\n\n  ", " {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n    max-width: 516px;\n\n    .name {\n      ", ";\n      line-height: 1.335em;\n      margin-bottom: 8px;\n    }\n\n    .descr {\n      font-size: 1.4em;\n      margin-top: 4px;\n    }\n\n    .shareEdit {\n      margin-top: 24px;\n    }\n  }\n\n  @media (min-width: 600px) and (max-width: 767px) {\n    max-width: 368px;\n  }\n\n  ", " {\n    max-width: ", ";\n    margin-left: ", ";\n\n    .name {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .descr {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .wallet {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .isActive {\n      max-height: ", ";\n    }\n\n    .readMore {\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    }\n\n    .shareEdit {\n      margin-top: ", ";\n\n      .editBtnOrShare {\n        margin-right: ", ";\n      }\n    }\n  }\n"], ["\n  max-width: 640px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  word-wrap: break-word;\n  margin-left: 32px;\n\n  .name {\n    ", ";\n    color: ", ";\n    margin-bottom: 0;\n    line-height: 1.75em;\n  }\n\n  .descr {\n    font-family: ", ";\n    ", ";\n    color: ", ";\n    word-wrap: break-word;\n  }\n\n  .wallet {\n    ", ";\n    color: ", ";\n  }\n\n  .isActive {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    max-height: 3em;\n    white-space: normal;\n  }\n\n  .readMore {\n    ", ";\n    color: ", ";\n    margin-top: 4px;\n    display: block;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .shareEdit {\n    margin-top: 20px;\n    display: flex;\n    align-items: center;\n\n    .editBtnOrShare {\n      margin-right: 24px;\n    }\n  }\n\n  ", " {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n    max-width: 516px;\n\n    .name {\n      ", ";\n      line-height: 1.335em;\n      margin-bottom: 8px;\n    }\n\n    .descr {\n      font-size: 1.4em;\n      margin-top: 4px;\n    }\n\n    .shareEdit {\n      margin-top: 24px;\n    }\n  }\n\n  @media (min-width: 600px) and (max-width: 767px) {\n    max-width: 368px;\n  }\n\n  ", " {\n    max-width: ", ";\n    margin-left: ", ";\n\n    .name {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .descr {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .wallet {\n      font-size: ", ";\n      line-height: ", ";\n    }\n\n    .isActive {\n      max-height: ", ";\n    }\n\n    .readMore {\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    }\n\n    .shareEdit {\n      margin-top: ", ";\n\n      .editBtnOrShare {\n        margin-right: ", ";\n      }\n    }\n  }\n"])), FH1, BlackColor, dmsansFontVarCss.css, MainText, TextGrayColor, FH5, AccentColor, FH6, AccentColor, mediaQuery.mobile, FH3, mediaQuery.minWidthFourK, adaptiveValueCalc(640), adaptiveValueCalc(32), adaptiveValueCalc(24), adaptiveValueCalc(36), adaptiveValueCalc(15), adaptiveValueCalc(22), adaptiveValueCalc(15), adaptiveValueCalc(22), adaptiveValueCalc(44), adaptiveValueCalc(12), adaptiveValueCalc(16), adaptiveValueCalc(4), adaptiveValueCalc(20), adaptiveValueCalc(24));
-var maxStringLenght = 177;
-export var ProfileAboutText = function (_a) {
-    var _b;
-    var username = _a.username, about = _a.about, following = _a.following, wallets = _a.wallets, followers = _a.followers, followings = _a.followings, social = _a.social;
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    var _c = useUiStore(function (state) { return ({
-        openModal: state.openModal,
-        closeModal: state.closeModal,
-    }); }), openModal = _c.openModal, closeModal = _c.closeModal;
-    var _d = useState(false), isNeedReadMore = _d[0], setNeedReadMore = _d[1];
-    var _e = useState(following), isFollowing = _e[0], setIsFollowing = _e[1];
-    var url = typeof window !== 'undefined' ? window.location.href : null;
-    var router = useRouter();
-    var profileId = router.query.profileId;
-    var userWallet = profileId === (getUser === null || getUser === void 0 ? void 0 : getUser.userId)
-        ? getUser === null || getUser === void 0 ? void 0 : getUser.wallets[0]
-        : wallets && ((_b = wallets[0]) === null || _b === void 0 ? void 0 : _b.address);
-    var isUserNameShouldShow = username && username.length >= 1 && username.length <= 30;
-    var followProfile = useFollowProfile(profileId).followProfile;
-    var unfollowProfile = useUnfollowProfile(profileId).unfollowProfile;
-    var onContentChanged = useCallback(function () {
-        isFollowing ? unfollowProfile() : followProfile();
-        setIsFollowing(!isFollowing);
-    }, [isFollowing]);
-    var handleReadMore = function () { return setNeedReadMore(function (p) { return !p; }); };
-    useEffect(function () {
-        if (about && about.length > maxStringLenght) {
-            setNeedReadMore(true);
-        }
-    }, [about]);
-    var handleRedirectToProfileSettings = function () {
-        router.push("/account/profile/settings/".concat(profileId));
-    };
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    return (<StyledProfileAboutText>
-      {isUserNameShouldShow && <h3 className={'name'}>{username}</h3>}
-      {userWallet && (<CopyButton value={userWallet}>
-          <p className="wallet">{shortenedText(userWallet)}</p>
-        </CopyButton>)}
-      <ProfileFollowersSocial followings={followings} followers={followers} social={social}/>
-
-      {about && (<Hyphenated>
-          <p className={"descr ".concat(isNeedReadMore && 'isActive')}>{about}</p>
-        </Hyphenated>)}
-      {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) && (<MainButton text={isFollowing ? 'Unfollow' : 'FOLLOW'} variant={isFollowing ? 'secondary' : 'primaryM'} onClick={onContentChanged}/>)}
-            {profileId === (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (<MainButton text={'Edit profile'} variant="outline" onClick={handleRedirectToProfileSettings}/>)}
-          </div>)}
-        <div className="shareBtn">
-          <IconButton onClick={function () {
-            return openModal(<ShareDialog link={url} onHide={closeModal}/>);
-        }} icon={<ShareIcon style={getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 })}/>}/>
-        </div>
-      </div>
-    </StyledProfileAboutText>);
-};
-var templateObject_1;

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

@@ -1,36 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { useToGalleryStore } from '@/hooks/useToGalleryAsset';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { WhiteColor } from '@/styles/colors';
-import IconWithButton from '@/system/Buttons/IconWithButton';
-import MainButton from '@/system/Buttons/MainButton';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import PlusIcon from '@/public/wallets/plus.svg';
-// Styles
-var StyledProfileAddToGalleryBtns = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 100;\n  bottom: 32px;\n  background: ", ";\n  width: 300px;\n  height: 55px;\n  box-shadow: 0 4px 20px rgba(33, 21, 95, 0.1);\n  border-radius: 30px;\n  padding: 8px;\n\n  .addToGalleryBtns {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button:first-child {\n      margin-right: 12px;\n      width: 160px;\n      height: 40px;\n      padding: 0;\n    }\n\n    button:last-child {\n      width: 112px;\n      height: 40px;\n    }\n  }\n\n  .organizeBtn {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .icon {\n    path {\n      stroke: ", ";\n    }\n\n    margin-right: 5px;\n  }\n\n  ", " {\n    bottom: ", ";\n    width: ", ";\n    height: ", ";\n    box-shadow: 0 ", " ", "\n      rgba(33, 21, 95, 0.1);\n    border-radius: ", ";\n    padding: ", ";\n\n    .addToGalleryBtns {\n      button:first-child {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n      }\n\n      button:last-child {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon {\n      margin-right: ", ";\n    }\n  }\n"], ["\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 100;\n  bottom: 32px;\n  background: ", ";\n  width: 300px;\n  height: 55px;\n  box-shadow: 0 4px 20px rgba(33, 21, 95, 0.1);\n  border-radius: 30px;\n  padding: 8px;\n\n  .addToGalleryBtns {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button:first-child {\n      margin-right: 12px;\n      width: 160px;\n      height: 40px;\n      padding: 0;\n    }\n\n    button:last-child {\n      width: 112px;\n      height: 40px;\n    }\n  }\n\n  .organizeBtn {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .icon {\n    path {\n      stroke: ", ";\n    }\n\n    margin-right: 5px;\n  }\n\n  ", " {\n    bottom: ", ";\n    width: ", ";\n    height: ", ";\n    box-shadow: 0 ", " ", "\n      rgba(33, 21, 95, 0.1);\n    border-radius: ", ";\n    padding: ", ";\n\n    .addToGalleryBtns {\n      button:first-child {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n      }\n\n      button:last-child {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon {\n      margin-right: ", ";\n    }\n  }\n"])), WhiteColor, WhiteColor, mediaQuery.minWidthFourK, adaptiveValueCalc(32), adaptiveValueCalc(300), adaptiveValueCalc(55), adaptiveValueCalc(4), adaptiveValueCalc(20), adaptiveValueCalc(30), adaptiveValueCalc(8), adaptiveValueCalc(12), adaptiveValueCalc(160), adaptiveValueCalc(40), adaptiveValueCalc(112), adaptiveValueCalc(40), adaptiveValueCalc(5));
-// Component
-var PlusIconResize = function () {
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    return (_jsx(PlusIcon, { className: 'icon', style: getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 }) }));
-};
-var ProfileAddToGalleryBtns = function (_a) {
-    var addMethod = _a.addMethod;
-    var _b = useToGalleryStore(function (state) { return ({
-        resetCreationsInGallery: state.resetCreationsInGallery,
-        creationsToGallery: state.creationsToGallery,
-        isActiveGalleryMode: state.isActiveGalleryMode,
-    }); }), resetCreationsInGallery = _b.resetCreationsInGallery, creationsToGallery = _b.creationsToGallery, isActiveGalleryMode = _b.isActiveGalleryMode;
-    if (!isActiveGalleryMode)
-        return null;
-    return (_jsx(StyledProfileAddToGalleryBtns, { children: _jsxs("div", { className: "addToGalleryBtns", children: [_jsx(IconWithButton, { variant: 'regular', text: 'Add to Gallery', onClick: addMethod, disabled: !creationsToGallery.length, isDisableSkeleton: true, children: _jsx(PlusIconResize, {}) }), _jsx(MainButton, { onClick: resetCreationsInGallery, variant: "float", text: 'Cancel' })] }) }));
-};
-// Export
-export default ProfileAddToGalleryBtns;
-var templateObject_1;

package/dist/components/profile/addToGalleryBtns/index.jsx

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { useToGalleryStore } from '@/hooks/useToGalleryAsset';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { WhiteColor } from '@/styles/colors';
-import IconWithButton from '@/system/Buttons/IconWithButton';
-import MainButton from '@/system/Buttons/MainButton';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import PlusIcon from '@/public/wallets/plus.svg';
-// Styles
-var StyledProfileAddToGalleryBtns = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 100;\n  bottom: 32px;\n  background: ", ";\n  width: 300px;\n  height: 55px;\n  box-shadow: 0 4px 20px rgba(33, 21, 95, 0.1);\n  border-radius: 30px;\n  padding: 8px;\n\n  .addToGalleryBtns {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button:first-child {\n      margin-right: 12px;\n      width: 160px;\n      height: 40px;\n      padding: 0;\n    }\n\n    button:last-child {\n      width: 112px;\n      height: 40px;\n    }\n  }\n\n  .organizeBtn {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .icon {\n    path {\n      stroke: ", ";\n    }\n\n    margin-right: 5px;\n  }\n\n  ", " {\n    bottom: ", ";\n    width: ", ";\n    height: ", ";\n    box-shadow: 0 ", " ", "\n      rgba(33, 21, 95, 0.1);\n    border-radius: ", ";\n    padding: ", ";\n\n    .addToGalleryBtns {\n      button:first-child {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n      }\n\n      button:last-child {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon {\n      margin-right: ", ";\n    }\n  }\n"], ["\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 100;\n  bottom: 32px;\n  background: ", ";\n  width: 300px;\n  height: 55px;\n  box-shadow: 0 4px 20px rgba(33, 21, 95, 0.1);\n  border-radius: 30px;\n  padding: 8px;\n\n  .addToGalleryBtns {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button:first-child {\n      margin-right: 12px;\n      width: 160px;\n      height: 40px;\n      padding: 0;\n    }\n\n    button:last-child {\n      width: 112px;\n      height: 40px;\n    }\n  }\n\n  .organizeBtn {\n    display: flex;\n    height: 100%;\n    width: 100%;\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .icon {\n    path {\n      stroke: ", ";\n    }\n\n    margin-right: 5px;\n  }\n\n  ", " {\n    bottom: ", ";\n    width: ", ";\n    height: ", ";\n    box-shadow: 0 ", " ", "\n      rgba(33, 21, 95, 0.1);\n    border-radius: ", ";\n    padding: ", ";\n\n    .addToGalleryBtns {\n      button:first-child {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n      }\n\n      button:last-child {\n        width: ", ";\n        height: ", ";\n      }\n    }\n\n    .icon {\n      margin-right: ", ";\n    }\n  }\n"])), WhiteColor, WhiteColor, mediaQuery.minWidthFourK, adaptiveValueCalc(32), adaptiveValueCalc(300), adaptiveValueCalc(55), adaptiveValueCalc(4), adaptiveValueCalc(20), adaptiveValueCalc(30), adaptiveValueCalc(8), adaptiveValueCalc(12), adaptiveValueCalc(160), adaptiveValueCalc(40), adaptiveValueCalc(112), adaptiveValueCalc(40), adaptiveValueCalc(5));
-// Component
-var PlusIconResize = function () {
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    return (<PlusIcon className={'icon'} style={getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 })}/>);
-};
-var ProfileAddToGalleryBtns = function (_a) {
-    var addMethod = _a.addMethod;
-    var _b = useToGalleryStore(function (state) { return ({
-        resetCreationsInGallery: state.resetCreationsInGallery,
-        creationsToGallery: state.creationsToGallery,
-        isActiveGalleryMode: state.isActiveGalleryMode,
-    }); }), resetCreationsInGallery = _b.resetCreationsInGallery, creationsToGallery = _b.creationsToGallery, isActiveGalleryMode = _b.isActiveGalleryMode;
-    if (!isActiveGalleryMode)
-        return null;
-    return (<StyledProfileAddToGalleryBtns>
-      <div className="addToGalleryBtns">
-        <IconWithButton variant={'regular'} text={'Add to Gallery'} onClick={addMethod} disabled={!creationsToGallery.length} isDisableSkeleton={true}>
-          <PlusIconResize />
-        </IconWithButton>
-        <MainButton onClick={resetCreationsInGallery} variant="float" text={'Cancel'}/>
-      </div>
-    </StyledProfileAddToGalleryBtns>);
-};
-// Export
-export default ProfileAddToGalleryBtns;
-var templateObject_1;

package/dist/components/profile/followersSocial/followers/index.js

@@ -1,19 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { BlackColor, TextGrayColor } from '@/styles/colors';
-import { H5 } from '@system';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileFollowers = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  &:after {\n    content: '\u2022';\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 8px;\n    line-height: 16px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  &:after {\n    content: '\u2022';\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 8px;\n    line-height: 16px;\n  }\n"])), TextGrayColor);
-var StyledProfileFollowersCounter = styled(H5)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-weight: 700;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-weight: 700;\n"])), dmsansFontVarCss.css, BlackColor);
-var StyledProfileFollowersCaption = styled(H5)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: ", ";\n  color: ", ";\n  margin-left: 8px;\n  text-transform: uppercase;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  margin-left: 8px;\n  text-transform: uppercase;\n"])), dmsansFontVarCss.css, TextGrayColor);
-// Components
-export var ProfileFollowers = function (_a) {
-    var counter = _a.counter, text = _a.text;
-    return (_jsxs(StyledProfileFollowers, { children: [_jsx(StyledProfileFollowersCounter, { children: counter }), _jsx(StyledProfileFollowersCaption, { children: text })] }));
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/profile/followersSocial/followers/index.jsx

@@ -1,22 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { BlackColor, TextGrayColor } from '@/styles/colors';
-import { H5 } from '@system';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileFollowers = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  &:after {\n    content: '\u2022';\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 8px;\n    line-height: 16px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  &:after {\n    content: '\u2022';\n    color: ", ";\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 8px;\n    line-height: 16px;\n  }\n"])), TextGrayColor);
-var StyledProfileFollowersCounter = styled(H5)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-weight: 700;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-weight: 700;\n"])), dmsansFontVarCss.css, BlackColor);
-var StyledProfileFollowersCaption = styled(H5)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: ", ";\n  color: ", ";\n  margin-left: 8px;\n  text-transform: uppercase;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  margin-left: 8px;\n  text-transform: uppercase;\n"])), dmsansFontVarCss.css, TextGrayColor);
-// Components
-export var ProfileFollowers = function (_a) {
-    var counter = _a.counter, text = _a.text;
-    return (<StyledProfileFollowers>
-      <StyledProfileFollowersCounter>{counter}</StyledProfileFollowersCounter>
-      <StyledProfileFollowersCaption>{text}</StyledProfileFollowersCaption>
-    </StyledProfileFollowers>);
-};
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,18 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { ProfileFollowers } from '@/components/profile/followersSocial/followers';
-import { ProfileSocial } from '@/components/profile/followersSocial/social';
-// Styles
-var StyledProfileFollowersSocial = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 6px 0 16px 0;\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 6px 0 16px 0;\n"])));
-// Components
-export var ProfileFollowersSocial = function (_a) {
-    var followers = _a.followers, followings = _a.followings, social = _a.social;
-    return (_jsxs(StyledProfileFollowersSocial, { children: [(followers && (_jsx(ProfileFollowers, { text: 'FOLLOWERS', counter: followers }))) ||
-                null, (followings && (_jsx(ProfileFollowers, { text: 'FOLLOWING', counter: followings }))) ||
-                null, _jsx(ProfileSocial, { social: social })] }));
-};
-var templateObject_1;

package/dist/components/profile/followersSocial/index.jsx

@@ -1,22 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { ProfileFollowers } from '@/components/profile/followersSocial/followers';
-import { ProfileSocial } from '@/components/profile/followersSocial/social';
-// Styles
-var StyledProfileFollowersSocial = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 6px 0 16px 0;\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 6px 0 16px 0;\n"])));
-// Components
-export var ProfileFollowersSocial = function (_a) {
-    var followers = _a.followers, followings = _a.followings, social = _a.social;
-    return (<StyledProfileFollowersSocial>
-      {(followers && (<ProfileFollowers text={'FOLLOWERS'} counter={followers}/>)) ||
-            null}
-      {(followings && (<ProfileFollowers text={'FOLLOWING'} counter={followings}/>)) ||
-            null}
-      <ProfileSocial social={social}/>
-    </StyledProfileFollowersSocial>);
-};
-var templateObject_1;

package/dist/components/profile/followersSocial/social/index.js

@@ -1,28 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import styled from 'styled-components';
-// Styles
-var StyledProfileSocialItem = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 7px;\n  transition: all 0.2s;\n  transform: scale(1);\n  will-change: transform;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  :hover img {\n    transform: scale(1.3);\n    transition: all 0.2s;\n  }\n"], ["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 7px;\n  transition: all 0.2s;\n  transform: scale(1);\n  will-change: transform;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  :hover img {\n    transform: scale(1.3);\n    transition: all 0.2s;\n  }\n"])));
-// Components
-export var ProfileSocial = function (_a) {
-    var social = _a.social;
-    var socialIcon = function (icon, type) {
-        var websiteLink = type === 'website'
-            ? (icon === null || icon === void 0 ? void 0 : icon.includes('http'))
-                ? icon
-                : "https://".concat(icon)
-            : icon;
-        if (icon) {
-            return (_jsx(StyledProfileSocialItem, { className: 'profileStatsSocialItem', target: '_blank', rel: "noreferrer", href: websiteLink, children: _jsx(Image, { 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 (_jsxs(_Fragment, { children: [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')] }));
-};
-var templateObject_1;

package/dist/components/profile/followersSocial/social/index.jsx

@@ -1,35 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Image from 'next/image';
-import styled from 'styled-components';
-// Styles
-var StyledProfileSocialItem = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 7px;\n  transition: all 0.2s;\n  transform: scale(1);\n  will-change: transform;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  :hover img {\n    transform: scale(1.3);\n    transition: all 0.2s;\n  }\n"], ["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin-right: 7px;\n  transition: all 0.2s;\n  transform: scale(1);\n  will-change: transform;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  :hover img {\n    transform: scale(1.3);\n    transition: all 0.2s;\n  }\n"])));
-// Components
-export var ProfileSocial = function (_a) {
-    var social = _a.social;
-    var socialIcon = function (icon, type) {
-        var websiteLink = type === 'website'
-            ? (icon === null || icon === void 0 ? void 0 : icon.includes('http'))
-                ? icon
-                : "https://".concat(icon)
-            : icon;
-        if (icon) {
-            return (<StyledProfileSocialItem className={'profileStatsSocialItem'} target={'_blank'} rel="noreferrer" href={websiteLink}>
-          <Image src={"/socials/".concat([type], ".svg")} width={20} title={type} height={20} alt={icon}/>
-        </StyledProfileSocialItem>);
-        }
-    };
-    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')}
-    </>);
-};
-var templateObject_1;

package/dist/components/profile/index.js

@@ -1,11 +0,0 @@
-export { ProfileAboutText } from '@/components/profile/aboutText';
-export { ProfileStats } from '@/components/profile/stats';
-export { ProfilePageHead } from '@/components/profile/pageHead';
-export { profileJSONLD } from '@/components/profile/jsonLd';
-export { ProfileWallets } from '@/components//profile/wallets';
-export { ProfileInfo } from '@/components/profile/info';
-export { ProfileWrapper } from '@/components/profile/wrapper';
-export { ProfileInterests } from '@/components/profile/interests';
-export { ProfileUserCards } from '@/components/profile/profileUserCards';
-export { ProfileUserCard } from '@/components/profile/profileUserCards/profileUserCard';
-export { ProfileSkeletonWrapper } from '@/components/profile/profileSkeleton';

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

@@ -1,31 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { ScreenWidth, mediaQuery } from '@/styles/ScreenWidth';
-import { ProfileAboutText, ProfileStats } from '@/components/profile';
-import { ProfilePic } from '@system';
-import { getMediaENVDomain } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-// Styles
-var StyledProfileInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 29px;\n\n  ", " {\n    margin-bottom: ", ";\n  }\n\n  ", " {\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  .profileImgWithDescription {\n    display: flex;\n    width: 69.67%;\n    margin-right: 44px;\n\n    .profileImage {\n      a {\n        pointer-events: none;\n      }\n    }\n\n    ", " {\n      flex-direction: column;\n      width: 100%;\n      margin-right: 0;\n\n      .profileImage img {\n        width: 64px;\n        height: 64px;\n        margin-right: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    ", " {\n      margin-right: ", ";\n\n      .profileImage img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 29px;\n\n  ", " {\n    margin-bottom: ", ";\n  }\n\n  ", " {\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  .profileImgWithDescription {\n    display: flex;\n    width: 69.67%;\n    margin-right: 44px;\n\n    .profileImage {\n      a {\n        pointer-events: none;\n      }\n    }\n\n    ", " {\n      flex-direction: column;\n      width: 100%;\n      margin-right: 0;\n\n      .profileImage img {\n        width: 64px;\n        height: 64px;\n        margin-right: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    ", " {\n      margin-right: ", ";\n\n      .profileImage img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(29), mediaQuery.mobile, mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(44), adaptiveValueCalc(120), adaptiveValueCalc(120));
-// Components
-export var ProfileInfo = function (_a) {
-    var profile = _a.profile;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var getProfileImgSize = function () {
-        if (!windowDimensions)
-            return 120;
-        if (windowDimensions.windowWidth <= ScreenWidth.MOBILE)
-            return 64;
-        return 120;
-    };
-    var size = getProfileImgSize();
-    return (_jsxs(StyledProfileInfo, { children: [_jsxs("div", { className: 'profileImgWithDescription', children: [_jsx("div", { className: 'profileImage', children: _jsx(ProfilePic, { userPicSrc: profile.getUserPic({
-                                mediaDomain: getMediaENVDomain(),
-                            }), size: size }) }), _jsx(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: [] })] }), _jsx(ProfileStats, { rank: profile.getUserRank() })] }));
-};
-var templateObject_1;

package/dist/components/profile/info/index.jsx

@@ -1,39 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { ScreenWidth, mediaQuery } from '@/styles/ScreenWidth';
-import { ProfileAboutText, ProfileStats } from '@/components/profile';
-import { ProfilePic } from '@system';
-import { getMediaENVDomain } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-// Styles
-var StyledProfileInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 29px;\n\n  ", " {\n    margin-bottom: ", ";\n  }\n\n  ", " {\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  .profileImgWithDescription {\n    display: flex;\n    width: 69.67%;\n    margin-right: 44px;\n\n    .profileImage {\n      a {\n        pointer-events: none;\n      }\n    }\n\n    ", " {\n      flex-direction: column;\n      width: 100%;\n      margin-right: 0;\n\n      .profileImage img {\n        width: 64px;\n        height: 64px;\n        margin-right: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    ", " {\n      margin-right: ", ";\n\n      .profileImage img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 29px;\n\n  ", " {\n    margin-bottom: ", ";\n  }\n\n  ", " {\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  .profileImgWithDescription {\n    display: flex;\n    width: 69.67%;\n    margin-right: 44px;\n\n    .profileImage {\n      a {\n        pointer-events: none;\n      }\n    }\n\n    ", " {\n      flex-direction: column;\n      width: 100%;\n      margin-right: 0;\n\n      .profileImage img {\n        width: 64px;\n        height: 64px;\n        margin-right: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    ", " {\n      margin-right: ", ";\n\n      .profileImage img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(29), mediaQuery.mobile, mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(44), adaptiveValueCalc(120), adaptiveValueCalc(120));
-// Components
-export var ProfileInfo = function (_a) {
-    var profile = _a.profile;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var getProfileImgSize = function () {
-        if (!windowDimensions)
-            return 120;
-        if (windowDimensions.windowWidth <= ScreenWidth.MOBILE)
-            return 64;
-        return 120;
-    };
-    var size = getProfileImgSize();
-    return (<StyledProfileInfo>
-      <div className={'profileImgWithDescription'}>
-        <div className={'profileImage'}>
-          <ProfilePic userPicSrc={profile.getUserPic({
-            mediaDomain: getMediaENVDomain(),
-        })} size={size}/>
-        </div>
-        <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>
-      <ProfileStats rank={profile.getUserRank()}/>
-    </StyledProfileInfo>);
-};
-var templateObject_1;

package/dist/components/profile/interests/data.js

@@ -1,20 +0,0 @@
-import { AccentColor } from '@/styles/colors';
-var colors = [
-    {
-        id: Math.random(),
-        colorLabel: AccentColor,
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#739BFF',
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#76CBFB',
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#9CE8A8',
-    },
-];
-export default colors;

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

@@ -1,41 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import useFetchUserInterests from '@/api/server-preferences/queries/useFetchUserInterests';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, InactiveButtonColor, TextGrayColor, } from '@/styles/colors';
-import { FH5, TextSmall } from '@/styles/typography';
-import colors from '@/components/profile/interests/data';
-import Palete from '@/system/Palete';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileInterests = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 16px;\n\n  .caption {\n    ", ";\n    color: ", ";\n  }\n\n  .diagrammaProgress {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 8px;\n    border-radius: 4px;\n    height: 32px;\n    background-color: ", ";\n\n    &Item {\n      display: block;\n      height: 100%;\n\n      :first-child {\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n      }\n    }\n  }\n\n  .diagrammaTable {\n    font-family: ", ";\n\n    margin-top: 8px;\n\n    &Item {\n      ", ";\n      display: flex;\n      justify-content: space-between;\n      margin-top: 8px;\n      user-select: none;\n\n      &StartValue {\n        display: flex;\n        align-items: center;\n        color: ", ";\n\n        strong {\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          margin-right: 8px;\n        }\n      }\n\n      &EndValue {\n        color: ", ";\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: ", ";\n\n    .diagrammaProgress {\n      margin-top: ", ";\n      border-radius: ", ";\n      height: ", ";\n\n      &Item {\n        :first-child {\n          border-top-left-radius: ", ";\n          border-bottom-left-radius: ", ";\n        }\n      }\n    }\n    .diagrammaTable {\n      margin-top: ", ";\n      &Item {\n        margin-top: ", ";\n        &StartValue {\n          strong {\n            width: ", ";\n            height: ", ";\n            margin-right: ", ";\n          }\n        }\n      }\n    }\n  }\n"], ["\n  margin-bottom: 16px;\n\n  .caption {\n    ", ";\n    color: ", ";\n  }\n\n  .diagrammaProgress {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 8px;\n    border-radius: 4px;\n    height: 32px;\n    background-color: ", ";\n\n    &Item {\n      display: block;\n      height: 100%;\n\n      :first-child {\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n      }\n    }\n  }\n\n  .diagrammaTable {\n    font-family: ", ";\n\n    margin-top: 8px;\n\n    &Item {\n      ", ";\n      display: flex;\n      justify-content: space-between;\n      margin-top: 8px;\n      user-select: none;\n\n      &StartValue {\n        display: flex;\n        align-items: center;\n        color: ", ";\n\n        strong {\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          margin-right: 8px;\n        }\n      }\n\n      &EndValue {\n        color: ", ";\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: ", ";\n\n    .diagrammaProgress {\n      margin-top: ", ";\n      border-radius: ", ";\n      height: ", ";\n\n      &Item {\n        :first-child {\n          border-top-left-radius: ", ";\n          border-bottom-left-radius: ", ";\n        }\n      }\n    }\n    .diagrammaTable {\n      margin-top: ", ";\n      &Item {\n        margin-top: ", ";\n        &StartValue {\n          strong {\n            width: ", ";\n            height: ", ";\n            margin-right: ", ";\n          }\n        }\n      }\n    }\n  }\n"])), FH5, BlackColor, InactiveButtonColor, dmsansFontVarCss.css, TextSmall, BlackColor, TextGrayColor, mediaQuery.minWidthFourK, adaptiveValueCalc(16), adaptiveValueCalc(8), adaptiveValueCalc(4), adaptiveValueCalc(32), adaptiveValueCalc(4), adaptiveValueCalc(4), adaptiveValueCalc(8), adaptiveValueCalc(8), adaptiveValueCalc(10), adaptiveValueCalc(10), adaptiveValueCalc(8));
-// Component
-export var ProfileInterests = function () {
-    var _a = useFetchUserInterests(), 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 (_jsx("span", { className: 'diagrammaProgressItem', style: {
-                    backgroundColor: colors[iter].colorLabel,
-                    width: "".concat(interest.percents, "%"),
-                } }, interest.imageUrl));
-        });
-    };
-    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 (_jsxs("span", { className: "diagrammaTableItem", children: [_jsxs("p", { className: 'diagrammaTableItemStartValue', children: [_jsx("strong", { style: { backgroundColor: colors[iter].colorLabel } }), shouldTruncate
-                                ? interest.name.substring(0, 11) + '...'
-                                : interest.name] }), _jsx("p", { className: 'diagrammaTableItemEndValue', children: "".concat(interest.percents, "%") })] }, interest.imageUrl));
-        });
-    };
-    if (loading || error || !(userInterests === null || userInterests === void 0 ? void 0 : userInterests.length))
-        return null;
-    return (_jsx(StyledProfileInterests, { children: _jsxs(Palete, { children: [_jsx("span", { className: "caption", children: "Interests" }), _jsx("div", { className: 'diagrammaProgress', children: renderDiagrammaProgressItem() }), _jsx("div", { className: "diagrammaTable", children: renderDiagrammaTableItem() })] }) }));
-};
-var templateObject_1;

package/dist/components/profile/interests/index.jsx

@@ -1,64 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import useFetchUserInterests from '@/api/server-preferences/queries/useFetchUserInterests';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, InactiveButtonColor, TextGrayColor, } from '@/styles/colors';
-import { FH5, TextSmall } from '@/styles/typography';
-import colors from '@/components/profile/interests/data';
-import Palete from '@/system/Palete';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileInterests = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 16px;\n\n  .caption {\n    ", ";\n    color: ", ";\n  }\n\n  .diagrammaProgress {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 8px;\n    border-radius: 4px;\n    height: 32px;\n    background-color: ", ";\n\n    &Item {\n      display: block;\n      height: 100%;\n\n      :first-child {\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n      }\n    }\n  }\n\n  .diagrammaTable {\n    font-family: ", ";\n\n    margin-top: 8px;\n\n    &Item {\n      ", ";\n      display: flex;\n      justify-content: space-between;\n      margin-top: 8px;\n      user-select: none;\n\n      &StartValue {\n        display: flex;\n        align-items: center;\n        color: ", ";\n\n        strong {\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          margin-right: 8px;\n        }\n      }\n\n      &EndValue {\n        color: ", ";\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: ", ";\n\n    .diagrammaProgress {\n      margin-top: ", ";\n      border-radius: ", ";\n      height: ", ";\n\n      &Item {\n        :first-child {\n          border-top-left-radius: ", ";\n          border-bottom-left-radius: ", ";\n        }\n      }\n    }\n    .diagrammaTable {\n      margin-top: ", ";\n      &Item {\n        margin-top: ", ";\n        &StartValue {\n          strong {\n            width: ", ";\n            height: ", ";\n            margin-right: ", ";\n          }\n        }\n      }\n    }\n  }\n"], ["\n  margin-bottom: 16px;\n\n  .caption {\n    ", ";\n    color: ", ";\n  }\n\n  .diagrammaProgress {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 8px;\n    border-radius: 4px;\n    height: 32px;\n    background-color: ", ";\n\n    &Item {\n      display: block;\n      height: 100%;\n\n      :first-child {\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n      }\n    }\n  }\n\n  .diagrammaTable {\n    font-family: ", ";\n\n    margin-top: 8px;\n\n    &Item {\n      ", ";\n      display: flex;\n      justify-content: space-between;\n      margin-top: 8px;\n      user-select: none;\n\n      &StartValue {\n        display: flex;\n        align-items: center;\n        color: ", ";\n\n        strong {\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          margin-right: 8px;\n        }\n      }\n\n      &EndValue {\n        color: ", ";\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: ", ";\n\n    .diagrammaProgress {\n      margin-top: ", ";\n      border-radius: ", ";\n      height: ", ";\n\n      &Item {\n        :first-child {\n          border-top-left-radius: ", ";\n          border-bottom-left-radius: ", ";\n        }\n      }\n    }\n    .diagrammaTable {\n      margin-top: ", ";\n      &Item {\n        margin-top: ", ";\n        &StartValue {\n          strong {\n            width: ", ";\n            height: ", ";\n            margin-right: ", ";\n          }\n        }\n      }\n    }\n  }\n"])), FH5, BlackColor, InactiveButtonColor, dmsansFontVarCss.css, TextSmall, BlackColor, TextGrayColor, mediaQuery.minWidthFourK, adaptiveValueCalc(16), adaptiveValueCalc(8), adaptiveValueCalc(4), adaptiveValueCalc(32), adaptiveValueCalc(4), adaptiveValueCalc(4), adaptiveValueCalc(8), adaptiveValueCalc(8), adaptiveValueCalc(10), adaptiveValueCalc(10), adaptiveValueCalc(8));
-// Component
-export var ProfileInterests = function () {
-    var _a = useFetchUserInterests(), 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={{
-                    backgroundColor: colors[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: colors[iter].colorLabel }}></strong>
-            {shouldTruncate
-                    ? interest.name.substring(0, 11) + '...'
-                    : interest.name}
-          </p>
-          <p className={'diagrammaTableItemEndValue'}>{"".concat(interest.percents, "%")}</p>
-        </span>);
-        });
-    };
-    if (loading || error || !(userInterests === null || userInterests === void 0 ? void 0 : userInterests.length))
-        return null;
-    return (<StyledProfileInterests>
-      <Palete>
-        <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>
-    </StyledProfileInterests>);
-};
-var templateObject_1;

package/dist/components/profile/interests/type.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-export var profileJSONLD = function (profile, userpic) {
-    return {
-        __html: "{\n      \"@context\": \"http://schema.org\",\n      \"@type\": \"Article\",\n      \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"".concat(profile.userId, "\"\n      },\n      \"headline\": \"").concat(profile.username, "\",\n      \"image\": [\n        \"").concat(userpic, "\"\n      ],\n      \"datePublished\": \"").concat(Date.now().toString(), "\",\n      \"dateModified\": \"").concat(Date.now().toString(), "\",\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"").concat(profile.username, "\"\n      },\n      \"description\": \"").concat(profile.about, "\"\n    }"),
-    };
-};

package/dist/components/profile/jsonLd/index.jsx

@@ -1,5 +0,0 @@
-export var profileJSONLD = function (profile, userpic) {
-    return {
-        __html: "{\n      \"@context\": \"http://schema.org\",\n      \"@type\": \"Article\",\n      \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"".concat(profile.userId, "\"\n      },\n      \"headline\": \"").concat(profile.username, "\",\n      \"image\": [\n        \"").concat(userpic, "\"\n      ],\n      \"datePublished\": \"").concat(Date.now().toString(), "\",\n      \"dateModified\": \"").concat(Date.now().toString(), "\",\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"").concat(profile.username, "\"\n      },\n      \"description\": \"").concat(profile.about, "\"\n    }"),
-    };
-};