Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var __awaiter = this && this.__awaiter || function (t, e, i, n) {
- function r(t) {
- return t instanceof i ? t : new i((function (e) {
- e(t)
- }))
- }
- return new(i || (i = Promise))((function (i, o) {
- function a(t) {
- try {
- c(n.next(t))
- } catch (e) {
- o(e)
- }
- }
- function s(t) {
- try {
- c(n["throw"](t))
- } catch (e) {
- o(e)
- }
- }
- function c(t) {
- t.done ? i(t.value) : r(t.value).then(a, s)
- }
- c((n = n.apply(t, e || [])).next())
- }))
- };
- var __generator = this && this.__generator || function (t, e) {
- var i = {
- label: 0,
- sent: function () {
- if (o[0] & 1) throw o[1];
- return o[1]
- },
- trys: [],
- ops: []
- },
- n, r, o, a;
- return a = {
- next: s(0),
- throw: s(1),
- return: s(2)
- }, typeof Symbol === "function" && (a[Symbol.iterator] = function () {
- return this
- }), a;
- function s(t) {
- return function (e) {
- return c([t, e])
- }
- }
- function c(a) {
- if (n) throw new TypeError("Generator is already executing.");
- while (i) try {
- if (n = 1, r && (o = a[0] & 2 ? r["return"] : a[0] ? r["throw"] || ((o = r["return"]) && o.call(r), 0) : r.next) && !(o = o.call(r, a[1])).done) return o;
- if (r = 0, o) a = [a[0] & 2, o.value];
- switch (a[0]) {
- case 0:
- case 1:
- o = a;
- break;
- case 4:
- i.label++;
- return {
- value: a[1], done: false
- };
- case 5:
- i.label++;
- r = a[1];
- a = [0];
- continue;
- case 7:
- a = i.ops.pop();
- i.trys.pop();
- continue;
- default:
- if (!(o = i.trys, o = o.length > 0 && o[o.length - 1]) && (a[0] === 6 || a[0] === 2)) {
- i = 0;
- continue
- }
- if (a[0] === 3 && (!o || a[1] > o[0] && a[1] < o[3])) {
- i.label = a[1];
- break
- }
- if (a[0] === 6 && i.label < o[1]) {
- i.label = o[1];
- o = a;
- break
- }
- if (o && i.label < o[2]) {
- i.label = o[2];
- i.ops.push(a);
- break
- }
- if (o[2]) i.ops.pop();
- i.trys.pop();
- continue
- }
- a = e.call(t, i)
- } catch (s) {
- a = [6, s];
- r = 0
- } finally {
- n = o = 0
- }
- if (a[0] & 5) throw a[1];
- return {
- value: a[0] ? a[1] : void 0,
- done: true
- }
- }
- };
- var __spreadArrays = this && this.__spreadArrays || function () {
- for (var t = 0, e = 0, i = arguments.length; e < i; e++) t += arguments[e].length;
- for (var n = Array(t), r = 0, e = 0; e < i; e++)
- for (var o = arguments[e], a = 0, s = o.length; a < s; a++, r++) n[r] = o[a];
- return n
- };
- System.register(["./core-8f5176b6.system.js", "./auction-manager-199f80ed.system.js", "./socket-manager-0ce610bf.system.js", "./spectator-currency-type-a95804df.system.js", "./streamer-game-state-79b4ad30.system.js", "./auction-model-9ca8ce76.system.js", "./start-vote-message-08b1a80a.system.js", "./zones-b8af3060.system.js"], (function (t) {
- "use strict";
- var e, i, n, r, o, a, s, c, l, u, p, h, d, f, m;
- return {
- setters: [function (t) {
- e = t.r;
- i = t.h;
- n = t.c;
- r = t.g
- }, function (t) {
- o = t.d;
- a = t.v;
- s = t.A;
- c = t.a
- }, function (t) {
- l = t.a;
- u = t.S
- }, function (t) {
- p = t.S
- }, function (t) {
- h = t.S
- }, function (t) {
- d = t.A
- }, function (t) {
- f = t.V
- }, function (t) {
- m = t.I
- }],
- execute: function () {
- var g = function () {
- function t() {
- this.callbacks = new Array
- }
- t.prototype.subscribe = function (t) {
- this.callbacks.push(t)
- };
- t.prototype.dispatch = function () {
- this.callbacks.forEach((function (t) {
- t()
- }))
- };
- return t
- }();
- var v = function () {
- function t() {
- this.onProfileLoaded = new g;
- this.onWalletUpdated = new g
- }
- return t
- }();
- var y = function () {
- function t(t) {
- this.pubSub = t;
- this.callbacksMap = new Map
- }
- t.prototype.initialize = function (t, e) {
- var i = this;
- this.pubSub.listen(t, e, (function (t) {
- i.dispatchMessage(t)
- }))
- };
- t.prototype.registerCallback = function (t, e) {
- var i = this.callbacksMap.get(t);
- if (i) {
- i.push(e)
- } else {
- this.callbacksMap.set(t, [e])
- }
- };
- t.prototype.dispatchMessage = function (t) {
- var e = JSON.parse(t);
- o.group("Received Message: " + e.type);
- o.log("Received Message: ", e);
- o.groupEnd();
- var i = this.callbacksMap.get(e.type);
- if (Array.isArray(i)) {
- i.forEach((function (t) {
- t(e)
- }))
- } else {
- o.log("Cannot find a callback from message:", e)
- }
- };
- return t
- }();
- var b = function () {
- function t() {
- this.dev = false
- }
- t.prototype.getUser = function (t) {
- return __awaiter(this, void 0, void 0, (function () {
- var e, i, n;
- return __generator(this, (function (r) {
- switch (r.label) {
- case 0:
- if (this.dev) {
- return [2, Promise.resolve({
- id: t,
- display_name: t,
- profile_image_url: "assets/images/player-thumb-default.png"
- })]
- }
- r.label = 1;
- case 1:
- r.trys.push([1, 3, , 4]);
- return [4, l.get("https://api.twitch.tv/helix/users?id=" + t, {
- headers: {
- "Client-ID": "y0io0scnvisnnlyga0j0bo5vdxkxgv"
- }
- })];
- case 2:
- e = r.sent();
- return [3, 4];
- case 3:
- i = r.sent();
- o.error("Http Error:", i.response);
- return [2, Promise.resolve({})];
- case 4:
- n = e.data;
- if (n.data.length == 0) {
- return [2, Promise.resolve({})]
- } else {
- return [2, Promise.resolve(n.data[0])]
- }
- return [2]
- }
- }))
- }))
- };
- return t
- }();
- var w;
- (function (t) {
- t[t["undefined"] = 0] = "undefined";
- t[t["local"] = 1] = "local";
- t[t["testing"] = 2] = "testing";
- t[t["hosted_test"] = 3] = "hosted_test";
- t[t["approved"] = 4] = "approved";
- t[t["ready_for_review"] = 5] = "ready_for_review";
- t[t["in_review"] = 6] = "in_review";
- t[t["pending_action"] = 7] = "pending_action";
- t[t["uploading"] = 8] = "uploading"
- })(w || (w = {}));
- var C = function () {
- function t() {
- this.extensionState = w.undefined;
- this.urlParams = new URLSearchParams(window.location.search);
- this.extensionState = w[this.urlParams.get("state") || ""];
- this.userId = this.urlParams.get("user") || "";
- this.streamer = this.urlParams.get("streamer") || ""
- }
- t.prototype.isLocalEnv = function () {
- return this.extensionState == w.local
- };
- return t
- }();
- var _;
- (function (t) {
- t["broadcaster"] = "broadcaster";
- t["moderator"] = "moderator";
- t["viewer"] = "viewer";
- t["external"] = "external"
- })(_ || (_ = {}));
- var M = function () {
- function t(t, e, i, n, r) {
- var s = this;
- this.urlManager = t;
- this.authManager = e;
- this.twitchServiceClient = i;
- this.profileManager = n;
- this.messageDispatcher = r;
- this.setupUrls();
- if (this.urlManager.isLocalEnv()) {
- document.body.style.backgroundColor = "DodgerBlue";
- this.twitchServiceClient.dev = true
- }
- this.authManager.onAuthorized((function (t) {
- s.onAuthorized(t);
- o.log("onAuthorized:", t)
- }));
- if (Twitch && Twitch.ext) {
- Twitch.ext.onContext((function (t, e) {
- a.twitchContext = t
- }))
- }
- setInterval((function () {
- if (a.spectatorProfile && a.spectatorProfile.options && a.spectatorProfile.options.pingNavigation) {
- new u(a.spectatorProfile.options.pingNavigation.clientHttpUrl).ping()
- }
- }), 5e3)
- }
- t.prototype.requestTwitchUserIdShare = function () {
- if (!a.twitchJwtClaims || !a.twitchJwtClaims.user_id || a.twitchJwtClaims.user_id.length == 0) {
- if (Twitch && Twitch.ext && Twitch.ext.actions) {
- Twitch.ext.actions.requestIdShare()
- }
- return false
- }
- return true
- };
- t.prototype.parseJwt = function (t) {
- var e = t.split(".")[1];
- if (!e) {
- return {}
- }
- var i = e.replace(/-/g, "+").replace(/_/g, "/");
- return JSON.parse(window.atob(i))
- };
- t.prototype.setupUrls = function () {
- return __awaiter(this, void 0, void 0, (function () {
- var t;
- return __generator(this, (function (e) {
- t = localStorage.getItem("darwin:env");
- switch (this.urlManager.extensionState) {
- case w.local:
- this.baseUrlConfig("http://localhost:5000");
- o.enabled = true;
- break;
- case w.testing:
- if (t) {
- this.envToogle(t)
- } else {
- this.baseUrlConfig("https://pc-devel.api.darwinproject.ca")
- }
- o.enabled = true;
- break;
- case w.hosted_test:
- case w.approved:
- case w.ready_for_review:
- case w.in_review:
- case w.pending_action:
- case w.uploading:
- if (t) {
- this.envToogle(t)
- } else {
- this.baseUrlConfig("https://pc-devel.api.darwinproject.ca")
- }
- o.enabled = true;
- break;
- default:
- this.baseUrlConfig("https://pc-live.api.darwinproject.ca");
- o.enabled = false;
- break
- }
- return [2]
- }))
- }))
- };
- t.prototype.onAuthorized = function (t) {
- o.log("onAuthorized:", t);
- a.twitchAuth = t;
- if (this.urlManager.extensionState == w.local) {
- a.twitchJwtClaims = JSON.parse(decodeURI(t.token));
- a.twitchJwtClaims.role = a.twitchJwtClaims.channel_id == a.twitchJwtClaims.user_id ? _.broadcaster : _.viewer
- } else {
- a.twitchJwtClaims = this.parseJwt(t.token)
- }
- o.log(a.twitchJwtClaims);
- if (this.requestTwitchUserIdShare()) {
- this.profileManager.getProfile()
- }
- this.messageDispatcher.initialize(a.twitchAuth.userId, a.twitchAuth.channelId)
- };
- t.prototype.setConfigs = function (t) {
- a.serviceUrl = t.serviceUrl;
- a.spectatorShopUrl = t.spectatorShopUrl;
- a.spectatorProfileServiceUrl = t.spectatorProfileServiceUrl;
- a.spectatorLeaderboardUrl = t.spectatorLeaderboardUrl;
- a.auctionUrl = t.auctionUrl;
- a.spectatorTournamentUrl = t.spectatorTournamentUrl;
- o.enabled = t.dev
- };
- t.prototype.baseUrlConfig = function (t) {
- a.serviceUrl = t;
- a.spectatorShopUrl = t + "/spectatorshop";
- a.spectatorProfileServiceUrl = t + "/spectatorprofile";
- a.spectatorLeaderboardUrl = t + "/spectatorleaderboard";
- a.auctionUrl = t + "/auction";
- a.spectatorTournamentUrl = t + "/spectatortournament"
- };
- t.prototype.envToogle = function (t) {
- switch (t) {
- case "local":
- this.baseUrlConfig("http://localhost:5000");
- break;
- case "dev":
- this.baseUrlConfig("https://pc-devel.api.darwinproject.ca");
- break;
- case "staging":
- this.baseUrlConfig("https://pc-staging.api.darwinproject.ca");
- break;
- case "prod":
- this.baseUrlConfig("https://pc-live.api.darwinproject.ca");
- break;
- default:
- this.baseUrlConfig("https://pc-live.api.darwinproject.ca");
- break
- }
- };
- return t
- }();
- var P = function () {
- function t() {
- this.lastMessageId = 0
- }
- t.prototype.listen = function (t, e, i) {
- var n = this;
- this.twitchUserId = t;
- setInterval((function () {
- if (!a.twitchAuth) {
- return
- }
- l.get("http://localhost:5000/twitchlocal/messages?lastMessageId=" + n.lastMessageId + "&userJwt=" + a.twitchAuth.token).then((function (t) {
- if (t.data) {
- if (t.data.length == 0) {
- return
- }
- for (var e = 0; e < t.data.length; e++) {
- var r = t.data[e];
- if (r.id > n.lastMessageId) {
- n.lastMessageId = r.id;
- if (r.target == "broadcast" || "whisper-" + n.twitchUserId) {
- i(r.message)
- }
- }
- }
- }
- }))
- }), 1e3)
- };
- return t
- }();
- var I = function () {
- function t() {}
- t.prototype.listen = function (t, e, i) {
- if (Twitch && Twitch.ext) {
- Twitch.ext.listen("whisper-" + t, (function (e, n, r) {
- o.group("Received Whisper: " + t);
- o.log(e, n, r);
- o.groupEnd();
- i(r)
- }));
- Twitch.ext.listen("broadcast", (function (e, n, r) {
- o.group("Received broadcast" + t);
- o.log(e, n, r);
- o.groupEnd();
- i(r)
- }));
- Twitch.ext.listen("channel-bits-events-v1." + e, (function (t, n, r) {
- o.group("Listening/Cheers: channel-bits-events-v1." + e);
- o.log(t, n, r);
- o.groupEnd();
- i(r)
- }))
- }
- };
- return t
- }();
- var k = function () {
- function t(t) {
- this.urlManager = t
- }
- t.prototype.onAuthorized = function (t) {
- var e = this.urlManager.userId;
- var i = this.urlManager.streamer;
- var n = new URLSearchParams(window.location.search).get("role") || "viewer";
- if (!Object.values(_).includes(_[n])) {
- n = "viewer"
- }
- var r = {
- pubsub_perms: {
- listen: [],
- send: []
- },
- is_unlinked: true,
- exp: Math.floor((new Date).getTime() / 1e3) + 86400,
- role: n,
- opaque_user_id: e,
- user_id: e,
- channel_id: i
- };
- var o = {
- userId: e,
- token: JSON.stringify(r),
- channelId: "",
- clientId: ""
- };
- t(o)
- };
- return t
- }();
- var S = function () {
- function t() {}
- t.prototype.onAuthorized = function (t) {
- if (Twitch && Twitch.ext) {
- Twitch.ext.onAuthorized((function (e) {
- t(e)
- }))
- }
- };
- return t
- }();
- var T = function () {
- function t(t, e, i, n) {
- var r = this;
- this.twitchServiceClient = t;
- this.eventManager = e;
- this.messageDispatcher = i;
- this.spectatorInteraction = n;
- i.registerCallback("enterLobbyMessage", (function (t) {
- r.onEnterLobby(t)
- }));
- i.registerCallback("streamerDestroyedMessage", (function () {
- r.onStreamerDestroyed()
- }));
- setInterval((function () {
- if (r.spectatorInteraction && a.spectatorProfile) {
- r.spectatorInteraction.displayCurrency = a.spectatorProfile.options.isCurrencyEnabled;
- r.spectatorInteraction.displayPremiumCurrency = a.spectatorProfile.options.isPremiumCurrencyEnabled;
- r.spectatorInteraction.displayLeaderboard = a.spectatorProfile.options.isLeaderboardEnabled;
- r.spectatorInteraction.premiumCurrency = a.spectatorProfile.wallet.premiumCurrency
- }
- }), 5e3)
- }
- t.prototype.onEnterLobby = function (t) {
- if (t.tournamentId) {
- var e = {
- tournamentId: t.tournamentId
- };
- a.spectatorProfile.pendingTournament = e
- } else {
- a.spectatorProfile.pendingTournament = undefined
- }
- if (t.options.joinSessionLink) {
- this.displayJoinMatchInteraction(t.options.joinSessionLink)
- }
- };
- t.prototype.onStreamerDestroyed = function () {
- if (a.twitchJwtClaims.role != _.broadcaster) {
- a.spectatorProfile.pendingTournament = undefined
- }
- };
- t.prototype.getProfile = function () {
- return __awaiter(this, void 0, void 0, (function () {
- var t, e, i, n, r, c, l, u;
- var p = this;
- return __generator(this, (function (d) {
- switch (d.label) {
- case 0:
- d.trys.push([0, 4, , 5]);
- t = window.localStorage.getItem("twitch_user_id");
- e = window.localStorage.getItem("twitch_display_name");
- i = window.localStorage.getItem("twitch_icon_url");
- if (t !== a.twitchJwtClaims.user_id) {
- window.localStorage.removeItem("twitch_user_id");
- window.localStorage.removeItem("twitch_display_name");
- window.localStorage.removeItem("twitch_icon_url");
- i = null;
- e = null
- }
- if (!(e == null || i == null)) return [3, 2];
- return [4, this.twitchServiceClient.getUser(a.twitchJwtClaims.user_id)];
- case 1:
- n = d.sent();
- e = n.display_name;
- i = n.profile_image_url;
- window.localStorage.setItem("twitch_user_id", a.twitchJwtClaims.user_id);
- if (e) {
- window.localStorage.setItem("twitch_display_name", e)
- }
- if (i) {
- window.localStorage.setItem("twitch_icon_url", i)
- }
- d.label = 2;
- case 2:
- return [4, (new s).getProfile(a.spectatorProfileServiceUrl, e, i, a.twitchAuth.token)];
- case 3:
- r = d.sent();
- c = r.data;
- if (c) {
- o.log("Profile:", c);
- a.spectatorProfile = c;
- if (c.displayName) {
- window.localStorage.setItem("twitch_display_name", c.displayName)
- }
- if (c.iconUrl) {
- window.localStorage.setItem("twitch_icon_url", c.iconUrl)
- }
- if (c.options.joinSessionLink && c.streamerGameState === h.Lobby) {
- l = c.options.joinSessionLink;
- setTimeout((function () {
- p.displayJoinMatchInteraction(l)
- }), 2e3)
- }
- }
- this.eventManager.onProfileLoaded.dispatch();
- this.eventManager.onWalletUpdated.dispatch();
- return [3, 5];
- case 4:
- u = d.sent();
- o.error(u);
- return [3, 5];
- case 5:
- return [2]
- }
- }))
- }))
- };
- t.prototype.refreshWallet = function () {
- this.eventManager.onWalletUpdated.dispatch()
- };
- t.prototype.getWallet = function () {
- return this.getMainWallet()
- };
- t.prototype.getPremiumCurrency = function () {
- return a.spectatorProfile.wallet.premiumCurrency
- };
- t.prototype.getCurrencyByType = function (t) {
- if (t === p[p.Premium]) {
- return this.getPremiumCurrency()
- } else {
- return this.getWallet()
- }
- };
- t.prototype.updateCurrencyByType = function (t, e) {
- if (t === p[p.Premium]) {
- this.updatePremiumCurrency(e)
- } else {
- this.updateWallet(e)
- }
- };
- t.prototype.getMainWallet = function () {
- if (a.spectatorProfile.wallet) {
- return a.spectatorProfile.wallet.inStreamCurrency
- } else {
- return 0
- }
- };
- t.prototype.getTournamentWallet = function () {
- if (!a.spectatorProfile.pendingTournament) {
- return undefined
- }
- var t = a.spectatorProfile.pendingTournament.tournamentId;
- var e = a.spectatorProfile.wallet.tournamentInStreamCurrencies.get(t);
- if (!e && a.spectatorProfile.options.tournamentSettings) {
- e = a.spectatorProfile.options.tournamentSettings.inStreamCurrencyStartAmount;
- a.spectatorProfile.wallet.tournamentInStreamCurrencies.set(t, e)
- }
- return e
- };
- t.prototype.updatePremiumCurrency = function (t) {
- a.spectatorProfile.wallet.premiumCurrency = t;
- this.eventManager.onWalletUpdated.dispatch()
- };
- t.prototype.updateWallet = function (t) {
- if (a.spectatorProfile.pendingTournament) {
- this.updateTournamentWallet(t)
- } else {
- this.updateMainWallet(t)
- }
- };
- t.prototype.updateMainWallet = function (t) {
- if (t) {
- a.spectatorProfile.wallet.inStreamCurrency = t;
- this.eventManager.onWalletUpdated.dispatch()
- } else {
- o.error("Undefined inStreamCurrency @updateMainWallet")
- }
- };
- t.prototype.displayJoinMatchInteraction = function (t) {
- var e = {
- title: "Join Match",
- component: "join-interaction",
- props: {
- text: "Join Match",
- icon: "",
- url: t
- },
- uniqueKey: "joinMatch"
- };
- this.spectatorInteraction.addPanel(e)
- };
- t.prototype.updateTournamentWallet = function (t) {
- if (!a.spectatorProfile.pendingTournament) {
- return false
- }
- var e = a.spectatorProfile.pendingTournament.tournamentId;
- a.spectatorProfile.wallet.tournamentInStreamCurrencies.set(e, t);
- this.eventManager.onWalletUpdated.dispatch();
- return true
- };
- return t
- }();
- var x = function () {
- function t(t, e, i) {
- var n = this;
- this.messageDispatcher = t;
- this.auctionManager = e;
- this.spectatorInteraction = i;
- this.interactionProps = {
- manager: this.auctionManager,
- joinSessionLink: ""
- };
- t.registerCallback("refreshAuctionMessage", (function (t) {
- n.refreshAuction(t)
- }));
- t.registerCallback("refreshAuctionItemMessage", (function (t) {
- n.refreshAuctionItem(t)
- }));
- t.registerCallback("endAuctionMessage", (function (t) {
- n.endAuction(t)
- }));
- t.registerCallback("sendPowerInfoMessage", (function (t) {
- n.sendPowerInfo(t)
- }));
- t.registerCallback("joinSessionInvitationMessage", (function (t) {
- n.receiveJoinInvitation(t)
- }));
- t.registerCallback("startMatchMessage", (function (t) {
- n.cleanup(t);
- n.auctionManager.notificationManager.flush()
- }));
- t.registerCallback("cleanupAuctionMessage", (function (t) {
- n.cleanup(t);
- n.auctionManager.clear()
- }));
- t.registerCallback("streamerDestroyedMessage", (function (t) {
- n.cleanup(t);
- n.auctionManager.clear()
- }));
- t.registerCallback("endMatchMessage", (function (t) {
- n.cleanup(t), n.auctionManager.clear()
- }));
- t.registerCallback("enterLobbyMessage", (function (t) {
- n.cleanup(t), n.auctionManager.clear()
- }))
- }
- t.prototype.refreshAuctionItem = function (t) {
- this.auctionManager.auctionItemWon(t)
- };
- t.prototype.refreshAuction = function (t) {
- this.auctionManager.update(t.auctionGroup, t);
- this.interactionProps.manager = this.auctionManager;
- var e = {
- timeout: this.makeTimeout(t.auctionRefreshTime),
- title: "Spectator Shop",
- component: "spectator-shop-interaction",
- props: this.interactionProps,
- uniqueKey: "spectator-shop-interaction"
- };
- this.spectatorInteraction.addPanel(e)
- };
- t.prototype.endAuction = function (t) {
- this.auctionManager.end(t)
- };
- t.prototype.sendPowerInfo = function (t) {
- this.auctionManager.sendPowerInfo(t)
- };
- t.prototype.receiveJoinInvitation = function (t) {
- var e = this;
- o.log("Session Invitation Message Received", t);
- this.auctionManager.saveJoinLink(t.auctionId, t.navigationUrl);
- if (u.clientAvailable) {
- l.get(t.joinByInvitationNavigation.clientHttpUrl)
- } else {
- open(t.navigationUrl, "_blank")
- }
- if (t.auctionGroupType === d.Hero) {
- open(t.navigationUrl, "_blank")
- }
- if (t.auctionGroupType === d.Inmate) {
- this.auctionManager.saveJoinLink(t.auctionId, t.navigationUrl);
- this.interactionProps.joinSessionLink = t.navigationUrl;
- localStorage.setItem("inmate session link received:", t.navigationUrl);
- localStorage.setItem("auction:" + t.auctionId, t.navigationUrl);
- var i = {
- title: "YOU WON",
- component: "invade-interaction",
- uniqueKey: "invade",
- props: {
- text: "Join Now!",
- icon: "",
- url: t.navigationUrl
- }
- };
- this.spectatorInteraction.addPanel(i);
- setTimeout((function () {
- e.spectatorInteraction.removePanel(i)
- }), 3e4)
- }
- };
- t.prototype.cleanup = function (t) {
- var e = {
- title: "Spectator Shop",
- component: "spectator-shop-interaction",
- uniqueKey: "spectator-shop-interaction"
- };
- this.spectatorInteraction.removePanel(e)
- };
- t.prototype.makeTimeout = function (t) {
- return (new Date).getTime() / 1e3 + t + 1 + a.spectatorProfile.options.autoCloseDelay
- };
- return t
- }();
- var U;
- (function (t) {
- t[t["Undefined"] = 0] = "Undefined";
- t[t["Active"] = 1] = "Active";
- t[t["Complete"] = 2] = "Complete"
- })(U || (U = {}));
- var E;
- (function (t) {
- t[t["Undefined"] = 0] = "Undefined";
- t[t["English"] = 1] = "English";
- t[t["Dutch"] = 2] = "Dutch"
- })(E || (E = {}));
- var L;
- (function (t) {
- t[t["Undefined"] = 0] = "Undefined";
- t[t["MatchWinner"] = 1] = "MatchWinner";
- t[t["FirstBlood"] = 2] = "FirstBlood";
- t[t["Damage"] = 3] = "Damage";
- t[t["MatchWinnerSalty"] = 4] = "MatchWinnerSalty"
- })(L || (L = {}));
- var A;
- (function (t) {
- t[t["Undefined"] = 0] = "Undefined";
- t[t["FreeForAll"] = 1] = "FreeForAll";
- t[t["BloodPact"] = 2] = "BloodPact";
- t[t["PlayerVersusAI"] = 3] = "PlayerVersusAI";
- t[t["Playground"] = 4] = "Playground";
- t[t["BattleRoyale"] = 5] = "BattleRoyale";
- t[t["All"] = 2147483647] = "All"
- })(A || (A = {}));
- function D(t, e, i) {
- var n = "";
- if (i) {
- var r = new Date;
- r.setTime(r.getTime() + i * 24 * 60 * 60 * 1e3);
- n = "; expires=" + r.toUTCString()
- }
- document.cookie = t + "=" + (e || "") + n + "; path=/"
- }
- function j(t) {
- var e = t + "=";
- var i = document.cookie.split(";");
- for (var n = 0; n < i.length; n++) {
- var r = i[n];
- while (r.charAt(0) == " ") r = r.substring(1, r.length);
- if (r.indexOf(e) == 0) return r.substring(e.length, r.length)
- }
- return null
- }
- function H(t) {
- document.cookie = t + "=; Max-Age=-99999999;"
- }
- var W = function () {
- function t(t, e, i, n, r) {
- var o = this;
- this.messageDispatcher = t;
- this.eventManager = e;
- this.profileManager = i;
- this.spectatorInteraction = n;
- this.spectatorNotification = r;
- this.betChoices = [];
- e.onProfileLoaded.subscribe((function () {
- o.reloadBet()
- }));
- t.registerCallback("getBetResultMessage", (function (t) {
- o.createBetResultNotification(t)
- }));
- t.registerCallback("startBetMessage", (function (t) {
- o.startBet(t)
- }))
- }
- t.prototype.placeSaltyBet = function (t, e, i) {
- (new s).placeSaltyBet(t, e, a.twitchAuth.token, i)
- };
- t.prototype.startBet = function (t) {
- var e = this;
- var i = (new Date).getTime() / 1e3 + t.betDuration + 1;
- var n = {
- title: "Bet",
- component: "betting-interaction",
- timeout: i,
- uniqueKey: t.betId,
- props: Object.assign(Object.assign({}, t), {
- inStreamCurrency: this.profileManager.getWallet(),
- timeout: i,
- isLegacy: false,
- callback: function (i, n, r, o) {
- if (n > e.profileManager.getWallet()) {
- o();
- return
- }(new s).placeBet(t.betServiceUrl, t.betId, i[0].id, n, a.twitchAuth.token, {}).then((function () {
- var r = i.map((function (t) {
- return {
- name: t.description,
- icon: t.iconUrl
- }
- }));
- e.betChoices.push({
- betId: t.betId,
- team: i[0].id,
- amount: n,
- oddValue: i[0].oddsValue,
- players: r
- });
- D("current-bets", JSON.stringify(e.betChoices), false);
- if (t.betType == L.MatchWinner) {
- a.spectatorProfile["pendingBetId"] = t.betId;
- e.profileManager.updateWallet(e.profileManager.getWallet() - n);
- e.reloadBet()
- }
- }));
- r()
- }
- })
- };
- this.spectatorInteraction.addPanel(n)
- };
- t.prototype.createBetResultNotification = function (t) {
- var e = this.betChoices.find((function (e) {
- return t.betId == e.betId
- }));
- if (!e) {
- return
- }
- var i = this.betChoices.indexOf(e);
- if (i !== -1) {
- this.betChoices.splice(i, 1)
- }
- var n = (new Date).getTime() / 1e3;
- if (t.optionId === e.team && t.isWinner) {
- var r = {
- timeoutStamp: n + a.spectatorProfile.options.autoCloseDelay,
- component: "simple-notification",
- props: {
- text: "You won " + e.amount * e.oddValue + " from your bet on " + e.players[0].name,
- icon: e.players[0].icon
- }
- };
- this.spectatorNotification.push(r);
- this.profileManager.updateWallet(this.profileManager.getWallet() + e.amount * e.oddValue)
- } else if (t.optionId !== e.team && t.isWinner) {
- var r = {
- timeoutStamp: n + a.spectatorProfile.options.autoCloseDelay,
- component: "simple-notification",
- props: {
- text: "You lost your bet on " + e.players[0].name,
- icon: e.players[0].icon
- }
- };
- this.spectatorNotification.push(r)
- }
- };
- t.prototype.reloadBet = function () {
- if (j("current-bets")) {
- this.betChoices = JSON.parse(j("current-bets") || "[]");
- this.betChoices.forEach((function (t) {
- if (a.spectatorProfile["pendingBetId"] == t.betId) {
- var e = document.createElement("pending-bet");
- e.details = {
- players: t.players,
- reward: t.amount * 3
- }
- }
- }))
- } else {
- H("current-bets")
- }
- };
- return t
- }();
- var N = function () {
- function t(t, e, i, n) {
- var r = this;
- this.messageDispatcher = t;
- this.eventManager = e;
- this.profileManager = i;
- this.spectatorNotification = n;
- e.onProfileLoaded.subscribe((function () {}));
- t.registerCallback("notificationMessage", (function (t) {
- r.createNotification(t)
- }))
- }
- t.prototype.createNotification = function (t) {
- var e = (new Date).getTime() / 1e3;
- var i = {
- timeoutStamp: e + a.spectatorProfile.options.autoCloseDelay,
- props: {
- text: t.content
- },
- component: "simple-notification"
- };
- this.spectatorNotification.push(i)
- };
- return t
- }();
- var O = function () {
- function t(t, e, i, n) {
- var r = this;
- this.spectatorInteraction = t;
- this.shop = e;
- this.profileManager = i;
- this.eventManager = n;
- this.loopback = false;
- t.shopCallback = function (t) {
- r.openShop(t)
- };
- n.onWalletUpdated.subscribe((function () {
- r.shop.wallet = a.spectatorProfile.wallet.inStreamCurrency;
- r.shop.premiumCurrency = a.spectatorProfile.wallet.premiumCurrency
- }));
- Twitch.ext.bits.onTransactionComplete((function (t) {
- o.log("onTransactionComplete", t);
- var e = t.product.sku;
- if (!e) {
- e = t["product_data"]["sku"]
- }
- var i = (new s).twitchPurchaseClaim(a.spectatorShopUrl, e, a.twitchAuth.token, t);
- i.then((function (t) {
- o.log("twitchPurchaseClaim:", t);
- r.profileManager.getProfile()
- }))
- }));
- Twitch.ext.bits.onTransactionCancelled((function () {
- o.log("onTransactionCancelled")
- }))
- }
- t.prototype.openShop = function (t) {
- if (t === void 0) {
- t = ""
- }
- return __awaiter(this, void 0, void 0, (function () {
- var e = this;
- return __generator(this, (function (i) {
- this.shop.context = t;
- this.shop.displayName = a.spectatorProfile.displayName;
- this.shop.wallet = a.spectatorProfile.wallet.inStreamCurrency;
- this.shop.premiumCurrency = a.spectatorProfile.wallet.premiumCurrency;
- this.shop.products = [];
- this.shop.addEventListener("hoverEvent", (function () {
- if (Twitch.ext) {
- Twitch.ext.bits.showBitsBalance()
- }
- }));
- this.shop.callback = function (t) {
- return __awaiter(e, void 0, void 0, (function () {
- return __generator(this, (function (e) {
- if (this.loopback) {
- Twitch.ext.bits.setUseLoopback = true
- }
- if (Twitch.ext) {
- Twitch.ext.bits.useBits(t)
- }
- return [2]
- }))
- }))
- };
- if (this.shop.products.length === 0) {
- this.loadProducts()
- }
- this.shop.open();
- return [2]
- }))
- }))
- };
- t.prototype.loadProducts = function () {
- return __awaiter(this, void 0, void 0, (function () {
- var t, e;
- return __generator(this, (function (i) {
- switch (i.label) {
- case 0:
- i.trys.push([0, 2, , 3]);
- return [4, (new s).primaryShopItems(a.spectatorShopUrl, a.twitchAuth.token)];
- case 1:
- t = i.sent();
- this.shop.products = t.data;
- return [3, 3];
- case 2:
- e = i.sent();
- o.error("HTTP ERROR: ", e);
- return [3, 3];
- case 3:
- return [2]
- }
- }))
- }))
- };
- return t
- }();
- var B = function () {
- function t(t, e) {
- var i = this;
- this._messageDispatcher = t;
- this.spectatorInteraction = e;
- this.duration = 0;
- this.startTime = 0;
- this.thankYouDuration = 0;
- t.registerCallback("startVoteMessage", (function (t) {
- i.startVote(t)
- }));
- t.registerCallback("endVoteMessage", (function (t) {
- i.endVote(t)
- }))
- }
- t.prototype.endVote = function (t) {
- var e = {
- title: "Vote",
- component: "vote-interaction",
- uniqueKey: t.voteId,
- props: {}
- };
- this.spectatorInteraction.removePanel(e)
- };
- t.prototype.startVote = function (t) {
- var e = this;
- var i = (new Date).getTime() / 1e3 + 1 + t.voteDuration;
- var n = {
- inverted: m.includes(t.voteType) ? true : false,
- powerIcon: t.voteIcon,
- powerTitle: t.voteTitle,
- targets: t.voteOptions,
- type: f.FavoritePlayer,
- family: t.voteFamily,
- callback: function (i) {
- e.sendVote(t.voteServiceUrl, t.voteId, i)
- },
- cancelLabel: "skip",
- timer: t.voteDuration,
- cancelCallback: function () {},
- timeout: i,
- targetInfo: t.targetInfo
- };
- var r = {
- title: "Vote",
- component: "vote-interaction",
- uniqueKey: t.voteId,
- props: Object.assign({}, n),
- timeout: i
- };
- this.spectatorInteraction.addPanel(r)
- };
- t.prototype.sendVote = function (t, e, i) {
- (new s).sendVote(t, e, i, a.twitchAuth.token)
- };
- return t
- }();
- var J = function () {
- function t() {}
- t.prototype.openShop = function () {
- return this.shop.openShop()
- };
- t.prototype.powerSelection = function () {};
- return t
- }();
- var z = function () {
- function t(t, e, i) {
- var n = this;
- this.messageDispatcher = t;
- this.profileManager = e;
- this.eventManager = i;
- this.state = h.Undefined;
- this.subscriptions = [];
- t.registerCallback("streamerDestroyedMessage", (function (t) {
- n.state = h.Undefined;
- n.emit()
- }));
- t.registerCallback("startMatchMessage", (function (t) {
- n.state = h.Match;
- n.emit()
- }));
- t.registerCallback("enterLobbyMessage", (function (t) {
- n.state = h.Lobby;
- n.emit()
- }));
- i.onProfileLoaded.subscribe((function () {
- n.onProfileLoaded()
- }))
- }
- t.prototype.onProfileLoaded = function () {
- this.state = a.spectatorProfile.streamerGameState;
- this.emit()
- };
- t.prototype.getState = function () {
- return this.state
- };
- t.prototype.subscribe = function (t) {
- this.subscriptions.push(t)
- };
- t.prototype.emit = function () {
- var t = this;
- this.subscriptions.map((function (e) {
- e(t.state)
- }))
- };
- return t
- }();
- var R = function () {
- function t() {
- this.notifElements = new Map
- }
- t.prototype.create = function (t, e, i) {
- var n = document.createElement("spectator-shop-notification");
- n.power = e;
- n.rect = i;
- var r = document.body.appendChild(n);
- if (this.notifElements.has(t)) {
- this.notifElements.get(t).push(r)
- } else {
- this.notifElements.set(t, []);
- this.notifElements.get(t).push(r)
- }
- };
- t.prototype.flush = function (t) {
- if (t) {
- if (this.notifElements.has(t)) {
- this.notifElements.get(t).forEach((function (t) {
- document.body.removeChild(t)
- }));
- this.notifElements.delete(t)
- }
- } else {
- var e = document.body.querySelectorAll("spectator-shop-notification");
- e.forEach((function (t) {
- document.body.removeChild(t)
- }));
- this.notifElements = new Map
- }
- };
- return t
- }();
- var q = t("app_twitch", function () {
- function t(t) {
- e(this, t);
- this.urlManager = new C;
- if (this.urlManager.isLocalEnv()) {
- this.pubsub = new P;
- this.authManager = new k(this.urlManager)
- } else {
- this.pubsub = new I;
- this.authManager = new S
- }
- this.panelManager = new J;
- this.eventManager = new v;
- this.messageDispatcher = new y(this.pubsub);
- this.twitchServiceClient = new b;
- this.notificationManager = new R;
- this.profileManager = new T(this.twitchServiceClient, this.eventManager, this.messageDispatcher, this.spectatorInteraction);
- this.twitchExtension = new M(this.urlManager, this.authManager, this.twitchServiceClient, this.profileManager, this.messageDispatcher);
- this.gameStateManager = new z(this.messageDispatcher, this.profileManager, this.eventManager);
- this.auctionManager = new c(this.eventManager, this.profileManager, this.panelManager, this.gameStateManager, this.notificationManager)
- }
- t.prototype.componentDidLoad = function () {
- var t = this;
- this.panelManager.notification = new N(this.messageDispatcher, this.eventManager, this.profileManager, this.spectatorNotification);
- this.panelManager.gambling = new W(this.messageDispatcher, this.eventManager, this.profileManager, this.spectatorInteraction, this.spectatorNotification);
- this.panelManager.shop = new O(this.spectatorInteraction, this.premiumShop, this.profileManager, this.eventManager);
- this.panelManager.auction = new x(this.messageDispatcher, this.auctionManager, this.spectatorInteraction);
- this.panelManager.vote = new B(this.messageDispatcher, this.spectatorInteraction);
- this.panelManager.spectatorInteraction = this.spectatorInteraction;
- this.panelManager.spectatorNotificationInteraction = this.spectatorNotification;
- this.panelManager.premiumShop = this.premiumShop;
- this.spectatorInteraction.helpCallback = function () {
- t.helpWindow.display = true
- };
- this.profileManager.spectatorInteraction = this.spectatorInteraction
- };
- t.prototype.render = function () {
- var t = this;
- return i("div", null, i("help-window", {
- ref: function (e) {
- t.helpWindow = e
- }
- }), i("premium-shop", {
- ref: function (e) {
- t.premiumShop = e
- }
- }), i("spectator-notification", {
- ref: function (e) {
- t.spectatorNotification = e
- }
- }), i("div", {
- class: "position"
- }, i("spectator-interaction", {
- ref: function (e) {
- t.spectatorInteraction = e
- }
- })), i("draggable-box", null, i("div", {
- id: "power-card-container"
- })))
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}app-twitch{font-family:rift}\@media (min-height:601px){.position{top:5rem}}\@media (min-height:100px) and (max-height:600px){.position{top:0}}.position{position:absolute;right:0;-webkit-transition:all 1s;transition:all 1s}#power-card-container{display:-ms-inline-flexbox;display:inline-flex}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var V = t("connection_required_window", function () {
- function t(t) {
- e(this, t)
- }
- t.prototype.openLink = function () {
- var t = open("steam://store/544920");
- setTimeout((function () {
- if (t && t.window !== null) {
- open("https://store.steampowered.com/app/544920/Darwin_Project/", "_black")
- }
- t && t.close()
- }), 1e3)
- };
- t.prototype.render = function () {
- var t = this;
- return i("div", {
- class: "connection-required-window-container"
- }, i("p", {
- class: "content"
- }, "Have Darwin Project OPEN to particate in the Auction"), i("p", null, i("ul", {
- class: "list"
- }, i("li", null, "- Bid to play in exclusive matches."))), i("p", {
- class: "link"
- }, i("a", {
- onClick: function () {
- t.openLink()
- }
- }, "download, install & run darwin project", i("br", null), " today to get started!")))
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}connection-required-window .connection-required-window-container{font-family:rift;font-size:25px;color:#fff;padding:20px}connection-required-window p{padding:10px 0}connection-required-window a{color:#fff;text-decoration:none;-webkit-transition:.2s;transition:.2s}connection-required-window a:hover{color:#fd9300}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var Y = t("draggable_box", function () {
- function t(t) {
- e(this, t);
- this.pos = {
- x: 0,
- y: 0,
- dx: 0,
- dy: 0
- }
- }
- t.prototype.componentDidLoad = function () {
- this.container.style.top = window.innerHeight - (this.container.offsetHeight + 150) + "px";
- this.container.style.left = window.innerWidth - (this.container.offsetWidth + 150) + "px";
- this.initDrag()
- };
- t.prototype.elementDrag = function (t) {
- t = t || window.event;
- t.preventDefault();
- this.pos.x = this.pos.dx - t.clientX;
- this.pos.y = this.pos.dy - t.clientY;
- this.pos.dx = t.clientX;
- this.pos.dy = t.clientY;
- this.container.style.top = this.container.offsetTop - this.pos.y + "px";
- this.container.style.left = this.container.offsetLeft - this.pos.x + "px"
- };
- t.prototype.initDrag = function () {
- var t = this;
- if (this.dragButton) {
- this.dragButton.onmousedown = function (e) {
- t.dragMouseDown(e)
- }
- } else {
- this.container.onmousedown = function (e) {
- t.dragMouseDown(e)
- }
- }
- };
- t.prototype.closeDragElement = function () {
- document.onmouseup = null;
- document.onmousemove = null
- };
- t.prototype.dragMouseDown = function (t) {
- var e = this;
- t = t || window.event;
- t.preventDefault();
- this.pos.dx = t.clientX;
- this.pos.dy = t.clientY;
- document.onmouseup = function () {
- e.closeDragElement()
- };
- document.onmousemove = function (t) {
- e.elementDrag(t)
- }
- };
- t.prototype.render = function () {
- var t = this;
- return i("div", {
- class: "draggable-box-container",
- ref: function (e) {
- t.container = e
- }
- }, i("slot", null), i("button", {
- class: "draggable-box-button",
- ref: function (e) {
- t.dragButton = e
- }
- }, "Drag"))
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}draggable-box .draggable-box-container{position:absolute;text-align:center;background-color:rgba(0,0,0,.2);padding:10px 0 0 0;border-radius:10px}draggable-box .draggable-box-button{width:100%;cursor:move;border-radius:0 0 10px 10px;border:none}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var K = t("help_window", function () {
- function t(t) {
- e(this, t);
- this.display = false
- }
- t.prototype.closeClickHandler = function () {
- this.display = false
- };
- t.prototype.render = function () {
- var t = this;
- if (!this.display) {
- return
- }
- return [i("div", {
- class: "help-window-container"
- }, i("div", {
- class: "help-window-toolbar"
- }, i("div", {
- class: "help-window-toolbar-left"
- }, i("div", {
- class: "help-window-toolbar-text"
- })), i("div", {
- class: "help-window-toolbar-right"
- }, i("div", {
- class: "help-window-button",
- onClick: function () {
- t.closeClickHandler()
- }
- }, i("img", {
- class: "help-window-icon hover-icon close-icon",
- src: "assets/images/shop.svg"
- })))), i("div", {
- class: "help-window-title"
- }, "Join The Auction"), i("div", {
- class: "help-window-content"
- }, i("connection-required-window", null))), i("div", {
- class: "light-box",
- onClick: function () {
- t.closeClickHandler()
- }
- })]
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}help-window{text-align:center}help-window .light-box{background:rgba(0,0,0,.4);cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:3}help-window .content-img{width:100%}help-window .help-window-container{left:50%;max-width:90%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}help-window .help-window-title{background:-webkit-gradient(linear,left top,right top,from(#a531f6),color-stop(#3b1b9b),to(#a531f6));background:linear-gradient(90deg,#a531f6,#3b1b9b,#a531f6);background-size:200% 100%;color:#fff;font-size:28px;padding:5px;font-family:rift;text-transform:uppercase;-webkit-animation:titlebg 5s linear infinite;animation:titlebg 5s linear infinite;margin-top:-1px;padding:10px}help-window .help-window-toolbar{background:-webkit-gradient(linear,right top,left top,from(rgba(165,49,246,.9)),color-stop(50%,rgba(59,27,155,.9))),#000;background:linear-gradient(270deg,rgba(165,49,246,.9),rgba(59,27,155,.9) 50%),#000;border-radius:5px 5px 0 0;color:#fff;display:-ms-flexbox;display:flex;font-family:rift;padding:5px 0}help-window .help-window-toolbar-right{display:-ms-inline-flexbox;display:inline-flex;margin-left:auto}help-window .help-window-toolbar-right>*{margin:0 2px}help-window .help-window-toolbar-left{display:-ms-inline-flexbox;display:inline-flex}help-window .help-window-toolbar-left>*{margin:0 10px}help-window .hover-icon{cursor:pointer;-webkit-filter:opacity(50%);filter:opacity(50%)}help-window .hover-icon:hover{-webkit-filter:opacity(100%);filter:opacity(100%)}help-window .close-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}help-window .help-window-icon{height:15px;width:15px}help-window .help-window-content{background:rgba(59,27,155,.9);border-radius:0 0 5px 5px}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var X = t("premium_shop", function () {
- function t(t) {
- e(this, t);
- this.premiumCurrency = 0;
- this.wallet = 0;
- this.displayName = "";
- this.products = [];
- this.context = "";
- this.display = false;
- this.hoverEvent = n(this, "hoverEvent", 7)
- }
- t.prototype.hoverHandler = function (t) {
- this.hoverEvent.emit(t)
- };
- t.prototype.open = function (t) {
- if (t === void 0) {
- t = ""
- }
- return __awaiter(this, void 0, void 0, (function () {
- return __generator(this, (function (t) {
- this.confirmProduct = null;
- this.display = true;
- this.context = this.context;
- if (this.products.length = 0) {
- if (this.loadProducts) {
- this.loadProducts()
- }
- }
- return [2]
- }))
- }))
- };
- t.prototype.closeClickHandler = function () {
- this.display = false
- };
- t.prototype.clickHandler = function (t) {
- if (this.callback && typeof this.callback === "function") {
- this.callback(t.productId)
- }
- };
- t.prototype.confirmView = function (t) {
- this.confirmProduct = t
- };
- t.prototype.renderInstream = function () {
- return [i("div", null, this.wallet), i("div", null, i("img", {
- class: "premium-shop-icon",
- src: "assets/images/coin.svg"
- }))]
- };
- t.prototype.renderMoreCoins = function () {
- return [i("div", {
- class: "premium-shop-title"
- }, "You don't have enough coins"), i("div", {
- class: "premium-shop-content"
- }, i("div", {
- class: "premium-shop-more-coins"
- }, i("p", null, "Scav coins allow you to interact"), i("p", null, "directly with Darwin Project"), i("p", null, "scav coins are linked to your account and can be used on any channel using", i("br", null), "the darwin project extension"), i("div", null, i("button", {
- class: "shop-button"
- }, "Get Bits"), i("button", {
- class: "shop-button"
- }, "back"))))]
- };
- t.prototype.renderConfirm = function () {
- var t = this;
- if (!this.confirmProduct) {
- return
- }
- return [i("div", {
- class: "premium-shop-title"
- }, "Confirm Exchange"), i("div", {
- class: "premium-shop-content"
- }, i("div", {
- class: "premium-shop-confirm-container"
- }, i("div", {
- class: "premium-shop-confirm-product"
- }, i("div", {
- class: "premium-shop-product hover"
- }, i("p", {
- class: "premium-shop-product-description"
- }, this.confirmProduct.description), i("div", {
- class: "premium-shop-product-value-container"
- }, i("p", {
- class: "premium-shop-product-value"
- }, this.confirmProduct.premiumCurrencyAmount), i("img", {
- class: "premium-shop-icon",
- src: "assets/images/scav.svg",
- alt: "$scav"
- })), i("div", {
- class: "premium-shop-image-container"
- }, i("img", {
- class: "premium-shop-image",
- src: this.confirmProduct.iconUrl || "assets/images/gem.svg"
- })), i("div", {
- class: "premium-shop-product-price-button"
- }, i("img", {
- class: "bit-icon",
- src: "assets/images/bit.png",
- alt: "bits"
- }), i("span", {
- class: "premium-shop-product-price"
- }, this.confirmProduct.price)))), i("div", {
- class: "confirm-text-container"
- }, i("p", {
- class: "confirm-text"
- }, "Scav coins allow you to interact"), i("p", {
- class: "confirm-text"
- }, "directly with Darwin Project"), i("ul", null, i("li", null, i("p", null, "scav coins are linked to your account and can be used on any channel using", i("br", null), "the darwin project extension"))), i("div", null, i("button", {
- class: "shop-button",
- onClick: function () {
- t.clickHandler(t.confirmProduct)
- }
- }, "Yes"), i("button", {
- class: "shop-button",
- onClick: function () {
- t.confirmProduct = null
- }
- }, "no")))))]
- };
- t.prototype.renderShopList = function () {
- var t = this;
- if (this.confirmProduct) {
- return
- }
- return [i("div", {
- class: "premium-shop-title"
- }, "exchange for scav coins"), i("div", {
- class: "premium-shop-content"
- }, i("div", {
- class: "premium-shop-product-list"
- }, this.products.map((function (e) {
- return i("div", {
- class: "premium-shop-product",
- onMouseOver: function () {
- t.hoverHandler(e)
- },
- onClick: function () {
- t.confirmView(e)
- }
- }, i("p", {
- class: "premium-shop-product-description"
- }, e.description), i("div", {
- class: "premium-shop-product-value-container"
- }, i("p", {
- class: "premium-shop-product-value"
- }, e.premiumCurrencyAmount), i("img", {
- class: "premium-shop-icon",
- src: "assets/images/scav.svg",
- alt: "$scav"
- })), i("div", {
- class: "premium-shop-image-container"
- }, i("img", {
- class: "premium-shop-image",
- src: e.iconUrl || "assets/images/gem.svg"
- })), i("div", {
- class: "premium-shop-product-price-button"
- }, i("img", {
- class: "bit-icon",
- src: "assets/images/bit.png",
- alt: "bits"
- }), i("span", {
- class: "premium-shop-product-price"
- }, e.price)))
- }))))]
- };
- t.prototype.render = function () {
- var t = this;
- if (!this.display) {
- return
- }
- return [i("div", {
- class: "premium-shop-container"
- }, i("div", {
- class: "premium-shop-toolbar"
- }, i("div", {
- class: "premium-shop-toolbar-left"
- }, i("p", {
- class: "premium-shop-welcome-text"
- }, "Welcome ", this.displayName)), i("div", {
- class: "premium-shop-toolbar-right"
- }, i("div", null, this.premiumCurrency), i("div", null, i("img", {
- class: "premium-shop-icon",
- src: "assets/images/scav.svg"
- })), i("div", {
- class: "premium-shop-button",
- onClick: function () {
- t.closeClickHandler()
- }
- }, i("img", {
- class: "premium-shop-icon hover-icon close-icon",
- src: "assets/images/shop.svg"
- })))), this.renderShopList(), this.renderConfirm()), i("div", {
- class: "light-box",
- onClick: function () {
- t.closeClickHandler()
- }
- })]
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}premium-shop .premium-shop-title{background:-webkit-gradient(linear,left top,right top,from(#a531f6),color-stop(#3b1b9b),to(#a531f6));background:linear-gradient(90deg,#a531f6,#3b1b9b,#a531f6);background-size:200% 100%;color:#fff;font-size:28px;padding:5px;font-family:rift;text-transform:uppercase;-webkit-animation:titlebg 5s linear infinite;animation:titlebg 5s linear infinite}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}premium-shop{text-align:center}premium-shop .premium-shop-container{left:50%;max-width:90%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}premium-shop .premium-shop-toolbar{background:-webkit-gradient(linear,right top,left top,from(rgba(165,49,246,.9)),color-stop(50%,rgba(59,27,155,.9))),#000;background:linear-gradient(270deg,rgba(165,49,246,.9),rgba(59,27,155,.9) 50%),#000;border-radius:5px 5px 0 0;color:#fff;display:-ms-flexbox;display:flex;font-family:rift;padding:5px 0}premium-shop .premium-shop-context{font-family:rift;color:#35188c;font-size:22px;margin-top:22px}premium-shop .premium-shop-title{margin-top:-1px}premium-shop .premium-shop-toolbar-right{display:-ms-inline-flexbox;display:inline-flex;margin-left:auto}premium-shop .premium-shop-toolbar-right>*{margin:0 2px}premium-shop .premium-shop-toolbar-left{display:-ms-inline-flexbox;display:inline-flex}premium-shop .premium-shop-toolbar-left>*{margin:0 10px}premium-shop .hover-icon{cursor:pointer;-webkit-filter:opacity(50%);filter:opacity(50%)}premium-shop .hover-icon:hover{-webkit-filter:opacity(100%);filter:opacity(100%)}premium-shop .close-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}premium-shop .premium-shop-icon{height:15px;width:15px}premium-shop .premium-shop-content{background:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.7),hsla(0,0%,100%,.8) 2px);overflow-x:auto}premium-shop .premium-shop-welcome-text{text-transform:uppercase}premium-shop .premium-shop-product-list{display:-ms-inline-flexbox;display:inline-flex;margin:15px 15px}premium-shop .light-box{background:rgba(0,0,0,.4);cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}premium-shop .premium-shop-product{padding:10px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.4)));background:linear-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.4));border-radius:5px;cursor:pointer;margin:0 5px;-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 0 0 2px transparent;box-shadow:0 0 0 2px transparent}premium-shop .premium-shop-product.hover,premium-shop .premium-shop-product:hover{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:linear-gradient(#fff,#fff);-webkit-box-shadow:0 0 0 2px #3b1b9b;box-shadow:0 0 0 2px #3b1b9b}premium-shop .premium-shop-product.hover .premium-shop-image-container,premium-shop .premium-shop-product:hover .premium-shop-image-container{-webkit-transform:translateY(-5px) scale(1.2);transform:translateY(-5px) scale(1.2)}premium-shop .premium-shop-image,premium-shop .premium-shop-image-container{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}premium-shop .premium-shop-image{padding:5px 0;width:90px;height:90px}premium-shop .premium-shop-product-description{font-size:20px}premium-shop .premium-shop-product-value-container{display:-ms-inline-flexbox;display:inline-flex;margin:5px}premium-shop .premium-shop-product-value{font-size:18px;padding:0 5px}premium-shop .premium-shop-product-price-button{width:100%}premium-shop .premium-shop-product-price-button .premium-shop-product-price{margin-right:5px}premium-shop .bit-icon{height:20px;vertical-align:middle;width:20px}premium-shop .warning{width:100%;border-radius:0 0 5px 5px;padding:5px 0;color:#000;background:-webkit-gradient(linear,left top,right top,from(#f2b90c),to(#f2690c));background:linear-gradient(90deg,#f2b90c,#f2690c);-webkit-box-shadow:0 0 10px inset rgba(0,0,0,.2);box-shadow:inset 0 0 10px rgba(0,0,0,.2)}premium-shop .warning-text{display:inline-block;text-align:left;color:#333}premium-shop .warning-icon{height:30px;margin:0 5px;-webkit-filter:brightness(.25);filter:brightness(.25)}premium-shop .shop-button{width:100px;padding:2px 0;margin:10px 10px 10px 0;font-size:20px;border-radius:5px;border:none;font-family:rift;cursor:pointer;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#fff;background:#fff}premium-shop .shop-button:hover{color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#a531f6),to(#3b1b9b));background:linear-gradient(180deg,#a531f6 0,#3b1b9b)}premium-shop .number{font-size:18px;font-family:monospace;font-weight:700;font-style:italic}premium-shop .premium-shop-confirm-product{width:130px;margin:10px 15px}premium-shop .premium-shop-confirm-container{display:-ms-inline-flexbox;display:inline-flex;padding:10px}premium-shop .confirm-text-container{text-align:left;margin:20px}premium-shop .confirm-text{font-size:20px}premium-shop ul{margin:10px 0;list-style:disc;list-style-type:disc}premium-shop ul li{margin:10px}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var F = t("spectator_interaction", function () {
- function t(t) {
- var i = this;
- e(this, t);
- this.panels = [];
- this.selected = 0;
- this.minimized = false;
- this.displayTabs = false;
- this.wallet = 0;
- this.premiumCurrency = 0;
- this.displayCurrency = false;
- this.displayPremiumCurrency = true;
- this.displayLeaderboard = false;
- this.position = {
- x: 0,
- y: 0
- };
- this.panelIntervalHandle = setInterval((function () {
- i.panels.forEach((function (t, e) {
- if (t.timeout && (new Date).getTime() / 1e3 > t.timeout) {
- i.closeTabHandler(e, null)
- }
- }))
- }), 1e3);
- this.minimizeIntervalHandle = setInterval((function () {
- if (i.panels.length === 0) {
- i.minimized = true
- }
- }), 1e3)
- }
- t.prototype.openHelpWindow = function () {
- if (this.helpCallback) {
- this.helpCallback()
- }
- };
- t.prototype.componentWillLoad = function () {
- var t = this;
- var e = new MutationObserver((function (i, n) {
- var r = i.some((function (t) {
- return t.attributeName === "data-hmr"
- }));
- if (!r) {
- return
- }
- clearInterval(t.panelIntervalHandle);
- clearInterval(t.minimizeIntervalHandle);
- e.disconnect()
- }));
- e.observe(this.el, {
- attributes: true,
- childList: false,
- subtree: false
- });
- this.resize();
- window.onresize = this.resize.bind(this)
- };
- t.prototype.resize = function () {
- var t = this.el.firstElementChild;
- if (t) {
- this.currentHeight = window.innerHeight
- }
- };
- t.prototype.componentDidRender = function () {
- var t = this;
- setTimeout((function () {
- t.resize()
- }), 500)
- };
- t.prototype.addPanel = function (t, e) {
- return __awaiter(this, void 0, void 0, (function () {
- var i;
- return __generator(this, (function (n) {
- if (Array.isArray(t)) {
- this.panels = this.panels.concat(t)
- } else {
- if (t.uniqueKey) {
- i = this.findUniqueInstanceIndex(t);
- if (i > -1) {
- this.panels[i] = t;
- this.panels = __spreadArrays(this.panels)
- } else {
- if (e) {
- this.panels = __spreadArrays([t], this.panels);
- this.selected = 0
- } else {
- this.panels = __spreadArrays(this.panels, [t])
- }
- }
- } else {
- if (e) {
- this.panels = __spreadArrays([t], this.panels);
- this.selected = 0
- } else {
- this.panels = __spreadArrays(this.panels, [t])
- }
- }
- }
- this.minimized = false;
- return [2]
- }))
- }))
- };
- t.prototype.removePanel = function (t) {
- return __awaiter(this, void 0, void 0, (function () {
- var e;
- return __generator(this, (function (i) {
- e = this.findUniqueInstanceIndex(t);
- if (e > -1) {
- this.closeTabHandler(e, null)
- }
- return [2]
- }))
- }))
- };
- t.prototype.findUniqueInstanceIndex = function (t) {
- return this.panels.findIndex((function (e) {
- if (e.uniqueKey) {
- return e.uniqueKey === t.uniqueKey
- } else {
- return false
- }
- }))
- };
- t.prototype.closeTabEventListener = function (t) {
- this.closeTabHandler(t.detail.index, t)
- };
- t.prototype.clickTabHandler = function (t) {
- this.selected = t
- };
- t.prototype.closeTabHandler = function (t, e) {
- this.selected = 0;
- this.panels.splice(t, 1);
- this.panels = __spreadArrays(this.panels);
- if (e) {
- e.stopPropagation()
- }
- };
- t.prototype.selectComponent = function () {
- if (this.selected > -1 && this.panels.length && this.panels[this.selected]) {
- return this.panels[this.selected]["component"]
- } else {
- return null
- }
- };
- t.prototype.getComponentProps = function () {
- if (this.selected > -1 && this.panels.length && this.panels[this.selected]) {
- if (this.panels[this.selected]["props"]) {
- return Object.assign({}, this.panels[this.selected]["props"])
- } else {
- throw "No props available"
- }
- }
- throw "No panel available"
- };
- t.prototype.hasWarning = function () {
- if (this.selected > -1 && this.panels.length && this.panels[this.selected]) {
- if (this.panels[this.selected]["warning"]) {
- return true
- } else {
- return false
- }
- }
- };
- t.prototype.leaderboardClickHandler = function () {
- if (this.leaderboardCallback && typeof this.leaderboardCallback === "function") {
- this.leaderboardCallback()
- }
- };
- t.prototype.minimizeClickHandler = function () {
- this.minimized = !this.minimized
- };
- t.prototype.shopClickHandler = function () {
- if (this.shopCallback && typeof this.shopCallback === "function") {
- this.shopCallback()
- }
- };
- t.prototype.renderWarning = function (t) {
- var e = t.warning || this.panels[this.selected].warning;
- if (e) {
- return i("div", {
- class: "spectator-interaction-warning-container"
- }, i("span", {
- class: "spectator-interaction-warning-icon-container"
- }, i("img", {
- class: "spectator-interaction-warning-icon",
- src: "assets/images/warning-icon.svg",
- alt: "Alert-icon"
- })), i("p", {
- class: "spectator-interaction-warning-text"
- }, e))
- }
- };
- t.prototype.renderLeaderboard = function () {
- var t = this;
- if (!this.displayLeaderboard) {
- return
- }
- if (!this.leaderboardCallback) {
- return
- }
- return i("div", {
- class: "spectator-interaction-leaderboard-button",
- onClick: function () {
- t.leaderboardClickHandler()
- }
- }, i("img", {
- class: "spectator-interaction-icon hover-icon",
- src: "assets/images/leaderboard-list.svg"
- }))
- };
- t.prototype.renderInstream = function () {
- if (!this.displayCurrency) {
- return
- }
- return [i("div", null, this.wallet), i("div", null, i("img", {
- class: "spectator-interaction-icon ",
- src: "assets/images/coin.svg"
- }))]
- };
- t.prototype.renderPremiumCurrency = function () {
- var t = this;
- if (!this.displayPremiumCurrency) {
- return
- }
- return [i("div", null, this.premiumCurrency), i("div", null, i("img", {
- class: "spectator-interaction-icon",
- src: "assets/images/scav.svg"
- })), i("div", {
- class: "spectator-interaction-shop-button",
- onClick: function () {
- t.shopClickHandler()
- }
- }, i("img", {
- class: "spectator-interaction-icon hover-icon",
- src: "assets/images/shop.svg"
- }))]
- };
- t.prototype.render = function () {
- var t = this;
- var e = this.selectComponent();
- return i("div", {
- class: "spectator-interaction-container " + (this.minimized ? "minimized" : "")
- }, i("div", {
- class: "spectator-interaction-toolbar"
- }, i("div", {
- class: "spectator-interaction-toolbar-left"
- }, this.panels.length && false ? i("div", {
- class: "spectator-interaction-minimise-button",
- onClick: function () {
- t.minimizeClickHandler()
- }
- }, i("img", {
- class: "spectator-interaction-icon hover-icon " + (this.minimized ? "flip" : ""),
- src: "assets/images/minimize-arrow.svg"
- })) : "", this.panels.length > 0 ? i("div", {
- class: "spectator-interaction-minimise-button",
- onClick: function () {
- var e = t.panels.shift();
- if (e.props && e.props["cancelCallback"]) {
- e.props["cancelCallback"]()
- }
- t.panels = __spreadArrays(t.panels)
- }
- }, i("img", {
- class: "spectator-interaction-tab-close-icon spectator-interaction-icon hover-icon",
- src: "assets/images/closing_cross.svg"
- })) : "", this.minimized ? this.renderPremiumCurrency() : "", this.renderLeaderboard()), i("div", {
- class: "spectator-interaction-toolbar-right spectator-interaction-currency-control"
- }, this.renderInstream(), this.renderPremiumCurrency())), this.displayTabs ? i("div", {
- class: "spectator-interaction-tabs-container"
- }, this.panels.map((function (e, n) {
- return i("span", {
- class: "spectator-interaction-tab " + (t.selected == n ? "active-tab" : ""),
- onClick: function () {
- return t.clickTabHandler(n)
- }
- }, i("span", {
- class: "spectator-interaction-tab-close",
- onClick: function (e) {
- return t.closeTabHandler(n, e)
- }
- }, i("img", {
- class: "spectator-interaction-tab-close-icon",
- src: "assets/images/closing_cross.svg",
- alt: "X"
- })), i("span", {
- class: "spectator-interaction-tab-title"
- }, e.title))
- }))) : "", e ? [i("div", {
- class: "spectator-interaction-panels-container " + (this.hasWarning() ? "flat-bottom" : ""),
- ref: function (e) {
- t.panelContainer = e
- },
- style: {
- maxHeight: this.currentHeight + "px"
- }
- }, i(e, Object.assign({}, {
- props: this.getComponentProps(),
- index: this.selected
- }))), this.renderWarning(this.getComponentProps())] : i("div", {
- class: "spectator-interaction-empty-panel"
- }))
- };
- Object.defineProperty(t.prototype, "el", {
- get: function () {
- return r(this)
- },
- enumerable: true,
- configurable: true
- });
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}spectator-interaction .spectator-interaction-container{overflow:hidden;position:absolute;-webkit-transition:right .5s,opacity .5s;transition:right .5s,opacity .5s;z-index:3}\@media (min-width:601px){spectator-interaction .spectator-interaction-container{right:7rem}}\@media (min-width:100px) and (max-width:600px){spectator-interaction .spectator-interaction-container{right:0}}spectator-interaction .spectator-interaction-container.minimized{right:-220px;opacity:0}spectator-interaction .spectator-interaction-panels-container{-webkit-animation:scaleIn .5s;animation:scaleIn .5s;background:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.7),hsla(0,0%,100%,.8) 2px);border-radius:0 0 10px 10px;color:#7e858c;overflow:hidden;-webkit-transition:flex .3s ease-out;transition:flex .3s ease-out;transition:flex .3s ease-out,-ms-flex .3s ease-out;width:400px}spectator-interaction .spectator-interaction-panels-container:empty{display:none}spectator-interaction .spectator-interaction-empty-panel{background-color:hsla(0,0%,100%,.8);border-radius:0 0 10px 10px;color:#7e858c;font-family:rift;padding:5px 0;text-transform:uppercase;width:400px}spectator-interaction .flat-bottom{border-radius:0}spectator-interaction .spectator-interaction-toolbar{background:-webkit-gradient(linear,right top,left top,from(rgba(165,49,246,.9)),color-stop(50%,rgba(59,27,155,.9))),#000;background:linear-gradient(270deg,rgba(165,49,246,.9),rgba(59,27,155,.9) 50%),#000;border-radius:10px 10px 0 0;color:#fff;display:-ms-flexbox;display:flex;font-family:rift;padding:5px}spectator-interaction .spectator-interaction-toolbar .spectator-interaction-toolbar-right{display:-ms-inline-flexbox;display:inline-flex;margin-left:auto}spectator-interaction .spectator-interaction-toolbar .spectator-interaction-toolbar-right>*{margin:0 2px}spectator-interaction .spectator-interaction-toolbar .spectator-interaction-toolbar-left{display:-ms-inline-flexbox;display:inline-flex}spectator-interaction .spectator-interaction-toolbar .spectator-interaction-toolbar-left>*{margin:0 2px}spectator-interaction .spectator-interaction-icon{width:15px}spectator-interaction .hover-icon{cursor:pointer;-webkit-filter:opacity(50%);filter:opacity(50%)}spectator-interaction .hover-icon:hover{-webkit-filter:opacity(100%);filter:opacity(100%)}spectator-interaction .flip{-webkit-transform:scaleX(-1);transform:scaleX(-1)}spectator-interaction .close-icon{stroke:#000;width:12px}spectator-interaction .close-icon:hover{fill:#000}spectator-interaction .spectator-interaction-tabs-container{display:block;left:-23px;position:absolute;-webkit-transform:rotate(270deg) translateX(-100%);transform:rotate(270deg) translateX(-100%);-webkit-transform-origin:top left;transform-origin:top left}spectator-interaction .spectator-interaction-tab{background-color:hsla(0,0%,100%,.8);border-radius:5px 5px 0 0;-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.2);box-shadow:-2px -2px 2px rgba(0,0,0,.2);color:#7e858c;font-family:rift;padding:5px 15px 5px 10px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}spectator-interaction .spectator-interaction-tab:hover .spectator-interaction-tab-title{color:#000f1c;cursor:pointer}spectator-interaction .active-tab{background-color:#3b1b9b;color:#7e858c}spectator-interaction .active-tab:hover .spectator-interaction-tab-title{color:#fff}spectator-interaction .active-tab .spectator-interaction-tab-close-icon:hover{-webkit-filter:brightness(10000%);filter:brightness(10000%)}spectator-interaction .spectator-interaction-tab-title{margin-left:10px;-webkit-transition:all .2s;transition:all .2s}spectator-interaction .spectator-interaction-tab-close{-webkit-transition:all .2s;transition:all .2s}spectator-interaction .spectator-interaction-tab-close:hover{color:#000f1c;cursor:pointer}spectator-interaction .spectator-interaction-tab-close-icon{width:12px}spectator-interaction .spectator-interaction-tab-close-icon:hover{-webkit-filter:brightness(10000%);filter:brightness(10000%)}spectator-interaction .spectator-interaction-warning-container{background:-webkit-gradient(linear,left top,right top,from(#fb0039),to(#fb540a));background:linear-gradient(90deg,#fb0039,#fb540a);border-radius:0 0 5px 5px;-webkit-box-shadow:0 0 10px inset rgba(0,0,0,.2);box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#fff;display:-ms-inline-flexbox;display:inline-flex;font-family:rift;text-transform:uppercase;width:100%}spectator-interaction .spectator-interaction-warning-container .spectator-interaction-warning-icon-container{padding:10px 10px}spectator-interaction .spectator-interaction-warning-container .spectator-interaction-warning-icon-container .spectator-interaction-warning-icon{width:25px}spectator-interaction .spectator-interaction-warning-container .spectator-interaction-warning-text{margin:auto;text-align:center}\@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}\@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}\@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}\@-webkit-keyframes scaleIn{0%{flex:0}to{flex:1}}\@keyframes scaleIn{0%{-ms-flex:0;flex:0}to{-ms-flex:1;flex:1}}\@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{border-radius:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:-webkit-gradient(linear,left bottom,left top,from(#4f2faf),to(#b945ff));background:linear-gradient(0deg,#4f2faf,#b945ff)}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }());
- var G = t("spectator_notification", function () {
- function t(t) {
- e(this, t);
- this.notifications = [];
- this.createInterval()
- }
- t.prototype.createInterval = function () {
- var t = this;
- setInterval((function () {
- if (t.notifications.length) {
- t.activeNotifications = t.notifications.shift()
- } else {
- t.activeNotifications = undefined
- }
- }), 3e3)
- };
- t.prototype.push = function (t) {
- return __awaiter(this, void 0, void 0, (function () {
- return __generator(this, (function (e) {
- this.notifications.push(t);
- return [2]
- }))
- }))
- };
- t.prototype.singleNotification = function () {
- if (this.activeNotifications) {
- if (this.activeNotifications.component === "spectator-shop-notification") {
- return i(this.activeNotifications.component, Object.assign({}, this.activeNotifications.props))
- }
- return i("div", {
- class: "spectator-notification-instance"
- }, i(this.activeNotifications.component, Object.assign({}, this.activeNotifications.props)))
- }
- };
- t.prototype.render = function () {
- return i("div", {
- class: "spectator-notification-container"
- }, this.singleNotification())
- };
- Object.defineProperty(t, "style", {
- get: function () {
- return "\@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}\@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}\@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}\@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}\@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}\@font-face{font-family:industry;font-style:normal;font-weight:400;src:url(assets/fonts/industry-medium-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-medium-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_ultra;font-style:normal;font-weight:400;src:url(assets/fonts/industry-ultra-italic-webfont.woff2) format(\"woff2\"),url(assets/fonts/industry-ultra-italic-webfont.woff) format(\"woff\")}\@font-face{font-family:industry_medium;font-style:normal;font-weight:400;src:url(\"assets/fonts/Industry Medium Italic.otf\") format(\"opentype\")}\@font-face{font-family:rift;font-style:normal;font-weight:400;src:url(assets/fonts/rift-soft-bold-italic.otf) format(\"opentype\")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:industry_ultra;line-height:1}ol,ul{list-style:none}div{margin:0}\@-webkit-keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}\@keyframes titlebg{0%{background-position-x:0}to{background-position-x:200%}}spectator-notification .spectator-notification-instance{-webkit-animation:slideInAndOut 3s;animation:slideInAndOut 3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin:5px 0}\@-webkit-keyframes slideInAndOut{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}10%{-webkit-transform:translateZ(0);transform:translateZ(0)}90%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}}\@keyframes slideInAndOut{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}10%{-webkit-transform:translateZ(0);transform:translateZ(0)}90%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}}\@-webkit-keyframes slideOut{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}}\@keyframes slideOut{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}}.slideOut{-webkit-animation-name:slideOut;animation-name:slideOut}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}"
- },
- enumerable: true,
- configurable: true
- });
- return t
- }())
- }
- }
- }));
Advertisement
Add Comment
Please, Sign In to add comment