@ludo.ninja/components 2.1.40 → 2.1.42

package/build/api/server-search/queries/useFetchFindAllTopEntitiesByName/index.d.ts

@@ -1,7 +1,7 @@
 import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
 import { searchSchema as schema } from '@ludo.ninja/api';
 import { ProfileEntity } from '@ludo.ninja/core';
-import AssetEntity from '../../../../dto/AssetEntity';
+import AssetEntity from '../../../../dto/AssetSearchEntity';
 export declare const prefetchFindAllTopEntitiesByName: ({ name, pageSize }: schema.IQueryFindAllTopEntitiesByNameArgs, apolloClient: ApolloClient<NormalizedCacheObject>) => Promise<import("@apollo/client").ApolloQueryResult<any> | {
     data: {
         findAllTopEntitiesByName: null;

package/build/api/server-search/queries/useFetchFindAllTopEntitiesByName/index.js

@@ -7,7 +7,7 @@ exports.useFetchFindAllTopEntitiesByName = exports.prefetchFindAllTopEntitiesByN
 const react_1 = require("react");
 const api_1 = require("@ludo.ninja/api");
 const core_1 = require("@ludo.ninja/core");
-const AssetEntity_1 = __importDefault(require("../../../../dto/AssetEntity"));
+const AssetSearchEntity_1 = __importDefault(require("../../../../dto/AssetSearchEntity"));
 const prefetchFindAllTopEntitiesByName = ({ name, pageSize }, apolloClient) => {
     return apolloClient
         .query({
@@ -30,7 +30,7 @@ const useFetchFindAllTopEntitiesByName = () => {
             uri: api_1.hosts.searchHost,
         },
         onCompleted: ({ findAllTopEntitiesByName }) => {
-            const assets = findAllTopEntitiesByName.assets.map((asset) => new AssetEntity_1.default(asset)) || [];
+            const assets = findAllTopEntitiesByName.assets.map((asset) => new AssetSearchEntity_1.default(asset)) || [];
             const profiles = findAllTopEntitiesByName.profiles.map((profile) => new core_1.ProfileEntity(profile)) || [];
             setTopEntities({
                 assets,

package/build/components/search/searchSuggestions/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { collectionsSchema as schema } from '@ludo.ninja/api';
 import { ProfileEntity } from '@ludo.ninja/core';
-import AssetEntity from '../../../dto/AssetEntity';
+import AssetSearchEntity from '../../../dto/AssetSearchEntity';
 interface Props {
-    assets: AssetEntity[];
+    assets: AssetSearchEntity[];
     profiles: ProfileEntity[];
     collections: schema.ICollection[];
     searchTerm: string;

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

@@ -0,0 +1,60 @@
+import { assetSchema as schema } from "@ludo.ninja/api";
+import { BlockChainEntity, MarketPlaceEntity } from "@ludo.ninja/core";
+import { LabelKeys } from '../common/ItemType';
+import IAssetSearchEntity from './interface';
+declare class AssetSearchEntity implements IAssetSearchEntity {
+    private assetId;
+    private blockchain;
+    private ownersProfiles;
+    private ownersAddresses;
+    private itemType;
+    private address;
+    private tokenId;
+    private medias;
+    private name;
+    private description;
+    private creatorsProfiles;
+    private creatorsAddresses;
+    private markets;
+    private originalUrls;
+    private rank;
+    private collection;
+    private category;
+    private categoryLabel;
+    private attributes;
+    private blockTimestamp;
+    private price;
+    constructor(asset: schema.IAsset);
+    getAssetId(): string;
+    getIsSlider(): boolean;
+    getSplitedAssetId(): string;
+    getName(): null | string;
+    getMarkets(): MarketPlaceEntity[] | null;
+    getBlockchain(): BlockChainEntity;
+    getPrice(): {
+        latestPriceAmount: number | null;
+        latestPriceCurrency: string | null;
+    };
+    getBlockTimestamp(): number;
+    getAttributes(): schema.IAttribute[];
+    getDescription(): null | string;
+    getTokenId(): string | null;
+    getCollection(): {
+        collectionId: string | null;
+        collectionTitle: string | null;
+        collectionMedias: schema.IMedia[];
+    };
+    getCategory(): string | null;
+    getCategoryLabel(): string | null;
+    getOriginalUrls(): schema.IMedia[] | null;
+    getItemType(): LabelKeys;
+    getRank(): number;
+    getAddress(): string | null;
+    getAssetLink(): string;
+    getOwnersProfiles(): schema.IProfile[];
+    getAssetMedias(): schema.IMedia[];
+    getCreatorsProfiles(): schema.IProfile[];
+    getOwnersAddresses(): string[] | null;
+    getCreatorsAddresses(): string[] | null;
+}
+export default AssetSearchEntity;

package/build/dto/AssetSearchEntity/index.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@ludo.ninja/core");
+const utils_1 = require("@ludo.ninja/utils");
+const ItemType_1 = require("../common/ItemType");
+class AssetSearchEntity {
+    assetId;
+    blockchain;
+    ownersProfiles;
+    ownersAddresses;
+    itemType;
+    address;
+    tokenId;
+    medias;
+    name;
+    description;
+    creatorsProfiles;
+    creatorsAddresses;
+    markets;
+    originalUrls;
+    rank;
+    collection;
+    category;
+    categoryLabel;
+    attributes;
+    blockTimestamp;
+    price;
+    constructor(asset) {
+        this.assetId = asset.assetId;
+        this.blockchain = new core_1.BlockChainEntity(asset?.blockchain);
+        this.markets =
+            asset.markets?.map((market) => new core_1.MarketPlaceEntity({
+                marketName: market?.marketName,
+                marketUrl: market?.marketUrl,
+                marketId: market?.marketUrl,
+            })) || [];
+        this.ownersProfiles = asset.ownersProfiles || null;
+        this.ownersAddresses = asset.ownersAddresses;
+        this.itemType = ItemType_1.LabelKeys.asset;
+        this.address = asset.address;
+        this.tokenId = asset.tokenId;
+        this.medias = asset.medias;
+        this.name = asset.name;
+        this.description = asset.description;
+        this.creatorsProfiles = asset.creatorsProfiles || null;
+        this.creatorsAddresses = asset.creatorsAddresses;
+        this.originalUrls = asset.originalUrls;
+        this.rank = asset.rank;
+        this.collection = {
+            collectionId: asset.collectionId,
+            collectionTitle: asset.collectionTitle,
+            collectionMedias: asset.collectionMedias,
+        };
+        this.category = asset.category;
+        this.categoryLabel = asset.categoryLabel;
+        this.price = {
+            latestPriceAmount: asset.latestPriceAmount,
+            latestPriceCurrency: asset.latestPriceCurrency,
+        };
+        this.attributes = asset.attributes;
+        this.blockTimestamp = asset.blockTimestamp;
+    }
+    // accessors
+    getAssetId() {
+        return this.assetId;
+    }
+    getIsSlider() {
+        return this.getAssetMedias()
+            ? this.getAssetMedias()?.length > 1
+            : false;
+    }
+    getSplitedAssetId() {
+        return this.getAssetId().split(".")[1] || this.getAssetId();
+    }
+    getName() {
+        return this.name ? this.name : null;
+    }
+    getMarkets() {
+        return this.markets ? this.markets : null;
+    }
+    getBlockchain() {
+        return this.blockchain;
+    }
+    getPrice() {
+        return {
+            latestPriceAmount: this.price.latestPriceAmount
+                ? this.price.latestPriceAmount
+                : null,
+            latestPriceCurrency: this.price.latestPriceCurrency
+                ? this.price.latestPriceCurrency
+                : null,
+        };
+    }
+    getBlockTimestamp() {
+        return this.blockTimestamp;
+    }
+    getAttributes() {
+        return this.attributes?.length
+            ? this.attributes
+            : [];
+    }
+    getDescription() {
+        return this.description ? this.description : null;
+    }
+    getTokenId() {
+        return this.tokenId ? this.tokenId : null;
+    }
+    getCollection() {
+        return {
+            collectionId: this.collection.collectionId
+                ? this.collection.collectionId
+                : null,
+            collectionTitle: this.collection.collectionTitle
+                ? this.collection.collectionTitle
+                : null,
+            collectionMedias: this.collection.collectionMedias?.length
+                ? this.collection.collectionMedias
+                : [],
+        };
+    }
+    getCategory() {
+        return this.category ? this.category : null;
+    }
+    getCategoryLabel() {
+        return this.categoryLabel ? this.categoryLabel : null;
+    }
+    getOriginalUrls() {
+        if (!this.originalUrls)
+            return null;
+        const convertedOriginalUrlsArray = [];
+        for (let i = 0; i < this.originalUrls?.length; i++) {
+            convertedOriginalUrlsArray.push({
+                url: (0, utils_1.checkGltfUrl)(this.originalUrls[i] || ""),
+                mimeType: null,
+                originalMime: null,
+            });
+        }
+        return convertedOriginalUrlsArray;
+    }
+    getItemType() {
+        return this.itemType;
+    }
+    getRank() {
+        return this.rank ? Math.round(this.rank) : 0;
+    }
+    getAddress() {
+        return this.address ? this.address : null;
+    }
+    getAssetLink() {
+        if (this.getItemType() === ItemType_1.LabelKeys.asset) {
+            if (this.getBlockchain().getBlockChainPrivateLabel() ===
+                (core_1.BlockChainKeys.elrond || core_1.BlockChainKeys.solana)) {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getAssetId()}`;
+            }
+            else {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getAddress()}/${this.getTokenId()}`;
+            }
+        }
+        return `/${this.getItemType()}/${this.getAssetId()}`;
+    }
+    getOwnersProfiles() {
+        return this.ownersProfiles
+            ? this.ownersProfiles
+            : [];
+    }
+    getAssetMedias() {
+        return this.medias ? this.medias : [];
+    }
+    getCreatorsProfiles() {
+        return this.creatorsProfiles
+            ? this.creatorsProfiles
+            : [];
+    }
+    getOwnersAddresses() {
+        return this.ownersAddresses ? this.ownersAddresses : null;
+    }
+    getCreatorsAddresses() {
+        return this.creatorsAddresses ? this.creatorsAddresses : null;
+    }
+}
+exports.default = AssetSearchEntity;

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

@@ -0,0 +1,36 @@
+import { assetSchema as schema } from '@ludo.ninja/api';
+import { BlockChainEntity, MarketPlaceEntity } from '@ludo.ninja/core';
+import { LabelKeys } from '../common/ItemType';
+interface IAssetSearchEntity {
+    getAssetId(): string;
+    getBlockchain(): BlockChainEntity;
+    getOwnersProfiles(): schema.IProfile[];
+    getBlockTimestamp(): number;
+    getCreatorsProfiles(): schema.IProfile[];
+    getSplitedAssetId(): string;
+    getAttributes(): schema.IAttribute[];
+    getOwnersAddresses(): string[] | null;
+    getCreatorsAddresses(): string[] | null;
+    getIsSlider(): boolean;
+    getMarkets(): MarketPlaceEntity[] | null;
+    getPrice(): {
+        latestPriceAmount: number | null;
+        latestPriceCurrency: string | null;
+    };
+    getAssetMedias(): schema.IMedia[];
+    getItemType(): LabelKeys;
+    getName(): null | string;
+    getOriginalUrls(): schema.IMedia[] | null;
+    getAddress(): string | null;
+    getCollection(): {
+        collectionId: string | null;
+        collectionTitle: string | null;
+        collectionMedias: schema.IMedia[];
+    };
+    getCategory(): string | null;
+    getCategoryLabel(): string | null;
+    getTokenId(): string | null;
+    getDescription(): string | null;
+    getRank(): number;
+}
+export default IAssetSearchEntity;

package/build/dto/AssetSearchEntity/interface.js

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

package/build/styles/globalStyles.js

@@ -7,10 +7,6 @@ const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
     --app-height: 100vh;
   }
 
-  * {
-    box-sizing: border-box;
-  }
-
   button {
     cursor: pointer;
     box-sizing: border-box;
@@ -25,7 +21,7 @@ const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
   }
 
   body {
-    font-family: 'Poppins', sans-serif;
+    font-family: var(--PoppinsFont);
     letter-spacing: -0.015em;
     padding: 0;
     background: ${({ theme }) => theme.colors.bg};
@@ -42,9 +38,10 @@ const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
     }
   }
 
-  p {
+  * {
     padding: 0;
     margin: 0;
+    box-sizing: border-box;
   }
 
   a {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.40",
+  "version": "2.1.42",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",