@ludo.ninja/components 2.3.6 → 2.3.7

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

@@ -0,0 +1,28 @@
+import { BasicMediaType, IMedia, TGetMediaUrlFunc, TGetMediaUrlStr } from './interface';
+declare abstract class Media implements IMedia {
+    protected readonly media: string | null;
+    protected readonly originalUrl: string | null | undefined;
+    private readonly mimeType;
+    private readonly previewUrl;
+    private readonly nsfw;
+    private readonly alt;
+    private readonly originalMime;
+    protected constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    getMedia(): null | string;
+    getMimeType(): null | string;
+    getAlt(): string;
+    getOriginalUrl(): null | string | undefined;
+    getOriginalMime(): string | null;
+    getNsfw(): number | null;
+    getPreviewUrl(): null | string[];
+    abstract checkOwnType(): boolean;
+    abstract getMediaUrl(): TGetMediaUrlFunc | TGetMediaUrlStr;
+    abstract displaySingleMedia(): JSX.Element;
+    abstract displayLinkedMedia(): JSX.Element;
+    abstract displayMultipleMedia(): JSX.Element;
+    abstract displayMiniature(): JSX.Element;
+    abstract displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default Media;

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// interface
+const utils_1 = require("@ludo.ninja/utils");
+class Media {
+    media;
+    originalUrl;
+    mimeType;
+    previewUrl;
+    nsfw;
+    alt;
+    originalMime;
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        this.media = media;
+        this.mimeType = mimeType;
+        this.previewUrl = previewUrl;
+        this.originalUrl = originalUrl;
+        this.nsfw = nsfw;
+        this.originalUrl = originalUrl;
+        this.alt = alt;
+        this.originalMime = originalMime;
+    }
+    getMedia() {
+        return (0, utils_1.checkGltfUrl)(this.media || '');
+    }
+    getMimeType() {
+        return this.mimeType;
+    }
+    getAlt() {
+        return this.alt;
+    }
+    getOriginalUrl() {
+        return this.originalUrl;
+    }
+    getOriginalMime() {
+        return this.originalMime;
+    }
+    getNsfw() {
+        return this.nsfw;
+    }
+    getPreviewUrl() {
+        return this.previewUrl;
+    }
+}
+exports.default = Media;

package/build/dto/common/Media/interface.d.ts

