@everymatrix/mini-games-lobby 1.0.69

package/dist/collection/renders/GameLauncher.js

@@ -0,0 +1,8 @@
+import { Fragment, h } from "@stencil/core";
+import CrossIcon from "../images/CrossIcon.svg";
+import FullScreenIcon from "../images/FullScreenIcon.svg";
+import LaunchHeaderIcon from "../images/LaunchHeaderIcon.svg";
+const renderTopbar = () => (h("div", { id: "GameLaunchHeader" }, h("img", { src: LaunchHeaderIcon }), h("button", { type: "button", class: "GameIcon GameIcon--full-screen" }, h("img", { src: FullScreenIcon })), h("button", { type: "button", class: "GameIcon GameIcon--close" }, h("img", { src: CrossIcon }))));
+export const GameLauncher = ({ src, host }) => {
+    return src && (h(Fragment, null, renderTopbar(), h("iframe", { src: src, width: '100%', height: host.clientWidth / 16 * 9, frameborder: "0" })));
+};

package/dist/collection/renders/Games.js

@@ -0,0 +1,9 @@
+import { h } from "@stencil/core";
+import HeaderIcon from "../images/HeaderIcon.svg";
+const getProps = (game, onClickGame) => ({
+    style: {
+        "background-image": `url(${game.icons['88']})`
+    },
+    onClick: () => onClickGame(game.launchUrl),
+});
+export const Games = ({ text, games, onClickGame }) => (h("div", { class: "GamesContainer" }, h("div", { id: "GamesHeader" }, h("div", null, h("img", { src: HeaderIcon }), h("p", { innerHTML: text }))), h("div", { id: "Games" }, games.map((game) => h("div", { class: "Game" }, h("div", Object.assign({ class: "GameImg" }, getProps(game, onClickGame))))))));

package/dist/collection/renders/index.js

@@ -0,0 +1,2 @@
+export * from './GameLauncher';
+export * from './Games';

package/dist/collection/utils/fetch.js

@@ -0,0 +1,28 @@
+export const fetcher = async (url) => {
+    let res;
+    try {
+        res = await fetch(url);
+        res = await res.json();
+    }
+    catch (e) {
+        console.error(e);
+    }
+    return res;
+};
+export const getUrl = (path, params = {}) => {
+    return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
+};
+export async function fetchGames() {
+    const url = getUrl(`${this.endpoint}/v1/casino/games`, {
+        language: this.language,
+        filter: this.filter || `categories(id=MINIGAMES),vendor(name=PragmaticPlay)`,
+    });
+    const res = await fetcher(url);
+    return res.items;
+}
+export const fetchLaunchUrl = async (link, params) => {
+    const linkProcessed = getUrl(link.replace('Start', 'StartInfo'), params);
+    const res = await fetcher(linkProcessed);
+    const { LaunchParams } = res;
+    return LaunchParams === null || LaunchParams === void 0 ? void 0 : LaunchParams.launchUrl;
+};

package/dist/collection/utils/translation.js

@@ -0,0 +1,11 @@
+export const translation = {
+    en: {
+        MiniGames: 'Mini Games',
+    },
+    'zh-hk': {
+        MiniGames: '小游戲',
+    },
+    hr: {
+        MiniGames: 'Mini igre'
+    }
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };