@ludo.ninja/components 1.9.6 → 2.0.1

package/dist/components/profile/MultiversXAudit/MultiversXAudit.js

@@ -1,136 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiversXAudit = void 0;
-var react_1 = require("react");
-var auto_1 = __importDefault(require("chart.js/auto"));
-var nookies_1 = require("nookies");
-var styled_components_1 = __importDefault(require("styled-components"));
-var api_1 = require("@ludo.ninja/api");
-var schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/identityHost/schema");
-var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var store_1 = require("@ludo.ninja/components/dist/store");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var fonts_1 = require("@ludo.ninja/components/dist/fonts");
-var SWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  padding: 12px 16px;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  border-radius: 6px;\n  background: ", ";\n  margin-bottom: 16px;\n\n  .canvas {\n    width: 164px;\n    height: 164px;\n\n    ", " {\n      width: 124px;\n      height: 124px;\n    }\n  }\n\n  .labels {\n    padding-top: 8px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n\n    & > * {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      color: ", ";\n      font-family: ", ";\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 18px;\n    }\n\n    .circle {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n    }\n  }\n\n  ", " {\n    padding: ", " ", ";\n    gap: ", ";\n    border-radius: ", ";\n    margin-bottom: ", ";\n\n    .canvas {\n      width: ", ";\n      height: ", ";\n    }\n\n    .labels {\n      padding-top: ", ";\n      gap: ", ";\n\n      & > * {\n        gap: ", ";\n\n        font-size: ", ";\n        line-height: ", ";\n      }\n\n      .circle {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  width: 100%;\n  padding: 12px 16px;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  border-radius: 6px;\n  background: ", ";\n  margin-bottom: 16px;\n\n  .canvas {\n    width: 164px;\n    height: 164px;\n\n    ", " {\n      width: 124px;\n      height: 124px;\n    }\n  }\n\n  .labels {\n    padding-top: 8px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n\n    & > * {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      color: ", ";\n      font-family: ", ";\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 18px;\n    }\n\n    .circle {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n    }\n  }\n\n  ", " {\n    padding: ", " ", ";\n    gap: ", ";\n    border-radius: ", ";\n    margin-bottom: ", ";\n\n    .canvas {\n      width: ", ";\n      height: ", ";\n    }\n\n    .labels {\n      padding-top: ", ";\n      gap: ", ";\n\n      & > * {\n        gap: ", ";\n\n        font-size: ", ";\n        line-height: ", ";\n      }\n\n      .circle {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), colors_1.WhiteColor, styles_1.mediaQuery.maxWidthTablet, colors_1.BlackColor, fonts_1.dmsansFontVarCss.css, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(164), (0, _4k_1.adaptiveValueCalc)(164), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(13), (0, _4k_1.adaptiveValueCalc)(18), (0, _4k_1.adaptiveValueCalc)(10), (0, _4k_1.adaptiveValueCalc)(10));
-var colors = [
-    '#977CFF',
-    '#98E2EB',
-    '#D181FF',
-    '#8FDE95',
-    '#7BC0FF',
-    '#FB94A3',
-    '#FFAE80',
-    '#FFE380',
-    '#CFD5EA',
-];
-var backgroundColors = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], colors, true), colors, true), colors, true), colors, true), colors, true), colors, true), colors, true), colors, true), colors, true), colors, true);
-var AuditUI = function (_a) {
-    var interests = _a.interests;
-    var labels = interests.map(function (el) {
-        var name = el.name;
-        if (name) {
-            return name[0].toUpperCase() + name.slice(1);
-        }
-        return name;
-    });
-    var canvasRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        var canvas = canvasRef.current;
-        var chart = canvas &&
-            new auto_1.default(canvas, {
-                type: 'doughnut',
-                data: {
-                    labels: labels,
-                    datasets: [
-                        {
-                            data: interests.map(function (el) { return el.percentage; }),
-                            backgroundColor: backgroundColors,
-                            hoverOffset: 4,
-                        },
-                    ],
-                },
-                options: {
-                    responsive: true,
-                    plugins: {
-                        legend: {
-                            display: false,
-                        },
-                        tooltip: {
-                            callbacks: {
-                                label: function (context) {
-                                    return ' ' + context.raw + '%';
-                                },
-                            },
-                        },
-                    },
-                },
-            });
-        return function () {
-            if (chart && 'destroy' in chart) {
-                chart.destroy();
-            }
-        };
-    }, []);
-    return (React.createElement(SWrapper, null,
-        React.createElement("div", { className: "canvas" },
-            React.createElement("canvas", { ref: canvasRef })),
-        React.createElement("div", { className: "labels" }, labels.map(function (label, index) { return (React.createElement("div", { key: index },
-            React.createElement("div", { className: "circle", style: {
-                    backgroundColor: backgroundColors[index],
-                } }),
-            React.createElement("span", null, label))); }))));
-};
-var Audit = function (_a) {
-    var _b;
-    var wallet = _a.wallet;
-    var openAlert = (0, store_1.useUiStore)(function (state) { return state.openAlert; });
-    var data = (0, schema_1.useFetchMultiversXAuditQuery)({
-        variables: { wallet: wallet },
-        context: {
-            uri: api_1.hosts.identityHost,
-        },
-        notifyOnNetworkStatusChange: true,
-        fetchPolicy: 'no-cache',
-        onError: function () {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-        },
-    }).data;
-    if (!data || !((_b = data.fetchMultiversxAudit) === null || _b === void 0 ? void 0 : _b.interests)) {
-        return null;
-    }
-    var interests = data.fetchMultiversxAudit.interests;
-    return interests && React.createElement(AuditUI, { interests: interests });
-};
-var MultiversXAudit = function () {
-    var authMultiversXWallet = (0, nookies_1.parseCookies)().authMultiversXWallet;
-    if (!authMultiversXWallet) {
-        return null;
-    }
-    return React.createElement(Audit, { wallet: authMultiversXWallet });
-    // const testWallet =
-    //   'erd138hdrk39plv3afyv0x3fcsknfu9hkdj9xu7u0mpdqmjpvt5avc7s72unc8';
-    // return <Audit wallet={testWallet} />;
-};
-exports.MultiversXAudit = MultiversXAudit;
-var templateObject_1;

