@ludo.ninja/components 2.0.1 → 2.0.3

package/build/dto/CreationEntity/index.js

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@ludo.ninja/core");
+const ItemType_1 = require("@/dto/common/ItemType");
+const data_1 = __importDefault(require("@/dto/common/ItemType/data"));
+const CreationAudio_1 = __importDefault(require("@/dto/common/ItemViews/CreationAudio"));
+const CreationImage_1 = __importDefault(require("@/dto/common/ItemViews/CreationImage"));
+const CreationObject_1 = __importDefault(require("@/dto/common/ItemViews/CreationObject"));
+const CreationOther_1 = __importDefault(require("@/dto/common/ItemViews/CreationOther"));
+const CreationVideo_1 = __importDefault(require("@/dto/common/ItemViews/CreationVideo"));
+class CreationEntity {
+    itemId;
+    itemType;
+    likes;
+    liked;
+    media;
+    id;
+    // private mediaPreview;
+    // private creatorsProfiles;
+    // private ownersAddresses;
+    // private ownersProfiles;
+    originalUrls;
+    rank;
+    mimeType;
+    name;
+    // private nsfw;
+    blockchain;
+    creatorsAddresses;
+    isNeedRenderCheckbox;
+    isCheckboxSelected;
+    address;
+    tokenId;
+    constructor(creation) {
+        this.itemId = creation.itemId;
+        this.id = creation.id;
+        this.itemType = creation.itemType;
+        this.blockchain = new core_1.BlockChainEntity(creation.blockchain);
+        this.address = creation.address;
+        this.tokenId = creation.tokenId;
+        // this.creatorsProfiles = creation.creatorsProfiles;
+        // this.ownersAddresses = creation.ownersAddresses;
+        // this.ownersProfiles = creation.ownersProfiles;
+        this.originalUrls = creation.originalUrls;
+        this.rank = creation.rank;
+        this.likes = creation.likes;
+        this.liked = creation.liked;
+        this.media = creation.media;
+        // this.mediaPreview = creation.mediaPreview;
+        this.mimeType = creation.mimeType;
+        this.name = creation.name;
+        this.creatorsAddresses = creation.creatorsAddresses;
+        this.isNeedRenderCheckbox = false;
+        this.isCheckboxSelected = false;
+    }
+    // accessors
+    getAddress() {
+        return this.address ? this.address : '';
+    }
+    getId() {
+        return this.id ? this.id : '';
+    }
+    getTokenId() {
+        return this.tokenId ? this.tokenId : '';
+    }
+    getItemId() {
+        return this.itemId;
+    }
+    getCreationId() {
+        return `${this.getItemType()}.${this.getItemId()}`;
+    }
+    getName() {
+        return this.name ? this.name : null;
+    }
+    getRank() {
+        return this.rank ? Math.round(this.rank) : 0;
+    }
+    getOriginalUrls() {
+        return this.originalUrls ? this.originalUrls : null;
+    }
+    getItemType() {
+        return this.itemType;
+    }
+    getCheckboxSelected() {
+        return this.isCheckboxSelected;
+    }
+    getCreationLink() {
+        if (this.getItemType() === ItemType_1.LabelKeys.asset) {
+            const blockChainPrivateLabel = this.getBlockchain().getBlockChainPrivateLabel();
+            if (blockChainPrivateLabel === core_1.BlockChainKeys.elrond) {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getId()}`;
+            }
+            else if (blockChainPrivateLabel === core_1.BlockChainKeys.solana) {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getTokenId()}`;
+            }
+            else {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getAddress()}/${this.getTokenId()}`;
+            }
+        }
+        return `/${this.getItemType()}/${this.getItemId()}`;
+    }
+    getLabel() {
+        return data_1.default[this.getItemType()];
+    }
+    getLikes() {
+        return this.likes ? this.likes : 0;
+    }
+    getIsLiked() {
+        return this.liked;
+    }
+    getMedia() {
+        return this.media ? this.media : null;
+    }
+    getMimeType() {
+        return this.mimeType ? this.mimeType : null;
+    }
+    set setIsNeedRenderCheckbox(isNeedToShow) {
+        this.isNeedRenderCheckbox = isNeedToShow;
+    }
+    set setCheckboxSelected(isSelected) {
+        this.isCheckboxSelected = isSelected;
+    }
+    getNeedRenderCheckbox() {
+        return this.isNeedRenderCheckbox;
+    }
+    getBlockchain() {
+        return this.blockchain;
+    }
+    getCreatorAddress() {
+        return this.creatorsAddresses ? this.creatorsAddresses[0] : null;
+    }
+    getMediaOrOriginalUrl() {
+        if (!this.getMedia()) {
+            if (!this.getOriginalUrls())
+                return null;
+            return this.getOriginalUrls()?.[0];
+        }
+        return this.getMedia();
+    }
+    getCuttedSecondName(isMobileView) {
+        if (!this.name)
+            return null;
+        return isMobileView
+            ? this.name && this.name.length >= 20
+                ? this.name?.substring(0, 22).concat('...')
+                : this.name
+            : this.name && this.name.length >= 11
+                ? this.name?.substring(0, 13).concat('...')
+                : this.name;
+    }
+    // methods
+    detectMediaType() {
+        const mediaFields = {
+            media: this.getMediaOrOriginalUrl(),
+            nsfw: null,
+            mimeType: this.getMimeType(),
+            previewUrl: null,
+            alt: `${this.getName()} ${this.getAddress()}`,
+        };
+        const mediaTypes = [
+            new CreationImage_1.default(mediaFields),
+            new CreationVideo_1.default(mediaFields),
+            new CreationAudio_1.default(mediaFields),
+            new CreationObject_1.default(mediaFields),
+        ];
+        let currentMedia = new CreationOther_1.default(mediaFields);
+        for (let i = 0; i < mediaTypes.length; i++) {
+            if (mediaTypes[i].checkOwnType()) {
+                currentMedia = mediaTypes[i];
+                break;
+            }
+        }
+        return currentMedia;
+    }
+}
+exports.default = CreationEntity;

package/build/dto/CreationEntity/interface.d.ts

@@ -0,0 +1,30 @@
+import { BlockChainEntity } from '@ludo.ninja/core';
+import { LabelKeys, LabelType } from '../common/ItemType';
+import Media from '../common/Media';
+interface ICreationEntity {
+    getItemId(): string;
+    getId(): string;
+    getCreationId(): string;
+    getItemType(): LabelKeys;
+    getAddress(): string;
+    getTokenId(): string;
+    getLikes(): number;
+    getIsLiked(): boolean;
+    getMedia(): null | string;
+    getRank(): number;
+    getMimeType(): string | null;
+    getNeedRenderCheckbox(): boolean;
+    getCheckboxSelected(): boolean;
+    getOriginalUrls(): string[] | null;
+    getMediaOrOriginalUrl(): string | null;
+    set setIsNeedRenderCheckbox(isNeedToShow: boolean);
+    set setCheckboxSelected(isSelected: boolean);
+    getLabel(): LabelType;
+    getCreationLink(): string;
+    getName(): null | string;
+    getBlockchain(): BlockChainEntity;
+    getCreatorAddress(): string | null;
+    getCuttedSecondName(isMobileView: boolean): string | null;
+    detectMediaType(): Media;
+}
+export default ICreationEntity;

package/build/dto/CreationEntity/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/dto/GalleryEntityV2/index.d.ts

@@ -0,0 +1,32 @@
+import { galleriesSchema as schema } from '@ludo.ninja/api';
+import { ProfileEntity } from '@ludo.ninja/core';
+import { LabelKeys, LabelType } from '../common/ItemType';
+import IGalleryEntityV2 from './interface';
+declare class GalleryEntityV2 implements IGalleryEntityV2 {
+    private galleryId;
+    private galleryType;
+    private name;
+    private description;
+    private username;
+    private userpic;
+    private banner;
+    private items;
+    private creationIds;
+    private userWallets;
+    private profile;
+    constructor(gallery: schema.IGalleryV2);
+    getProfile(): ProfileEntity;
+    getBanner(): string | null;
+    getGalleryId(): string;
+    getGalleryUsername(): string;
+    getGalleryUserpic(): string;
+    getGalleryUserWallets(): schema.IWallet[];
+    getGalleryName(): string;
+    getGalleryItemsCount(): string;
+    getGalleryCreationIds(): string[];
+    getGalleryDescription(): string;
+    getGalleryType(): LabelKeys;
+    getLabel(): LabelType;
+    getCreationLink(): string;
+}
+export default GalleryEntityV2;

package/build/dto/GalleryEntityV2/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 core_1 = require("@ludo.ninja/core");
+const data_1 = __importDefault(require("../common/ItemType/data"));
+class GalleryEntityV2 {
+    galleryId;
+    galleryType;
+    name;
+    description;
+    username;
+    userpic;
+    banner;
+    items;
+    creationIds;
+    userWallets;
+    profile;
+    constructor(gallery) {
+        this.galleryId = gallery.galleryId;
+        this.galleryType = gallery.galleryType;
+        this.description = gallery.description;
+        this.banner = gallery.banner;
+        this.profile = new core_1.ProfileEntity({
+            userpic: gallery.userpic,
+            username: gallery.username,
+            userId: gallery.userId,
+        });
+        this.name = gallery.name;
+        this.username = gallery.username;
+        this.userpic = gallery.userpic;
+        this.items = gallery.items;
+        this.userWallets = gallery.userWallets;
+        this.creationIds = gallery.creationIds;
+    }
+    // accessors
+    getProfile() {
+        return this.profile;
+    }
+    getBanner() {
+        return this.banner ? this.banner : null;
+    }
+    getGalleryId() {
+        return this.galleryId;
+    }
+    getGalleryUsername() {
+        return this.username ?? '';
+    }
+    getGalleryUserpic() {
+        return this.userpic ?? '';
+    }
+    getGalleryUserWallets() {
+        return this.userWallets;
+    }
+    getGalleryName() {
+        return this.name;
+    }
+    getGalleryItemsCount() {
+        return this.items
+            ? `${this?.items > 1 ? `${this?.items} items` : `${this?.items} item`}`
+            : '0 items';
+    }
+    getGalleryCreationIds() {
+        return this.creationIds ? this.creationIds : [];
+    }
+    getGalleryDescription() {
+        return this.description ? this.description : '';
+    }
+    getGalleryType() {
+        return this.galleryType;
+    }
+    getLabel() {
+        return data_1.default[this.getGalleryType()];
+    }
+    getCreationLink() {
+        return this.getGalleryType() === 'likelist'
+            ? `/favorites/${this.getGalleryId()}`
+            : `/${this.getGalleryType()}/${this.getGalleryId()}`;
+    }
+}
+exports.default = GalleryEntityV2;

package/build/dto/GalleryEntityV2/interface.d.ts

@@ -0,0 +1,16 @@
+import { ProfileEntity } from '@ludo.ninja/core';
+import { LabelKeys, LabelType } from '../common/ItemType';
+interface IGalleryEntityV2 {
+    getGalleryId(): string;
+    getGalleryType(): LabelKeys;
+    getGalleryName(): string;
+    getGalleryItemsCount(): string;
+    getLabel(): LabelType;
+    getGalleryDescription(): string;
+    getGalleryUsername(): string;
+    getGalleryCreationIds(): string[];
+    getGalleryUserpic(): string;
+    getProfile(): ProfileEntity;
+    getBanner(): string | null;
+}
+export default IGalleryEntityV2;

package/build/dto/GalleryEntityV2/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/dto/Theme/interface.d.ts

@@ -0,0 +1,2 @@
+export { ThemeEnum } from '@ludo.ninja/ui/build/dto/Theme/interface';
+export type { ITheme } from '@ludo.ninja/ui/build/dto/Theme/interface';

package/build/dto/Theme/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeEnum = void 0;
+var interface_1 = require("@ludo.ninja/ui/build/dto/Theme/interface");
+Object.defineProperty(exports, "ThemeEnum", { enumerable: true, get: function () { return interface_1.ThemeEnum; } });

package/build/dto/common/ItemType/data.d.ts

@@ -0,0 +1,3 @@
+import { LabelItem } from '@/dto/common/ItemType';
+declare const labelsData: LabelItem;
+export default labelsData;

package/build/dto/common/ItemType/data.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ItemType_1 = require("@/dto/common/ItemType");
+const labelsData = {
+    [ItemType_1.LabelKeys.asset]: {
+        backgroundColor: ItemType_1.LabelBackground.asset,
+        color: ItemType_1.LabelColor.asset,
+        text: ItemType_1.LabelText.asset,
+    },
+    [ItemType_1.LabelKeys.collection]: {
+        backgroundColor: ItemType_1.LabelBackground.collection,
+        color: ItemType_1.LabelColor.collection,
+        text: ItemType_1.LabelText.collection,
+    },
+    [ItemType_1.LabelKeys.gallery]: {
+        backgroundColor: ItemType_1.LabelBackground.gallery,
+        color: ItemType_1.LabelColor.gallery,
+        text: ItemType_1.LabelText.gallery,
+    },
+    [ItemType_1.LabelKeys.favorites]: {
+        backgroundColor: ItemType_1.LabelBackground.favorites,
+        color: ItemType_1.LabelColor.favorites,
+        text: ItemType_1.LabelText.favorites,
+    },
+    [ItemType_1.LabelKeys.likelist]: {
+        backgroundColor: ItemType_1.LabelBackground.likelist,
+        color: ItemType_1.LabelColor.likelist,
+        text: ItemType_1.LabelText.likelist,
+    },
+    [ItemType_1.LabelKeys.opportunity]: {
+        backgroundColor: ItemType_1.LabelBackground.opportunity,
+        color: ItemType_1.LabelColor.opportunity,
+        text: ItemType_1.LabelText.opportunity,
+    },
+};
+exports.default = labelsData;

package/build/dto/common/ItemType/index.d.ts

@@ -0,0 +1,45 @@
+declare enum LabelKeys {
+    asset = "asset",
+    collection = "collection",
+    gallery = "gallery",
+    favorites = "favorites",
+    likelist = "likelist",
+    opportunity = "opportunity"
+}
+declare enum LabelBackground {
+    asset = "#F3D6FD",
+    collection = "#CDE4FF",
+    event = "#CDF8D9",
+    gallery = "#FFDFCD",
+    favorites = "#CDCFF8",
+    likelist = "#CDCFF8",
+    opportunity = "#CDF8D9"
+}
+declare enum LabelColor {
+    asset = "#9177B1",
+    collection = "#6E86C3",
+    event = "#77B179",
+    gallery = "#B19077",
+    favorites = "#7779B1",
+    likelist = "#7779B1",
+    opportunity = "#77B179"
+}
+declare enum LabelText {
+    asset = "nft",
+    collection = "collection",
+    event = "event",
+    gallery = "gallery",
+    favorites = "favorites",
+    likelist = "liked",
+    opportunity = "opportunity"
+}
+type LabelType = {
+    backgroundColor: LabelBackground;
+    text: LabelText;
+    color: LabelColor;
+};
+type LabelItem = {
+    [key in LabelKeys]: LabelType;
+};
+export { LabelBackground, LabelText, LabelColor, LabelKeys };
+export type { LabelItem, LabelType };

package/build/dto/common/ItemType/index.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelKeys = exports.LabelColor = exports.LabelText = exports.LabelBackground = void 0;
+var LabelKeys;
+(function (LabelKeys) {
+    LabelKeys["asset"] = "asset";
+    LabelKeys["collection"] = "collection";
+    LabelKeys["gallery"] = "gallery";
+    LabelKeys["favorites"] = "favorites";
+    LabelKeys["likelist"] = "likelist";
+    LabelKeys["opportunity"] = "opportunity";
+})(LabelKeys || (exports.LabelKeys = LabelKeys = {}));
+var LabelBackground;
+(function (LabelBackground) {
+    LabelBackground["asset"] = "#F3D6FD";
+    LabelBackground["collection"] = "#CDE4FF";
+    LabelBackground["event"] = "#CDF8D9";
+    LabelBackground["gallery"] = "#FFDFCD";
+    LabelBackground["favorites"] = "#CDCFF8";
+    LabelBackground["likelist"] = "#CDCFF8";
+    LabelBackground["opportunity"] = "#CDF8D9";
+})(LabelBackground || (exports.LabelBackground = LabelBackground = {}));
+var LabelColor;
+(function (LabelColor) {
+    LabelColor["asset"] = "#9177B1";
+    LabelColor["collection"] = "#6E86C3";
+    LabelColor["event"] = "#77B179";
+    LabelColor["gallery"] = "#B19077";
+    LabelColor["favorites"] = "#7779B1";
+    LabelColor["likelist"] = "#7779B1";
+    LabelColor["opportunity"] = "#77B179";
+})(LabelColor || (exports.LabelColor = LabelColor = {}));
+var LabelText;
+(function (LabelText) {
+    LabelText["asset"] = "nft";
+    LabelText["collection"] = "collection";
+    LabelText["event"] = "event";
+    LabelText["gallery"] = "gallery";
+    LabelText["favorites"] = "favorites";
+    LabelText["likelist"] = "liked";
+    LabelText["opportunity"] = "opportunity";
+})(LabelText || (exports.LabelText = LabelText = {}));

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Audio from '@/dto/common/Media/Audio';
+import { BasicMediaType, TGetMediaUrlFunc } from '@/dto/common/Media/interface';
+declare class CreationAudio extends Audio {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    getMediaUrl(): TGetMediaUrlFunc;
+    displaySingleMedia(): JSX.Element;
+}
+export default CreationAudio;

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

@@ -0,0 +1,27 @@
+"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 Audio_1 = __importDefault(require("@/dto/common/Media/Audio"));
+const Urls_1 = require("@/dto/common/Media/Urls");
+const env_1 = require("@/store/env");
+const CardAudio_1 = __importDefault(require("@/system/Cards/CardMedia/CardAudio"));
+class CreationAudio extends Audio_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (getAudioENVDomain) => (0, Urls_1.isExternalMediaAudio)(media, getAudioENVDomain);
+    }
+    displaySingleMedia() {
+        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' }));
+};
+exports.default = CreationAudio;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import Image from '@/dto/common/Media/Image';
+import { BasicMediaType } from '@/dto/common/Media/interface';
+declare class CreationImage extends Image {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+    displaySingleMedia(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+}
+export default CreationImage;

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

@@ -0,0 +1,38 @@
+"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 Image_1 = __importDefault(require("@/dto/common/Media/Image"));
+const Urls_1 = require("@/dto/common/Media/Urls");
+const env_1 = require("@/store/env");
+const CardImage_1 = __importDefault(require("@/system/Cards/CardMedia/CardImage"));
+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 }));
+};
+class CreationImage extends Image_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        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' }));
+    }
+    displayLinkedMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Its linked image" });
+    }
+}
+exports.default = CreationImage;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import Object from '@/dto/common/Media/Object';
+import { BasicMediaType } from '@/dto/common/Media/interface';
+declare class CreationObject extends Object {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    displaySingleMedia(): JSX.Element;
+}
+export default CreationObject;

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

@@ -0,0 +1,30 @@
+"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 assetPage_1 = require("@/components/assetPage");
+// import CardImage from '@/system/Cards/CardMedia/CardImage';
+const Object_1 = __importDefault(require("@/dto/common/Media/Object"));
+const env_1 = require("@/store/env");
+class CreationObject extends Object_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl() });
+        // return (
+        //   <CardImage
+        //     alt={this.getAlt()}
+        //     imgSrc={'/noContent/noContentObject.svg'}
+        //     errorImg={'/noContent/noContentObject.svg'}
+        //   />
+        // );
+    }
+}
+const DisplaySingleMedia = ({ getMediaUrl, }) => {
+    const getMediaDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
+    return (0, jsx_runtime_1.jsx)(assetPage_1.Viewer3D, { file3D: getMediaUrl(getMediaDomain), file2D: 'file2D' });
+};
+exports.default = CreationObject;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Other from '@/dto/common/Media/Other';
+import { BasicMediaType } from '@/dto/common/Media/interface';
+declare class CreationOther extends Other {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+    displaySingleMedia(): JSX.Element;
+}
+export default CreationOther;

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

@@ -0,0 +1,27 @@
+"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 Other_1 = __importDefault(require("@/dto/common/Media/Other"));
+const Urls_1 = require("@/dto/common/Media/Urls");
+const env_1 = require("@/store/env");
+const CardImage_1 = __importDefault(require("@/system/Cards/CardMedia/CardImage"));
+class CreationOther extends Other_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        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' }));
+    }
+}
+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 }));
+};
+exports.default = CreationOther;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Video from '@/dto/common/Media/Video';
+import { BasicMediaType, TGetMediaUrlFunc } from '@/dto/common/Media/interface';
+declare class CreationVideo extends Video {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    getMediaUrl(): TGetMediaUrlFunc;
+    displaySingleMedia(): JSX.Element;
+}
+export default CreationVideo;