@ludo.ninja/components 1.5.8 → 1.5.9

package/src/dto/GalleryEntityV2/index.ts

@@ -1,97 +0,0 @@
-// classes
-import { galleriesSchema as schema } from '@ludo.ninja/api';
-import { ProfileEntity } from '@ludo.ninja/core';
-
-import { LabelKeys, LabelType } from '../common/ItemType';
-import labelsData from '../common/ItemType/data';
-import IGalleryEntityV2 from './interface';
-
-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) {
-    this.galleryId = gallery.galleryId;
-    this.galleryType = gallery.galleryType;
-    this.description = gallery.description;
-    this.banner = gallery.banner;
-    this.profile = new 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
-  public getProfile(): ProfileEntity {
-    return this.profile;
-  }
-
-  public getBanner(): string | null {
-    return this.banner ? this.banner : null;
-  }
-
-  public getGalleryId(): string {
-    return this.galleryId;
-  }
-
-  public getGalleryUsername(): string {
-    return this.username ?? '';
-  }
-
-  public getGalleryUserpic(): string {
-    return this.userpic ?? '';
-  }
-
-  public getGalleryUserWallets(): schema.IWallet[] {
-    return this.userWallets as schema.IWallet[];
-  }
-
-  public getGalleryName(): string {
-    return this.name;
-  }
-
-  public getGalleryItemsCount(): string {
-    return this.items
-      ? `${this?.items > 1 ? `${this?.items} items` : `${this?.items} item`}`
-      : '0 items';
-  }
-
-  public getGalleryCreationIds(): string[] {
-    return this.creationIds ? (this.creationIds as string[]) : [];
-  }
-
-  public getGalleryDescription(): string {
-    return this.description ? this.description : '';
-  }
-
-  public getGalleryType(): LabelKeys {
-    return this.galleryType as LabelKeys;
-  }
-
-  public getLabel(): LabelType {
-    return labelsData[this.getGalleryType()];
-  }
-
-  public getCreationLink(): string {
-    return this.getGalleryType() === 'likelist'
-      ? `/favorites/${this.getGalleryId()}`
-      : `/${this.getGalleryType()}/${this.getGalleryId()}`;
-  }
-}
-
-export default GalleryEntityV2;

package/src/dto/GalleryEntityV2/interface.ts

@@ -1,18 +0,0 @@
-import { ProfileEntity } from '@ludo.ninja/core';
-
-import { LabelKeys, LabelType } from '@/dto/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/src/dto/common/ItemType/data.ts

@@ -1,42 +0,0 @@
-import {
-  LabelBackground,
-  LabelColor,
-  LabelItem,
-  LabelKeys,
-  LabelText,
-} from '@/dto/common/ItemType';
-
-const labelsData: LabelItem = {
-  [LabelKeys.asset]: {
-    backgroundColor: LabelBackground.asset,
-    color: LabelColor.asset,
-    text: LabelText.asset,
-  },
-  [LabelKeys.collection]: {
-    backgroundColor: LabelBackground.collection,
-    color: LabelColor.collection,
-    text: LabelText.collection,
-  },
-  [LabelKeys.gallery]: {
-    backgroundColor: LabelBackground.gallery,
-    color: LabelColor.gallery,
-    text: LabelText.gallery,
-  },
-  [LabelKeys.favorites]: {
-    backgroundColor: LabelBackground.favorites,
-    color: LabelColor.favorites,
-    text: LabelText.favorites,
-  },
-  [LabelKeys.likelist]: {
-    backgroundColor: LabelBackground.likelist,
-    color: LabelColor.likelist,
-    text: LabelText.likelist,
-  },
-  [LabelKeys.opportunity]: {
-    backgroundColor: LabelBackground.opportunity,
-    color: LabelColor.opportunity,
-    text: LabelText.opportunity,
-  },
-};
-
-export default labelsData;

package/src/dto/common/ItemType/index.tsx

