@ludo.ninja/components 1.1.4 → 1.1.6

package/dist/dto/common/Media/Other/index.js

@@ -0,0 +1,78 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx } from "react/jsx-runtime";
+// helpers
+import { isAudio, isImage, isScreenshot, isVideo } from '@ludo.ninja/core';
+import { isObject3D } from '@/utils/3d';
+import Media from '@/dto/common/Media';
+var Other = /** @class */ (function (_super) {
+    __extends(Other, _super);
+    function Other(_a) {
+        var media = _a.media, mimeType = _a.mimeType, previewUrl = _a.previewUrl, nsfw = _a.nsfw, originalUrl = _a.originalUrl, alt = _a.alt, originalMime = _a.originalMime;
+        return _super.call(this, {
+            nsfw: nsfw,
+            previewUrl: previewUrl,
+            media: media,
+            mimeType: mimeType,
+            originalUrl: originalUrl,
+            alt: alt,
+            originalMime: originalMime,
+        }) || this;
+    }
+    Other.prototype.checkOwnType = function () {
+        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(),
+            }));
+    };
+    Other.prototype.getMediaUrl = function () {
+        return 'path to custom other';
+    };
+    Other.prototype.displaySingleMedia = function () {
+        return _jsx("div", { children: "its other" });
+    };
+    Other.prototype.displayMultipleMedia = function () {
+        return _jsx("div", { children: "its multiple other" });
+    };
+    Other.prototype.displayMiniature = function () {
+        return _jsx("div", { children: "its miniature other" });
+    };
+    Other.prototype.displayLinkedMedia = function () {
+        return this.displaySingleMedia();
+    };
+    return Other;
+}(Media));
+export default Other;

package/dist/dto/common/Media/Screenshot/index.js

@@ -0,0 +1,58 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx } from "react/jsx-runtime";
+// helpers
+import { isScreenshot } from '@ludo.ninja/core';
+import Media from '@/dto/common/Media';
+var Screenshot = /** @class */ (function (_super) {
+    __extends(Screenshot, _super);
+    function Screenshot(_a) {
+        var media = _a.media, mimeType = _a.mimeType, previewUrl = _a.previewUrl, nsfw = _a.nsfw, originalUrl = _a.originalUrl, alt = _a.alt, originalMime = _a.originalMime;
+        return _super.call(this, {
+            nsfw: nsfw,
+            previewUrl: previewUrl,
+            media: media,
+            mimeType: mimeType,
+            originalUrl: originalUrl,
+            alt: alt,
+            originalMime: originalMime,
+        }) || this;
+    }
+    Screenshot.prototype.checkOwnType = function () {
+        return isScreenshot({
+            media: this.getMedia(),
+            mimeType: this.getMimeType(),
+            originalMimeType: this.getOriginalMime(),
+        });
+    };
+    Screenshot.prototype.getMediaUrl = function () {
+        return 'path to custom screenshot';
+    };
+    Screenshot.prototype.displaySingleMedia = function () {
+        return _jsx("div", { children: "its screenshot" });
+    };
+    Screenshot.prototype.displayLinkedMedia = function () {
+        return _jsx("div", { children: "its linked screenshot" });
+    };
+    Screenshot.prototype.displayMultipleMedia = function () {
+        return _jsx("div", { children: "its multiple screenshot" });
+    };
+    Screenshot.prototype.displayMiniature = function () {
+        return _jsx("div", { children: "its miniature screenshot" });
+    };
+    return Screenshot;
+}(Media));
+export default Screenshot;

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

@@ -1,151 +1,112 @@
 import process from 'process';
-
 import { getMediaDomain } from '@ludo.ninja/core';
 import { checkGltfUrl } from '@ludo.ninja/utils';
-
 import { getAudioENVDomain, getVideoENVDomain } from '@/utils/env';