package/dist/components/profile/ProfileTabs.d.ts

@@ -1,7 +0,0 @@
-import React, { CSSProperties } from 'react';
-export declare const ProfileTabs: ({ totalResults, profileId, style, isMobile, }: {
-    totalResults?: number | null;
-    profileId: string;
-    style?: CSSProperties;
-    isMobile: boolean;
-}) => React.JSX.Element;

package/dist/components/profile/ProfileTabs.js

@@ -1,46 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileTabs = void 0;
-var react_1 = __importDefault(require("react"));
-var router_1 = require("next/router");
-var linkTabs_1 = __importDefault(require("@/components/linkTabs"));
-var linkTab_1 = __importDefault(require("@/components/linkTabs/linkTab"));
-var env_1 = require("@/utils/env");
-var ProfileTabs = function (_a) {
-    var _b = _a.totalResults, totalResults = _b === void 0 ? null : _b, profileId = _a.profileId, style = _a.style, isMobile = _a.isMobile;
-    var router = (0, router_1.useRouter)();
-    return (react_1.default.createElement(linkTabs_1.default, { isUnderlined: true, style: style }, __spreadArray([
-        {
-            link: "/profile/".concat(profileId, "/nfts"),
-            text: 'NFTs',
-        }
-    ], ((0, env_1.isProd)({ ENV: isProdENV })
-        ? []
-        : [
-            {
-                link: "/profile/".concat(profileId, "/galleries"),
-                text: 'Galleries',
-            },
-            {
-                link: "/profile/".concat(profileId, "/favorite-lists"),
-                text: isMobile ? 'Fav.Lists' : 'Favorite Lists',
-            },
-        ]), true).map(function (_a) {
-        var link = _a.link, text = _a.text;
-        var isActive = router.asPath.includes(link);
-        return (react_1.default.createElement(linkTab_1.default, { key: link, link: link, isActive: isActive, countItems: isActive ? totalResults : null, text: text }));
-    })));
-};
-exports.ProfileTabs = ProfileTabs;

package/dist/components/profile/aboutText/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { identitySchema as schema } from '@ludo.ninja/api';
-type ProfileAboutTextProps = Pick<schema.IProfile, 'username' | 'about' | 'following' | 'wallets' | 'followers' | 'followings' | 'social'>;
-export declare const ProfileAboutText: ({ username, about, following, wallets, followers, followings, social, }: ProfileAboutTextProps) => React.JSX.Element;
-export {};

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

