@ludo.ninja/components 2.2.12 → 2.2.14

package/build/components/sidebar/sidebarSpa.js

@@ -5,11 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarSpa = exports.SLinkStyles = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const sidebar_1 = require("@ludo.ninja/ui/build/components/sidebar");
-const MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const data_1 = require("./data");
+const useExtension_1 = __importDefault(require("../../hooks/extension/useExtension"));
 const useSignOut_1 = require("../../modules/user/auth/useSignOut");
 const store_1 = require("../../modules/user/store");
 const ui_1 = require("../../store/ui");
@@ -17,7 +14,11 @@ const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const scale_1 = require("../../utils/adaptive/scale");
 const auth_1 = require("../../utils/auth");
 const screen_1 = require("../../utils/screen");
-const useExtension_1 = __importDefault(require("../../hooks/extension/useExtension"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const sidebar_1 = require("@ludo.ninja/ui/build/components/sidebar");
+const MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
 const MenuItem = styled_components_1.default.div `
   font-size: 15px;
   font-weight: 500;
@@ -92,7 +93,7 @@ const SLinkStyles = (Link) => (0, styled_components_1.default)(Link) `
 `;
 exports.SLinkStyles = SLinkStyles;
 // Component
-const SidebarSpa = ({ SLink, UserPic, SidebarInviteCodeLabel }) => {
+const SidebarSpa = ({ SLink, UserPic, SidebarInviteCodeLabel, }) => {
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
     const closeSidebar = (0, ui_1.useUiStore)((state) => state.closeSidebar);
     const isSidebarOpen = (0, ui_1.useUiStore)((state) => state.isSidebarOpen);
@@ -120,7 +121,7 @@ const SidebarSpa = ({ SLink, UserPic, SidebarInviteCodeLabel }) => {
                     beforeMenu: ((0, jsx_runtime_1.jsx)(BeforeMenuContainer, { children: isExtensionInstalled ? ((0, jsx_runtime_1.jsxs)(MenuItem, { onClick: () => {
                                 closeSidebar();
                                 openExtension();
-                            }, children: [(0, jsx_runtime_1.jsx)("img", { src: "/sidebar/ludoX.svg", alt: "Ludo X", width: 20, height: 20 }), "Open Ludo X"] })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: "12px 0" }, children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: () => {
+                            }, children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/sidebar/ludoX.svg`, alt: "Ludo X", width: 20, height: 20 }), "Open Ludo X"] })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: "12px 0" }, children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: () => {
                                     closeSidebar();
                                     openExtensionChromeStorePage();
                                 }, text: "Install Ludo X now", variant: "primaryM" }) })) })),

package/build/dto/AssetEntity/views/AssetImage/index.d.ts

@@ -1,7 +1,7 @@
 import Image from '../../../common/Media/Image';
 import { BasicMediaType } from '../../../common/Media/interface';
 declare class AssetImage extends Image {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
     getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
     displaySingleMedia(): JSX.Element;
     displayLinkedMedia(): JSX.Element;

package/build/dto/AssetEntity/views/AssetImage/index.js

@@ -8,8 +8,9 @@ const AssetImage_1 = __importDefault(require("../../../../components/assetPage/m
 const Image_1 = __importDefault(require("../../../common/Media/Image"));
 const Urls_1 = require("../../../common/Media/Urls");
 const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
 class AssetImage extends Image_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
         super({
             nsfw,
             previewUrl,
@@ -25,10 +26,10 @@ class AssetImage extends Image_1.default {
         return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl() }));
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl() });
     }
     displayLinkedMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), originalUrl: this.getOriginalUrl() }));
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), originalUrl: this.getOriginalUrl() });
     }
     displayOpenGraphMeta({ alt }) {
         const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
@@ -38,6 +39,6 @@ class AssetImage extends Image_1.default {
 }
 const DisplayMedia = ({ getMediaUrl, alt, originalUrl, }) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
-    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: '/noContent/noContent.svg', originalUrl: originalUrl }));
+    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: originalUrl }));
 };
 exports.default = AssetImage;

package/build/dto/AssetEntity/views/AssetOther/index.d.ts