@@ -1,51 +0,0 @@
-enum LabelKeys {
-  asset = 'asset',
-  collection = 'collection',
-  gallery = 'gallery',
-  favorites = 'favorites',
-  likelist = 'likelist',
-  opportunity = 'opportunity',
-}
-
-enum LabelBackground {
-  asset = '#F3D6FD',
-  collection = '#CDE4FF',
-  event = '#CDF8D9',
-  gallery = '#FFDFCD',
-  favorites = '#CDCFF8',
-  likelist = '#CDCFF8',
-  opportunity = '#CDF8D9',
-}
-
-enum LabelColor {
-  asset = '#9177B1',
-  collection = '#6E86C3',
-  event = '#77B179',
-  gallery = '#B19077',
-  favorites = '#7779B1',
-  likelist = '#7779B1',
-  opportunity = '#77B179',
-}
-
-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/src/dto/common/ItemViews/CreationAudio/index.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-import CardAudio from '@/system/Cards/CardMedia/CardAudio';
-
-import Audio from '@/dto/common/Media/Audio';
-import { isExternalMediaAudio } from '@/dto/common/Media/Urls';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class CreationAudio extends Audio {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  getMediaUrl(): string {
-    return isExternalMediaAudio(this.getMedia());
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return (
-      <CardAudio
-        alt={this.getAlt()}
-        audioSrc={this.getMediaUrl()}
-        imgSrc={'/noContent/noContentAudio.svg'}
-        errorImg={'/noContent/noContentAudio.svg'}
-      />
-    );
-  }
-}
-
-export default CreationAudio;

package/src/dto/common/ItemViews/CreationImage/index.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-
-import CardImage from '@/system/Cards/CardMedia/CardImage';
-
-import Image from '@/dto/common/Media/Image';
-import { isExternalMediaImage, mediaSizes } from '@/dto/common/Media/Urls';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class CreationImage extends Image {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    originalUrl,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({
-      nsfw,
-      previewUrl,
-      media,
-      mimeType,
-      originalUrl,
-      alt,
-      originalMime,
-    });
-  }
-
-  getMediaUrl(): string {
-    return isExternalMediaImage(this.getMedia(), mediaSizes.small);
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return (
-      <CardImage
-        alt={this.getAlt()}
-        imgSrc={this.getMediaUrl()}
-        errorImg={'/noContent/noContent.svg'}
-      />
-    );
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return <div>Its linked image</div>;
-  }
-}
-
-export default CreationImage;

package/src/dto/common/ItemViews/CreationObject/index.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { Viewer3D } from '@/components/assetPage';
-
-// import CardImage from '@/system/Cards/CardMedia/CardImage';
-import Object from '@/dto/common/Media/Object';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class CreationObject extends Object {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <Viewer3D file3D={this.getMediaUrl()} file2D={'file2D'} />;
-    // return (
-    //   <CardImage
-    //     alt={this.getAlt()}
-    //     imgSrc={'/noContent/noContentObject.svg'}
-    //     errorImg={'/noContent/noContentObject.svg'}
-    //   />
-    // );
-  }
-}
-
-export default CreationObject;

package/src/dto/common/ItemViews/CreationOther/index.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-
-import CardImage from '@/system/Cards/CardMedia/CardImage';
-
-import Other from '@/dto/common/Media/Other';
-import { isExternalMediaImage, mediaSizes } from '@/dto/common/Media/Urls';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class CreationOther extends Other {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  getMediaUrl(): string {
-    return isExternalMediaImage(this.getMedia(), mediaSizes.small);
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return (
-      <CardImage
-        alt={this.getAlt()}
-        imgSrc={this.getMediaUrl()}
-        errorImg={'/noContent/noContent.svg'}
-      />
-    );
-  }
-}
-
-export default CreationOther;

package/src/dto/common/ItemViews/CreationVideo/index.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-
-import CardVideo from '@/system/Cards/CardMedia/CardVideo';
-
-import { isExternalMediaVideo } from '@/dto/common/Media/Urls';
-import Video from '@/dto/common/Media/Video';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class CreationVideo extends Video {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  getMediaUrl(): string {
-    return isExternalMediaVideo(this.getMedia());
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return (
-      <CardVideo
-        alt={this.getAlt()}
-        videoSrc={this.getMediaUrl()}
-        errorImg={'/noContent/noContent.svg'}
-      />
-    );
-  }
-}
-
-export default CreationVideo;