@@ -1,105 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileAboutText = void 0;
-var react_1 = __importStar(require("react"));
-var router_1 = require("next/router");
-var react_hyphen_1 = __importDefault(require("react-hyphen"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var utils_1 = require("@ludo.ninja/utils");
-var modules_1 = require("@ludo.ninja/components/dist/modules");
-var store_1 = require("@ludo.ninja/components/dist/store");
-var useFollowProfile_1 = __importDefault(require("@/api/server-identities/mutations/useFollowProfile"));
-var useUnfollowProfile_1 = __importDefault(require("@/api/server-identities/mutations/useUnfollowProfile"));
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
-var followersSocial_1 = require("@/components/profile/followersSocial");
-var shareDialog_1 = __importDefault(require("@/components/shareDialog"));
-var utils_2 = require("@ludo.ninja/components/dist/utils");
-var fonts_1 = require("@ludo.ninja/components/dist/fonts");
-var share_svg_1 = __importDefault(require("@/public/iconButton/share.svg"));
-var StyledProfileAboutText = styled_components_1.default.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"])), styles_1.FH1, styles_1.BlackColor, fonts_1.dmsansFontVarCss.css, system_1.MainText, styles_1.TextGrayColor, styles_1.FH5, styles_1.AccentColor, styles_1.FH6, styles_1.AccentColor, styles_1.mediaQuery.mobile, styles_1.FH3, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(640), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(36), (0, _4k_1.adaptiveValueCalc)(15), (0, _4k_1.adaptiveValueCalc)(22), (0, _4k_1.adaptiveValueCalc)(15), (0, _4k_1.adaptiveValueCalc)(22), (0, _4k_1.adaptiveValueCalc)(44), (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(4), (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(24));
-var maxStringLenght = 177;
-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 = (0, modules_1.useUserStore)(function (state) { return state.isSignedIn; });
-    var getUser = (0, modules_1.useUserStore)(function (state) { return state.user; });
-    var _c = (0, store_1.useUiStore)(function (state) { return ({
-        openModal: state.openModal,
-        closeModal: state.closeModal,
-    }); }), openModal = _c.openModal, closeModal = _c.closeModal;
-    var _d = (0, react_1.useState)(false), isNeedReadMore = _d[0], setNeedReadMore = _d[1];
-    var _e = (0, react_1.useState)(following), isFollowing = _e[0], setIsFollowing = _e[1];
-    var url = typeof window !== 'undefined' ? window.location.href : null;
-    var router = (0, router_1.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 = (0, useFollowProfile_1.default)(profileId).followProfile;
-    var unfollowProfile = (0, useUnfollowProfile_1.default)(profileId).unfollowProfile;
-    var onContentChanged = (0, react_1.useCallback)(function () {
-        isFollowing ? unfollowProfile() : followProfile();
-        setIsFollowing(!isFollowing);
-    }, [isFollowing]);
-    var handleReadMore = function () { return setNeedReadMore(function (p) { return !p; }); };
-    (0, react_1.useEffect)(function () {
-        if (about && about.length > maxStringLenght) {
-            setNeedReadMore(true);
-        }
-    }, [about]);
-    var handleRedirectToProfileSettings = function () {
-        router.push("/account/profile/settings/".concat(profileId));
-    };
-    var windowDimensions = (0, utils_2.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(StyledProfileAboutText, null,
-        isUserNameShouldShow && react_1.default.createElement("h3", { className: 'name' }, username),
-        userWallet && (react_1.default.createElement(utils_2.CopyButton, { value: userWallet },
-            react_1.default.createElement("p", { className: "wallet" }, (0, utils_1.shortenedText)(userWallet)))),
-        react_1.default.createElement(followersSocial_1.ProfileFollowersSocial, { followings: followings, followers: followers, social: social }),
-        about && (react_1.default.createElement(react_hyphen_1.default, null,
-            react_1.default.createElement("p", { className: "descr ".concat(isNeedReadMore && 'isActive') }, about))),
-        isNeedReadMore && (react_1.default.createElement("span", { className: 'readMore', onClick: handleReadMore }, "Read more")),
-        react_1.default.createElement("div", { className: "shareEdit" },
-            isSignedIn && (react_1.default.createElement("div", { className: "editBtnOrShare" },
-                profileId !== (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (react_1.default.createElement(system_1.MainButton, { text: isFollowing ? 'Unfollow' : 'FOLLOW', variant: isFollowing ? 'secondary' : 'primaryM', onClick: onContentChanged })),
-                profileId === (getUser === null || getUser === void 0 ? void 0 : getUser.userId) && (react_1.default.createElement(system_1.MainButton, { text: 'Edit profile', variant: "outline", onClick: handleRedirectToProfileSettings })))),
-            react_1.default.createElement("div", { className: "shareBtn" },
-                react_1.default.createElement(system_1.IconButton, { onClick: function () {
-                        return openModal(react_1.default.createElement(shareDialog_1.default, { link: url, onHide: closeModal }));
-                    }, icon: react_1.default.createElement(share_svg_1.default, { style: (0, utils_2.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }) })))));
-};
-exports.ProfileAboutText = ProfileAboutText;
-var templateObject_1;

package/dist/components/profile/addToGalleryBtns/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const ProfileAddToGalleryBtns: ({ addMethod }: {
-    addMethod: () => void;
-}) => React.JSX.Element;
-export default ProfileAddToGalleryBtns;

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

@@ -1,42 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var useToGalleryAsset_1 = require("@ludo.ninja/components/dist/hooks/useToGalleryAsset");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
-var utils_1 = require("@ludo.ninja/components/dist/utils");
-var plus_svg_1 = __importDefault(require("@/public/wallets/plus.svg"));
-// Styles
-var StyledProfileAddToGalleryBtns = styled_components_1.default.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"])), styles_1.WhiteColor, styles_1.WhiteColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(300), (0, _4k_1.adaptiveValueCalc)(55), (0, _4k_1.adaptiveValueCalc)(4), (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(30), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(160), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(112), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(5));
-// Component
-var PlusIconResize = function () {
-    var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(plus_svg_1.default, { className: 'icon', style: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }));
-};
-var ProfileAddToGalleryBtns = function (_a) {
-    var addMethod = _a.addMethod;
-    var _b = (0, useToGalleryAsset_1.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 (react_1.default.createElement(StyledProfileAddToGalleryBtns, null,
-        react_1.default.createElement("div", { className: "addToGalleryBtns" },
-            react_1.default.createElement(system_1.IconWithButton, { variant: 'regular', text: 'Add to Gallery', onClick: addMethod, disabled: !creationsToGallery.length, isDisableSkeleton: true },
-                react_1.default.createElement(PlusIconResize, null)),
-            react_1.default.createElement(system_1.MainButton, { onClick: resetCreationsInGallery, variant: "float", text: 'Cancel' }))));
-};
-// Export
-exports.default = ProfileAddToGalleryBtns;
-var templateObject_1;

package/dist/components/profile/followersSocial/followers/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type ProfileStatsProps = {
-    text: string;
-    counter: number;
-};
-export declare const ProfileFollowers: ({ counter, text }: ProfileStatsProps) => React.JSX.Element;
-export {};

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

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileFollowers = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var colors_1 = require("@/styles/colors");
-var _system_1 = require("@system");
-var vars_1 = require("@/fonts/vars");
-// Styles
-var StyledProfileFollowers = styled_components_1.default.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"])), colors_1.TextGrayColor);
-var StyledProfileFollowersCounter = (0, styled_components_1.default)(_system_1.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"])), vars_1.dmsansFontVarCss.css, colors_1.BlackColor);
-var StyledProfileFollowersCaption = (0, styled_components_1.default)(_system_1.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"])), vars_1.dmsansFontVarCss.css, colors_1.TextGrayColor);
-// Components
-var ProfileFollowers = function (_a) {
-    var counter = _a.counter, text = _a.text;
-    return (react_1.default.createElement(StyledProfileFollowers, null,
-        react_1.default.createElement(StyledProfileFollowersCounter, null, counter),
-        react_1.default.createElement(StyledProfileFollowersCaption, null, text)));
-};
-exports.ProfileFollowers = ProfileFollowers;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/profile/followersSocial/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { identitySchema as schema } from '@ludo.ninja/api';
-type ProfileFollowersSocialProps = Pick<schema.IProfile, 'followers' | 'followings' | 'social'>;
-export declare const ProfileFollowersSocial: ({ followers, followings, social, }: ProfileFollowersSocialProps) => React.JSX.Element;
-export {};

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

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileFollowersSocial = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var followers_1 = require("@/components/profile/followersSocial/followers");
-var social_1 = require("@/components/profile/followersSocial/social");
-// Styles
-var StyledProfileFollowersSocial = styled_components_1.default.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
-var ProfileFollowersSocial = function (_a) {
-    var followers = _a.followers, followings = _a.followings, social = _a.social;
-    return (react_1.default.createElement(StyledProfileFollowersSocial, null,
-        (followers && (react_1.default.createElement(followers_1.ProfileFollowers, { text: 'FOLLOWERS', counter: followers }))) ||
-            null,
-        (followings && (react_1.default.createElement(followers_1.ProfileFollowers, { text: 'FOLLOWING', counter: followings }))) ||
-            null,
-        react_1.default.createElement(social_1.ProfileSocial, { social: social })));
-};
-exports.ProfileFollowersSocial = ProfileFollowersSocial;
-var templateObject_1;

package/dist/components/profile/followersSocial/social/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { identitySchema as schema } from '@ludo.ninja/api';
-export declare const ProfileSocial: ({ social }: Pick<schema.IProfile, 'social'>) => React.JSX.Element;

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

@@ -1,40 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileSocial = void 0;
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var styled_components_1 = __importDefault(require("styled-components"));
-// Styles
-var StyledProfileSocialItem = styled_components_1.default.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
-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 (react_1.default.createElement(StyledProfileSocialItem, { className: 'profileStatsSocialItem', target: '_blank', rel: "noreferrer", href: websiteLink },
-                react_1.default.createElement(image_1.default, { src: "/socials/".concat([type], ".svg"), width: 20, title: type, height: 20, alt: icon })));
-        }
-    };
-    var isSocialNullish = Object.values(social).every(function (value) { return value === null; });
-    if (!isSocialNullish && !(social === null || social === void 0 ? void 0 : social.website))
-        return null;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        socialIcon(social === null || social === void 0 ? void 0 : social.facebook, 'facebook'),
-        socialIcon(social === null || social === void 0 ? void 0 : social.instagram, 'instagram'),
-        socialIcon(social === null || social === void 0 ? void 0 : social.website, 'website'),
-        socialIcon(social === null || social === void 0 ? void 0 : social.twitter, 'twitter')));
-};
-exports.ProfileSocial = ProfileSocial;
-var templateObject_1;

package/dist/components/profile/index.d.ts

@@ -1 +0,0 @@
-export { ProfileSkeleton } from '@ludo.ninja/components/dist/components/profile/profileSkeleton';

package/dist/components/profile/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileSkeleton = void 0;
-var profileSkeleton_1 = require("@ludo.ninja/components/dist/components/profile/profileSkeleton");
-Object.defineProperty(exports, "ProfileSkeleton", { enumerable: true, get: function () { return profileSkeleton_1.ProfileSkeleton; } });

package/dist/components/profile/info/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ProfileEntity } from '@ludo.ninja/core';
-type ProfileInfoProps = {
-    profile: ProfileEntity;
-};
-export declare const ProfileInfo: ({ profile }: ProfileInfoProps) => React.JSX.Element;
-export {};

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

@@ -1,43 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileInfo = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var profile_1 = require("@/components/profile");
-var _system_1 = require("@system");
-var env_1 = require("@/utils/env");
-var screen_1 = require("@/utils/screen");
-// Styles
-var StyledProfileInfo = styled_components_1.default.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"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(29), styles_1.mediaQuery.mobile, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(44), (0, _4k_1.adaptiveValueCalc)(120), (0, _4k_1.adaptiveValueCalc)(120));
-// Components
-var ProfileInfo = function (_a) {
-    var profile = _a.profile;
-    var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    var getProfileImgSize = function () {
-        if (!windowDimensions)
-            return 120;
-        if (windowDimensions.windowWidth <= styles_1.ScreenWidth.MOBILE)
-            return 64;
-        return 120;
-    };
-    var size = getProfileImgSize();
-    return (react_1.default.createElement(StyledProfileInfo, null,
-        react_1.default.createElement("div", { className: 'profileImgWithDescription' },
-            react_1.default.createElement("div", { className: 'profileImage' },
-                react_1.default.createElement(_system_1.ProfilePic, { userPicSrc: profile.getUserPic({
-                        mediaDomain: (0, env_1.getMediaENVDomain)(),
-                    }), size: size })),
-            react_1.default.createElement(profile_1.ProfileAboutText, { username: profile.getName(), about: profile.getAbout(), following: profile === null || profile === void 0 ? void 0 : profile.getIsFollowing(), followings: profile.getFollowings(), followers: profile.getFollowers(), wallets: profile.getWallets(), social: [] })),
-        react_1.default.createElement(profile_1.ProfileStats, { rank: profile.getUserRank() })));
-};
-exports.ProfileInfo = ProfileInfo;
-var templateObject_1;

package/dist/components/profile/interests/data.d.ts

@@ -1,3 +0,0 @@
-import { colorType } from '@/components/profile/interests/type';
-declare const colors: colorType[];
-export default colors;

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var colors_1 = require("@/styles/colors");
-var colors = [
-    {
-        id: Math.random(),
-        colorLabel: colors_1.AccentColor,
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#739BFF',
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#76CBFB',
-    },
-    {
-        id: Math.random(),
-        colorLabel: '#9CE8A8',
-    },
-];
-exports.default = colors;

package/dist/components/profile/interests/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ProfileInterests: () => React.JSX.Element;