@@ -1,7 +1,7 @@
 import OtherClass from '../../../common/Media/Other';
 import { BasicMediaType } from '../../../common/Media/interface';
 declare class AssetOther extends OtherClass {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
     getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
     displaySingleMedia(): JSX.Element;
     displayLinkedMedia(): JSX.Element;

package/build/dto/AssetEntity/views/AssetOther/index.js

@@ -8,8 +8,9 @@ const AssetImage_1 = __importDefault(require("../../../../components/assetPage/m
 const Other_1 = __importDefault(require("../../../common/Media/Other"));
 const Urls_1 = require("../../../common/Media/Urls");
 const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
 class AssetOther extends Other_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
         super({
             nsfw,
             previewUrl,
@@ -25,7 +26,7 @@ class AssetOther extends Other_1.default {
         return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() }));
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() });
     }
     displayLinkedMedia() {
         return ((0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt(), originalUrl: this.getOriginalUrl(), isOriginalUrl: true }));
@@ -41,8 +42,6 @@ class AssetOther extends Other_1.default {
 }
 const DisplayMedia = ({ getMediaUrl, alt, originalUrl, isOriginalUrl, }) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
-    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: '/noContent/noContent.svg', originalUrl: isOriginalUrl
-            ? originalUrl ?? getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN)
-            : undefined }));
+    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: isOriginalUrl ? originalUrl ?? getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN) : undefined }));
 };
 exports.default = AssetOther;

package/build/dto/AssetEntity/views/AssetScreenshot/index.d.ts

@@ -1,7 +1,7 @@
 import Screenshot from '../../../common/Media/Screenshot';
 import { BasicMediaType } from '../../../common/Media/interface';
 declare class AssetScreenshot extends Screenshot {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
     getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
     displaySingleMedia(): JSX.Element;
     displayLinkedMedia(): JSX.Element;

package/build/dto/AssetEntity/views/AssetScreenshot/index.js

@@ -8,8 +8,9 @@ const AssetImage_1 = __importDefault(require("../../../../components/assetPage/m
 const Screenshot_1 = __importDefault(require("../../../common/Media/Screenshot"));
 const Urls_1 = require("../../../common/Media/Urls");
 const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
 class AssetScreenshot extends Screenshot_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
         super({
             nsfw,
             previewUrl,
@@ -25,10 +26,10 @@ class AssetScreenshot extends Screenshot_1.default {
         return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() }));
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() });
     }
     displayLinkedMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt(), originalUrl: this.getOriginalUrl() }));
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt(), originalUrl: this.getOriginalUrl() });
     }
     displayOpenGraphMeta({ alt }) {
         const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
@@ -38,6 +39,6 @@ class AssetScreenshot extends Screenshot_1.default {
 }
 const DisplayMedia = ({ getMediaUrl, alt, originalUrl, }) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
-    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: '/noContent/noContent.svg', originalUrl: originalUrl, isScreenshot: true }));
+    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: originalUrl, isScreenshot: true }));
 };
 exports.default = AssetScreenshot;

package/build/dto/common/ItemViews/CreationAudio/index.d.ts

@@ -1,7 +1,7 @@
 import Audio from '../../Media/Audio';
 import { BasicMediaType, TGetMediaUrlFunc } from '../../Media/interface';
 declare class CreationAudio extends Audio {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }: BasicMediaType);
     getMediaUrl(): TGetMediaUrlFunc;
     displaySingleMedia(): JSX.Element;
 }

package/build/dto/common/ItemViews/CreationAudio/index.js

@@ -8,8 +8,9 @@ const Audio_1 = __importDefault(require("../../Media/Audio"));
 const Urls_1 = require("../../Media/Urls");
 const env_1 = require("../../../../store/env");
 const CardAudio_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardAudio"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
 class CreationAudio extends Audio_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }) {
         super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
     }
     getMediaUrl() {
@@ -17,11 +18,11 @@ class CreationAudio extends Audio_1.default {
         return (getAudioENVDomain) => (0, Urls_1.isExternalMediaAudio)(media, getAudioENVDomain);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() }));