-
 var mediaType;
 (function (mediaType) {
-  mediaType['ASSETS'] = 'assets/';
-  mediaType['USER_PICKS'] = 'userpics/';
-  mediaType['GALLERY_BANNERS'] = 'gallery-banners/';
+    mediaType["ASSETS"] = "assets/";
+    mediaType["USER_PICKS"] = "userpics/";
+    mediaType["GALLERY_BANNERS"] = "gallery-banners/";
 })(mediaType || (mediaType = {}));
 var mediaFoldersType;
 (function (mediaFoldersType) {
-  mediaFoldersType['IMAGES'] = 'images/';
-  mediaFoldersType['VIDEOS'] = 'videos/';
-  mediaFoldersType['OBJECT'] = 'models/';
+    mediaFoldersType["IMAGES"] = "images/";
+    mediaFoldersType["VIDEOS"] = "videos/";
+    mediaFoldersType["OBJECT"] = "models/";
 })(mediaFoldersType || (mediaFoldersType = {}));
 var mediaObjectsFoldersType;
 (function (mediaObjectsFoldersType) {
-  mediaObjectsFoldersType['ORIGINS'] = 'origins/';
-  mediaObjectsFoldersType['PREVIEWS'] = 'previews/';
+    mediaObjectsFoldersType["ORIGINS"] = "origins/";
+    mediaObjectsFoldersType["PREVIEWS"] = "previews/";
 })(mediaObjectsFoldersType || (mediaObjectsFoldersType = {}));
 var mediaVideosFoldersType;
 (function (mediaVideosFoldersType) {
-  mediaVideosFoldersType['ORIGINS'] = 'origins/';
-  mediaVideosFoldersType['PREVIEWS'] = 'previews/';
+    mediaVideosFoldersType["ORIGINS"] = "origins/";
+    mediaVideosFoldersType["PREVIEWS"] = "previews/";
 })(mediaVideosFoldersType || (mediaVideosFoldersType = {}));
 export var mediaSizes;
 (function (mediaSizes) {
-  mediaSizes['small'] = '252';
-  mediaSizes['regular'] = '510';
+    mediaSizes["small"] = "252";
+    mediaSizes["regular"] = "510";
 })(mediaSizes || (mediaSizes = {}));
 export var getUserPicImage = function (userPic, fallbackImage, dimensions) {
-  if (!userPic) {
-    return fallbackImage;
-  }
-  return ''
-    .concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), '/')
-    .concat(mediaType.USER_PICKS)
-    .concat(userPic)
-    .concat(getDimensions(dimensions));
+    if (!userPic) {
+        return fallbackImage;
+    }
+    return "".concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), "/").concat(mediaType.USER_PICKS).concat(userPic).concat(getDimensions(dimensions));
 };
 var getDimensions = function (dimensions) {
-  return dimensions ? '?d='.concat(dimensions.w, 'x').concat(dimensions.h) : '';
+    return dimensions ? "?d=".concat(dimensions.w, "x").concat(dimensions.h) : '';
 };
 export var getAssetImage = function (media, fallbackImage, dimension) {
-  if (!media) {
-    return fallbackImage;
-  }
-  return 'https://'
-    .concat(dimension, '.')
-    .concat(process.env.NEXT_PUBLIC_STATIC_DOMAIN, '/assets/images/')
-    .concat(media);
+    if (!media) {
+        return fallbackImage;
+    }
+    return "https://".concat(dimension, ".").concat(process.env.NEXT_PUBLIC_STATIC_DOMAIN, "/assets/images/").concat(media);
 };
-export var getGalleryBannerImage = function (
-  galleryId,
-  fallbackImage,
-  dimensions
-) {
-  if (!galleryId) {
-    return fallbackImage;
-  }
-  return ''
-    .concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), '/')
-    .concat(mediaType.GALLERY_BANNERS)
-    .concat(galleryId)
-    .concat(getDimensions(dimensions));
+export var getGalleryBannerImage = function (galleryId, fallbackImage, dimensions) {
+    if (!galleryId) {
+        return fallbackImage;
+    }
+    return "".concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), "/").concat(mediaType.GALLERY_BANNERS).concat(galleryId).concat(getDimensions(dimensions));
 };
 export var getAssetVideoOrigins = function (media, fallbackImage) {
-  if (!media) {
-    return fallbackImage;
-  }
-  return ''.concat(getVideoENVDomain(), '/').concat(media);
+    if (!media) {
+        return fallbackImage;
+    }
+    return "".concat(getVideoENVDomain(), "/").concat(media);
 };
 export var getAssetAudioOrigins = function (media, fallbackImage) {
-  if (!media) {
-    return fallbackImage;
-  }
-  return ''.concat(getAudioENVDomain(), '/').concat(media);
+    if (!media) {
+        return fallbackImage;
+    }
+    return "".concat(getAudioENVDomain(), "/").concat(media);
 };
-export var getAssetVideoPreviews = function (
-  assetId,
-  fallbackImage,
-  dimensions
-) {
-  if (!assetId) {
-    return fallbackImage;
-  }
-  return ''
-    .concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), '/')
-    .concat(mediaType.ASSETS)
-    .concat(mediaFoldersType.VIDEOS)
-    .concat(mediaVideosFoldersType.PREVIEWS)
-    .concat(assetId)
-    .concat(getDimensions(dimensions));
+export var getAssetVideoPreviews = function (assetId, fallbackImage, dimensions) {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return "".concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), "/").concat(mediaType.ASSETS).concat(mediaFoldersType.VIDEOS).concat(mediaVideosFoldersType.PREVIEWS).concat(assetId).concat(getDimensions(dimensions));
 };
-export var getAssetObjectOrigins = function (
-  assetId,
-  fallbackImage,
-  dimensions
-) {
-  if (!assetId) {
-    return fallbackImage;
-  }
-  return ''
-    .concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), '/')
-    .concat(mediaType.ASSETS)
-    .concat(mediaFoldersType.OBJECT)
-    .concat(mediaObjectsFoldersType.ORIGINS)
-    .concat(assetId)
-    .concat(getDimensions(dimensions));
+export var getAssetObjectOrigins = function (assetId, fallbackImage, dimensions) {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return "".concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), "/").concat(mediaType.ASSETS).concat(mediaFoldersType.OBJECT).concat(mediaObjectsFoldersType.ORIGINS).concat(assetId).concat(getDimensions(dimensions));
 };
-export var getAssetObjectPreviews = function (
-  assetId,
-  fallbackImage,
-  dimensions
-) {
-  if (!assetId) {
-    return fallbackImage;
-  }
-  return ''
-    .concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), '/')
-    .concat(mediaType.ASSETS)
-    .concat(mediaFoldersType.OBJECT)
-    .concat(mediaObjectsFoldersType.PREVIEWS)
-    .concat(assetId)
-    .concat(getDimensions(dimensions));
+export var getAssetObjectPreviews = function (assetId, fallbackImage, dimensions) {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return "".concat(getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN }), "/").concat(mediaType.ASSETS).concat(mediaFoldersType.OBJECT).concat(mediaObjectsFoldersType.PREVIEWS).concat(assetId).concat(getDimensions(dimensions));
 };
 export var isExternalMediaImage = function (media, mediaSize) {
-  if (media == null || !media.length) return '/noContent/noContent.svg';
-  if (media.includes('base64')) return media;
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-  return getAssetImage(media, '/noContent/noContent.svg', mediaSize);
+    if (media == null || !media.length)
+        return '/noContent/noContent.svg';
+    if (media.includes('base64'))
+        return media;
+    if (media.includes('https' || 'http'))
+        return checkGltfUrl(media);
+    return getAssetImage(media, '/noContent/noContent.svg', mediaSize);
 };
 export var isExternalMediaVideo = function (media) {
-  if (media == null) return '/noContent/noContent.svg';
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-  return getAssetVideoOrigins(media, '/noContent/noContent.svg');
+    if (media == null)
+        return '/noContent/noContent.svg';
+    if (media.includes('https' || 'http'))
+        return checkGltfUrl(media);
+    return getAssetVideoOrigins(media, '/noContent/noContent.svg');
 };
 export var isExternalMediaAudio = function (media) {
-  if (media == null) return '/noContent/noContentAudio.svg';
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-  return getAssetAudioOrigins(media, '/noContent/noContentAudio.svg');
+    if (media == null)
+        return '/noContent/noContentAudio.svg';
+    if (media.includes('https' || 'http'))
+        return checkGltfUrl(media);
+    return getAssetAudioOrigins(media, '/noContent/noContentAudio.svg');
 };
 export var isExternalMediaObject = function (media) {
-  if (media == null) return '/noContent/noContentObject.svg';
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-  return getAssetObjectOrigins(media, '/noContent/noContentObject.svg');
+    if (media == null)
+        return '/noContent/noContentObject.svg';
+    if (media.includes('https' || 'http'))
+        return checkGltfUrl(media);
+    return getAssetObjectOrigins(media, '/noContent/noContentObject.svg');
 };

package/dist/dto/common/Media/Video/index.js

@@ -0,0 +1,50 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx } from "react/jsx-runtime";
+// helpers
+import { isVideo } from '@ludo.ninja/core';
+import Media from '@/dto/common/Media';
+var Video = /** @class */ (function (_super) {
+    __extends(Video, _super);
+    function Video(_a) {
+        var media = _a.media, mimeType = _a.mimeType, previewUrl = _a.previewUrl, nsfw = _a.nsfw, alt = _a.alt, originalMime = _a.originalMime;
+        return _super.call(this, { nsfw: nsfw, previewUrl: previewUrl, media: media, mimeType: mimeType, alt: alt, originalMime: originalMime }) || this;
+    }
+    Video.prototype.checkOwnType = function () {
+        return isVideo({
+            media: this.getMedia(),
+            mimeType: this.getMimeType(),
+            originalMimeType: this.getOriginalMime(),
+        });
+    };
+    Video.prototype.getMediaUrl = function () {
+        return 'path to custom video';
+    };
+    Video.prototype.displaySingleMedia = function () {
+        return _jsx("div", { children: "its video" });
+    };
+    Video.prototype.displayMultipleMedia = function () {
+        return _jsx("div", { children: "its multiple video" });
+    };
+    Video.prototype.displayMiniature = function () {
+        return _jsx("div", { children: "its miniature video" });
+    };
+    Video.prototype.displayLinkedMedia = function () {
+        return this.displaySingleMedia();
+    };
+    return Video;
+}(Media));
+export default Video;

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

@@ -0,0 +1,38 @@
+// interface
+import { checkGltfUrl } from '@ludo.ninja/utils';
+var Media = /** @class */ (function () {
+    function Media(_a) {
+        var media = _a.media, mimeType = _a.mimeType, previewUrl = _a.previewUrl, nsfw = _a.nsfw, originalUrl = _a.originalUrl, alt = _a.alt, originalMime = _a.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;
+    }
+    Media.prototype.getMedia = function () {
+        return checkGltfUrl(this.media || '');
+    };
+    Media.prototype.getMimeType = function () {
+        return this.mimeType;
+    };
+    Media.prototype.getAlt = function () {
+        return this.alt;
+    };
+    Media.prototype.getOriginalUrl = function () {
+        return this.originalUrl;
+    };
+    Media.prototype.getOriginalMime = function () {
+        return this.originalMime;
+    };
+    Media.prototype.getNsfw = function () {
+        return this.nsfw;
+    };
+    Media.prototype.getPreviewUrl = function () {
+        return this.previewUrl;
+    };
+    return Media;
+}());
+export default Media;

package/dist/fonts/FontsInitializeLayout.js

