npm - @ludo.ninja/components - Versions diffs - 1.1.6 → 1.1.7 - Mend

@ludo.ninja/components 1.1.6 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1192) hide show

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Head from '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
-export var ProfilePageHead = function (_a) {
-    var userUrl = _a.userUrl, profile = _a.profile;
-    var seoValues = seo(profile.getName() || '', profile.getAbout(), userUrl, ''
-    // profilePic
-    );
-    return (_jsxs(Head, { children: [seoValues.title && _jsx("title", { children: seoValues.title }, "title"), seoValues.about && (_jsx("meta", { name: "description", content: seoValues.about }, "description")), seoValues.twitter.cardType && (_jsx("meta", { name: "twitter:card", content: seoValues.twitter.cardType }, "twitter:card")), seoValues.twitter.handle && (_jsx("meta", { name: "twitter:site", content: seoValues.twitter.handle }, "twitter:site")), seoValues.openGraph.url && (_jsx("meta", { property: "og:url", content: seoValues.openGraph.url }, "og:url")), seoValues.openGraph.type && (_jsx("meta", { property: "og:type", content: seoValues.openGraph.type }, "og:type")), seoValues.openGraph.title && (_jsx("meta", { property: "og:title", content: seoValues.openGraph.title }, "og:title")), seoValues.openGraph.about && (_jsx("meta", { property: "og:description", content: seoValues.openGraph.about }, "og:description")), seoValues.openGraph.image && (_jsx("meta", { property: "og:image", content: seoValues.openGraph.image }, "og:image")), seoValues.openGraph.imageWidth && (_jsx("meta", { property: "og:image:width", content: seoValues.openGraph.imageWidth }, "og:image:width")), seoValues.openGraph.imageHeight && (_jsx("meta", { property: "og:image:height", content: seoValues.openGraph.imageHeight }, "og:image:height")), seoValues.openGraph.locale && (_jsx("meta", { property: "og:locale", content: seoValues.openGraph.locale }, "og:locale"))] }));
-};

package/dist/components/profile/pageHead/index.jsx DELETED Viewed

@@ -1,45 +0,0 @@
-import React from 'react';
-import Head from '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
-export var ProfilePageHead = function (_a) {
-    var userUrl = _a.userUrl, profile = _a.profile;
-    var seoValues = seo(profile.getName() || '', profile.getAbout(), userUrl, ''
-    // profilePic
-    );
-    return (<Head>
-      {seoValues.title && <title key="title">{seoValues.title}</title>}
-      {seoValues.about && (<meta key="description" name="description" content={seoValues.about}/>)}
-      {seoValues.twitter.cardType && (<meta key="twitter:card" name="twitter:card" content={seoValues.twitter.cardType}/>)}
-      {seoValues.twitter.handle && (<meta key="twitter:site" name="twitter:site" content={seoValues.twitter.handle}/>)}
-      {seoValues.openGraph.url && (<meta key="og:url" property="og:url" content={seoValues.openGraph.url}/>)}
-      {seoValues.openGraph.type && (<meta key="og:type" property="og:type" content={seoValues.openGraph.type}/>)}
-      {seoValues.openGraph.title && (<meta key="og:title" property="og:title" content={seoValues.openGraph.title}/>)}
-      {seoValues.openGraph.about && (<meta key="og:description" property="og:description" content={seoValues.openGraph.about}/>)}
-      {seoValues.openGraph.image && (<meta key="og:image" property="og:image" content={seoValues.openGraph.image}/>)}
-      {seoValues.openGraph.imageWidth && (<meta key="og:image:width" property="og:image:width" content={seoValues.openGraph.imageWidth}/>)}
-      {seoValues.openGraph.imageHeight && (<meta key="og:image:height" property="og:image:height" content={seoValues.openGraph.imageHeight}/>)}
-      {seoValues.openGraph.locale && (<meta key="og:locale" property="og:locale" content={seoValues.openGraph.locale}/>)}
-    </Head>);
-};

package/dist/components/profile/profileSkeleton/index.js DELETED Viewed

@@ -1,20 +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 Skeleton from 'react-loading-skeleton';
-import styled from 'styled-components';
-import { WhiteColor } from '@/styles/colors';
-// Styles
-var StyledProfileSkeleton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), WhiteColor);
-export var ProfileSkeletonWrapper = function (_a) {
-    var profilesCount = _a.profilesCount;
-    var arr = Array.from(Array(profilesCount).keys());
-    return (_jsx(_Fragment, { children: arr.map(function () { return (_jsx(ProfileSkeleton, {}, Math.random())); }) }));
-};
-// Component
-export var ProfileSkeleton = function () {
-    return (_jsx(StyledProfileSkeleton, { children: _jsxs("div", { className: "cardLink", children: [_jsx(Skeleton, { className: 'cardLinkIcon' }), _jsxs("div", { className: 'cardLinkContent', children: [_jsxs("div", { className: 'content', children: [_jsx(Skeleton, { className: 'caption', width: '100%', height: '18px' }), _jsx(Skeleton, { className: 'text', width: '80px', height: '16px' })] }), _jsx(Skeleton, { className: 'text', width: '60px', height: '25px', style: { borderRadius: '25px', marginTop: '7px' } })] })] }) }));
-};
-var templateObject_1;

package/dist/components/profile/profileSkeleton/index.jsx DELETED Viewed

@@ -1,33 +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 Skeleton from 'react-loading-skeleton';
-import styled from 'styled-components';
-import { WhiteColor } from '@/styles/colors';
-// Styles
-var StyledProfileSkeleton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), WhiteColor);
-export var ProfileSkeletonWrapper = function (_a) {
-    var profilesCount = _a.profilesCount;
-    var arr = Array.from(Array(profilesCount).keys());
-    return (<>
-      {arr.map(function () { return (<ProfileSkeleton key={Math.random()}/>); })}
-    </>);
-};
-// Component
-export var ProfileSkeleton = function () {
-    return (<StyledProfileSkeleton>
-      <div className={"cardLink"}>
-        <Skeleton className={'cardLinkIcon'}/>
-        <div className={'cardLinkContent'}>
-          <div className={'content'}>
-            <Skeleton className={'caption'} width={'100%'} height={'18px'}/>
-            <Skeleton className={'text'} width={'80px'} height={'16px'}/>
-          </div>
-          <Skeleton className={'text'} width={'60px'} height={'25px'} style={{ borderRadius: '25px', marginTop: '7px' }}/>
-        </div>
-      </div>
-    </StyledProfileSkeleton>);
-};
-var templateObject_1;

package/dist/components/profile/profileUserCards/index.js DELETED Viewed

@@ -1,12 +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 } from "react/jsx-runtime";
-import styled from 'styled-components';
-var StyledProfileUserCards = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 24px 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 24px;\n\n  @media (max-width: 1199px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 600px) {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"], ["\n  margin: 24px 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 24px;\n\n  @media (max-width: 1199px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 600px) {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])));
-export var ProfileUserCards = function (_a) {
-    var children = _a.children;
-    return _jsx(StyledProfileUserCards, { children: children });
-};
-var templateObject_1;

package/dist/components/profile/profileUserCards/index.jsx DELETED Viewed

@@ -1,12 +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';
-var StyledProfileUserCards = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 24px 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 24px;\n\n  @media (max-width: 1199px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 600px) {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"], ["\n  margin: 24px 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 24px;\n\n  @media (max-width: 1199px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 600px) {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])));
-export var ProfileUserCards = function (_a) {
-    var children = _a.children;
-    return <StyledProfileUserCards>{children}</StyledProfileUserCards>;
-};
-var templateObject_1;

package/dist/components/profile/profileUserCards/profileUserCard/index.js DELETED Viewed

@@ -1,118 +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;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { useUserStore } from '@/modules/user/store';
-import useFollowProfile from '@/api/server-identities/mutations/useFollowProfile';
-import useUnfollowProfile from '@/api/server-identities/mutations/useUnfollowProfile';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, TextGrayColor, WhiteColor } from '@/styles/colors';
-import BoxShadow from '@/styles/mixins/boxShadow';
-import BoxTransform from '@/styles/mixins/boxTransform';
-import { FH6 } from '@/styles/typography';
-import SecondaryButton from '@/system/Buttons/SecondaryButton';
-import { ImageInterceptor } from '@/system/Img/ImageInterceptor';
-import { getAdaptiveValueWithCheck4k } from '@/utils/adaptive/check4k';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileUserCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  user-select: none;\n  width: calc(25% - 24px * 3 / 4);\n  background-color: ", ";\n  border-radius: 6px;\n  @media (max-width: 1199px) {\n    width: calc(50% - 16px / 2);\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n\n  .cardLink {\n    font-family: ", ";\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n    }\n\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          line-height: 1.385em;\n          color: ", ";\n          font-size: 1.3em;\n          font-weight: 700;\n          margin: 0;\n        }\n\n        .text {\n          line-height: 1.2em;\n          color: ", ";\n          font-size: 1.34em;\n          font-weight: 400;\n        }\n      }\n\n      .button {\n        width: 82px;\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n\n          .caption {\n            ", ";\n          }\n\n          .text {\n            line-height: 1.1em;\n            margin-top: 4px;\n          }\n        }\n      }\n    }\n  }\n\n  ", " {\n    width: calc(25% - ", ");\n    border-radius: ", ";\n\n    .cardLink {\n      padding: ", ";\n\n      .cardLinkIcon {\n        margin-right: ", ";\n      }\n\n      .cardLinkContent {\n        .content {\n          .caption {\n            line-height: ", ";\n            font-size: ", ";\n          }\n\n          .text {\n            line-height: ", ";\n            font-size: ", ";\n          }\n        }\n\n        .button {\n          width: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  ", ";\n  ", ";\n  user-select: none;\n  width: calc(25% - 24px * 3 / 4);\n  background-color: ", ";\n  border-radius: 6px;\n  @media (max-width: 1199px) {\n    width: calc(50% - 16px / 2);\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n\n  .cardLink {\n    font-family: ", ";\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n    }\n\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          line-height: 1.385em;\n          color: ", ";\n          font-size: 1.3em;\n          font-weight: 700;\n          margin: 0;\n        }\n\n        .text {\n          line-height: 1.2em;\n          color: ", ";\n          font-size: 1.34em;\n          font-weight: 400;\n        }\n      }\n\n      .button {\n        width: 82px;\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n\n          .caption {\n            ", ";\n          }\n\n          .text {\n            line-height: 1.1em;\n            margin-top: 4px;\n          }\n        }\n      }\n    }\n  }\n\n  ", " {\n    width: calc(25% - ", ");\n    border-radius: ", ";\n\n    .cardLink {\n      padding: ", ";\n\n      .cardLinkIcon {\n        margin-right: ", ";\n      }\n\n      .cardLinkContent {\n        .content {\n          .caption {\n            line-height: ", ";\n            font-size: ", ";\n          }\n\n          .text {\n            line-height: ", ";\n            font-size: ", ";\n          }\n        }\n\n        .button {\n          width: ", ";\n        }\n      }\n    }\n  }\n"])), BoxShadow, BoxTransform, WhiteColor, dmsansFontVarCss.css, BlackColor, TextGrayColor, FH6, mediaQuery.minWidthFourK, adaptiveValueCalc((24 * 3) / 4), adaptiveValueCalc(6), adaptiveValueCalc(16), adaptiveValueCalc(12), adaptiveValueCalc(14), adaptiveValueCalc(13), adaptiveValueCalc(13), adaptiveValueCalc(14), adaptiveValueCalc(82));
-export var ProfileUserCard = function (_a) {
-    var userId = _a.userId, userPic = _a.userPic, userName = _a.userName, followings = _a.followings, isFollowing = _a.isFollowing, windowDimensions = _a.windowDimensions;
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    var _b = useFollowProfile(userId), followProfile = _b.followProfile, isFollowedProfile = _b.isFollowedProfile;
-    var _c = useUnfollowProfile(userId), unfollowProfile = _c.unfollowProfile, isUnFollowedProfile = _c.isUnFollowedProfile;
-    var _d = useState(isFollowing), isFollowed = _d[0], setFollow = _d[1];
-    var _e = useState((getUser === null || getUser === void 0 ? void 0 : getUser.userId) !== userId), isNeedRenderBtn = _e[0], setNeedRenderBtn = _e[1];
-    useEffect(function () {
-        if (isSignedIn) {
-            setNeedRenderBtn((getUser === null || getUser === void 0 ? void 0 : getUser.userId) !== userId);
-        }
-    }, [isSignedIn]);
-    useEffect(function () {
-        setFollow(isFollowedProfile);
-    }, [isFollowedProfile]);
-    useEffect(function () {
-        setFollow(isUnFollowedProfile);
-    }, [isUnFollowedProfile]);
-    var handleFollow = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.stopPropagation();
-                    e.preventDefault();
-                    return [4 /*yield*/, followProfile()];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleUnFollow = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.stopPropagation();
-                    e.preventDefault();
-                    return [4 /*yield*/, unfollowProfile()];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsx(StyledProfileUserCard, { children: _jsxs(Link, { href: "/profile/".concat(userId, "/nfts"), className: "cardLink", children: [_jsx(ImageInterceptor, { borderRadiusSkeleton: '50%', children: _jsx(Image, { src: userPic, className: 'cardLinkIcon', width: windowDimensions && windowDimensions.windowWidth < 1200
-                            ? 42
-                            : getAdaptiveValueWithCheck4k({
-                                windowDimensions: windowDimensions,
-                                currentSize: 72,
-                            }), height: windowDimensions && windowDimensions.windowWidth < 1200
-                            ? 42
-                            : getAdaptiveValueWithCheck4k({
-                                windowDimensions: windowDimensions,
-                                currentSize: 72,
-                            }), alt: 'avatar' }) }), _jsxs("div", { className: 'cardLinkContent', children: [_jsxs("div", { className: 'content', children: [_jsx("h4", { className: 'caption', children: userName }), Boolean(followings) && (_jsxs("p", { className: 'text', children: [followings, " Followers"] }))] }), isNeedRenderBtn && (_jsx("div", { className: 'button', children: isFollowed ? (_jsx(SecondaryButton, { variant: 'disabled', text: 'Unfollow', onClick: handleUnFollow })) : (_jsx(SecondaryButton, { variant: 'regular', text: '+ Follow', onClick: handleFollow })) }))] })] }) }));
-};
-var templateObject_1;

package/dist/components/profile/profileUserCards/profileUserCard/index.jsx DELETED Viewed

@@ -1,132 +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;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React, { useEffect, useState } from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { useUserStore } from '@/modules/user/store';
-import useFollowProfile from '@/api/server-identities/mutations/useFollowProfile';
-import useUnfollowProfile from '@/api/server-identities/mutations/useUnfollowProfile';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, TextGrayColor, WhiteColor } from '@/styles/colors';
-import BoxShadow from '@/styles/mixins/boxShadow';
-import BoxTransform from '@/styles/mixins/boxTransform';
-import { FH6 } from '@/styles/typography';
-import SecondaryButton from '@/system/Buttons/SecondaryButton';
-import { ImageInterceptor } from '@/system/Img/ImageInterceptor';
-import { getAdaptiveValueWithCheck4k } from '@/utils/adaptive/check4k';
-import { dmsansFontVarCss } from '@/fonts/vars';
-// Styles
-var StyledProfileUserCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  user-select: none;\n  width: calc(25% - 24px * 3 / 4);\n  background-color: ", ";\n  border-radius: 6px;\n  @media (max-width: 1199px) {\n    width: calc(50% - 16px / 2);\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n\n  .cardLink {\n    font-family: ", ";\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n    }\n\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          line-height: 1.385em;\n          color: ", ";\n          font-size: 1.3em;\n          font-weight: 700;\n          margin: 0;\n        }\n\n        .text {\n          line-height: 1.2em;\n          color: ", ";\n          font-size: 1.34em;\n          font-weight: 400;\n        }\n      }\n\n      .button {\n        width: 82px;\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n\n          .caption {\n            ", ";\n          }\n\n          .text {\n            line-height: 1.1em;\n            margin-top: 4px;\n          }\n        }\n      }\n    }\n  }\n\n  ", " {\n    width: calc(25% - ", ");\n    border-radius: ", ";\n\n    .cardLink {\n      padding: ", ";\n\n      .cardLinkIcon {\n        margin-right: ", ";\n      }\n\n      .cardLinkContent {\n        .content {\n          .caption {\n            line-height: ", ";\n            font-size: ", ";\n          }\n\n          .text {\n            line-height: ", ";\n            font-size: ", ";\n          }\n        }\n\n        .button {\n          width: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  ", ";\n  ", ";\n  user-select: none;\n  width: calc(25% - 24px * 3 / 4);\n  background-color: ", ";\n  border-radius: 6px;\n  @media (max-width: 1199px) {\n    width: calc(50% - 16px / 2);\n  }\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n\n  .cardLink {\n    font-family: ", ";\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n    }\n\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          line-height: 1.385em;\n          color: ", ";\n          font-size: 1.3em;\n          font-weight: 700;\n          margin: 0;\n        }\n\n        .text {\n          line-height: 1.2em;\n          color: ", ";\n          font-size: 1.34em;\n          font-weight: 400;\n        }\n      }\n\n      .button {\n        width: 82px;\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n\n          .caption {\n            ", ";\n          }\n\n          .text {\n            line-height: 1.1em;\n            margin-top: 4px;\n          }\n        }\n      }\n    }\n  }\n\n  ", " {\n    width: calc(25% - ", ");\n    border-radius: ", ";\n\n    .cardLink {\n      padding: ", ";\n\n      .cardLinkIcon {\n        margin-right: ", ";\n      }\n\n      .cardLinkContent {\n        .content {\n          .caption {\n            line-height: ", ";\n            font-size: ", ";\n          }\n\n          .text {\n            line-height: ", ";\n            font-size: ", ";\n          }\n        }\n\n        .button {\n          width: ", ";\n        }\n      }\n    }\n  }\n"])), BoxShadow, BoxTransform, WhiteColor, dmsansFontVarCss.css, BlackColor, TextGrayColor, FH6, mediaQuery.minWidthFourK, adaptiveValueCalc((24 * 3) / 4), adaptiveValueCalc(6), adaptiveValueCalc(16), adaptiveValueCalc(12), adaptiveValueCalc(14), adaptiveValueCalc(13), adaptiveValueCalc(13), adaptiveValueCalc(14), adaptiveValueCalc(82));
-export var ProfileUserCard = function (_a) {
-    var userId = _a.userId, userPic = _a.userPic, userName = _a.userName, followings = _a.followings, isFollowing = _a.isFollowing, windowDimensions = _a.windowDimensions;
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    var _b = useFollowProfile(userId), followProfile = _b.followProfile, isFollowedProfile = _b.isFollowedProfile;
-    var _c = useUnfollowProfile(userId), unfollowProfile = _c.unfollowProfile, isUnFollowedProfile = _c.isUnFollowedProfile;
-    var _d = useState(isFollowing), isFollowed = _d[0], setFollow = _d[1];
-    var _e = useState((getUser === null || getUser === void 0 ? void 0 : getUser.userId) !== userId), isNeedRenderBtn = _e[0], setNeedRenderBtn = _e[1];
-    useEffect(function () {
-        if (isSignedIn) {
-            setNeedRenderBtn((getUser === null || getUser === void 0 ? void 0 : getUser.userId) !== userId);
-        }
-    }, [isSignedIn]);
-    useEffect(function () {
-        setFollow(isFollowedProfile);
-    }, [isFollowedProfile]);
-    useEffect(function () {
-        setFollow(isUnFollowedProfile);
-    }, [isUnFollowedProfile]);
-    var handleFollow = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.stopPropagation();
-                    e.preventDefault();
-                    return [4 /*yield*/, followProfile()];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleUnFollow = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.stopPropagation();
-                    e.preventDefault();
-                    return [4 /*yield*/, unfollowProfile()];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (<StyledProfileUserCard>
-      <Link href={"/profile/".concat(userId, "/nfts")} className={"cardLink"}>
-        <ImageInterceptor borderRadiusSkeleton={'50%'}>
-          <Image src={userPic} className={'cardLinkIcon'} width={windowDimensions && windowDimensions.windowWidth < 1200
-            ? 42
-            : getAdaptiveValueWithCheck4k({
-                windowDimensions: windowDimensions,
-                currentSize: 72,
-            })} height={windowDimensions && windowDimensions.windowWidth < 1200
-            ? 42
-            : getAdaptiveValueWithCheck4k({
-                windowDimensions: windowDimensions,
-                currentSize: 72,
-            })} alt={'avatar'}/>
-        </ImageInterceptor>
-        <div className={'cardLinkContent'}>
-          <div className={'content'}>
-            <h4 className={'caption'}>{userName}</h4>
-            {Boolean(followings) && (<p className={'text'}>{followings} Followers</p>)}
-          </div>
-          {isNeedRenderBtn && (<div className={'button'}>
-              {isFollowed ? (<SecondaryButton variant={'disabled'} text={'Unfollow'} onClick={handleUnFollow}/>) : (<SecondaryButton variant={'regular'} text={'+ Follow'} onClick={handleFollow}/>)}
-            </div>)}
-        </div>
-      </Link>
-    </StyledProfileUserCard>);
-};
-var templateObject_1;

package/dist/components/profile/rank/index.js DELETED Viewed

@@ -1,20 +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 { getRankColor } from '@ludo.ninja/utils';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, InactiveButtonColor, TextGrayColor, } from '@/styles/colors';
-import { Box, Flex, H2, H6 } from '@system';
-// Styles
-var RangeContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 100%;\n  background: ", ";\n  height: 20px;\n  border-radius: 4px;\n\n  ", " {\n    height: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: block;\n  width: 100%;\n  background: ", ";\n  height: 20px;\n  border-radius: 4px;\n\n  ", " {\n    height: ", ";\n    border-radius: ", ";\n  }\n"])), InactiveButtonColor, mediaQuery.minWidthFourK, adaptiveValueCalc(20), adaptiveValueCalc(4));
-var RangeValue = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  background: ", ";\n  height: 100%;\n  border-radius: 2px 0 0 2px;\n  ", " {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n"], ["\n  display: block;\n  background: ", ";\n  height: 100%;\n  border-radius: 2px 0 0 2px;\n  ", " {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n"])), function (props) { return props.rankValue && getRankColor(props.rankValue); }, mediaQuery.minWidthFourK, adaptiveValueCalc(2), adaptiveValueCalc(2));
-// Components
-export var ProfileRank = function (_a) {
-    var rank = _a.rank;
-    return (_jsxs(Box, { children: [_jsx(H6, { color: TextGrayColor, mb: 4, children: "LUDO RANK" }), _jsx(Flex, { children: _jsxs(Flex, { alignItems: "center", borderRadius: 6, width: '100%', children: [_jsx(H2, { mr: 16, color: BlackColor, children: rank ? rank : 'unknown' }), _jsx(RangeContainer, { children: _jsx(RangeValue, { rankValue: rank, style: { width: "".concat(rank, "%") } }) })] }) })] }));
-};
-var templateObject_1, templateObject_2;

package/dist/components/profile/rank/index.jsx DELETED Viewed

@@ -1,34 +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 { getRankColor } from '@ludo.ninja/utils';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { BlackColor, InactiveButtonColor, TextGrayColor, } from '@/styles/colors';
-import { Box, Flex, H2, H6 } from '@system';
-// Styles
-var RangeContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  width: 100%;\n  background: ", ";\n  height: 20px;\n  border-radius: 4px;\n\n  ", " {\n    height: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: block;\n  width: 100%;\n  background: ", ";\n  height: 20px;\n  border-radius: 4px;\n\n  ", " {\n    height: ", ";\n    border-radius: ", ";\n  }\n"])), InactiveButtonColor, mediaQuery.minWidthFourK, adaptiveValueCalc(20), adaptiveValueCalc(4));
-var RangeValue = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  background: ", ";\n  height: 100%;\n  border-radius: 2px 0 0 2px;\n  ", " {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n"], ["\n  display: block;\n  background: ", ";\n  height: 100%;\n  border-radius: 2px 0 0 2px;\n  ", " {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n"])), function (props) { return props.rankValue && getRankColor(props.rankValue); }, mediaQuery.minWidthFourK, adaptiveValueCalc(2), adaptiveValueCalc(2));
-// Components
-export var ProfileRank = function (_a) {
-    var rank = _a.rank;
-    return (<Box>
-      <H6 color={TextGrayColor} mb={4}>
-        LUDO RANK
-      </H6>
-      <Flex>
-        <Flex alignItems="center" borderRadius={6} width={'100%'}>
-          <H2 mr={16} color={BlackColor}>
-            {rank ? rank : 'unknown'}
-          </H2>
-          <RangeContainer>
-            <RangeValue rankValue={rank} style={{ width: "".concat(rank, "%") }}/>
-          </RangeContainer>
-        </Flex>
-      </Flex>
-    </Box>);
-};
-var templateObject_1, templateObject_2;

package/dist/components/profile/stats/index.js DELETED Viewed

@@ -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 } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { ProfileRank } from '@/components/profile/rank';
-import Palete from '@/system/Palete';
-// Styles
-var StyledProfileStats = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin-top: 12px;\n\n  ", " {\n    width: 156px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: 244px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: ", ";\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin-top: 12px;\n\n  ", " {\n    width: 156px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: 244px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: ", ";\n  }\n"])), mediaQuery.minWidthTablet, mediaQuery.minWidthDesktop, mediaQuery.minWidthFourK, adaptiveValueCalc(244));
-// Components
-export var ProfileStats = function (_a) {
-    var rank = _a.rank;
-    return (_jsx(StyledProfileStats, { children: _jsx(Palete, { children: _jsx("div", { className: "profileStatsBlock", children: _jsx(ProfileRank, { rank: rank }) }) }) }));
-};
-var templateObject_1;

package/dist/components/profile/stats/index.jsx DELETED Viewed

@@ -1,29 +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 { mediaQuery } from '@/styles/ScreenWidth';
-import { ProfileRank } from '@/components/profile/rank';
-import Palete from '@/system/Palete';
-// Styles
-var StyledProfileStats = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin-top: 12px;\n\n  ", " {\n    width: 156px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: 244px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: ", ";\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin-top: 12px;\n\n  ", " {\n    width: 156px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: 244px;\n    margin-top: 0;\n  }\n\n  ", " {\n    width: ", ";\n  }\n"])), mediaQuery.minWidthTablet, mediaQuery.minWidthDesktop, mediaQuery.minWidthFourK, adaptiveValueCalc(244));
-// Components
-export var ProfileStats = function (_a) {
-    var rank = _a.rank;
-    return (<StyledProfileStats>
-      <Palete>
-        <div className="profileStatsBlock">
-          <ProfileRank rank={rank}/>
-        </div>
-      </Palete>
-      {/*{isSignedIn() && profileId !== getUser()?.userId && (*/}
-      {/*  <div className={'profileStatsWorth'}>*/}
-      {/*    <ProfileNetWorth />*/}
-      {/*  </div>*/}
-      {/*)}*/}
-    </StyledProfileStats>);
-};
-var templateObject_1;

package/dist/components/profile/wallets/index.js DELETED Viewed

@@ -1,54 +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 Image from 'next/image';
-import process from 'process';
-import styled from 'styled-components';
-import { BlockChainEntity } from '@ludo.ninja/core';
-import { AccentColor, BlackColor } from '@ludo.ninja/ui/build/styles/colors';
-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 useFetchUserWallets from '@/api/server-identities/queries/useFetchUserWallets';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import MyWallets from '@/components/myWallets';
-import Palete from '@/system/Palete';
-import { Flex, H5 } from '@system';
-import { SmallText } from '@system';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { getStaticENVDomain } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import { dmsansFontVarCss } from '@/fonts/vars';
-import PlusIcon from '@/public/wallets/plus.svg';
-// Styles
-var StyledProfileWallets = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .manageBtn {\n    cursor: pointer;\n  }\n\n  .wallets {\n    margin-top: 12px;\n\n    .wallet_item {\n      font-family: ", ";\n      margin-bottom: 12px;\n      font-size: 13px;\n      color: ", ";\n\n      .icon {\n        margin-right: 8px;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .add_wallets {\n    display: flex;\n    cursor: pointer;\n\n    .icon {\n      margin-right: 8px;\n    }\n  }\n\n  ", " {\n    .wallets {\n      margin-top: ", ";\n\n      .wallet_item {\n        margin-bottom: ", ";\n        font-size: ", ";\n\n        .icon {\n          margin-right: ", ";\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n\n    .add_wallets {\n      .icon {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n"], ["\n  .manageBtn {\n    cursor: pointer;\n  }\n\n  .wallets {\n    margin-top: 12px;\n\n    .wallet_item {\n      font-family: ", ";\n      margin-bottom: 12px;\n      font-size: 13px;\n      color: ", ";\n\n      .icon {\n        margin-right: 8px;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .add_wallets {\n    display: flex;\n    cursor: pointer;\n\n    .icon {\n      margin-right: 8px;\n    }\n  }\n\n  ", " {\n    .wallets {\n      margin-top: ", ";\n\n      .wallet_item {\n        margin-bottom: ", ";\n        font-size: ", ";\n\n        .icon {\n          margin-right: ", ";\n          width: ", ";\n          height: ", ";\n        }\n      }\n    }\n\n    .add_wallets {\n      .icon {\n        margin-right: ", ";\n        width: ", ";\n        height: ", ";\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n"])), dmsansFontVarCss.css, BlackColor, mediaQuery.minWidthFourK, adaptiveValueCalc(12), adaptiveValueCalc(12), adaptiveValueCalc(13), adaptiveValueCalc(8), adaptiveValueCalc(16), adaptiveValueCalc(16), adaptiveValueCalc(8), adaptiveValueCalc(16), adaptiveValueCalc(16));
-// Component
-export var ProfileWallets = function () {
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var getUser = useUserStore(function (state) { return state.user; });
-    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
-    var userWallets = useFetchUserWallets({
-        userId: getUser === null || getUser === void 0 ? void 0 : getUser.userId,
-    }).userWallets;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var renderUserWallets = function () {
-        return userWallets === null || userWallets === void 0 ? void 0 : userWallets.map(function (userWallet) {
-            var blockChain = new BlockChainEntity(userWallet.blockchain);
-            return (_jsxs("div", { className: "wallet_item", children: [_jsx(Image, { src: blockChain.getBlockChainIconRegular({
-                            domain: getStaticENVDomain(),
-                        }), className: 'icon', width: 16, height: 16, alt: blockChain.getBlockChainIconRegular({
-                            domain: getStaticENVDomain(),
-                        }) }), shortenedText(userWallet === null || userWallet === void 0 ? void 0 : userWallet.address)] }, userWallet.address));
-        });
-    };
-    if (!isSignedIn)
-        return null;
-    var user = new URLSearchParams(getUser).toString();
-    return (_jsx(StyledProfileWallets, { children: _jsxs(Palete, { children: [_jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [_jsx(H5, { color: BlackColor, children: "Wallets" }), _jsx("div", { className: 'manageBtn', onClick: function () { return openModalSidebarPortal(_jsx(MyWallets, {})); }, children: _jsx(SmallText, { color: AccentColor, children: "Manage" }) })] }), _jsx("div", { className: 'wallets', children: renderUserWallets() }), _jsxs("div", { className: 'add_wallets', onClick: function () {
-                        window.open("".concat(process.env.NEXT_PUBLIC_AUTH_HOST, "/add_wallets/?").concat(user, "&fallback_url=").concat(window.location.href.replace(/\s/g, '')), '_self');
-                    }, children: [_jsx("div", { className: 'icon', children: _jsx(PlusIcon, { style: getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 }) }) }), _jsx(SmallText, { color: AccentColor, children: "Add new" })] })] }) }));
-};
-var templateObject_1;