+        return (0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() });
     }
 }
 const DisplaySingleMedia = ({ getMediaUrl, alt, }) => {
     const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
-    return ((0, jsx_runtime_1.jsx)(CardAudio_1.default, { alt: alt, audioSrc: getMediaUrl(getAudioENVDomain), imgSrc: '/noContent/noContentAudio.svg', errorImg: '/noContent/noContentAudio.svg' }));
+    return ((0, jsx_runtime_1.jsx)(CardAudio_1.default, { alt: alt, audioSrc: getMediaUrl(getAudioENVDomain), imgSrc: `${constants_1.staticLink}/public/noContent/noContentAudio.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContentAudio.svg` }));
 };
 exports.default = CreationAudio;

package/build/dto/common/ItemViews/CreationImage/index.d.ts

@@ -1,7 +1,7 @@
 import Image from '../../Media/Image';
 import { BasicMediaType } from '../../Media/interface';
 declare class CreationImage extends Image {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
     getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
     displaySingleMedia(): JSX.Element;
     displayLinkedMedia(): JSX.Element;

package/build/dto/common/ItemViews/CreationImage/index.js

@@ -8,12 +8,13 @@ const Image_1 = __importDefault(require("../../Media/Image"));
 const Urls_1 = require("../../Media/Urls");
 const env_1 = require("../../../../store/env");
 const CardImage_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardImage"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
 const DisplaySingleMedia = ({ getMediaUrl, errorImg, alt, }) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
-    return ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: alt, imgSrc: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: errorImg }));
+    return (0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: alt, imgSrc: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: errorImg });
 };
 class CreationImage extends Image_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
         super({
             nsfw,
             previewUrl,
@@ -29,7 +30,7 @@ class CreationImage extends Image_1.default {
         return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: '/noContent/noContent.svg' }));
+        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
     }
     displayLinkedMedia() {
         return (0, jsx_runtime_1.jsx)("div", { children: "Its linked image" });

package/build/dto/common/ItemViews/CreationOther/index.d.ts

@@ -1,7 +1,7 @@
 import Other from '../../Media/Other';
 import { BasicMediaType } from '../../Media/interface';
 declare class CreationOther extends Other {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }: BasicMediaType);
     getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
     displaySingleMedia(): JSX.Element;
 }

package/build/dto/common/ItemViews/CreationOther/index.js

@@ -8,8 +8,9 @@ const Other_1 = __importDefault(require("../../Media/Other"));
 const Urls_1 = require("../../Media/Urls");
 const env_1 = require("../../../../store/env");
 const CardImage_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardImage"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
 class CreationOther extends Other_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }) {
         super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
     }
     getMediaUrl() {
@@ -17,11 +18,11 @@ class CreationOther extends Other_1.default {
         return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: '/noContent/noContent.svg' }));
+        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
     }
 }
 const DisplaySingleMedia = ({ getMediaUrl, errorImg, alt, }) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
-    return ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: alt, imgSrc: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: errorImg }));
+    return (0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: alt, imgSrc: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: errorImg });
 };
 exports.default = CreationOther;

package/build/dto/common/ItemViews/CreationVideo/index.d.ts

@@ -1,7 +1,7 @@
 import Video from '../../Media/Video';
 import { BasicMediaType, TGetMediaUrlFunc } from '../../Media/interface';
 declare class CreationVideo extends Video {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }: BasicMediaType);
     getMediaUrl(): TGetMediaUrlFunc;
     displaySingleMedia(): JSX.Element;
 }

package/build/dto/common/ItemViews/CreationVideo/index.js

@@ -8,12 +8,13 @@ const Urls_1 = require("../../Media/Urls");
 const Video_1 = __importDefault(require("../../Media/Video"));
 const env_1 = require("../../../../store/env");
 const CardVideo_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardVideo"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
 const DisplaySingleMedia = ({ getMediaUrl, errorImg, alt, }) => {
     const getVideoDomain = (0, env_1.useEnvStore)((state) => state.getVideoDomain);
-    return ((0, jsx_runtime_1.jsx)(CardVideo_1.default, { alt: alt, videoSrc: getMediaUrl(getVideoDomain), errorImg: errorImg }));
+    return (0, jsx_runtime_1.jsx)(CardVideo_1.default, { alt: alt, videoSrc: getMediaUrl(getVideoDomain), errorImg: errorImg });
 };
 class CreationVideo extends Video_1.default {
-    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime }) {
         super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
     }
     getMediaUrl() {
@@ -21,7 +22,7 @@ class CreationVideo extends Video_1.default {
         return (getVideoENVDomain) => (0, Urls_1.isExternalMediaVideo)(media, getVideoENVDomain);
     }
     displaySingleMedia() {
-        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: '/noContent/noContent.svg' }));
+        return ((0, jsx_runtime_1.jsx)(DisplaySingleMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
     }
 }
 exports.default = CreationVideo;