@@ -0,0 +1,42 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { DM_Sans, Poppins } from 'next/font/google';
+import { css } from 'styled-components';
+import { poppinsFontVarCss } from '@/fonts/vars';
+// const poppinsFont = Poppins({
+//   subsets: ['latin'],
+//   style: ['normal'],
+//   weight: ['200', '300', '400', '500', '600', '700', '800'],
+// });
+var fallbackPoppins = 'LocalPoppinsFont, sans-serif';
+var fallbackDMSans = 'LocalDMSansFont';
+var poppinsFont = Poppins({
+    subsets: ['latin'],
+    weight: ['200', '300', '400', '500', '600', '700', '800'],
+    variable: '--PoppinsFont', //poppinsFontVarCss.variable
+    fallback: ['LocalPoppinsFont, sans-serif'], // fallbackPoppins
+});
+var dmsansFont = DM_Sans({
+    subsets: ['latin'],
+    style: ['normal', 'italic'],
+    weight: ['400', '500', '600', '700'],
+    variable: '--DMSansFont', //dmsansFontVarCss.variable
+    fallback: ['LocalDMSansFont'], // fallbackDMSans
+});
+var FontsInitializeLayout = function (_a) {
+    var children = _a.children;
+    useEffect(function () {
+        // update fonts to react portal elements
+        document.body.classList.add(poppinsFont.variable);
+        document.body.classList.add(dmsansFont.variable);
+        document.body.style.fontFamily = poppinsFontVarCss.css; // initial font family
+    }, []);
+    return (_jsx("main", { style: { fontFamily: poppinsFontVarCss.css }, className: "".concat(dmsansFont.variable, " ").concat(poppinsFont.variable), children: children }));
+};
+export var GlobalFontsFallback = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* poppins-200 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 200;\n    src: url('/fonts/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-300 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 300;\n    src: url('/fonts/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-regular - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 400;\n    src: url('/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-500 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    src: url('/fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-600 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 600;\n    src: url('/fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-700 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 700;\n    src: url('/fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-800 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 800;\n    src: url('/fonts/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-regular - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 400;\n    src: url('/fonts/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 400;\n    src: url('/fonts/dm-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-500 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    src: url('/fonts/dm-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-500italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 500;\n    src: url('/fonts/dm-sans-v15-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-600 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 600;\n    src: url('/fonts/dm-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-600italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 600;\n    src: url('/fonts/dm-sans-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-700 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 700;\n    src: url('/fonts/dm-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-700italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 700;\n    src: url('/fonts/dm-sans-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n"], ["\n  /* poppins-200 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 200;\n    src: url('/fonts/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-300 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 300;\n    src: url('/fonts/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-regular - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 400;\n    src: url('/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-500 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    src: url('/fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-600 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 600;\n    src: url('/fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-700 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 700;\n    src: url('/fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* poppins-800 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 800;\n    src: url('/fonts/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-regular - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 400;\n    src: url('/fonts/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 400;\n    src: url('/fonts/dm-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-500 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    src: url('/fonts/dm-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-500italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 500;\n    src: url('/fonts/dm-sans-v15-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-600 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 600;\n    src: url('/fonts/dm-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-600italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 600;\n    src: url('/fonts/dm-sans-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-700 - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 700;\n    src: url('/fonts/dm-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n  /* dm-sans-700italic - latin */\n  @font-face {\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\n    font-family: ", ";\n    font-style: italic;\n    font-weight: 700;\n    src: url('/fonts/dm-sans-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\n  }\n"])), fallbackPoppins, fallbackPoppins, fallbackPoppins, fallbackPoppins, fallbackPoppins, fallbackPoppins, fallbackPoppins, fallbackDMSans, fallbackDMSans, fallbackDMSans, fallbackDMSans, fallbackDMSans, fallbackDMSans, fallbackDMSans, fallbackDMSans);
+export default FontsInitializeLayout;
+var templateObject_1;

package/dist/fonts/vars.js

@@ -1,4 +1 @@
-export {
-  dmsansFontVarCss,
-  poppinsFontVarCss,
-} from '@ludo.ninja/ui/build/fonts/vars';
+export { dmsansFontVarCss, poppinsFontVarCss, } from '@ludo.ninja/ui/build/fonts/vars';

package/dist/hooks/apollo/index.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import process from 'process';
+import { graphqlConfig } from '@ludo.ninja/api';
+import { APOLLO_STATE_PROP_NAME } from '@/api/graphql';
+export function useApollo(pageProps) {
+    var state = pageProps[APOLLO_STATE_PROP_NAME];
+    return useMemo(function () {
+        return graphqlConfig.initializeApollo(state, process.env.NEXT_PUBLIC_ENV_DOMAIN);
+    }, [state]);
+}

package/dist/hooks/audio/useMultiAudio/index.js

@@ -0,0 +1,54 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { useMediaStore } from '@/store/media';
+var useMultiAudio = function () {
+    var tracks = useMediaStore(function (state) { return state.audioTracks; });
+    var setTracks = useMediaStore(function (state) { return state.setAudioTracks; });
+    var router = useRouter();
+    useEffect(function () {
+        var ifExist = tracks.some(function (track) {
+            return track.playing;
+        });
+        if (ifExist) {
+            var newTracks = __spreadArray([], tracks, true).map(function (track) {
+                track.playing = false;
+                track.audio.currentTime = 0;
+                return track;
+            });
+            setTracks(newTracks);
+        }
+    }, [router]);
+    useEffect(function () {
+        tracks.map(function (track) {
+            track.playing ? track.audio.play() : track.audio.pause();
+        });
+    }, [tracks]);
+    useEffect(function () {
+        tracks.forEach(function (source, i) {
+            source.audio.addEventListener('ended', function () {
+                var newTracks = __spreadArray([], tracks, true);
+                newTracks[i].playing = false;
+                setTracks(newTracks);
+            });
+        });
+        return function () {
+            tracks.forEach(function (source, i) {
+                source.audio.removeEventListener('ended', function () {
+                    var newTracks = __spreadArray([], tracks, true);
+                    newTracks[i].playing = false;
+                    setTracks(newTracks);
+                });
+            });
+        };
+    }, []);
+};
+export default useMultiAudio;