@ludo.ninja/components 2.3.36 → 2.3.38

package/build/components/gallery/add/addCreationToGallery/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useAddCreationsToGallery_1 = require("../../../../api/server-galleries/mutations/useAddCreationsToGallery");
+const useCreateGallery_1 = require("../../../../api/server-galleries/mutations/useCreateGallery");
+const chooseGalleryItems_1 = __importDefault(require("../../../../modules/gallery/ui/chooseGalleryItems"));
+const createGalleryForm_1 = __importDefault(require("../../../../modules/gallery/ui/createGalleryForm"));
+const itemsPreview_1 = __importDefault(require("../../../../modules/gallery/ui/itemsPreview"));
+const useToGalleryAsset_1 = require("../../../../modules/gallery/useToGalleryAsset");
+const ui_1 = require("../../../../store/ui");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+// Styles
+const StyledAddGallery = styled_components_1.default.div `
+  display: flex;
+
+  @media (max-width: 767px) {
+    flex-direction: column;
+  }
+`;
+// Component
+const AddCreationToGallery = () => {
+    const { removeCreationFromGalleryWithCallback, creationsToGallery, resetCreationsInGallery: actionResetCheckboxes, } = (0, useToGalleryAsset_1.useToGalleryStore)((state) => ({
+        resetCreationsInGallery: state.resetCreationsInGallery,
+        creationsToGallery: state.creationsToGallery,
+        removeCreationFromGalleryWithCallback: state.removeCreationFromGalleryWithCallback,
+    }));
+    const { createGallery, errorCreateGallery } = (0, useCreateGallery_1.useCreateGalleryV2)();
+    const closeModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.closeModalSidebarPortal);
+    const [isNeedAddGallery, setAddGallery] = (0, react_1.useState)(false);
+    const { addCreationsToGallery, isAdded, error } = (0, useAddCreationsToGallery_1.useAddCreationsToGalleryV2)();
+    const addMethod = async (galleryId, ids) => {
+        await addCreationsToGallery({ galleryId, creationIds: ids });
+        actionResetCheckboxes();
+        closeModalSidebarPortal();
+    };
+    const ids = creationsToGallery.map((creations) => creations.creationId);
+    return ((0, jsx_runtime_1.jsxs)(StyledAddGallery, { children: [(0, jsx_runtime_1.jsx)(itemsPreview_1.default, { creations: creationsToGallery, title: "Add to Gallery", deleteMethod: (itemId) => {
+                    removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
+                } }), isNeedAddGallery ? ((0, jsx_runtime_1.jsx)(createGalleryForm_1.default, { setAddGallery: setAddGallery, 
+                // ids={ids as string[]}
+                title: "Create Gallery", createMethod: createGallery, inputPlaceHolderText: "Gallery Name", error: errorCreateGallery })) : ((0, jsx_runtime_1.jsx)(chooseGalleryItems_1.default, { setAddGallery: setAddGallery, title: "Choose Gallery", titleBtn: "+ New Gallery", ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))] }));
+};
+// Export
+exports.default = AddCreationToGallery;

package/build/components/headers/components/headerExperienceLabel/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("@/modules/user/store");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const ExperienceLabel_1 = __importDefault(require("@/system/Labels/ExperienceLabel"));
-const env_1 = require("@/store/env");
+const store_1 = require("../../../../modules/user/store");
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const ExperienceLabel_1 = __importDefault(require("../../../../system/Labels/ExperienceLabel"));
+const env_1 = require("../../../../store/env");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledHeaderExperienceLabel = styled_components_1.default.div `

package/build/components/headers/components/headerStreak/index.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = __importStar(require("styled-components"));
-const UserStreak_1 = __importDefault(require("@/components/base/UserStreak"));
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const UserStreak_1 = __importDefault(require("../../../base/UserStreak"));
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const HeaderStreak = (0, styled_components_1.default)(UserStreak_1.default) `
   flex-direction: column;

