@ludo.ninja/components 2.3.34 → 2.3.36

package/build/components/assetPage/viewer3D/index.js

@@ -1,124 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewer3D = exports.ScenePreview = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AssetImage_1 = __importDefault(require("../media/AssetImage"));
-const store_1 = require("../slider/store");
-const NoSSR_1 = __importDefault(require("../../base/NoSSR"));
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const constants_1 = require("@ludo.ninja/core/build/constants");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const drei_1 = require("@react-three/drei");
-const fiber_1 = require("@react-three/fiber");
-const react_1 = require("react");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Togler = (0, styled_components_1.default)(index_1.Flex) `
-  border-radius: 8px;
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  overflow: hidden;
-  z-index: 1;
-  border: 1px solid ${colors_1.BlackColor};
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    top: ${(0, _4k_1.adaptiveValueCalc)(16)};
-    right: ${(0, _4k_1.adaptiveValueCalc)(16)};
-    border: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${colors_1.BlackColor};
-  }
-`;
-const ButtonTogler = styled_components_1.default.button `
-  border: none;
-  cursor: pointer;
-  background: ${(props) => (props.isActive ? colors_1.InactiveButtonColor : colors_1.WhiteColor)};
-  padding: 0;
-  width: 36px;
-  height: 36px;
-  font-size: 13px;
-  font-weight: 40;
-  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextGrayColor)};
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(36)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(36)};
-    font-size: ${(0, _4k_1.adaptiveValueCalc)(13)};
-  }
-`;
-const StyledAsset = styled_components_1.default.div `
-  max-height: 100%;
-  max-width: 100%;
-  width: 510px;
-  height: 510px;
-  margin-right: 60px;
-  position: relative;
-  overflow: hidden;
-  border-radius: 16px;
-  background-color: ${colors_1.WhiteColor};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  //border: 2px solid rgba(0, 0, 0, 0.5);
-
-  ${ScreenWidth_1.mediaQuery.desktop} {
-    width: 335px;
-    margin-right: 30px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.tablet} {
-    align-items: flex-start;
-    width: 320px;
-    margin-right: 0;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(510)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(510)};
-    margin-right: ${(0, _4k_1.adaptiveValueCalc)(60)};
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const ModelPreview = ({ file3D }) => {
-    const gltf = (0, drei_1.useGLTF)(file3D);
-    (0, fiber_1.useFrame)(() => {
-        gltf.scene.rotateY(0.002);
-    });
-    (0, react_1.useEffect)(() => {
-        return () => {
-            gltf.scene.rotation.set(0, 0, 0);
-        };
-    }, [gltf]);
-    return (0, jsx_runtime_1.jsx)("primitive", { object: gltf.scene });
-};
-const ScenePreview = ({ file3D }) => {
-    if (typeof window === "undefined" || !file3D)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(NoSSR_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { style: { position: "absolute", left: 0, top: 0 }, height: "100%", width: "100%" }), children: (0, jsx_runtime_1.jsxs)(fiber_1.Canvas, { resize: { scroll: false }, children: [(0, jsx_runtime_1.jsx)(drei_1.ContactShadows, { opacity: 1, scale: 1000, blur: 0.5, far: 100, resolution: 2048, color: "#003366" }), (0, jsx_runtime_1.jsx)(drei_1.Stage, { environment: "city", preset: "rembrandt", children: (0, jsx_runtime_1.jsx)(drei_1.Center, { children: (0, jsx_runtime_1.jsx)(ModelPreview, { file3D: file3D }) }) }), (0, jsx_runtime_1.jsx)(drei_1.OrbitControls, {})] }) }) }));
-};
-exports.ScenePreview = ScenePreview;
-const Viewer3D = ({ file3D, file2D }) => {
-    const [activeTab, setActiveTab] = (0, react_1.useState)("2D");
-    const setIsDisabledSlider = (0, store_1.useSliderStore)((state) => state.setIsDisabled);
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            width: "100%",
-            height: "100%",
-        }, children: (0, jsx_runtime_1.jsxs)(StyledAsset, { is3D: activeTab === "3D", children: [(0, jsx_runtime_1.jsxs)(Togler, { children: [(0, jsx_runtime_1.jsx)(ButtonTogler, { isActive: activeTab === "2D", onClick: () => {
-                                setActiveTab("2D");
-                                setIsDisabledSlider(false);
-                            }, children: "2D" }), (0, jsx_runtime_1.jsx)(ButtonTogler, { isActive: activeTab === "3D", onClick: () => {
-                                setActiveTab("3D");
-                                setIsDisabledSlider(true);
-                            }, children: "3D" })] }), activeTab === "3D" && file3D ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                        cursor: "pointer",
-                        width: "100%",
-                        height: "100%",
-                    }, children: (0, jsx_runtime_1.jsx)(exports.ScenePreview, { file3D: file3D }) })) : ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: "fallback", imageUrl: file2D || `${constants_1.staticLink}/public/noContent/noContentObject.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContentObject.svg` }))] }) }));
-};
-exports.Viewer3D = Viewer3D;

package/build/components/base/PageHead/index.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface PageHeadProps {
-    title: string;
-    description?: string;
-    children?: React.ReactNode;
-}
-declare const PageHead: React.FC<PageHeadProps>;
-export default PageHead;

package/build/components/base/PageHead/index.js

@@ -1,13 +0,0 @@
-"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 head_1 = __importDefault(require("next/head"));
-// Component
-const PageHead = ({ title, description, children }) => {
-    return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: title }), description && (0, jsx_runtime_1.jsx)("meta", { name: "description", content: description }), children] }));
-};
-// Export
-exports.default = PageHead;

package/build/components/favoriteList/add/addCreationToFavoriteList/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    ids: string[];
-    currentMyGalleryId?: false | string | undefined;
-}
-declare const AddCreationToFavoriteList: React.FC<Props>;
-export default AddCreationToFavoriteList;

package/build/components/favoriteList/add/addCreationToFavoriteList/index.js

@@ -1,28 +0,0 @@
-"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 react_1 = require("react");
-const chooseGalleryItems_1 = __importDefault(require("../../../../modules/gallery/ui/chooseGalleryItems"));
-const createGalleryForm_1 = __importDefault(require("../../../../modules/gallery/ui/createGalleryForm"));
-const ui_1 = require("../../../../store/ui");
-const useAddCreationsToGallery_1 = require("../../../../api/server-galleries/mutations/useAddCreationsToGallery");
-const useCreateFavorites_1 = require("../../../../api/server-galleries/mutations/useCreateFavorites");
-// Component
-const AddCreationToFavoriteList = ({ ids, currentMyGalleryId, }) => {
-    const [isNeedAddFavList, setAddFavList] = (0, react_1.useState)(false);
-    const closeModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.closeModalSidebarPortal);
-    const { createFavorites, errorCreateFavorites } = (0, useCreateFavorites_1.useCreateFavoriteListV2)();
-    const { addCreationsToGallery, isAdded, error } = (0, useAddCreationsToGallery_1.useAddCreationsToGalleryV2)();
-    const addMethod = async (galleryId, ids) => {
-        await addCreationsToGallery({ galleryId, creationIds: ids });
-        setTimeout(() => closeModalSidebarPortal(), 900);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: isNeedAddFavList ? ((0, jsx_runtime_1.jsx)(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
-            // ids={ids}
-            createMethod: createFavorites, error: errorCreateFavorites })) : ((0, jsx_runtime_1.jsx)(chooseGalleryItems_1.default, { setAddGallery: setAddFavList, title: 'Add to Favourite List', titleBtn: '+ New Favourite List', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, currentMyGalleryId: currentMyGalleryId })) }));
-};
-// Export
-exports.default = AddCreationToFavoriteList;

package/build/components/gallery/add/addCreationToGallery/index.d.ts

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

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

@@ -1,48 +0,0 @@
-"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/headerSimple/index.d.ts

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

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

@@ -1,78 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1,51 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,74 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,37 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-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

@@ -1,82 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,21 +0,0 @@
-"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

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