package/build/dto/common/Media/Urls/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isExternalMediaObject = exports.isExternalMediaAudio = exports.isExternalMediaVideo = exports.isExternalMediaImage = exports.getAssetObjectPreviews = exports.getAssetObjectOrigins = exports.getAssetVideoPreviews = exports.getAssetAudioOrigins = exports.getAssetVideoOrigins = exports.getGalleryBannerImage = exports.getAssetImage = exports.getUserPicImage = exports.mediaSizes = void 0;
+const constants_1 = require("@ludo.ninja/core/build/constants");
 const utils_1 = require("@ludo.ninja/utils");
 var mediaType;
 (function (mediaType) {
@@ -37,7 +38,7 @@ const getUserPicImage = (getMediaDomain, userPic, fallbackImage, dimensions) =>
 };
 exports.getUserPicImage = getUserPicImage;
 const getDimensions = (dimensions) => {
-    return dimensions ? `?d=${dimensions.w}x${dimensions.h}` : '';
+    return dimensions ? `?d=${dimensions.w}x${dimensions.h}` : "";
 };
 const getAssetImage = (media, fallbackImage, dimension, NEXT_PUBLIC_STATIC_DOMAIN) => {
     if (!media) {
@@ -90,35 +91,35 @@ const getAssetObjectPreviews = (getMediaDomain, assetId, fallbackImage, dimensio
 exports.getAssetObjectPreviews = getAssetObjectPreviews;
 const isExternalMediaImage = (media, mediaSize, NEXT_PUBLIC_STATIC_DOMAIN) => {
     if (media == null || !media.length)
-        return '/noContent/noContent.svg';
-    if (media.includes('base64'))
+        return `${constants_1.staticLink}/public/noContent/noContent.svg`;
+    if (media.includes("base64"))
         return media;
-    if (media.includes('https' || 'http'))
+    if (media.includes("https" || "http"))
         return (0, utils_1.checkGltfUrl)(media);
-    return (0, exports.getAssetImage)(media, '/noContent/noContent.svg', mediaSize, NEXT_PUBLIC_STATIC_DOMAIN);
+    return (0, exports.getAssetImage)(media, `${constants_1.staticLink}/public/noContent/noContent.svg`, mediaSize, NEXT_PUBLIC_STATIC_DOMAIN);
 };
 exports.isExternalMediaImage = isExternalMediaImage;
 const isExternalMediaVideo = (media, getVideoENVDomain) => {
     if (media == null)
-        return '/noContent/noContent.svg';
-    if (media.includes('https' || 'http'))
+        return `${constants_1.staticLink}/public/noContent/noContent.svg`;
+    if (media.includes("https" || "http"))
         return (0, utils_1.checkGltfUrl)(media);
-    return (0, exports.getAssetVideoOrigins)(getVideoENVDomain, media, '/noContent/noContent.svg');
+    return (0, exports.getAssetVideoOrigins)(getVideoENVDomain, media, `${constants_1.staticLink}/public/noContent/noContent.svg`);
 };
 exports.isExternalMediaVideo = isExternalMediaVideo;
 const isExternalMediaAudio = (media, getAudioENVDomain) => {
     if (media == null)
-        return '/noContent/noContentAudio.svg';
-    if (media.includes('https' || 'http'))
+        return `${constants_1.staticLink}/public/noContent/noContentAudio.svg`;
+    if (media.includes("https" || "http"))
         return (0, utils_1.checkGltfUrl)(media);
-    return (0, exports.getAssetAudioOrigins)(getAudioENVDomain, media, '/noContent/noContentAudio.svg');
+    return (0, exports.getAssetAudioOrigins)(getAudioENVDomain, media, `${constants_1.staticLink}/public/noContent/noContentAudio.svg`);
 };
 exports.isExternalMediaAudio = isExternalMediaAudio;
 const isExternalMediaObject = (media, getMediaDomain) => {
     if (media == null)
-        return '/noContent/noContentObject.svg';
-    if (media.includes('https' || 'http'))
+        return `${constants_1.staticLink}/public/noContent/noContentObject.svg`;
+    if (media.includes("https" || "http"))
         return (0, utils_1.checkGltfUrl)(media);
-    return (0, exports.getAssetObjectOrigins)(getMediaDomain, media, '/noContent/noContentObject.svg');
+    return (0, exports.getAssetObjectOrigins)(getMediaDomain, media, `${constants_1.staticLink}/public/noContent/noContentObject.svg`);
 };
 exports.isExternalMediaObject = isExternalMediaObject;

package/build/modules/gallery/ui/GalleryDeleteIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const GalleryDeleteIcon: ({ onClick, className, }: {
+export declare const GalleryDeleteIcon: ({ onClick, className }: {
     onClick: () => void;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/modules/gallery/ui/GalleryDeleteIcon.js

@@ -5,24 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryDeleteIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const IconButton_1 = __importDefault(require("../../../system/Buttons/IconButton"));
-const trash_svg_1 = __importDefault(require("../../../public/iconButton/trash"));
-const trash_open_svg_1 = __importDefault(require("../../../public/iconButton/trash_open"));
-const GalleryDeleteIcon = ({ onClick, className, }) => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const SImg = styled_components_1.default.img `
+  width: 18px;
+  height: 18px;
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    width: ${(0, _4k_1.adaptiveValueCalc)(18)};
+    height: ${(0, _4k_1.adaptiveValueCalc)(18)};
+  }
+`;
+const GalleryDeleteIcon = ({ onClick, className }) => {
     const [isHovered, setIsHovered] = (0, react_1.useState)(false);
     const handleHover = (e) => {
-        setIsHovered(e.type === 'mouseenter');
+        setIsHovered(e.type === "mouseenter");
     };
-    return ((0, jsx_runtime_1.jsx)(IconButton_1.default, { handleHoverFn: handleHover, onClick: onClick, className: `trash${className ? ` ${className}` : ''}`, icon: isHovered ? ((0, jsx_runtime_1.jsx)(trash_open_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({
-                windowDimensions,
-                currentSize: 1,
-            }) })) : ((0, jsx_runtime_1.jsx)(trash_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({
-                windowDimensions,
-                currentSize: 1,
-            }) })) }));
+    return ((0, jsx_runtime_1.jsx)(IconButton_1.default, { handleHoverFn: handleHover, onClick: onClick, className: `trash${className ? ` ${className}` : ""}`, icon: isHovered ? ((0, jsx_runtime_1.jsx)(SImg, { src: `${constants_1.staticLink}/public/iconButton/trash_open.svg`, alt: "trash_open" })) : ((0, jsx_runtime_1.jsx)(SImg, { src: `${constants_1.staticLink}/public/iconButton/trash.svg`, alt: "trash" })) }));
 };
 exports.GalleryDeleteIcon = GalleryDeleteIcon;

package/build/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (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 vars_1 = require("../../../../../fonts/vars");
 const ScreenWidth_1 = require("../../../../../styles/ScreenWidth");
 const colors_1 = require("../../../../../styles/colors");
 const typography_1 = require("../../../../../styles/typography");
-const vars_1 = require("../../../../../fonts/vars");
-const defaultImage_svg_1 = __importDefault(require("../../../../../public/gallery/defaultImage"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
 // Styles
 const StyledChooseItem = styled_components_1.default.div `
   cursor: pointer;
@@ -19,20 +19,25 @@ const StyledChooseItem = styled_components_1.default.div `
   justify-content: space-between;
   padding: 6px 8px;
   border-radius: 8px;
-  background-color: ${(props) => props.isSelected ? colors_1.InactiveButtonColor : 'none'};
+  background-color: ${(props) => (props.isSelected ? colors_1.InactiveButtonColor : "none")};
 
   .content-item-gallery-pic-default {
-    rect {
-      fill: ${(props) => (props.isSelected ? '#cfd5ea' : '')};
+    .image {
+      background-image: url("${(props) => props.isSelected
+    ? `${constants_1.staticLink}/public/gallery/defaultImageSelected.svg`
+    : `${constants_1.staticLink}/public/gallery/defaultImage.svg`}");
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: cover;
     }
   }
 
   &:hover {
-    background-color: ${(props) => props.isSelected ? 'none' : colors_1.InactiveButtonColor};
+    background-color: ${(props) => (props.isSelected ? "none" : colors_1.InactiveButtonColor)};
 
     .content-item-gallery-pic-default {
-      rect {
-        fill: #cfd5ea;
+      .image {
+        background-image: url("${constants_1.staticLink}/gallery/defaultImageSelected.svg");
       }
     }
   }
@@ -87,6 +92,6 @@ const StyledChooseItem = styled_components_1.default.div `
   }
 `;
 // Component
-const ChooseItem = ({ galleryItem, handleIsSelected, isSelected, }) => ((0, jsx_runtime_1.jsx)(StyledChooseItem, { isSelected: isSelected, onClick: () => handleIsSelected(galleryItem), children: (0, jsx_runtime_1.jsxs)("div", { className: 'content-item-wrapper', children: [(0, jsx_runtime_1.jsx)("div", { className: "content-item-gallery-pic-default", children: (0, jsx_runtime_1.jsx)(defaultImage_svg_1.default, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'content-item-gallery-name', children: [(0, jsx_runtime_1.jsx)("p", { className: 'name', children: galleryItem.getGalleryName() }), (0, jsx_runtime_1.jsx)("span", { className: `items-count`, children: galleryItem.getGalleryItemsCount() })] })] }) }));
+const ChooseItem = ({ galleryItem, handleIsSelected, isSelected, }) => ((0, jsx_runtime_1.jsx)(StyledChooseItem, { isSelected: isSelected, onClick: () => handleIsSelected(galleryItem), children: (0, jsx_runtime_1.jsxs)("div", { className: "content-item-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "content-item-gallery-pic-default", children: (0, jsx_runtime_1.jsx)("div", { className: "image" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "content-item-gallery-name", children: [(0, jsx_runtime_1.jsx)("p", { className: "name", children: galleryItem.getGalleryName() }), (0, jsx_runtime_1.jsx)("span", { className: `items-count`, children: galleryItem.getGalleryItemsCount() })] })] }) }));
 // Export
 exports.default = ChooseItem;

package/build/modules/gallery/ui/itemsPreview/index.d.ts

@@ -1,7 +1,7 @@
 import CollectionCreationEntity from '../../../../dto/Collection/CollectionCreationEntity';
 import CreationEntity from '../../../../dto/CreationEntity';
 import { TVirtuosoData } from '../../../virtuoso/types';
-export declare const useVirtuosoData: <TData>({ creations, isMobile, }: {
+export declare const useVirtuosoData: <TData>({ creations, isMobile }: {
     isMobile: boolean;
     creations: TData[];
 }) => {

package/build/modules/gallery/ui/itemsPreview/index.js

@@ -5,21 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtuosoData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const react_virtuoso_1 = require("react-virtuoso");
-const styled_components_1 = __importDefault(require("styled-components"));
-const ScreenWidth_1 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const CollectionCreationEntity_1 = __importDefault(require("../../../../dto/Collection/CollectionCreationEntity"));
-const ScreenWidth_2 = require("../../../../styles/ScreenWidth");
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const colors_1 = require("../../../../styles/colors");
 const typography_1 = require("../../../../styles/typography");
 const CardImage_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardImage"));
 const CardsHolderLoader_1 = __importDefault(require("../../../../system/CardsHolderWithSkeleton/CardsHolderLoader"));
 const check4k_1 = require("../../../../utils/adaptive/check4k");
 const screen_1 = require("../../../../utils/screen");
-// import DeleteIcon from '@/public/gallery/delete.svg';
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const ScreenWidth_2 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const react_1 = require("react");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const react_virtuoso_1 = require("react-virtuoso");
+const styled_components_1 = __importDefault(require("styled-components"));
 // Styles
 const StyledItemsPreview = styled_components_1.default.div `
   margin-right: 40px;
@@ -99,7 +99,7 @@ const StyledItemsPreview = styled_components_1.default.div `
     }
   }
 
-  ${ScreenWidth_2.mediaQuery.minWidthFourK} {
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     margin-right: ${(0, _4k_1.adaptiveValueCalc)(40)};
 
     .head {
@@ -139,7 +139,7 @@ const SCardsRow = styled_components_1.default.div `
   justify-content: space-between;
 `;
 // Component
-const useVirtuosoData = ({ creations, isMobile, }) => {
+const useVirtuosoData = ({ creations, isMobile }) => {
     const virtuosoData = (0, react_1.useMemo)(() => {
         const columnCount = isMobile ? 4 : 2;
         const creationPacks = [];
@@ -186,8 +186,7 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
     });
     const virtuosoBody = (() => {
         const getGapCards = () => {
-            if (windowDimensions &&
-                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+            if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
                 return (0, _4k_1.getAdaptiveValue)({
                     currentSize: 8,
                     windowWidth: windowDimensions.windowWidth,
@@ -240,20 +239,17 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                             }
                             return getGapCards();
                         })(),
-                    }, children: data.map((creation) => ((0, jsx_runtime_1.jsxs)("div", { className: "content-item", children: [creation instanceof CollectionCreationEntity_1.default ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.getName()} ${creation.getAddress() || ''}`, imgSrc: creation.getOriginalUrls()?.[0] ?? '', errorImg: '/noContent/noContent.svg' })) : (creation.detectMediaType().displaySingleMedia()), (0, jsx_runtime_1.jsx)("img", { src: "/gallery/delete.svg", alt: "delete", width: 24, height: 24, className: 'content-item-gallery-deleteIcon', onClick: () => deleteMethod(creation instanceof CollectionCreationEntity_1.default
-                                    ? `${creation.getItemType() +
-                                        '.' +
-                                        creation.getCreationId()}`
+                    }, children: data.map((creation) => ((0, jsx_runtime_1.jsxs)("div", { className: "content-item", children: [creation instanceof CollectionCreationEntity_1.default ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.getName()} ${creation.getAddress() || ""}`, imgSrc: creation.getOriginalUrls()?.[0] ?? "", errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` })) : (creation.detectMediaType().displaySingleMedia()), (0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/gallery/delete.svg`, alt: "delete", width: 24, height: 24, className: "content-item-gallery-deleteIcon", onClick: () => deleteMethod(creation instanceof CollectionCreationEntity_1.default
+                                    ? `${creation.getItemType() + "." + creation.getCreationId()}`
                                     : creation.getCreationId()) })] }, creation.getCreationId()))) }));
             },
         };
     })();
-    return ((0, jsx_runtime_1.jsxs)(StyledItemsPreview, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'head', children: (0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: `${title} (${allCount || creations?.length})` }) }), (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { style: {
+    return ((0, jsx_runtime_1.jsxs)(StyledItemsPreview, { children: [(0, jsx_runtime_1.jsx)("div", { className: "head", children: (0, jsx_runtime_1.jsx)("h3", { className: "tittle", children: `${title} (${allCount || creations?.length})` }) }), (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { style: {
                     height: isMobile
                         ? 144
                         : (() => {
-                            if (windowDimensions &&
-                                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                            if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
                                 return (0, _4k_1.getAdaptiveValue)({
                                     currentSize: 302,
                                     windowWidth: windowDimensions.windowWidth,
@@ -262,8 +258,7 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                             return 302;
                         })(),
                     minWidth: (() => {
-                        if (windowDimensions &&
-                            windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                        if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
                             return (0, _4k_1.getAdaptiveValue)({
                                 currentSize: 168,
                                 windowWidth: windowDimensions.windowWidth,

package/build/system/Cards/CardCheckbox/index.d.ts

@@ -1,4 +1,4 @@
-declare const CardCheckBox: ({ isActiveCheckbox, onChange, }: {
+declare const CardCheckBox: ({ isActiveCheckbox, onChange }: {
     isActiveCheckbox: boolean;
     onChange: () => void;
 }) => import("react/jsx-runtime").JSX.Element;