package/src/dto/common/Media/Audio/index.tsx

@@ -1,48 +0,0 @@
-// helpers
-import { isAudio } from '@ludo.ninja/core';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Audio extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  checkOwnType(): boolean {
-    return isAudio({
-      media: this.getMedia(),
-      mimeType: this.getMimeType(),
-      originalMimeType: this.getOriginalMime(),
-    });
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom audio';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its audio</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple audio</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature audio</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return this.displaySingleMedia();
-  }
-}
-
-export default Audio;

package/src/dto/common/Media/Image/index.tsx

@@ -1,57 +0,0 @@
-// helpers
-import { isImage } from '@ludo.ninja/core';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Image extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    originalUrl,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({
-      nsfw,
-      previewUrl,
-      media,
-      mimeType,
-      originalUrl,
-      alt,
-      originalMime,
-    });
-  }
-
-  checkOwnType(): boolean {
-    return isImage({
-      media: this.getMedia(),
-      mimeType: this.getMimeType(),
-      originalMimeType: this.getOriginalMime(),
-    });
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom image';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its image</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return <div>its linked image</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple image</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature image</div>;
-  }
-}
-
-export default Image;

package/src/dto/common/Media/Object/index.tsx

@@ -1,58 +0,0 @@
-// components
-// helpers
-// import { isObject } from '@ludo.ninja/core';
-import { isObject3D } from '@/utils/3d';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Object extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-    originalUrl,
-  }: BasicMediaType) {
-    super({
-      nsfw,
-      previewUrl,
-      media,
-      mimeType,
-      alt,
-      originalMime,
-      originalUrl,
-    });
-  }
-
-  checkOwnType(): boolean {
-    return isObject3D({
-      media: this.getMedia(),
-      mimeType: this.getMimeType(),
-    });
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom object';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its object</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple object</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature object</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return this.displaySingleMedia();
-  }
-}
-
-export default Object;

package/src/dto/common/Media/Other/index.tsx

@@ -1,80 +0,0 @@
-// helpers
-import { isAudio, isImage, isScreenshot, isVideo } from '@ludo.ninja/core';
-
-import { isObject3D } from '@/utils/3d';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Other extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    originalUrl,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({
-      nsfw,
-      previewUrl,
-      media,
-      mimeType,
-      originalUrl,
-      alt,
-      originalMime,
-    });
-  }
-
-  checkOwnType(): boolean {
-    return (
-      !isImage({
-        media: this.getMedia(),
-        mimeType: this.getMimeType(),
-        originalMimeType: this.getOriginalMime(),
-      }) &&
-      !isVideo({
-        media: this.getMedia(),
-        mimeType: this.getMimeType(),
-        originalMimeType: this.getOriginalMime(),
-      }) &&
-      !isAudio({
-        media: this.getMedia(),
-        mimeType: this.getMimeType(),
-        originalMimeType: this.getOriginalMime(),
-      }) &&
-      !isScreenshot({
-        media: this.getMedia(),
-        mimeType: this.getMimeType(),
-        originalMimeType: this.getOriginalMime(),
-      }) &&
-      !isObject3D({
-        media: this.getMedia(),
-        mimeType: this.getMimeType(),
-      })
-    );
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom other';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its other</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple other</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature other</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return this.displaySingleMedia();
-  }
-}
-
-export default Other;

package/src/dto/common/Media/Screenshot/index.tsx

@@ -1,57 +0,0 @@
-// helpers
-import { isScreenshot } from '@ludo.ninja/core';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Screenshot extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    originalUrl,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({
-      nsfw,
-      previewUrl,
-      media,
-      mimeType,
-      originalUrl,
-      alt,
-      originalMime,
-    });
-  }
-
-  checkOwnType(): boolean {
-    return isScreenshot({
-      media: this.getMedia(),
-      mimeType: this.getMimeType(),
-      originalMimeType: this.getOriginalMime(),
-    });
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom screenshot';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its screenshot</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return <div>its linked screenshot</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple screenshot</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature screenshot</div>;
-  }
-}
-
-export default Screenshot;