@@ -0,0 +1,30 @@
+import ICreationEntity from '../../CreationEntity/interface';
+export type TGetMediaUrlFunc = (getENVDomain: (env?: string) => string, isExternalImage?: boolean) => string;
+export type TGetMediaUrlStr = (getENVDomain: string, isExternalImage?: boolean) => string;
+export interface IMedia {
+    getMedia(): null | string;
+    getMimeType(): null | string;
+    getPreviewUrl(): null | string[];
+    getOriginalUrl(): null | string | undefined;
+    getNsfw(): number | null;
+    getAlt(): string;
+    getOriginalMime(): null | string;
+    getMediaUrl(): TGetMediaUrlFunc | TGetMediaUrlStr;
+    checkOwnType(): boolean;
+    displaySingleMedia(arg?: ICreationEntity): JSX.Element;
+    displayLinkedMedia(arg?: ICreationEntity): JSX.Element;
+    displayMultipleMedia(arg?: ICreationEntity): JSX.Element;
+    displayMiniature(arg?: ICreationEntity): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export type BasicMediaType = {
+    media: null | string;
+    mimeType: null | string;
+    nsfw: number | null;
+    previewUrl: string[] | null;
+    originalUrl?: string | null;
+    alt: string;
+    originalMime: null | string;
+};

package/build/dto/common/Media/interface.js

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

package/build/entities/asset/AssetMediasViews.d.ts

@@ -0,0 +1,4 @@
+import { TAsset } from './types';
+export declare const AssetMediasViews: ({ medias }: {
+    medias: TAsset["medias"];
+}) => import("react/jsx-runtime").JSX.Element[];

package/build/entities/asset/AssetMediasViews.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetMediasViews = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assetPage_1 = require("../../components/assetPage");
+const AssetImage_1 = __importDefault(require("../../components/assetPage/media/AssetImage"));
+const AssetImage_2 = __importDefault(require("../../components/assetPage/media/AssetImage"));
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const env_1 = require("../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const AssetMediasViews = ({ medias }) => {
+    return medias.map((media) => {
+        const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+        switch (mediaVariant) {
+            case types_1.EMediaVariants.image:
+                return (0, jsx_runtime_1.jsx)(AssetImageMediaView, { media: media });
+            case types_1.EMediaVariants.audio:
+                return (0, jsx_runtime_1.jsx)(AssetAudioMediaView, { media: media });
+            case types_1.EMediaVariants.screenshot:
+                return (0, jsx_runtime_1.jsx)(AssetImageMediaView, { media: media, isScreenshot: true });
+            case types_1.EMediaVariants.video:
+                return (0, jsx_runtime_1.jsx)(AssetVideoMediaView, { media: media });
+            case types_1.EMediaVariants.object3d:
+                return (0, jsx_runtime_1.jsx)(assetPage_1.Viewer3D, { file3D: media.originalUrl, file2D: "" });
+            case types_1.EMediaVariants.other:
+                return (0, jsx_runtime_1.jsx)(AssetOtherMediaView, { media: media });
+            default:
+                return ((0, jsx_runtime_1.jsx)(AssetImage_2.default, { alt: media.alt, imageUrl: `${constants_1.staticLink}/public/noContent/noContent.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
+        }
+    });
+};
+exports.AssetMediasViews = AssetMediasViews;
+const AssetImageMediaView = ({ media, isScreenshot }) => {
+    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: media.alt, imageUrl: (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: media.originalUrl, isScreenshot: isScreenshot }));
+};
+const AssetAudioMediaView = ({ media }) => {
+    const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "audio", poster: null, src: (0, urls_1.isExternalMediaAudio)(media.media, getAudioENVDomain) }));
+};
+const AssetVideoMediaView = ({ media }) => {
+    const getVideoENVDomain = (0, env_1.useEnvStore)((state) => state.getVideoDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "video", poster: null, src: (0, urls_1.isExternalMediaVideo)(media.media, getVideoENVDomain) }));
+};
+const AssetOtherMediaView = ({ media }) => {
+    const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    const mediaUrl = (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+    return ((0, jsx_runtime_1.jsx)(AssetImage_2.default, { alt: media.alt, imageUrl: mediaUrl, errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: media.originalUrl ?? mediaUrl }));
+};

package/build/entities/asset/builder.d.ts

@@ -0,0 +1,3 @@
+import { TAsset } from './types';
+import { IAsset } from "@ludo.ninja/api/build/graphql_tools/__generated__/assetsHost/schema";
+export declare const buildAsset: (asset: IAsset) => TAsset;

package/build/entities/asset/builder.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildAsset = void 0;
+const types_1 = require("../labelCreationType/types");
+const builder_1 = require("../media/builder");
+const core_1 = require("@ludo.ninja/core");
+const utils_1 = require("@ludo.ninja/utils");
+const buildAsset = (asset) => {
+    const newAsset = {
+        assetId: asset.assetId,
+        blockchain: new core_1.BlockChainEntity(asset?.blockchain),
+        markets: asset.markets?.map((market) => new core_1.MarketPlaceEntity({
+            marketName: market?.marketName,
+            marketUrl: market?.marketUrl,
+            marketId: market?.marketUrl,
+        })) || [],
+        ownersProfiles: (asset.ownersProfiles || []),
+        ownersAddresses: (asset.ownersAddresses || null),
+        itemType: types_1.LabelKeys.asset,
+        address: asset.address,
+        tokenId: asset.tokenId,
+        name: asset.name,
+        description: asset.description,
+        creatorsProfiles: (asset.creatorsProfiles || []),
+        creatorsAddresses: (asset.creatorsAddresses || null),
+        originalUrls: (asset.originalUrls || []),
+        rank: asset.rank ? Math.round(asset.rank) : 0,
+        collection: {
+            collectionId: asset.collectionId,
+            collectionTitle: asset.collectionTitle,
+            collectionMedias: (asset.collectionMedias?.map((media) => media &&
+                (0, builder_1.createAssetMedia)({
+                    media,
+                    asset,
+                })) || []),
+        },
+        category: asset.category,
+        categoryLabel: asset.categoryLabel,
+        price: {
+            latestPriceAmount: asset.latestPriceAmount,
+            latestPriceCurrency: asset.latestPriceCurrency,
+        },
+        attributes: (asset.attributes || []),
+        blockTimestamp: asset.blockTimestamp,
+    };
+    const originalUrls = newAsset.originalUrls.map((originalUrl) => ({
+        url: (0, utils_1.checkGltfUrl)(originalUrl || ""),
+        mimeType: null,
+        originalMime: null,
+    }));
+    const medias = ((asset.medias?.length ? asset.medias : originalUrls).map((media) => media &&
+        (0, builder_1.createAssetMedia)({
+            media,
+            asset,
+        })) || []);
+    return {
+        ...newAsset,
+        medias,
+        isSlider: medias.length > 1 || originalUrls.length > 1,
+        splitedAssetId: newAsset.assetId.split(".")[1] || newAsset.assetId,
+        originalUrls,
+        assetLink: `/${newAsset.itemType}/${newAsset.blockchain.getBlockChainPrivateLabel()}/${newAsset.assetId}${[core_1.BlockChainKeys.elrond, core_1.BlockChainKeys.solana].includes(newAsset.blockchain.getBlockChainPrivateLabel())
+            ? ""
+            : `/${newAsset.tokenId}`}`,
+    };
+};
+exports.buildAsset = buildAsset;

package/build/entities/asset/getAssetMediasOpengraph.d.ts

@@ -0,0 +1,5 @@
+import { TAsset } from './types';
+export declare const getAssetMediasOpengraph: ({ medias, alt }: {
+    medias: TAsset["medias"];
+    alt: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/entities/asset/getAssetMediasOpengraph.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAssetMediasOpengraph = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const env_1 = require("../../store/env");
+// render as function (bug in next js for next/head)
+// export as function, don't use as Component
+const getAssetMediasOpengraph = ({ medias, alt }) => {
+    const { NEXT_PUBLIC_STATIC_DOMAIN, getAudioDomain, getVideoDomain } = (0, env_1.useEnvStore)((state) => ({
+        NEXT_PUBLIC_STATIC_DOMAIN: state.NEXT_PUBLIC_STATIC_DOMAIN,
+        getAudioDomain: state.getAudioDomain,
+        getVideoDomain: state.getVideoDomain,
+    }));
+    const media = medias[0];
+    if (!media)
+        return null;
+    const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+    switch (mediaVariant) {
+        case types_1.EMediaVariants.audio:
+            return (0, jsx_runtime_1.jsx)("meta", { property: "og:audio", content: (0, urls_1.isExternalMediaAudio)(media.media, getAudioDomain) });
+        case types_1.EMediaVariants.video:
+            const url = (0, urls_1.isExternalMediaVideo)(media.media, getVideoDomain);
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:video", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "og:video:secure_url", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "og:video:type", content: "application/x-shockwave-flash" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "\u201Dog:image:width\u201D", content: "1280" }), (0, jsx_runtime_1.jsx)("meta", { property: "\u201Dog:image:height\u201D", content: "720" })] }));
+        case types_1.EMediaVariants.object3d:
+            //todo: add preview url
+            // const previewUrl = isExternalMediaImage(media.media, mediaSizes.regular, process.env.NEXT_PUBLIC_STATIC_DOMAIN);
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+        case types_1.EMediaVariants.image:
+        case types_1.EMediaVariants.other:
+        case types_1.EMediaVariants.screenshot:
+        default:
+            const urlDefault = (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: urlDefault }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: urlDefault }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+};
+exports.getAssetMediasOpengraph = getAssetMediasOpengraph;

package/build/entities/asset/getAssetMiniatureUrl.d.ts

@@ -0,0 +1,7 @@
+import { TAsset } from './types';
+export declare const getAssetMiniatureUrl: ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }: {
+    asset: TAsset;
+    nextPublicDomain: string;
+    getAudioDomain: (env?: string) => string;
+    getVideoDomain: (env?: string) => string;
+}) => string;

package/build/entities/asset/getAssetMiniatureUrl.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAssetMiniatureUrl = void 0;
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const getAssetMiniatureUrl = ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }) => {
+    const media = asset.medias[0];
+    if (!media)
+        return `${constants_1.staticLink}/public/noContent/noContent.svg`;
+    const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+    switch (mediaVariant) {
+        case types_1.EMediaVariants.audio:
+            return (0, urls_1.isExternalMediaAudio)(media.previewUrl || null, getAudioDomain);
+        case types_1.EMediaVariants.video:
+            return (0, urls_1.isExternalMediaVideo)(media.previewUrl || null, getVideoDomain);
+        case types_1.EMediaVariants.object3d:
+            // todo: add for 3d preview
+            // miniatureUrl = isExternalMediaAudio(
+            //   currentMedia?.previewUrl || null
+            // );
+            return `${constants_1.staticLink}/public/noContent/noContentObject.svg`;
+        case types_1.EMediaVariants.image:
+        case types_1.EMediaVariants.other:
+        case types_1.EMediaVariants.screenshot:
+        default:
+            return (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.small, nextPublicDomain);
+    }
+};
+exports.getAssetMiniatureUrl = getAssetMiniatureUrl;

package/build/entities/asset/types.d.ts

@@ -0,0 +1,37 @@
+import { LabelKeys } from '../labelCreationType/types';
+import { IMedia } from '../media/types';
+import assetSchema, { IAsset, IProfile, IAttribute } from "@ludo.ninja/api/build/graphql_tools/__generated__/assetsHost/schema";
+import { BlockChainEntity, MarketPlaceEntity } from "@ludo.ninja/core";
+export type TAsset = {
+    assetId: IAsset["assetId"];
+    blockchain: BlockChainEntity;
+    markets: MarketPlaceEntity[];
+    ownersProfiles: IProfile[];
+    ownersAddresses: string[] | null;
+    itemType: LabelKeys.asset;
+    address: IAsset["address"];
+    tokenId: IAsset["tokenId"];
+    medias: IMedia[];
+    name: IAsset["name"];
+    description: IAsset["description"];
+    creatorsProfiles: IProfile[];
+    creatorsAddresses: string[] | null;
+    rank: number;
+    collection: {
+        collectionId: IAsset["collectionId"];
+        collectionTitle: IAsset["collectionTitle"];
+        collectionMedias: IMedia[];
+    };
+    category: IAsset["category"];
+    categoryLabel: IAsset["categoryLabel"];
+    price: {
+        latestPriceAmount: IAsset["latestPriceAmount"];
+        latestPriceCurrency: IAsset["latestPriceCurrency"];
+    };
+    attributes: IAttribute[];
+    blockTimestamp: IAsset["blockTimestamp"];
+    isSlider: boolean;
+    splitedAssetId: string;
+    originalUrls: assetSchema.IMedia[];
+    assetLink: string;
+};

package/build/entities/asset/types.js

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

package/build/entities/collection/builder.d.ts

@@ -0,0 +1,3 @@
+import { TCollection } from './types';
+import { collectionsSchema } from "@ludo.ninja/api";
+export declare const buildCollection: (collection: collectionsSchema.ICollection) => TCollection;

package/build/entities/collection/builder.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildCollection = void 0;
+const core_1 = require("@ludo.ninja/core");
+const buildCollection = (collection) => {
+    const newCollection = {
+        collectionTitle: collection.collectionTitle || null,
+        collectionId: collection.collectionId,
+        collectionItems: collection.items || 0,
+        owners: collection.owners || 0,
+        creatorsProfiles: collection.creatorsProfiles
+            ? collection.creatorsProfiles.map((profile) => new core_1.ProfileEntity(profile))
+            : null,
+        contractAddress: collection.contractAddress || null,
+        collectionMarkets: collection.collectionMarkets?.map((market) => new core_1.MarketPlaceEntity({
+            marketName: market?.marketName,
+            marketUrl: market?.marketUrl,
+            marketId: market?.marketUrl,
+        })) || [],
+        creatorsAddresses: (collection.creatorsAddresses || []),
+        blockchain: new core_1.BlockChainEntity(collection.blockchain),
+        rank: collection.rank ? Math.round(collection.rank) : 0,
+        likes: collection.likes || 0,
+        liked: !!collection.liked,
+    };
+    return {
+        ...newCollection,
+        creationLink: `/${newCollection.collectionId}/${newCollection.collectionId}`,
+    };
+};
+exports.buildCollection = buildCollection;

package/build/entities/collection/types.d.ts

@@ -0,0 +1,17 @@
+import { LabelKeys } from '../labelCreationType/types';
+import { BlockChainEntity, MarketPlaceEntity, ProfileEntity } from "@ludo.ninja/core";
+export type TCollection = {
+    collectionTitle: string | null;
+    collectionId: LabelKeys;
+    collectionItems: number;
+    owners: number;
+    creatorsProfiles: ProfileEntity[] | null;
+    contractAddress: string | null;
+    collectionMarkets: MarketPlaceEntity[];
+    creatorsAddresses: string[];
+    blockchain: BlockChainEntity;
+    rank: number;
+    likes: number;
+    liked: boolean;
+    creationLink: string;
+};

package/build/entities/collection/types.js

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

package/build/entities/creation/CreationMediaView.d.ts

@@ -0,0 +1,6 @@
+import { IMedia } from '../media/types';
+export declare const CreationMediaView: ({ media, isNeedScaleTransform, playVideoOnHover }: {
+    media: IMedia;
+    isNeedScaleTransform?: boolean;
+    playVideoOnHover?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/entities/creation/CreationMediaView.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreationMediaView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const env_1 = require("../../store/env");
+const CardAudio_1 = __importDefault(require("../../system/Cards/CardMedia/CardAudio"));
+const CardImage_1 = __importDefault(require("../../system/Cards/CardMedia/CardImage"));
+const CardVideo_1 = __importDefault(require("../../system/Cards/CardMedia/CardVideo"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const styled_components_1 = __importStar(require("styled-components"));
+const StyledCardImage = (0, styled_components_1.default)(CardImage_1.default) `
+    ${(props) => props.isNeedScaleTransform ?
+    (0, styled_components_1.css) `
+                transition: transform 0.4s;
+
+                :hover {
+                    transform: scale(1.12);
+                }
+            `
+    : ''}
+`;
+const CreationMediaView = ({ media, isNeedScaleTransform, playVideoOnHover }) => {
+    const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+    switch (mediaVariant) {
+        case types_1.EMediaVariants.other:
+        case types_1.EMediaVariants.screenshot:
+        case types_1.EMediaVariants.image:
+            return (0, jsx_runtime_1.jsx)(ImageMediaView, { media: media, isNeedScaleTransform: isNeedScaleTransform });
+        case types_1.EMediaVariants.audio:
+            return (0, jsx_runtime_1.jsx)(AudioMediaView, { media: media });
+        case types_1.EMediaVariants.video:
+            return (0, jsx_runtime_1.jsx)(VideoMediaView, { media: media, playVideoOnHover: playVideoOnHover });
+        case types_1.EMediaVariants.object3d:
+            //todo: add previewUrl 3d
+            return ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: media.alt, imgSrc: `${constants_1.staticLink}/public/noContent/noContentObject.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContentObject.svg` }));
+        default:
+            return ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: media.alt, imgSrc: `${constants_1.staticLink}/public/noContent/noContent.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
+    }
+};
+exports.CreationMediaView = CreationMediaView;
+const ImageMediaView = ({ media, isNeedScaleTransform }) => {
+    const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    return ((0, jsx_runtime_1.jsx)(StyledCardImage, { alt: media.alt, imgSrc: (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, isNeedScaleTransform: isNeedScaleTransform }));
+};
+const AudioMediaView = ({ media }) => {
+    const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+    return ((0, jsx_runtime_1.jsx)(CardAudio_1.default, { alt: media.alt, audioSrc: (0, urls_1.isExternalMediaAudio)(media.media, getAudioENVDomain), imgSrc: `${constants_1.staticLink}/public/noContent/noContentAudio.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContentAudio.svg` }));
+};
+const VideoMediaView = ({ media, playVideoOnHover }) => {
+    const getVideoENVDomain = (0, env_1.useEnvStore)((state) => state.getVideoDomain);
+    return ((0, jsx_runtime_1.jsx)(CardVideo_1.default, { alt: media.alt, videoSrc: (0, urls_1.isExternalMediaVideo)(media.media, getVideoENVDomain), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, playOnHover: playVideoOnHover }));
+};

package/build/entities/creation/builder.d.ts

@@ -0,0 +1,3 @@
+import { TCreation } from './types';
+import { searchSchema as schema } from "@ludo.ninja/api";
+export declare const buildCreation: (creation: schema.ICreation) => TCreation;

package/build/entities/creation/builder.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildCreation = void 0;
+const data_1 = __importDefault(require("../labelCreationType/data"));
+const types_1 = require("../labelCreationType/types");
+const builder_1 = require("../media/builder");
+const core_1 = require("@ludo.ninja/core");
+const buildCreation = (creation) => {
+    const newCreation = {
+        itemId: creation.itemId || "",
+        id: creation.id || "",
+        itemType: creation.itemType,
+        blockchain: new core_1.BlockChainEntity(creation.blockchain),
+        address: creation.address || "",
+        tokenId: creation.tokenId || "",
+        // creatorsProfiles : creation.creatorsProfiles,
+        // ownersAddresses : creation.ownersAddresses,
+        // ownersProfiles : creation.ownersProfiles,
+        originalUrls: creation.originalUrls ? creation.originalUrls : null,
+        rank: creation.rank ? Math.round(creation.rank) : 0,
+        likes: creation.likes || 0,
+        isLiked: !!creation.liked,
+        name: creation.name || null,
+        creatorsAddresses: creation.creatorsAddresses ? creation.creatorsAddresses : null,
+    };
+    return {
+        ...newCreation,
+        creationId: `${newCreation.itemType}.${newCreation.itemId}`,
+        creationLink: (() => {
+            if (newCreation.itemType === types_1.LabelKeys.asset) {
+                const blockChainPrivateLabel = newCreation.blockchain.getBlockChainPrivateLabel();
+                const link = `/${newCreation.itemType}/${blockChainPrivateLabel}`;
+                if (blockChainPrivateLabel === core_1.BlockChainKeys.elrond) {
+                    return `/${link}/${newCreation.id}`;
+                }
+                if (blockChainPrivateLabel === core_1.BlockChainKeys.solana) {
+                    return `/${link}/${newCreation.tokenId}`;
+                }
+                return `/${link}/${newCreation.address}/${newCreation.tokenId}`;
+            }
+            return `/${newCreation.itemType}/${newCreation.itemId}`;
+        })(),
+        label: data_1.default[newCreation.itemType],
+        media: (0, builder_1.createCreationMedia)({ creation }),
+        creatorAddress: newCreation.creatorsAddresses ? newCreation.creatorsAddresses[0] : null,
+        getCuttedSecondName: (isMobileView) => {
+            // todo: remove this method from usage, replace to css text-overflow:ellipsis
+            if (!newCreation.name)
+                return null;
+            return isMobileView
+                ? newCreation.name && newCreation.name.length >= 20
+                    ? newCreation.name.substring(0, 22).concat("...")
+                    : newCreation.name
+                : newCreation.name && newCreation.name.length >= 11
+                    ? newCreation.name?.substring(0, 13).concat("...")
+                    : newCreation.name;
+        },
+    };
+};
+exports.buildCreation = buildCreation;

package/build/entities/creation/collectionCreationBuilder.d.ts

@@ -0,0 +1,3 @@
+import { LabelKeys } from '../labelCreationType/types';
+import { collectionsSchema, searchSchema } from "@ludo.ninja/api";
+export declare const buildCollectionCreation: (creation: collectionsSchema.ICollectionAsset | searchSchema.ICollection, type?: LabelKeys) => import("./types").TCreation;

package/build/entities/creation/collectionCreationBuilder.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildCollectionCreation = void 0;
+const builder_1 = require("./builder");
+const types_1 = require("../labelCreationType/types");
+const utils_1 = require("@ludo.ninja/utils");
+const buildCollectionCreation = (creation, type) => (0, builder_1.buildCreation)({
+    itemId: creation.collectionId || "",
+    id: "id" in creation ? creation.id || "" : "",
+    itemType: type ?? types_1.LabelKeys.asset,
+    blockchain: creation.blockchain,
+    address: "address" in creation ? creation.address : null,
+    tokenId: creation.tokenId,
+    originalUrls: creation.originalUrls
+        ? creation.originalUrls.map((el) => (0, utils_1.checkGltfUrl)(el || ""))
+        : null,
+    rank: creation.rank,
+    likes: creation.likes,
+    liked: creation.liked,
+    name: "name" in creation ? creation.name : null,
+    creatorsAddresses: creation.creatorsAddresses,
+    media: creation?.medias?.[0]?.url || null,
+    mimeType: creation?.medias?.[0]?.mimeType,
+});
+exports.buildCollectionCreation = buildCollectionCreation;
+//todo: update collectionCreationId to new field in TCreation

package/build/entities/creation/types.d.ts

@@ -0,0 +1,23 @@
+import { LabelKeys, LabelType } from '../labelCreationType/types';
+import { IMedia } from '../media/types';
+import { BlockChainEntity } from "@ludo.ninja/core";
+export type TCreation = {
+    itemId: string;
+    id: string;
+    itemType: LabelKeys;
+    blockchain: BlockChainEntity;
+    address: string;
+    tokenId: string;
+    originalUrls: string[] | null;
+    rank: number;
+    likes: number;
+    isLiked: boolean;
+    name: string | null;
+    creatorsAddresses: string[] | null;
+    creatorAddress: string | null;
+    creationId: string;
+    creationLink: string;
+    label: LabelType;
+    media: IMedia;
+    getCuttedSecondName: (isMobileView: boolean) => string;
+};