@everymatrix/casino-tournament-buttons 1.16.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-61ab317a.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["casino-tournament-buttons.cjs",[[1,"casino-tournament-buttons",{"language":[1],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"enrolled":[4],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"stylingContainer":[32],"joinButtonLoading":[32],"errorJoin":[32],"errorJoinConcurrently":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/casino-tournament-buttons/casino-tournament-buttons.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-tournament-buttons/casino-tournament-buttons.css

@@ -0,0 +1,50 @@
+:host {
+  display: block;
+}
+
+.ButtonGroup {
+  display: flex;
+  gap: 4px;
+}
+
+.Button {
+  padding: 6px 8px;
+  border-radius: 2px;
+  border: 1px solid #fff;
+  color: #fff;
+  background: none;
+  position: relative;
+  cursor: pointer;
+}
+.Button.NoBorder {
+  border: 0;
+  padding: 7px 8px;
+}
+
+.Button::after {
+  content: "";
+  display: block;
+  position: absolute;
+  border-radius: 2px;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transition: all 0.5s;
+  box-shadow: 0 0 10px 10px white;
+}
+
+.Button:active::after {
+  box-shadow: 0 0 0 0 white;
+  position: absolute;
+  border-radius: 2px;
+  left: 0;
+  top: 0;
+  opacity: 1;
+  transition: 0s;
+}
+
+.Button:active {
+  top: 1px;
+}

package/dist/collection/components/casino-tournament-buttons/casino-tournament-buttons.js

@@ -0,0 +1,424 @@
+import { Component, Prop, h, State } from '@stencil/core';
+import { getDevice } from '../../utils/utils';
+import { translate } from '../../utils/locale.utils';
+export class CasinoTournamentButtons {
+  constructor() {
+    this.enrolled = false;
+    this.showReadMore = false;
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+    this.joinButtonLoading = false;
+    this.errorJoin = false;
+    this.errorJoinConcurrently = false;
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrl;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
+  }
+  componentDidRender() {
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  loginAction() {
+    if (this.loginEvent) {
+      window.postMessage({ type: this.loginEvent, transition: 'Login' }, window.location.href);
+      // @ts-ignore Analytics event
+      if (typeof gtag == 'function') {
+        // @ts-ignore
+        gtag('event', 'OpenLoginModal', {
+          'context': 'TournamentsThumbnailController'
+        });
+      }
+    }
+    if (this.loginUrl) {
+      location.href = this.loginUrl;
+    }
+  }
+  registerAction() {
+    if (this.registerEvent) {
+      window.postMessage({ type: this.registerEvent, transition: 'Register' }, window.location.href);
+      //@ts-ignoreAnalytics event
+      if (typeof gtag == 'function') {
+        //@ts-ignore
+        gtag('event', 'OpenRegisterModal', {
+          'context': 'TournamentsThumbnailController'
+        });
+      }
+    }
+    if (this.registerUrl) {
+      location.href = this.registerUrl;
+    }
+  }
+  async joinAction(tournamentId, bonuscode) {
+    var _a;
+    this.errorJoin = false;
+    this.errorJoinConcurrently = false;
+    window.postMessage({ type: 'TournamentJoinRequest', tournamentId }, window.location.href);
+    this.joinButtonLoading = true;
+    let joinUrl = new URL(`${this.endpoint}/bonus/claim`);
+    let reqHeaders = new Headers();
+    let body = {};
+    joinUrl.searchParams.append('language', this.language);
+    joinUrl.searchParams.append('platform', getDevice());
+    reqHeaders.append('Content-Type', 'application/json');
+    reqHeaders.append("X-SessionID", this.session);
+    if (bonuscode) {
+      body = {
+        language: this.language,
+        bonusCode: bonuscode,
+        currency: this.currency
+      };
+    }
+    let requestOptions = {
+      method: 'PUT',
+      headers: reqHeaders,
+      body: JSON.stringify(body),
+    };
+    const handlerOnSuccess = () => {
+      this.joinButtonLoading = false;
+      this.enrolled = true;
+      window.postMessage({ type: 'TournamentUserEnrolled', userenrolled: this.enrolled }, window.location.href);
+    };
+    const handlerOnFail = () => {
+      this.joinButtonLoading = false;
+      this.errorJoin = true;
+    };
+    const fetcher = async () => {
+      let result;
+      try {
+        result = await fetch(`${this.endpoint}/bonus/claim?${joinUrl.searchParams.toString()}`, requestOptions);
+        result = await result.json();
+      }
+      catch (e) {
+        handlerOnFail();
+      }
+      return result;
+    };
+    const data = await fetcher();
+    if (!data)
+      return;
+    if (data.success == true) {
+      handlerOnSuccess();
+    }
+    else {
+      if (data.errorMessage.match("VersionMismatchException")) {
+        let resultDoubleCheck;
+        resultDoubleCheck = await fetch(`${this.endpoint}/tournaments/${this.tournamentId}`, {
+          headers: {
+            'X-SessionID': this.session
+          }
+        });
+        resultDoubleCheck = await resultDoubleCheck.json();
+        if ((_a = resultDoubleCheck === null || resultDoubleCheck === void 0 ? void 0 : resultDoubleCheck.item) === null || _a === void 0 ? void 0 : _a.playerEnrolled) {
+          handlerOnSuccess();
+        }
+        else {
+          handlerOnFail();
+          this.errorJoinConcurrently = true;
+          this.errorJoin = false;
+        }
+      }
+      else {
+        handlerOnFail();
+      }
+    }
+  }
+  detailAction(tournamentId) {
+    window.postMessage({ type: 'TournamentDetailsClicked', tournamentId, showLeaderboard: true }, window.location.href);
+  }
+  moreAction(tournamentId) {
+    window.postMessage({ type: 'TournamentReadMoreClicked', tournamentId }, window.location.href);
+  }
+  render() {
+    return h("div", { ref: el => this.stylingContainer = el, class: "TournamentButtons" },
+      !this.session &&
+        h("div", { class: "ButtonGroup" },
+          h("button", { class: "LoginButton Button", part: "LoginButton", onClick: () => this.loginAction() }, translate('login', this.language)),
+          h("button", { class: "RegisterButton Button", part: "RegisterButton", onClick: () => this.registerAction() }, translate('register', this.language))),
+      this.session &&
+        h("div", null,
+          !this.enrolled &&
+            h("div", { class: "ButtonGroup" },
+              h("button", { class: "Button", onClick: () => this.joinAction(this.tournamentId, this.bonusCode) }, translate('join', this.language)),
+              this.showReadMore && h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more")),
+          this.enrolled &&
+            h("div", { class: "ButtonGroup" },
+              h("button", { class: "Button", onClick: () => this.detailAction(this.tournamentId) }, translate('details', this.language)),
+              this.showReadMore && h("button", { class: "Button NoBorder", onClick: () => this.moreAction(this.tournamentId) }, "Read more"))),
+      (this.errorJoin || this.errorJoinConcurrently) &&
+        h("span", { class: "ErrorText", part: "ErrorText" }, translate('joinerror', this.language)));
+  }
+  static get is() { return "casino-tournament-buttons"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["casino-tournament-buttons.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["casino-tournament-buttons.css"]
+  }; }
+  static get properties() { return {
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "language",
+      "reflect": false
+    },
+    "tournamentId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "tournament-id",
+      "reflect": false
+    },
+    "session": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "session",
+      "reflect": false
+    },
+    "loginEvent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-event",
+      "reflect": false
+    },
+    "loginUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-url",
+      "reflect": false
+    },
+    "registerEvent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "register-event",
+      "reflect": false
+    },
+    "registerUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "register-url",
+      "reflect": false
+    },
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "endpoint",
+      "reflect": false
+    },
+    "currency": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "currency",
+      "reflect": false
+    },
+    "bonusCode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "bonus-code",
+      "reflect": false
+    },
+    "enrolled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "enrolled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "showReadMore": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-read-more",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "client-styling",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "clientStylingUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "client-styling-url",
+      "reflect": false,
+      "defaultValue": "''"
+    }
+  }; }
+  static get states() { return {
+    "limitStylingAppends": {},
+    "stylingContainer": {},
+    "joinButtonLoading": {},
+    "errorJoin": {},
+    "errorJoinConcurrently": {}
+  }; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';