package/build/components/headers/components/headerUserPic/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const Userpic_1 = __importDefault(require("@/system/Img/Userpic"));
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const Userpic_1 = __importDefault(require("../../../../system/Img/Userpic"));
 // Styles
 const StyledHeaderUserPick = styled_components_1.default.div `
   margin-right: 24px;

package/build/components/headers/header/index.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const header_1 = require("@ludo.ninja/ui/build/components/header");
-const headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
-const headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
-const store_1 = require("@/modules/user/store");
-const ui_1 = require("@/store/ui");
-const auth_1 = require("@/utils/auth");
+const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
+const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
+const store_1 = require("../../../modules/user/store");
+const ui_1 = require("../../../store/ui");
+const auth_1 = require("../../../utils/auth");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const env_1 = require("@/store/env");
-const headerStreak_1 = __importDefault(require("@/components/headers/components/headerStreak"));
+const env_1 = require("../../../store/env");
+const headerStreak_1 = __importDefault(require("../components/headerStreak"));
 // Component
 const Header = () => {
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);

package/build/components/headers/headerSearch/index.js

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
-const headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
-const searchSimpleInput_1 = __importDefault(require("@/components/search/searchSimpleInput"));
-const store_1 = require("@/modules/user/store");
-const env_1 = require("@/store/env");
-const ui_1 = require("@/store/ui");
-const auth_1 = require("@/utils/auth");
+const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
+const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
+const searchSimpleInput_1 = __importDefault(require("../../search/searchSimpleInput"));
+const store_1 = require("../../../modules/user/store");
+const env_1 = require("../../../store/env");
+const ui_1 = require("../../../store/ui");
+const auth_1 = require("../../../utils/auth");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const header_1 = require("@ludo.ninja/ui/build/components/header");
-const headerStreak_1 = __importDefault(require("@/components/headers/components/headerStreak"));
+const headerStreak_1 = __importDefault(require("../components/headerStreak"));
 // Component
 const HeaderSearch = ({ showXP = true }) => {
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);

package/build/components/headers/headerSimple/index.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderSimple: () => import("react/jsx-runtime").JSX.Element;
+export default HeaderSimple;

package/build/components/headers/headerSimple/index.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../../../styles/colors");
+const screen_1 = require("../../../utils/screen");
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@ludo.ninja/utils");
+const env_1 = require("../../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+// Styles
+const StyledHeaderSimple = styled_components_1.default.header `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  z-index: 2;
+  padding: 38px 14px 14px 14px;
+  background: ${colors_1.BackgroundColorLight};
+  transition: transform 0.5s ease, top 0.5s ease;
+  width: 92.67%;
+  margin: 0 auto;
+  top: 24px;
+  left: 42px;
+  right: 42px;
+  position: fixed;
+
+  &.up {
+    top: 0;
+    transition: top 0.4s ease-out;
+
+    @media (max-width: 767px) {
+      top: 0;
+    }
+  }
+
+  &.down {
+    top: -92px;
+    transition: top 0.4s ease-out;
+  }
+
+  .logo {
+    width: 116px;
+    height: 28px;
+    a {
+      height: 100%;
+      display: block;
+    }
+  }
+
+  @media (max-width: 767px) {
+    padding: 20px;
+    margin: 0;
+    width: 100%;
+    left: 0;
+    right: 0;
+
+    .logo {
+      width: 32px;
+      height: 32px;
+    }
+  }
+`;
+// Component
+const HeaderSimple = () => {
+    const { windowWidth } = (0, screen_1.getWindowDimensions)();
+    const renderDesktopLogoOrMobile = () => {
+        const isMobile = windowWidth <= 768;
+        return ((0, jsx_runtime_1.jsx)("img", { width: isMobile ? 31 : 116, height: isMobile ? 32 : 28, src: isMobile ? '/logo/mobile_logo.svg' : '/logo/main_logo.svg', alt: "Ludo - a right place for NFT art" }));
+    };
+    const scrollDirection = (0, utils_1.useScrollDirection)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
+    return ((0, jsx_runtime_1.jsx)(StyledHeaderSimple, { className: scrollDirection, children: (0, jsx_runtime_1.jsx)("div", { className: 'logo', children: (0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: renderDesktopLogoOrMobile() }) }) }));
+};
+// Export
+exports.default = HeaderSimple;

package/build/components/linkTabs/index.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties } from 'react';
+declare const LinkTabs: ({ isUnderlined, children, style, className }: {
+    children: React.ReactNode;
+    isUnderlined: boolean;
+    style?: CSSProperties;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LinkTabs;

package/build/components/linkTabs/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const colors_1 = require("../../styles/colors");
+// Styles
+const StyledLinkTabs = styled_components_1.default.div `
+  margin-bottom: 24px;
+  position: relative;
+
+  &::after {
+    display: ${(props) => (props.isUnderlined ? 'block' : 'none')};
+    position: absolute;
+    content: '';
+    border-bottom: 1px solid ${colors_1.BorderColorLight};
+    width: 100%;
+    bottom: -4px;
+    left: 0;
+    right: 0;
+  }
+
+  a {
+    margin-left: 32px;
+
+    :first-child {
+      margin: 0;
+    }
+  }
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(24)};
+
+    &::after {
+      bottom: ${(0, _4k_1.adaptiveValueCalc)(-4)};
+      border-bottom-width: ${(0, _4k_1.adaptiveValueCalc)(1)};
+    }
+    a {
+      margin-left: ${(0, _4k_1.adaptiveValueCalc)(32)};
+    }
+  }
+`;
+// Component
+const LinkTabs = ({ isUnderlined, children, style, className }) => {
+    return ((0, jsx_runtime_1.jsx)(StyledLinkTabs, { className: className, isUnderlined: isUnderlined, style: style, children: children }));
+};
+// Export
+exports.default = LinkTabs;

package/build/components/linkTabs/linkTab/index.d.ts

@@ -0,0 +1,9 @@
+interface LinkTabsProps {
+    link: string;
+    isActive: boolean;
+    countItems: number | null;
+    text: string;
+    className?: string;
+}
+declare const LinkTabs: ({ link, isActive, countItems, text, className }: LinkTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default LinkTabs;

package/build/components/linkTabs/linkTab/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = __importDefault(require("next/link"));
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const screen_1 = require("../../../utils/screen");
+const styled_components_1 = __importDefault(require("styled-components"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+// Styles
+const StyledLinkTab = styled_components_1.default.span `
+  position: relative;
+  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextDarkGrayColor)};
+  cursor: pointer;
+  ${(props) => (props.isMobile ? typography_1.FH3 : typography_1.FH2)};
+  user-select: none;
+  line-height: 1.4em;
+  text-decoration: none;
+
+  .count {
+    margin-right: 8px;
+    font-weight: 600;
+    color: ${(props) => (props.isActive ? colors_1.AccentColor : colors_1.TextDarkGrayColor)};
+  }
+
+  :before {
+    content: '';
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: 2px;
+    bottom: -4px;
+    left: 0;
+    background-color: #000;
+    transform: ${(props) => (props.isActive ? 'scaleX(1)' : 'scaleX(0)')};
+    transition: all 0.2s ease;
+  }
+
+  :hover {
+    color: ${colors_1.BlackColor};
+
+    .count {
+      color: ${(props) => (props.isActive ? colors_1.AccentColor : colors_1.BlackColor)};
+    }
+  }
+
+  :hover::before {
+    transform: scaleX(1);
+    transition: transform 0.2s ease-in-out;
+  }
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    line-height: ${(0, _4k_1.adaptiveValueCalc)(22)};
+
+    .count {
+      margin-right: ${(0, _4k_1.adaptiveValueCalc)(8)};
+    }
+
+    :before {
+      height: ${(0, _4k_1.adaptiveValueCalc)(3)};
+      bottom: ${(0, _4k_1.adaptiveValueCalc)(-4)};
+    }
+  }
+`;
+const LinkTabs = ({ link, isActive, countItems, text, className }) => {
+    const { deviceType } = (0, screen_1.useWindowDimensions)();
+    return ((0, jsx_runtime_1.jsx)(link_1.default, { className: className, href: link, children: (0, jsx_runtime_1.jsxs)(StyledLinkTab, { isActive: isActive, isMobile: deviceType === 'isMobile', children: [countItems !== null && ((0, jsx_runtime_1.jsx)("strong", { className: 'count', children: countItems })), text] }) }));
+};
+// Export
+exports.default = LinkTabs;

package/build/components/myWallets/index.d.ts

@@ -0,0 +1,9 @@
+import { IWallet } from "@ludo.ninja/api/build/graphql_tools/__generated__/galleriesHost/schema";
+import React from "react";
+declare const MyWallets: ({ caption, userWallets, isLoading, children, }: {
+    caption?: string;
+    userWallets: IWallet[];
+    isLoading: boolean;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MyWallets;

package/build/components/myWallets/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@ludo.ninja/ui");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const StyledMyWalletsCaption = (0, styled_components_1.default)(ui_1.H2) `
+  margin-bottom: 20px;
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(20)};
+  }
+`;
+const StyledMyWalletsWrapper = styled_components_1.default.div `
+  margin-bottom: 24px;
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(24)};
+  }
+`;
+const StyledMyWallets = styled_components_1.default.div `
+  margin: 0 auto;
+  width: 326px;
+  ${ScreenWidth_1.mediaQuery.tablet} {
+    width: 290px
+  }
+    
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    width: ${(0, _4k_1.adaptiveValueCalc)(326)};
+  }
+`;
+const MyWallets = ({ caption, userWallets, isLoading, children, }) => {
+    return ((0, jsx_runtime_1.jsxs)(StyledMyWalletsWrapper, { children: [!userWallets.length && !isLoading && (0, jsx_runtime_1.jsx)(ui_1.H5, { children: "No connected wallets." }), caption && (0, jsx_runtime_1.jsx)(StyledMyWalletsCaption, { children: caption }), (0, jsx_runtime_1.jsx)(StyledMyWallets, { children: children })] }));
+};
+exports.default = MyWallets;

package/build/components/myWallets/myWalletItem/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+import { BlockChainEntity } from "@ludo.ninja/core";
+type MyWalletItemProps = {
+    blockchain: BlockChainEntity;
+    address: string | null;
+    isMainWallet: boolean;
+    children?: ReactElement;
+};
+declare const MyWalletItem: ({ blockchain, address, isMainWallet, children, }: MyWalletItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MyWalletItem;

package/build/components/myWallets/myWalletItem/index.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("@ludo.ninja/utils");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+const env_1 = require("../../../store/env");
+const StyledMyWalletItem = styled_components_1.default.div `
+  position: relative;
+  border-radius: 8px;
+  border: 1px solid ${(props) => (props.isMainWallet ? colors_1.AccentColor : "#cfd5ea")};
+  padding: 10px 12px;
+  width: 100%;
+  min-height: 36px;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  background-color: ${(props) => (props.isMainWallet ? colors_1.WhiteColor : "#f6f7fd")};
+  margin-bottom: 12px;
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    border-radius: ${(0, _4k_1.adaptiveValueCalc)(8)};
+    min-height: ${(0, _4k_1.adaptiveValueCalc)(36)};
+    padding: ${(0, _4k_1.adaptiveValueCalc)(10)} ${(0, _4k_1.adaptiveValueCalc)(12)};
+    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(12)};
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+const StyledImg = styled_components_1.default.img `
+  border-radius: 50%;
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    width: ${(0, _4k_1.adaptiveValueCalc)(36)};
+    height: ${(0, _4k_1.adaptiveValueCalc)(36)};
+  }
+`;
+const StyledContent = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-left: 12px;
+  height: 100%;
+  text-align: left;
+
+  span {
+    font-size: 12px;
+    color: ${colors_1.BlackColor};
+  }
+
+  p {
+    margin: 0;
+    font-size: 13px;
+    color: ${colors_1.TextGrayColor};
+  }
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    margin-left: ${(0, _4k_1.adaptiveValueCalc)(12)};
+      
+    span {
+      font-size: ${(0, _4k_1.adaptiveValueCalc)(12)};
+    }
+
+    p {
+      font-size: ${(0, _4k_1.adaptiveValueCalc)(13)};
+    }
+  }
+`;
+const MyWalletItem = ({ blockchain, address, isMainWallet, children, }) => {
+    const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
+    return ((0, jsx_runtime_1.jsxs)(StyledMyWalletItem, { isMainWallet: isMainWallet, children: [children, (0, jsx_runtime_1.jsx)(StyledImg, { width: 36, height: 36, src: blockchain.getBlockChainIconRegular({
+                    domain: getStaticENVDomain(),
+                }), alt: blockchain.getBlockChainPublicLabel() }), (0, jsx_runtime_1.jsxs)(StyledContent, { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, utils_1.shortenedText)(address) }), (0, jsx_runtime_1.jsx)("p", { children: blockchain.getBlockChainPublicLabel() })] })] }));
+};
+exports.default = MyWalletItem;

package/build/components/myWallets/myWalletItem/myWalletItemCheckBox/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { UseFormRegister } from "react-hook-form";
+declare const MyWalletItemCheckBox: ({ onChange, name, register, checked, }: {
+    onChange: (e?: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    name: string;
+    register: UseFormRegister<any>;
+    checked?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MyWalletItemCheckBox;

package/build/components/myWallets/myWalletItem/myWalletItemCheckBox/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Forms_1 = require("../../../../system/Forms");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const StyledCheckbox = styled_components_1.default.div `
+  position: absolute;
+  right: 12px;
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    right: ${(0, _4k_1.adaptiveValueCalc)(12)};
+  }
+`;
+const MyWalletItemCheckBox = ({ onChange, name, register, checked, }) => {
+    return ((0, jsx_runtime_1.jsx)(StyledCheckbox, { children: (0, jsx_runtime_1.jsx)(Forms_1.CheckboxInput, { label: "", data: { name }, register: register(name, { onChange }), checked: checked }) }));
+};
+exports.default = MyWalletItemCheckBox;

package/build/components/profile/profileSkeleton/index.d.ts

@@ -0,0 +1,4 @@
+export declare const ProfileSkeletonWrapper: ({ profilesCount, }: {
+    profilesCount: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/build/components/profile/profileSkeleton/index.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileSkeleton = exports.ProfileSkeletonWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const colors_1 = require("../../../styles/colors");
+// Styles
+const StyledProfileSkeleton = styled_components_1.default.div `
+  background-color: ${colors_1.WhiteColor};
+  border-radius: 6px;
+
+  .cardLink {
+    padding: 16px;
+    display: flex;
+    height: 100%;
+
+    @media (max-width: 1199px) {
+      padding: 12px;
+      align-items: center;
+    }
+
+    .cardLinkIcon {
+      margin-right: 12px;
+      border-radius: 50%;
+      width: 72px;
+      height: 72px;
+
+      @media (max-width: 1199px) {
+        width: 42px;
+        height: 42px;
+      }
+    }
+    .cardLinkContent {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 100%;
+
+      .content {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .caption {
+          margin: 0;
+        }
+        .text {
+          margin-top: 7px;
+        }
+      }
+
+      @media (max-width: 1199px) {
+        flex-direction: row;
+        align-items: center;
+        .content {
+          justify-content: center;
+        }
+      }
+    }
+  }
+`;
+const ProfileSkeletonWrapper = ({ profilesCount, }) => {
+    const arr = Array.from(Array(profilesCount).keys());
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: arr.map(() => ((0, jsx_runtime_1.jsx)(exports.ProfileSkeleton, {}, Math.random()))) }));
+};
+exports.ProfileSkeletonWrapper = ProfileSkeletonWrapper;
+// Component
+const ProfileSkeleton = () => {
+    return ((0, jsx_runtime_1.jsx)(StyledProfileSkeleton, { children: (0, jsx_runtime_1.jsxs)("div", { className: `cardLink`, children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'cardLinkIcon' }), (0, jsx_runtime_1.jsxs)("div", { className: 'cardLinkContent', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'caption', width: '100%', height: '18px' }), (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'text', width: '80px', height: '16px' })] }), (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'text', width: '60px', height: '25px', style: { borderRadius: '25px', marginTop: '7px' } })] })] }) }));
+};
+exports.ProfileSkeleton = ProfileSkeleton;

package/build/components/search/SearchInputContainer.js

@@ -35,15 +35,15 @@ const styled_components_1 = __importStar(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const utils_1 = require("@ludo.ninja/utils");
-const useFetchFindAllTopEntitiesByName_1 = require("@/api/server-search/queries/useFetchFindAllTopEntitiesByName");
-const searchCloseMoreButtons_1 = __importDefault(require("@/components/search/searchCloseMoreButtons"));
-const searchSuggestions_1 = __importDefault(require("@/components/search/searchSuggestions"));
-const env_1 = require("@/store/env");
-const ui_1 = require("@/store/ui");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const screen_1 = require("@/utils/screen");
-const seacrhTabs_1 = require("@/utils/seacrhTabs");
-const back_svg_1 = __importDefault(require("@/public/search/back.svg"));
+const useFetchFindAllTopEntitiesByName_1 = require("../../api/server-search/queries/useFetchFindAllTopEntitiesByName");
+const searchCloseMoreButtons_1 = __importDefault(require("./searchCloseMoreButtons"));
+const searchSuggestions_1 = __importDefault(require("./searchSuggestions"));
+const env_1 = require("../../store/env");
+const ui_1 = require("../../store/ui");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const screen_1 = require("../../utils/screen");
+const seacrhTabs_1 = require("../../utils/seacrhTabs");
+const back_svg_1 = __importDefault(require("../../public/search/back"));
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const enterKey = "Enter";
 const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputComponent, }) => {