@everymatrix/pam-account-balance-modal 0.1.0

package/dist/esm/pam-account-balance-modal-8ebcc863.js

@@ -0,0 +1,1702 @@
+import { r as registerInstance, h } from './index-ee727666.js';
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var eventsource = {exports: {}};
+
+/** @license
+ * eventsource.js
+ * Available under MIT License (MIT)
+ * https://github.com/Yaffle/EventSource/
+ */
+
+(function (module, exports) {
+/*jslint indent: 2, vars: true, plusplus: true */
+/*global setTimeout, clearTimeout */
+
+(function (global) {
+
+  var setTimeout = global.setTimeout;
+  var clearTimeout = global.clearTimeout;
+  var XMLHttpRequest = global.XMLHttpRequest;
+  var XDomainRequest = global.XDomainRequest;
+  var ActiveXObject = global.ActiveXObject;
+  var NativeEventSource = global.EventSource;
+
+  var document = global.document;
+  var Promise = global.Promise;
+  var fetch = global.fetch;
+  var Response = global.Response;
+  var TextDecoder = global.TextDecoder;
+  var TextEncoder = global.TextEncoder;
+  var AbortController = global.AbortController;
+
+  if (typeof window !== "undefined" && typeof document !== "undefined" && !("readyState" in document) && document.body == null) { // Firefox 2
+    document.readyState = "loading";
+    window.addEventListener("load", function (event) {
+      document.readyState = "complete";
+    }, false);
+  }
+
+  if (XMLHttpRequest == null && ActiveXObject != null) { // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest_in_IE6
+    XMLHttpRequest = function () {
+      return new ActiveXObject("Microsoft.XMLHTTP");
+    };
+  }
+
+  if (Object.create == undefined) {
+    Object.create = function (C) {
+      function F(){}
+      F.prototype = C;
+      return new F();
+    };
+  }
+
+  if (!Date.now) {
+    Date.now = function now() {
+      return new Date().getTime();
+    };
+  }
+
+  // see #118 (Promise#finally with polyfilled Promise)
+  // see #123 (data URLs crash Edge)
+  // see #125 (CSP violations)
+  // see pull/#138
+  // => No way to polyfill Promise#finally
+
+  if (AbortController == undefined) {
+    var originalFetch2 = fetch;
+    fetch = function (url, options) {
+      var signal = options.signal;
+      return originalFetch2(url, {headers: options.headers, credentials: options.credentials, cache: options.cache}).then(function (response) {
+        var reader = response.body.getReader();
+        signal._reader = reader;
+        if (signal._aborted) {
+          signal._reader.cancel();
+        }
+        return {
+          status: response.status,
+          statusText: response.statusText,
+          headers: response.headers,
+          body: {
+            getReader: function () {
+              return reader;
+            }
+          }
+        };
+      });
+    };
+    AbortController = function () {
+      this.signal = {
+        _reader: null,
+        _aborted: false
+      };
+      this.abort = function () {
+        if (this.signal._reader != null) {
+          this.signal._reader.cancel();
+        }
+        this.signal._aborted = true;
+      };
+    };
+  }
+
+  function TextDecoderPolyfill() {
+    this.bitsNeeded = 0;
+    this.codePoint = 0;
+  }
+
+  TextDecoderPolyfill.prototype.decode = function (octets) {
+    function valid(codePoint, shift, octetsCount) {
+      if (octetsCount === 1) {
+        return codePoint >= 0x0080 >> shift && codePoint << shift <= 0x07FF;
+      }
+      if (octetsCount === 2) {
+        return codePoint >= 0x0800 >> shift && codePoint << shift <= 0xD7FF || codePoint >= 0xE000 >> shift && codePoint << shift <= 0xFFFF;
+      }
+      if (octetsCount === 3) {
+        return codePoint >= 0x010000 >> shift && codePoint << shift <= 0x10FFFF;
+      }
+      throw new Error();
+    }
+    function octetsCount(bitsNeeded, codePoint) {
+      if (bitsNeeded === 6 * 1) {
+        return codePoint >> 6 > 15 ? 3 : codePoint > 31 ? 2 : 1;
+      }
+      if (bitsNeeded === 6 * 2) {
+        return codePoint > 15 ? 3 : 2;
+      }
+      if (bitsNeeded === 6 * 3) {
+        return 3;
+      }
+      throw new Error();
+    }
+    var REPLACER = 0xFFFD;
+    var string = "";
+    var bitsNeeded = this.bitsNeeded;
+    var codePoint = this.codePoint;
+    for (var i = 0; i < octets.length; i += 1) {
+      var octet = octets[i];
+      if (bitsNeeded !== 0) {
+        if (octet < 128 || octet > 191 || !valid(codePoint << 6 | octet & 63, bitsNeeded - 6, octetsCount(bitsNeeded, codePoint))) {
+          bitsNeeded = 0;
+          codePoint = REPLACER;
+          string += String.fromCharCode(codePoint);
+        }
+      }
+      if (bitsNeeded === 0) {
+        if (octet >= 0 && octet <= 127) {
+          bitsNeeded = 0;
+          codePoint = octet;
+        } else if (octet >= 192 && octet <= 223) {
+          bitsNeeded = 6 * 1;
+          codePoint = octet & 31;
+        } else if (octet >= 224 && octet <= 239) {
+          bitsNeeded = 6 * 2;
+          codePoint = octet & 15;
+        } else if (octet >= 240 && octet <= 247) {
+          bitsNeeded = 6 * 3;
+          codePoint = octet & 7;
+        } else {
+          bitsNeeded = 0;
+          codePoint = REPLACER;
+        }
+        if (bitsNeeded !== 0 && !valid(codePoint, bitsNeeded, octetsCount(bitsNeeded, codePoint))) {
+          bitsNeeded = 0;
+          codePoint = REPLACER;
+        }
+      } else {
+        bitsNeeded -= 6;
+        codePoint = codePoint << 6 | octet & 63;
+      }
+      if (bitsNeeded === 0) {
+        if (codePoint <= 0xFFFF) {
+          string += String.fromCharCode(codePoint);
+        } else {
+          string += String.fromCharCode(0xD800 + (codePoint - 0xFFFF - 1 >> 10));
+          string += String.fromCharCode(0xDC00 + (codePoint - 0xFFFF - 1 & 0x3FF));
+        }
+      }
+    }
+    this.bitsNeeded = bitsNeeded;
+    this.codePoint = codePoint;
+    return string;
+  };
+
+  // Firefox < 38 throws an error with stream option
+  var supportsStreamOption = function () {
+    try {
+      return new TextDecoder().decode(new TextEncoder().encode("test"), {stream: true}) === "test";
+    } catch (error) {
+      console.debug("TextDecoder does not support streaming option. Using polyfill instead: " + error);
+    }
+    return false;
+  };
+
+  // IE, Edge
+  if (TextDecoder == undefined || TextEncoder == undefined || !supportsStreamOption()) {
+    TextDecoder = TextDecoderPolyfill;
+  }
+
+  var k = function () {
+  };
+
+  function XHRWrapper(xhr) {
+    this.withCredentials = false;
+    this.readyState = 0;
+    this.status = 0;
+    this.statusText = "";
+    this.responseText = "";
+    this.onprogress = k;
+    this.onload = k;
+    this.onerror = k;
+    this.onreadystatechange = k;
+    this._contentType = "";
+    this._xhr = xhr;
+    this._sendTimeout = 0;
+    this._abort = k;
+  }
+
+  XHRWrapper.prototype.open = function (method, url) {
+    this._abort(true);
+
+    var that = this;
+    var xhr = this._xhr;
+    var state = 1;
+    var timeout = 0;
+
+    this._abort = function (silent) {
+      if (that._sendTimeout !== 0) {
+        clearTimeout(that._sendTimeout);
+        that._sendTimeout = 0;
+      }
+      if (state === 1 || state === 2 || state === 3) {
+        state = 4;
+        xhr.onload = k;
+        xhr.onerror = k;
+        xhr.onabort = k;
+        xhr.onprogress = k;
+        xhr.onreadystatechange = k;
+        // IE 8 - 9: XDomainRequest#abort() does not fire any event
+        // Opera < 10: XMLHttpRequest#abort() does not fire any event
+        xhr.abort();
+        if (timeout !== 0) {
+          clearTimeout(timeout);
+          timeout = 0;
+        }
+        if (!silent) {
+          that.readyState = 4;
+          that.onabort(null);
+          that.onreadystatechange();
+        }
+      }
+      state = 0;
+    };
+
+    var onStart = function () {
+      if (state === 1) {
+        //state = 2;
+        var status = 0;
+        var statusText = "";
+        var contentType = undefined;
+        if (!("contentType" in xhr)) {
+          try {
+            status = xhr.status;
+            statusText = xhr.statusText;
+            contentType = xhr.getResponseHeader("Content-Type");
+          } catch (error) {
+            // IE < 10 throws exception for `xhr.status` when xhr.readyState === 2 || xhr.readyState === 3
+            // Opera < 11 throws exception for `xhr.status` when xhr.readyState === 2
+            // https://bugs.webkit.org/show_bug.cgi?id=29121
+            status = 0;
+            statusText = "";
+            contentType = undefined;
+            // Firefox < 14, Chrome ?, Safari ?
+            // https://bugs.webkit.org/show_bug.cgi?id=29658
+            // https://bugs.webkit.org/show_bug.cgi?id=77854
+          }
+        } else {
+          status = 200;
+          statusText = "OK";
+          contentType = xhr.contentType;
+        }
+        if (status !== 0) {
+          state = 2;
+          that.readyState = 2;
+          that.status = status;
+          that.statusText = statusText;
+          that._contentType = contentType;
+          that.onreadystatechange();
+        }
+      }
+    };
+    var onProgress = function () {
+      onStart();
+      if (state === 2 || state === 3) {
+        state = 3;
+        var responseText = "";
+        try {
+          responseText = xhr.responseText;
+        } catch (error) {
+          // IE 8 - 9 with XMLHttpRequest
+        }
+        that.readyState = 3;
+        that.responseText = responseText;
+        that.onprogress();
+      }
+    };
+    var onFinish = function (type, event) {
+      if (event == null || event.preventDefault == null) {
+        event = {
+          preventDefault: k
+        };
+      }
+      // Firefox 52 fires "readystatechange" (xhr.readyState === 4) without final "readystatechange" (xhr.readyState === 3)
+      // IE 8 fires "onload" without "onprogress"
+      onProgress();
+      if (state === 1 || state === 2 || state === 3) {
+        state = 4;
+        if (timeout !== 0) {
+          clearTimeout(timeout);
+          timeout = 0;
+        }
+        that.readyState = 4;
+        if (type === "load") {
+          that.onload(event);
+        } else if (type === "error") {
+          that.onerror(event);
+        } else if (type === "abort") {
+          that.onabort(event);
+        } else {
+          throw new TypeError();
+        }
+        that.onreadystatechange();
+      }
+    };
+    var onReadyStateChange = function (event) {
+      if (xhr != undefined) { // Opera 12
+        if (xhr.readyState === 4) {
+          if (!("onload" in xhr) || !("onerror" in xhr) || !("onabort" in xhr)) {
+            onFinish(xhr.responseText === "" ? "error" : "load", event);
+          }
+        } else if (xhr.readyState === 3) {
+          if (!("onprogress" in xhr)) { // testing XMLHttpRequest#responseText too many times is too slow in IE 11
+            // and in Firefox 3.6
+            onProgress();
+          }
+        } else if (xhr.readyState === 2) {
+          onStart();
+        }
+      }
+    };
+    var onTimeout = function () {
+      timeout = setTimeout(function () {
+        onTimeout();
+      }, 500);
+      if (xhr.readyState === 3) {
+        onProgress();
+      }
+    };
+
+    // XDomainRequest#abort removes onprogress, onerror, onload
+    if ("onload" in xhr) {
+      xhr.onload = function (event) {
+        onFinish("load", event);
+      };
+    }
+    if ("onerror" in xhr) {
+      xhr.onerror = function (event) {
+        onFinish("error", event);
+      };
+    }
+    // improper fix to match Firefox behaviour, but it is better than just ignore abort
+    // see https://bugzilla.mozilla.org/show_bug.cgi?id=768596
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=880200
+    // https://code.google.com/p/chromium/issues/detail?id=153570
+    // IE 8 fires "onload" without "onprogress
+    if ("onabort" in xhr) {
+      xhr.onabort = function (event) {
+        onFinish("abort", event);
+      };
+    }
+
+    if ("onprogress" in xhr) {
+      xhr.onprogress = onProgress;
+    }
+
+    // IE 8 - 9 (XMLHTTPRequest)
+    // Opera < 12
+    // Firefox < 3.5
+    // Firefox 3.5 - 3.6 - ? < 9.0
+    // onprogress is not fired sometimes or delayed
+    // see also #64 (significant lag in IE 11)
+    if ("onreadystatechange" in xhr) {
+      xhr.onreadystatechange = function (event) {
+        onReadyStateChange(event);
+      };
+    }
+
+    if ("contentType" in xhr || !("ontimeout" in XMLHttpRequest.prototype)) {
+      url += (url.indexOf("?") === -1 ? "?" : "&") + "padding=true";
+    }
+    xhr.open(method, url, true);
+
+    if ("readyState" in xhr) {
+      // workaround for Opera 12 issue with "progress" events
+      // #91 (XMLHttpRequest onprogress not fired for streaming response in Edge 14-15-?)
+      timeout = setTimeout(function () {
+        onTimeout();
+      }, 0);
+    }
+  };
+  XHRWrapper.prototype.abort = function () {
+    this._abort(false);
+  };
+  XHRWrapper.prototype.getResponseHeader = function (name) {
+    return this._contentType;
+  };
+  XHRWrapper.prototype.setRequestHeader = function (name, value) {
+    var xhr = this._xhr;
+    if ("setRequestHeader" in xhr) {
+      xhr.setRequestHeader(name, value);
+    }
+  };
+  XHRWrapper.prototype.getAllResponseHeaders = function () {
+    // XMLHttpRequest#getAllResponseHeaders returns null for CORS requests in Firefox 3.6.28
+    return this._xhr.getAllResponseHeaders != undefined ? this._xhr.getAllResponseHeaders() || "" : "";
+  };
+  XHRWrapper.prototype.send = function () {
+    // loading indicator in Safari < ? (6), Chrome < 14, Firefox
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=736723
+    if ((!("ontimeout" in XMLHttpRequest.prototype) || (!("sendAsBinary" in XMLHttpRequest.prototype) && !("mozAnon" in XMLHttpRequest.prototype))) &&
+        document != undefined &&
+        document.readyState != undefined &&
+        document.readyState !== "complete") {
+      var that = this;
+      that._sendTimeout = setTimeout(function () {
+        that._sendTimeout = 0;
+        that.send();
+      }, 4);
+      return;
+    }
+
+    var xhr = this._xhr;
+    // withCredentials should be set after "open" for Safari and Chrome (< 19 ?)
+    if ("withCredentials" in xhr) {
+      xhr.withCredentials = this.withCredentials;
+    }
+    try {
+      // xhr.send(); throws "Not enough arguments" in Firefox 3.0
+      xhr.send(undefined);
+    } catch (error1) {
+      // Safari 5.1.7, Opera 12
+      throw error1;
+    }
+  };
+
+  function toLowerCase(name) {
+    return name.replace(/[A-Z]/g, function (c) {
+      return String.fromCharCode(c.charCodeAt(0) + 0x20);
+    });
+  }
+
+  function HeadersPolyfill(all) {
+    // Get headers: implemented according to mozilla's example code: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example
+    var map = Object.create(null);
+    var array = all.split("\r\n");
+    for (var i = 0; i < array.length; i += 1) {
+      var line = array[i];
+      var parts = line.split(": ");
+      var name = parts.shift();
+      var value = parts.join(": ");
+      map[toLowerCase(name)] = value;
+    }
+    this._map = map;
+  }
+  HeadersPolyfill.prototype.get = function (name) {
+    return this._map[toLowerCase(name)];
+  };
+
+  if (XMLHttpRequest != null && XMLHttpRequest.HEADERS_RECEIVED == null) { // IE < 9, Firefox 3.6
+    XMLHttpRequest.HEADERS_RECEIVED = 2;
+  }
+
+  function XHRTransport() {
+  }
+
+  XHRTransport.prototype.open = function (xhr, onStartCallback, onProgressCallback, onFinishCallback, url, withCredentials, headers) {
+    xhr.open("GET", url);
+    var offset = 0;
+    xhr.onprogress = function () {
+      var responseText = xhr.responseText;
+      var chunk = responseText.slice(offset);
+      offset += chunk.length;
+      onProgressCallback(chunk);
+    };
+    xhr.onerror = function (event) {
+      event.preventDefault();
+      onFinishCallback(new Error("NetworkError"));
+    };
+    xhr.onload = function () {
+      onFinishCallback(null);
+    };
+    xhr.onabort = function () {
+      onFinishCallback(null);
+    };
+    xhr.onreadystatechange = function () {
+      if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
+        var status = xhr.status;
+        var statusText = xhr.statusText;
+        var contentType = xhr.getResponseHeader("Content-Type");
+        var headers = xhr.getAllResponseHeaders();
+        onStartCallback(status, statusText, contentType, new HeadersPolyfill(headers));
+      }
+    };
+    xhr.withCredentials = withCredentials;
+    for (var name in headers) {
+      if (Object.prototype.hasOwnProperty.call(headers, name)) {
+        xhr.setRequestHeader(name, headers[name]);
+      }
+    }
+    xhr.send();
+    return xhr;
+  };
+
+  function HeadersWrapper(headers) {
+    this._headers = headers;
+  }
+  HeadersWrapper.prototype.get = function (name) {
+    return this._headers.get(name);
+  };
+
+  function FetchTransport() {
+  }
+
+  FetchTransport.prototype.open = function (xhr, onStartCallback, onProgressCallback, onFinishCallback, url, withCredentials, headers) {
+    var reader = null;
+    var controller = new AbortController();
+    var signal = controller.signal;
+    var textDecoder = new TextDecoder();
+    fetch(url, {
+      headers: headers,
+      credentials: withCredentials ? "include" : "same-origin",
+      signal: signal,
+      cache: "no-store"
+    }).then(function (response) {
+      reader = response.body.getReader();
+      onStartCallback(response.status, response.statusText, response.headers.get("Content-Type"), new HeadersWrapper(response.headers));
+      // see https://github.com/promises-aplus/promises-spec/issues/179
+      return new Promise(function (resolve, reject) {
+        var readNextChunk = function () {
+          reader.read().then(function (result) {
+            if (result.done) {
+              //Note: bytes in textDecoder are ignored
+              resolve(undefined);
+            } else {
+              var chunk = textDecoder.decode(result.value, {stream: true});
+              onProgressCallback(chunk);
+              readNextChunk();
+            }
+          })["catch"](function (error) {
+            reject(error);
+          });
+        };
+        readNextChunk();
+      });
+    })["catch"](function (error) {
+      if (error.name === "AbortError") {
+        return undefined;
+      } else {
+        return error;
+      }
+    }).then(function (error) {
+      onFinishCallback(error);
+    });
+    return {
+      abort: function () {
+        if (reader != null) {
+          reader.cancel(); // https://bugzilla.mozilla.org/show_bug.cgi?id=1583815
+        }
+        controller.abort();
+      }
+    };
+  };
+
+  function EventTarget() {
+    this._listeners = Object.create(null);
+  }
+
+  function throwError(e) {
+    setTimeout(function () {
+      throw e;
+    }, 0);
+  }
+
+  EventTarget.prototype.dispatchEvent = function (event) {
+    event.target = this;
+    var typeListeners = this._listeners[event.type];
+    if (typeListeners != undefined) {
+      var length = typeListeners.length;
+      for (var i = 0; i < length; i += 1) {
+        var listener = typeListeners[i];
+        try {
+          if (typeof listener.handleEvent === "function") {
+            listener.handleEvent(event);
+          } else {
+            listener.call(this, event);
+          }
+        } catch (e) {
+          throwError(e);
+        }
+      }
+    }
+  };
+  EventTarget.prototype.addEventListener = function (type, listener) {
+    type = String(type);
+    var listeners = this._listeners;
+    var typeListeners = listeners[type];
+    if (typeListeners == undefined) {
+      typeListeners = [];
+      listeners[type] = typeListeners;
+    }
+    var found = false;
+    for (var i = 0; i < typeListeners.length; i += 1) {
+      if (typeListeners[i] === listener) {
+        found = true;
+      }
+    }
+    if (!found) {
+      typeListeners.push(listener);
+    }
+  };
+  EventTarget.prototype.removeEventListener = function (type, listener) {
+    type = String(type);
+    var listeners = this._listeners;
+    var typeListeners = listeners[type];
+    if (typeListeners != undefined) {
+      var filtered = [];
+      for (var i = 0; i < typeListeners.length; i += 1) {
+        if (typeListeners[i] !== listener) {
+          filtered.push(typeListeners[i]);
+        }
+      }
+      if (filtered.length === 0) {
+        delete listeners[type];
+      } else {
+        listeners[type] = filtered;
+      }
+    }
+  };
+
+  function Event(type) {
+    this.type = type;
+    this.target = undefined;
+  }
+
+  function MessageEvent(type, options) {
+    Event.call(this, type);
+    this.data = options.data;
+    this.lastEventId = options.lastEventId;
+  }
+
+  MessageEvent.prototype = Object.create(Event.prototype);
+
+  function ConnectionEvent(type, options) {
+    Event.call(this, type);
+    this.status = options.status;
+    this.statusText = options.statusText;
+    this.headers = options.headers;
+  }
+
+  ConnectionEvent.prototype = Object.create(Event.prototype);
+
+  function ErrorEvent(type, options) {
+    Event.call(this, type);
+    this.error = options.error;
+  }
+
+  ErrorEvent.prototype = Object.create(Event.prototype);
+
+  var WAITING = -1;
+  var CONNECTING = 0;
+  var OPEN = 1;
+  var CLOSED = 2;
+
+  var AFTER_CR = -1;
+  var FIELD_START = 0;
+  var FIELD = 1;
+  var VALUE_START = 2;
+  var VALUE = 3;
+
+  var contentTypeRegExp = /^text\/event\-stream(;.*)?$/i;
+
+  var MINIMUM_DURATION = 1000;
+  var MAXIMUM_DURATION = 18000000;
+
+  var parseDuration = function (value, def) {
+    var n = value == null ? def : parseInt(value, 10);
+    if (n !== n) {
+      n = def;
+    }
+    return clampDuration(n);
+  };
+  var clampDuration = function (n) {
+    return Math.min(Math.max(n, MINIMUM_DURATION), MAXIMUM_DURATION);
+  };
+
+  var fire = function (that, f, event) {
+    try {
+      if (typeof f === "function") {
+        f.call(that, event);
+      }
+    } catch (e) {
+      throwError(e);
+    }
+  };
+
+  function EventSourcePolyfill(url, options) {
+    EventTarget.call(this);
+    options = options || {};
+
+    this.onopen = undefined;
+    this.onmessage = undefined;
+    this.onerror = undefined;
+
+    this.url = undefined;
+    this.readyState = undefined;
+    this.withCredentials = undefined;
+    this.headers = undefined;
+
+    this._close = undefined;
+
+    start(this, url, options);
+  }
+
+  function getBestXHRTransport() {
+    return (XMLHttpRequest != undefined && ("withCredentials" in XMLHttpRequest.prototype)) || XDomainRequest == undefined
+        ? new XMLHttpRequest()
+        : new XDomainRequest();
+  }
+
+  var isFetchSupported = fetch != undefined && Response != undefined && "body" in Response.prototype;
+
+  function start(es, url, options) {
+    url = String(url);
+    var withCredentials = Boolean(options.withCredentials);
+    var lastEventIdQueryParameterName = options.lastEventIdQueryParameterName || "lastEventId";
+
+    var initialRetry = clampDuration(1000);
+    var heartbeatTimeout = parseDuration(options.heartbeatTimeout, 45000);
+
+    var lastEventId = "";
+    var retry = initialRetry;
+    var wasActivity = false;
+    var textLength = 0;
+    var headers = options.headers || {};
+    var TransportOption = options.Transport;
+    var xhr = isFetchSupported && TransportOption == undefined ? undefined : new XHRWrapper(TransportOption != undefined ? new TransportOption() : getBestXHRTransport());
+    var transport = TransportOption != null && typeof TransportOption !== "string" ? new TransportOption() : (xhr == undefined ? new FetchTransport() : new XHRTransport());
+    var abortController = undefined;
+    var timeout = 0;
+    var currentState = WAITING;
+    var dataBuffer = "";
+    var lastEventIdBuffer = "";
+    var eventTypeBuffer = "";
+
+    var textBuffer = "";
+    var state = FIELD_START;
+    var fieldStart = 0;
+    var valueStart = 0;
+
+    var onStart = function (status, statusText, contentType, headers) {
+      if (currentState === CONNECTING) {
+        if (status === 200 && contentType != undefined && contentTypeRegExp.test(contentType)) {
+          currentState = OPEN;
+          wasActivity = Date.now();
+          retry = initialRetry;
+          es.readyState = OPEN;
+          var event = new ConnectionEvent("open", {
+            status: status,
+            statusText: statusText,
+            headers: headers
+          });
+          es.dispatchEvent(event);
+          fire(es, es.onopen, event);
+        } else {
+          var message = "";
+          if (status !== 200) {
+            if (statusText) {
+              statusText = statusText.replace(/\s+/g, " ");
+            }
+            message = "EventSource's response has a status " + status + " " + statusText + " that is not 200. Aborting the connection.";
+          } else {
+            message = "EventSource's response has a Content-Type specifying an unsupported type: " + (contentType == undefined ? "-" : contentType.replace(/\s+/g, " ")) + ". Aborting the connection.";
+          }
+          close();
+          var event = new ConnectionEvent("error", {
+            status: status,
+            statusText: statusText,
+            headers: headers
+          });
+          es.dispatchEvent(event);
+          fire(es, es.onerror, event);
+          console.error(message);
+        }
+      }
+    };
+
+    var onProgress = function (textChunk) {
+      if (currentState === OPEN) {
+        var n = -1;
+        for (var i = 0; i < textChunk.length; i += 1) {
+          var c = textChunk.charCodeAt(i);
+          if (c === "\n".charCodeAt(0) || c === "\r".charCodeAt(0)) {
+            n = i;
+          }
+        }
+        var chunk = (n !== -1 ? textBuffer : "") + textChunk.slice(0, n + 1);
+        textBuffer = (n === -1 ? textBuffer : "") + textChunk.slice(n + 1);
+        if (textChunk !== "") {
+          wasActivity = Date.now();
+          textLength += textChunk.length;
+        }
+        for (var position = 0; position < chunk.length; position += 1) {
+          var c = chunk.charCodeAt(position);
+          if (state === AFTER_CR && c === "\n".charCodeAt(0)) {
+            state = FIELD_START;
+          } else {
+            if (state === AFTER_CR) {
+              state = FIELD_START;
+            }
+            if (c === "\r".charCodeAt(0) || c === "\n".charCodeAt(0)) {
+              if (state !== FIELD_START) {
+                if (state === FIELD) {
+                  valueStart = position + 1;
+                }
+                var field = chunk.slice(fieldStart, valueStart - 1);
+                var value = chunk.slice(valueStart + (valueStart < position && chunk.charCodeAt(valueStart) === " ".charCodeAt(0) ? 1 : 0), position);
+                if (field === "data") {
+                  dataBuffer += "\n";
+                  dataBuffer += value;
+                } else if (field === "id") {
+                  lastEventIdBuffer = value;
+                } else if (field === "event") {
+                  eventTypeBuffer = value;
+                } else if (field === "retry") {
+                  initialRetry = parseDuration(value, initialRetry);
+                  retry = initialRetry;
+                } else if (field === "heartbeatTimeout") {
+                  heartbeatTimeout = parseDuration(value, heartbeatTimeout);
+                  if (timeout !== 0) {
+                    clearTimeout(timeout);
+                    timeout = setTimeout(function () {
+                      onTimeout();
+                    }, heartbeatTimeout);
+                  }
+                }
+              }
+              if (state === FIELD_START) {
+                if (dataBuffer !== "") {
+                  lastEventId = lastEventIdBuffer;
+                  if (eventTypeBuffer === "") {
+                    eventTypeBuffer = "message";
+                  }
+                  var event = new MessageEvent(eventTypeBuffer, {
+                    data: dataBuffer.slice(1),
+                    lastEventId: lastEventIdBuffer
+                  });
+                  es.dispatchEvent(event);
+                  if (eventTypeBuffer === "open") {
+                    fire(es, es.onopen, event);
+                  } else if (eventTypeBuffer === "message") {
+                    fire(es, es.onmessage, event);
+                  } else if (eventTypeBuffer === "error") {
+                    fire(es, es.onerror, event);
+                  }
+                  if (currentState === CLOSED) {
+                    return;
+                  }
+                }
+                dataBuffer = "";
+                eventTypeBuffer = "";
+              }
+              state = c === "\r".charCodeAt(0) ? AFTER_CR : FIELD_START;
+            } else {
+              if (state === FIELD_START) {
+                fieldStart = position;
+                state = FIELD;
+              }
+              if (state === FIELD) {
+                if (c === ":".charCodeAt(0)) {
+                  valueStart = position + 1;
+                  state = VALUE_START;
+                }
+              } else if (state === VALUE_START) {
+                state = VALUE;
+              }
+            }
+          }
+        }
+      }
+    };
+
+    var onFinish = function (error) {
+      if (currentState === OPEN || currentState === CONNECTING) {
+        currentState = WAITING;
+        if (timeout !== 0) {
+          clearTimeout(timeout);
+          timeout = 0;
+        }
+        timeout = setTimeout(function () {
+          onTimeout();
+        }, retry);
+        retry = clampDuration(Math.min(initialRetry * 16, retry * 2));
+
+        es.readyState = CONNECTING;
+        var event = new ErrorEvent("error", {error: error});
+        es.dispatchEvent(event);
+        fire(es, es.onerror, event);
+        if (error != undefined) {
+          console.error(error);
+        }
+      }
+    };
+
+    var close = function () {
+      currentState = CLOSED;
+      if (abortController != undefined) {
+        abortController.abort();
+        abortController = undefined;
+      }
+      if (timeout !== 0) {
+        clearTimeout(timeout);
+        timeout = 0;
+      }
+      es.readyState = CLOSED;
+    };
+
+    var onTimeout = function () {
+      timeout = 0;
+
+      if (currentState !== WAITING) {
+        if (!wasActivity && abortController != undefined) {
+          onFinish(new Error("No activity within " + heartbeatTimeout + " milliseconds." + " " + (currentState === CONNECTING ? "No response received." : textLength + " chars received.") + " " + "Reconnecting."));
+          if (abortController != undefined) {
+            abortController.abort();
+            abortController = undefined;
+          }
+        } else {
+          var nextHeartbeat = Math.max((wasActivity || Date.now()) + heartbeatTimeout - Date.now(), 1);
+          wasActivity = false;
+          timeout = setTimeout(function () {
+            onTimeout();
+          }, nextHeartbeat);
+        }
+        return;
+      }
+
+      wasActivity = false;
+      textLength = 0;
+      timeout = setTimeout(function () {
+        onTimeout();
+      }, heartbeatTimeout);
+
+      currentState = CONNECTING;
+      dataBuffer = "";
+      eventTypeBuffer = "";
+      lastEventIdBuffer = lastEventId;
+      textBuffer = "";
+      fieldStart = 0;
+      valueStart = 0;
+      state = FIELD_START;
+
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=428916
+      // Request header field Last-Event-ID is not allowed by Access-Control-Allow-Headers.
+      var requestURL = url;
+      if (url.slice(0, 5) !== "data:" && url.slice(0, 5) !== "blob:") {
+        if (lastEventId !== "") {
+          // Remove the lastEventId parameter if it's already part of the request URL.
+          var i = url.indexOf("?");
+          requestURL = i === -1 ? url : url.slice(0, i + 1) + url.slice(i + 1).replace(/(?:^|&)([^=&]*)(?:=[^&]*)?/g, function (p, paramName) {
+            return paramName === lastEventIdQueryParameterName ? '' : p;
+          });
+          // Append the current lastEventId to the request URL.
+          requestURL += (url.indexOf("?") === -1 ? "?" : "&") + lastEventIdQueryParameterName +"=" + encodeURIComponent(lastEventId);
+        }
+      }
+      var withCredentials = es.withCredentials;
+      var requestHeaders = {};
+      requestHeaders["Accept"] = "text/event-stream";
+      var headers = es.headers;
+      if (headers != undefined) {
+        for (var name in headers) {
+          if (Object.prototype.hasOwnProperty.call(headers, name)) {
+            requestHeaders[name] = headers[name];
+          }
+        }
+      }
+      try {
+        abortController = transport.open(xhr, onStart, onProgress, onFinish, requestURL, withCredentials, requestHeaders);
+      } catch (error) {
+        close();
+        throw error;
+      }
+    };
+
+    es.url = url;
+    es.readyState = CONNECTING;
+    es.withCredentials = withCredentials;
+    es.headers = headers;
+    es._close = close;
+
+    onTimeout();
+  }
+
+  EventSourcePolyfill.prototype = Object.create(EventTarget.prototype);
+  EventSourcePolyfill.prototype.CONNECTING = CONNECTING;
+  EventSourcePolyfill.prototype.OPEN = OPEN;
+  EventSourcePolyfill.prototype.CLOSED = CLOSED;
+  EventSourcePolyfill.prototype.close = function () {
+    this._close();
+  };
+
+  EventSourcePolyfill.CONNECTING = CONNECTING;
+  EventSourcePolyfill.OPEN = OPEN;
+  EventSourcePolyfill.CLOSED = CLOSED;
+  EventSourcePolyfill.prototype.withCredentials = undefined;
+
+  var R = NativeEventSource;
+  if (XMLHttpRequest != undefined && (NativeEventSource == undefined || !("withCredentials" in NativeEventSource.prototype))) {
+    // Why replace a native EventSource ?
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=444328
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=831392
+    // https://code.google.com/p/chromium/issues/detail?id=260144
+    // https://code.google.com/p/chromium/issues/detail?id=225654
+    // ...
+    R = EventSourcePolyfill;
+  }
+
+  (function (factory) {
+    {
+      var v = factory(exports);
+      if (v !== undefined) module.exports = v;
+    }
+  })(function (exports) {
+    exports.EventSourcePolyfill = EventSourcePolyfill;
+    exports.NativeEventSource = NativeEventSource;
+    exports.EventSource = R;
+  });
+}(typeof globalThis === 'undefined' ? (typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : commonjsGlobal) : globalThis));
+}(eventsource, eventsource.exports));
+
+var currency_min$1 = {exports: {}};
+
+/*
+ currency.js - v2.0.4
+ http://scurker.github.io/currency.js
+
+ Copyright (c) 2021 Jason Wilson
+ Released under MIT license
+*/
+
+(function (module, exports) {
+(function(e,g){module.exports=g();})(commonjsGlobal,function(){function e(b,a){if(!(this instanceof e))return new e(b,a);a=Object.assign({},m,a);var d=Math.pow(10,a.precision);this.intValue=b=g(b,a);this.value=b/d;a.increment=a.increment||1/d;a.groups=a.useVedic?n:p;this.s=a;this.p=d;}function g(b,a){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:!0;var c=a.decimal;
+var h=a.errorOnInvalid,k=a.fromCents,l=Math.pow(10,a.precision),f=b instanceof e;if(f&&k)return b.intValue;if("number"===typeof b||f)c=f?b.value:b;else if("string"===typeof b)h=new RegExp("[^-\\d"+c+"]","g"),c=new RegExp("\\"+c,"g"),c=(c=b.replace(/\((.*)\)/,"-$1").replace(h,"").replace(c,"."))||0;else {if(h)throw Error("Invalid Input");c=0;}k||(c=(c*l).toFixed(4));return d?Math.round(c):c}var m={symbol:"$",separator:",",decimal:".",errorOnInvalid:!1,precision:2,pattern:"!#",negativePattern:"-!#",format:function(b,
+a){var d=a.pattern,c=a.negativePattern,h=a.symbol,k=a.separator,l=a.decimal;a=a.groups;var f=(""+b).replace(/^-/,"").split("."),q=f[0];f=f[1];return (0<=b.value?d:c).replace("!",h).replace("#",q.replace(a,"$1"+k)+(f?l+f:""))},fromCents:!1},p=/(\d)(?=(\d{3})+\b)/g,n=/(\d)(?=(\d\d)+\d\b)/g;e.prototype={add:function(b){var a=this.s,d=this.p;return e((this.intValue+g(b,a))/(a.fromCents?1:d),a)},subtract:function(b){var a=this.s,d=this.p;return e((this.intValue-g(b,a))/(a.fromCents?1:d),a)},multiply:function(b){var a=
+this.s;return e(this.intValue*b/(a.fromCents?1:Math.pow(10,a.precision)),a)},divide:function(b){var a=this.s;return e(this.intValue/g(b,a,!1),a)},distribute:function(b){var a=this.intValue,d=this.p,c=this.s,h=[],k=Math[0<=a?"floor":"ceil"](a/b),l=Math.abs(a-k*b);for(d=c.fromCents?1:d;0!==b;b--){var f=e(k/d,c);0<l--&&(f=f[0<=a?"add":"subtract"](1/d));h.push(f);}return h},dollars:function(){return ~~this.value},cents:function(){return ~~(this.intValue%this.p)},format:function(b){var a=this.s;return "function"===
+typeof b?b(this,a):a.format(this,Object.assign({},a,b))},toString:function(){var b=this.s,a=b.increment;return (Math.round(this.intValue/this.p/a)*a).toFixed(b.precision)},toJSON:function(){return this.value}};return e});
+}(currency_min$1));
+
+const currency_min = currency_min$1.exports;
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    "en": {
+        "Title": "Your Balance",
+        "Total": "Total Balance",
+        "Real": "Cash Balance",
+        "Bonus": "Bonus Balance",
+        "Credit": "Credit Balance",
+        "Casino": "Casino",
+        "Sports": "Sports",
+        "DepositButton": "Deposit",
+        "Loading": "Loading ..."
+    },
+    "zh-hk": {
+        "Title": "您的結餘",
+        "Total": "總結餘",
+        "Real": "現金結餘",
+        "Bonus": "紅利結餘",
+        "Credit": "信用結餘",
+        "Casino": "賭場",
+        "Sports": "體育",
+        "DepositButton": "存款",
+        "Loading": "載入中 ..."
+    },
+    "de": {
+        "Title": "Ihr Guthaben",
+        "Total": "Gesamtguthaben",
+        "Real": "Barguthaben",
+        "Bonus": "Bonusguthaben",
+        "Credit": "Kreditguthaben",
+        "Casino": "Casino",
+        "Sports": "Sport",
+        "DepositButton": "Einzahlen",
+        "Loading": "Wird geladen ..."
+    },
+    "it": {
+        "Title": "Il tuo saldo",
+        "Total": "Saldo totale",
+        "Real": "Saldo in contanti",
+        "Bonus": "Saldo bonus",
+        "Credit": "Saldo di credito",
+        "Casino": "Casinò",
+        "Sports": "Sport",
+        "DepositButton": "Deposita",
+        "Loading": "Caricamento ..."
+    },
+    "fr": {
+        "Title": "Votre solde",
+        "Total": "Solde total",
+        "Real": "Solde en espèces",
+        "Bonus": "Solde bonus",
+        "Credit": "Solde de crédit",
+        "Casino": "Casino",
+        "Sports": "Sports",
+        "DepositButton": "Dépôt",
+        "Loading": "Chargement ..."
+    },
+    "es": {
+        "Title": "Tu saldo",
+        "Total": "Saldo total",
+        "Real": "Saldo en efectivo",
+        "Bonus": "Saldo de bono",
+        "Credit": "Saldo de crédito",
+        "Casino": "Casino",
+        "Sports": "Deportes",
+        "DepositButton": "Depósito",
+        "Loading": "Cargando ..."
+    },
+    "tr": {
+        "Title": "Bakiyeniz",
+        "Total": "Toplam Bakiye",
+        "Real": "Nakit Bakiye",
+        "Bonus": "Bonus Bakiyesi",
+        "Credit": "Kredi Bakiyesi",
+        "Casino": "Kumarhane",
+        "Sports": "Spor",
+        "DepositButton": "Yatır",
+        "Loading": "Yükleniyor ..."
+    },
+    "ru": {
+        "Title": "Ваш баланс",
+        "Total": "Общий баланс",
+        "Real": "Денежный баланс",
+        "Bonus": "Бонусный баланс",
+        "Credit": "Кредитный баланс",
+        "Casino": "Казино",
+        "Sports": "Спорт",
+        "DepositButton": "Депозит",
+        "Loading": "Загружается ..."
+    },
+    "ro": {
+        "Title": "Soldul tău",
+        "Total": "Sold total",
+        "Real": "Sold în numerar",
+        "Bonus": "Sold bonus",
+        "Credit": "Sold credit",
+        "Casino": "Cazinou",
+        "Sports": "Sporturi",
+        "DepositButton": "Depozit",
+        "Loading": "Se încarcă ..."
+    },
+    "hr": {
+        "Title": "Vaš saldo",
+        "Total": "Ukupni saldo",
+        "Real": "Gotovinski saldo",
+        "Bonus": "Bonus saldo",
+        "Credit": "Kreditni saldo",
+        "Casino": "Casino",
+        "Sports": "Sportovi",
+        "DepositButton": "Depozit",
+        "Loading": "Učitavanje ..."
+    },
+    "hu": {
+        "Title": "Az egyenleged",
+        "Total": "Teljes egyenleg",
+        "Real": "Készpénz egyenleg",
+        "Bonus": "Bónusz egyenleg",
+        "Credit": "Hitel egyenleg",
+        "Casino": "Kaszinó",
+        "Sports": "Sport",
+        "DepositButton": "Befizetés",
+        "Loading": "Betöltés ..."
+    },
+    "pl": {
+        "Title": "Twoje saldo",
+        "Total": "Całkowite saldo",
+        "Real": "Saldo gotówkowe",
+        "Bonus": "Saldo bonusowe",
+        "Credit": "Saldo kredytowe",
+        "Casino": "Kasyno",
+        "Sports": "Sport",
+        "DepositButton": "Wpłać",
+        "Loading": "Ładowanie ..."
+    },
+    "pt": {
+        "Title": "Seu Saldo",
+        "Total": "Saldo Total",
+        "Real": "Saldo em Dinheiro",
+        "Bonus": "Saldo de Bônus",
+        "Credit": "Saldo de Crédito",
+        "Casino": "Cassino",
+        "Sports": "Esportes",
+        "DepositButton": "Depositar",
+        "Loading": "Carregando ..."
+    },
+    "sl": {
+        "Title": "Vaš saldo",
+        "Total": "Skupni saldo",
+        "Real": "Gotovinski saldo",
+        "Bonus": "Bonus saldo",
+        "Credit": "Kreditni saldo",
+        "Casino": "Kasino",
+        "Sports": "Šport",
+        "DepositButton": "Depozit",
+        "Loading": "Nalaganje ..."
+    },
+    "sr": {
+        "Title": "Vaš saldo",
+        "Total": "Ukupan saldo",
+        "Real": "Gotovinski saldo",
+        "Bonus": "Bonus saldo",
+        "Credit": "Kreditni saldo",
+        "Casino": "Kasino",
+        "Sports": "Sport",
+        "DepositButton": "Depozit",
+        "Loading": "Učitavanje ..."
+    },
+    "pt-br": {
+        "Title": "Seu Saldo",
+        "Total": "Saldo Total",
+        "Real": "Saldo em Dinheiro",
+        "Bonus": "Saldo de Bônus",
+        "Credit": "Saldo de Crédito",
+        "Casino": "Cassino",
+        "Sports": "Esportes",
+        "DepositButton": "Depositar",
+        "Loading": "Carregando ..."
+    },
+    "es-mx": {
+        "Title": "Tu saldo",
+        "Total": "Saldo total",
+        "Real": "Saldo en efectivo",
+        "Bonus": "Saldo de bono",
+        "Credit": "Saldo de crédito",
+        "Casino": "Casino",
+        "Sports": "Deportes",
+        "DepositButton": "Depósito",
+        "Loading": "Cargando ..."
+    },
+    "en-us": {
+        "Title": "Your Balance",
+        "Total": "Total Balance",
+        "Real": "Cash Balance",
+        "Bonus": "Bonus Balance",
+        "Credit": "Credit Balance",
+        "Casino": "Casino",
+        "Sports": "Sports",
+        "DepositButton": "Deposit",
+        "Loading": "Loading ..."
+    }
+};
+const translate = (key, customLang, values) => {
+    let lang = TRANSLATIONS[customLang] ? customLang : DEFAULT_LANGUAGE;
+    let translation = TRANSLATIONS[lang][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+
+const pamAccountBalanceModalCss = "*,*::before,*::after{font-family:inherit}:host{font-family:inherit}input,textarea,button{font-family:inherit}p{padding:0;margin:0}.PamAccountBalanceModal{position:relative}.PamAccountBalanceModal .LoadingSkeleton{border-radius:10px;overflow:hidden;width:60px}.PamAccountBalanceModal .BalanceValue{font-size:14px;cursor:pointer;background:transparent;border:none;font:inherit;color:inherit;display:flex;flex-wrap:nowrap;white-space:nowrap}.PamAccountBalanceModal .BalanceValue svg{width:16px;fill:var(--emw--color-black, #000000)}.PamAccountBalanceModal .BalanceValue span{padding-left:5px}.PamAccountBalanceModal .BalanceValue .TriangleActive,.PamAccountBalanceModal .BalanceValue .TriangleInactive{display:block;margin:0 3px;transition:all 0.2s}.PamAccountBalanceModal .BalanceValue .TriangleActive:hover,.PamAccountBalanceModal .BalanceValue .TriangleInactive:hover{transform:scale(1.2)}.PamAccountBalanceModal .BalanceValue .TriangleActive svg,.PamAccountBalanceModal .BalanceValue .TriangleInactive svg{margin:2px 0px}.PamAccountBalanceModal .BalanceValue .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px)}.PamAccountBalanceModal .BalanceValue .TriangleActive:hover{transform:scale(1.1) rotateX(180deg) translateY(3px)}@media only screen and (max-width: 360px){.PamAccountBalanceModal .BalanceValue{font-size:12px}.PamAccountBalanceModal .BalanceValue svg{width:12px}}.PamAccountBalanceModal .BalanceModalWrapper{background:linear-gradient(90deg, rgb(42, 79, 55) 0%, rgb(0, 61, 92) 100%);position:absolute;top:40px;padding:10px;transform:translateX(-45%);box-shadow:0px 30px 30px var(--emw--header-color-primary, var(--emw--color-primary, #22B04E));border-radius:5px;z-index:17;box-shadow:0px 5px 20px 0px #191919;transition:all 0.2s ease-in;opacity:0}.PamAccountBalanceModal .BalanceModalWrapper:before{content:\"\";background:linear-gradient(90deg, rgb(42, 79, 55) 0%, rgb(0, 61, 92) 100%);clip-path:polygon(50% 0, 0% 100%, 100% 100%);position:absolute;top:-8px;left:50%;width:25px;height:10px;z-index:1}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModalClose{position:absolute;top:5px;right:5px;width:20px;height:20px;z-index:1;cursor:pointer;transition:all 0.3s ease;background:transparent;border:none;font:inherit}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModalClose:before{content:\"\";background:var(--emw--color-secondary, #FFFFFF);position:absolute;top:8px;left:0;width:20px;height:2px;transform:rotate(45deg)}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModalClose:after{content:\"\";background:var(--emw--color-secondary, #FFFFFF);position:absolute;top:8px;left:0;width:20px;height:2px;transform:rotate(-45deg)}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModalClose:hover{transform:scale(1.1)}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal{transition:all 0.2s ease-in;width:270px}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalHeader{display:flex;align-items:center;justify-content:center;padding:20px 0}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalHeader .BalanceModalTitle{font-size:16px;font-weight:bold;color:var(--emw--header-contrast, var(--emw--color-contrast, #FFFFFF))}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalBody .BalanceModalRowBoth{display:flex;flex-direction:column;gap:5px;padding:20px 0;border-bottom:1px solid var(--emw--color-gray-100, #E6E6E6)}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalBody .BalanceModalRowBoth:last-child{border-bottom:none}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalBody .BalanceModalRowBoth .BalanceModalRowLine{display:flex;width:100%;justify-content:space-between}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalBody .BalanceModalRowBoth .BalanceModalText{color:var(--emw--header-contrast, var(--emw--color-contrast, #FFFFFF));font-size:14px;text-transform:capitalize}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalBody .BalanceModalRowBoth .BalanceModalValue{font-size:14px;font-weight:bold;color:var(--emw--header-contrast, var(--emw--color-contrast, #FFFFFF))}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalFooter{display:flex;align-items:center;padding:20px 0 10px}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalFooter .BalanceModalAction{background:var(--emw--color-primary, #22B04E);font-size:12px;color:var(--emw--color-white, #FFFFFF);text-transform:uppercase;width:100%;border-radius:30px;border:none;padding:10px 0;cursor:pointer;transition:all 0.2s ease-in;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalFooter .BalanceModalAction:hover{background:rgba(255, 255, 255, 0.1);color:var(--emw--color-primary, #22B04E);box-shadow:0px 0px 0px 2px inset var(--emw--color-primary, #22B04E);font-size:14px}.PamAccountBalanceModal .BalanceModalWrapper .BalanceModal .BalanceModalFooter .BalanceModalAction:active{background:rgba(255, 255, 255, 0.5)}.PamAccountBalanceModal .BalanceModalWrapper.Open{opacity:1}.PamAccountBalanceModalOverlay{background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;bottom:0;left:0;right:0;z-index:16;opacity:0;transition:all 0.2s linear}.PamAccountBalanceModalOverlay.Open{opacity:1}";
+const PamAccountBalanceModalStyle0 = pamAccountBalanceModalCss;
+
+const PamAccountBalanceModal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.totalCalculationModes = ['totalCashAmount', 'totalRealAmount'];
+        this.setLocaleIdentifier = () => {
+            if (this.customLocaleIdentifier.includes(this.language)) {
+                return this.customLocaleIdentifier;
+            }
+        };
+        this.formatBalance = (balance) => {
+            if (this.customLocaleIdentifier) {
+                return new Intl.NumberFormat(this.setLocaleIdentifier(), { useGrouping: true }).format(balance);
+            }
+            if (this.currencySeparator && this.currencyDecimal) {
+                // @ts-ignore
+                return currency_min(balance, { separator: this.currencySeparator, decimal: this.currencyDecimal, symbol: '', precision: parseInt(this.currencyPrecision || '2', 10) }).format();
+            }
+            // @ts-ignore
+            return currency_min(balance, { separator: '.', decimal: ',', symbol: '', precision: parseInt(this.currencyPrecision || '2', 10) }).format();
+        };
+        this.getBalances = () => {
+            this.isLoading = true;
+            const url = new URL(`/v2/player/${this.userId}/balance/`, this.endpoint);
+            const headers = new Headers();
+            headers.append('X-SessionID', this.session);
+            const params = {
+                method: 'GET',
+                headers: headers
+            };
+            return new Promise((resolve) => {
+                return fetch(url, params)
+                    .then(res => res.json())
+                    .then(res => resolve(res))
+                    .catch((err) => {
+                    console.log('Balance fetch error', err);
+                    throw new Error('Failed to fetch balance data!');
+                })
+                    .finally(() => this.isLoading = false);
+            });
+        };
+        this.subscribeToBalanceUpdates = () => {
+            if (this.currentStream) {
+                this.currentStream.close();
+            }
+            if (this.session.length < 1) {
+                return;
+            }
+            const url = new URL(`/v2/player/${this.userId}/information/updates/`, this.endpoint);
+            const headers = {
+                'accept': 'text/event-stream',
+                'X-SessionId': this.session
+            };
+            const stream = new eventsource.exports.EventSourcePolyfill(url, { headers: headers });
+            this.currentStream = stream;
+            stream.addEventListener("message", this.updateBalances);
+        };
+        this.parseData = (data) => {
+            let parsedData;
+            try {
+                parsedData = JSON.parse(data);
+            }
+            catch (e) {
+                console.log('Balance stream failed: ', e);
+                return;
+            }
+            return parsedData;
+        };
+        this.updateRealAmount = (currentRealAmount, state, balanceItem) => {
+            let updatedRealAmount = null;
+            switch (balanceItem.walletAccountType) {
+                case 'Ordinary':
+                    if (balanceItem.afterAmount !== balanceItem.affectedAmount || state.lastOrdinaryAfterAmount === 0) {
+                        state.lastOrdinaryAfterAmount = balanceItem.afterAmount;
+                        if (!state.showCreditLineAfterAmount) {
+                            updatedRealAmount = balanceItem.afterAmount;
+                        }
+                    }
+                    break;
+                case 'CreditLine':
+                    if (balanceItem.afterAmount !== 0) {
+                        updatedRealAmount = balanceItem.afterAmount;
+                        state.showCreditLineAfterAmount = true;
+                    }
+                    else {
+                        updatedRealAmount = state.lastOrdinaryAfterAmount;
+                        state.showCreditLineAfterAmount = false;
+                    }
+                    break;
+                default:
+                    updatedRealAmount = balanceItem.afterAmount;
+            }
+            return updatedRealAmount === null ? currentRealAmount : updatedRealAmount;
+        };
+        this.updateTotalAmount = () => {
+            switch (this.totalCalculationMode) {
+                case 'totalCashAmount':
+                    let totalCashAmount = 0;
+                    for (const balanceType of ['Real', 'Bonus']) {
+                        for (const balance of this.balances[balanceType]) {
+                            totalCashAmount += Math.max(balance.amount, 0);
+                        }
+                    }
+                    this.balances['Total'][0].amount = totalCashAmount;
+                    break;
+                case 'totalRealAmount':
+                    if (!this.isSplitWallet) {
+                        return;
+                    }
+                    let totalRealAmount = 0;
+                    for (const balance of this.balances['Real']) {
+                        totalRealAmount += balance.amount;
+                    }
+                    this.balances['Total'][0].amount = totalRealAmount;
+                    break;
+            }
+        };
+        this.updateBalances = (e) => {
+            const parsedData = this.parseData(e.data);
+            if (!parsedData) {
+                this.subscribeToBalanceUpdates();
+                return;
+            }
+            if (parsedData.type !== 'BALANCE_UPDATE_V2') {
+                return;
+            }
+            const balanceChange = parsedData.body.balanceChange;
+            for (const [balanceType, balanceItem] of Object.entries(balanceChange)) {
+                // Compute totalRealAmount for single wallet
+                if (this.totalCalculationMode === 'totalRealAmount' && balanceType === 'Real' && !this.isSplitWallet) {
+                    this.balances["Total"][0].amount = this.updateRealAmount(this.balances["Total"][0].amount, this.updateRealAmountState, balanceItem);
+                }
+                if (!this.balances[balanceType]) {
+                    continue;
+                }
+                // Assign new balance values
+                for (const balance of this.balances[balanceType]) {
+                    if (!this.isSplitWallet) {
+                        balance.amount = balanceType === 'Real'
+                            ? this.updateRealAmount(balance.amount, this.updateRealAmountState, balanceItem)
+                            : balanceItem.afterAmount;
+                        continue;
+                    }
+                    if (balanceItem.productType === balance.productType) {
+                        balance.amount = balanceType === 'Real'
+                            ? this.updateRealAmount(balance.amount, this.updateRealAmountState[balance.productType], balanceItem)
+                            : balanceItem.afterAmount;
+                    }
+                }
+            }
+            this.updateTotalAmount();
+            this.balances = Object.assign({}, this.balances);
+        };
+        this.balanceModalOpenDeposit = () => {
+            this.toggleModal('close');
+            window.postMessage({ type: 'GoToDeposit' }, window.location.href);
+            // @ts-ignore Analytics event
+            if (typeof gtag == 'function') {
+                // @ts-ignore
+                gtag('event', 'GoToDeposit', {
+                    'context': 'PlayerAccountBalanceModal'
+                });
+            }
+        };
+        this.validateTotalCalculationMode = () => {
+            if (!this.totalCalculationModes.includes(this.totalCalculationMode)) {
+                console.error(`Unsupported value ('${this.totalCalculationMode}') for totalcalculationmode parameter. Only the following values are supported ${this.totalCalculationModes}. Using default value ('${this.totalCalculationModes[0]}').`);
+                this.totalCalculationMode = this.totalCalculationModes[0];
+            }
+        };
+        this.messageHandler = (e) => e.data && e.data.type === 'LogoutSuccessfull' && this.currentStream.close();
+        this.updateBalanceStyling = () => {
+            window.postMessage({ type: 'UpdateBalanceBackground' }, window.location.href);
+        };
+        this.toggleModal = (action) => {
+            switch (action) {
+                case 'open':
+                    window.postMessage({ type: 'BalanceModalStatus', status: 'open' }, window.location.href);
+                    this.isModalDisplayed = true;
+                    break;
+                case 'close':
+                    window.postMessage({ type: 'BalanceModalStatus', status: 'close' }, window.location.href);
+                    this.isModalDisplayed = false;
+                    break;
+            }
+        };
+        this.userId = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.customLocaleIdentifier = undefined;
+        this.displayBalanceOption = undefined;
+        this.totalCalculationMode = undefined;
+        this.currencySeparator = undefined;
+        this.currencyDecimal = undefined;
+        this.currencyPrecision = undefined;
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = undefined;
+        this.language = 'en';
+        this.isLoading = true;
+        this.isModalDisplayed = false;
+        this.isSplitWallet = false;
+        this.currentStream = undefined;
+        this.currency = undefined;
+        this.updateRealAmountState = undefined;
+        this.balances = { Total: [], Real: [], Bonus: [], Credit: [] };
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+        }
+    }
+    componentWillLoad() {
+        this.validateTotalCalculationMode();
+        this.getBalances()
+            .then(balanceData => this.setBalances(balanceData));
+        this.subscribeToBalanceUpdates();
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    setBalances(balanceData) {
+        if (!balanceData[this.totalCalculationMode]) {
+            this.totalCalculationMode = this.totalCalculationModes[0];
+        }
+        this.balances.Total.push({ amount: 0, productType: '' });
+        // we consider the first real ordinary balance to be a source of truth
+        const firstRealOrdinaryBalance = balanceData.items.find(item => item['type'] === 'Real' && item['walletAccountType'] === 'Ordinary');
+        this.currency = firstRealOrdinaryBalance['currency'];
+        this.isSplitWallet = Boolean(firstRealOrdinaryBalance['productType']);
+        if (this.isSplitWallet) {
+            this.setBalancesWhenSplitWallet(balanceData);
+        }
+        else {
+            this.setBalancesWhenSingleWallet(balanceData);
+        }
+    }
+    setBalancesWhenSingleWallet(balanceData) {
+        this.updateRealAmountState = { lastOrdinaryAfterAmount: 0, showCreditLineAfterAmount: false };
+        this.balances['Total'][0].amount = balanceData[this.totalCalculationMode][this.currency];
+        for (const balance of balanceData.items) {
+            switch (balance.type) {
+                case 'Bonus':
+                    if (this.balances['Bonus'].length === 0) {
+                        this.balances['Bonus'].push({ amount: balance.amount, productType: '' });
+                    }
+                    else {
+                        this.balances['Bonus'][0].amount += balance.amount;
+                    }
+                    break;
+                case 'Real':
+                    if (balance.creditLine && this.balances['Credit'].length === 0) {
+                        this.balances['Credit'].push({ amount: balance.creditLine, productType: '' });
+                    }
+                    /*
+                      In the case of "totalRealAmount", Real and Total will always have the same value,
+                      therefore we only show the Total balance ( required for Fitzdares )
+                    **/
+                    if (this.totalCalculationMode === 'totalRealAmount') {
+                        continue;
+                    }
+                    if (this.balances['Real'].length === 0) {
+                        this.balances['Real'].push({ amount: balance.amount, productType: '' });
+                    }
+                    else {
+                        this.balances['Real'][0].amount += balance.amount;
+                    }
+                    break;
+            }
+        }
+        for (const [balanceType, balance] of Object.entries(this.balances)) {
+            if (balance.length < 1) {
+                delete this.balances[balanceType];
+            }
+        }
+    }
+    setBalancesWhenSplitWallet(balanceData) {
+        this.updateRealAmountState = {
+            'Casino': { lastOrdinaryAfterAmount: 0, showCreditLineAfterAmount: false },
+            'Sports': { lastOrdinaryAfterAmount: 0, showCreditLineAfterAmount: false }
+        };
+        let balanceItems = balanceData.items;
+        if (this.displayBalanceOption && this.displayBalanceOption !== 'All') {
+            balanceItems = balanceData.items.filter((elem) => elem.productType === this.displayBalanceOption);
+        }
+        for (const balance of balanceItems) {
+            let idx;
+            switch (balance.type) {
+                case 'Bonus':
+                    idx = this.balances['Bonus'].findIndex(b => b.productType === balance.productType);
+                    if (idx > 0) {
+                        this.balances['Bonus'][idx].amount += balance.amount;
+                    }
+                    else {
+                        this.balances['Bonus'].push({ amount: balance.amount, productType: balance.productType });
+                    }
+                    break;
+                case 'Real':
+                    if (balance.creditLine) {
+                        this.balances['Credit'].push({ amount: balance.creditLine, productType: balance.productType });
+                    }
+                    idx = this.balances['Real'].findIndex(b => b.productType === balance.productType);
+                    if (idx > 0) {
+                        this.balances['Real'][idx].amount += balance.amount;
+                    }
+                    else {
+                        this.balances['Real'].push({ amount: balance.amount, productType: balance.productType });
+                    }
+                    break;
+            }
+        }
+        this.updateTotalAmount();
+        for (const [balanceType, balance] of Object.entries(this.balances)) {
+            if (balance.length < 1) {
+                delete this.balances[balanceType];
+            }
+        }
+    }
+    render() {
+        const balanceButton = (h("button", { class: "BalanceValue", onClick: () => this.toggleModal('open') }, h("p", null, this.balances['Total'].length > 0 ? this.formatBalance(this.balances['Total'][0].amount) : '0', " ", this.currency), h("span", { class: " {isModalDisplayed ? 'TriangleActive' : 'TriangleInactive'}" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)", fill: "#d1d1d1" })))));
+        const balanceModal = (h("div", { class: this.isModalDisplayed ? 'BalanceModalWrapper Open' : 'BalanceModalWrapper' }, h("button", { class: "BalanceModalClose", onClick: () => this.toggleModal('close') }), h("div", { class: "BalanceModal" }, h("div", { class: "ModalContent" }, h("div", { class: "BalanceModalHeader" }, h("p", { class: "BalanceModalTitle" }, translate('Title', this.language))), h("div", { class: "BalanceModalBody" }, Object.keys(this.balances).map((key) => {
+            return (h("div", { class: "BalanceModalRowBoth" }, this.balances[key].map((balance) => {
+                return (h("div", { class: "BalanceModalRowLine" }, h("p", { class: "BalanceModalText" }, translate(key, this.language), " ", balance.productType ? translate(balance.productType, this.language) : ''), h("p", { class: "BalanceModalValue" }, h("span", { class: "BalanceModalAmount" }, balance.amount ? this.formatBalance(balance.amount) : '0'), h("span", { class: "BalanceModalCurrency" }, " " + this.currency))));
+            })));
+        })), h("div", { class: "BalanceModalFooter" }, h("button", { class: "BalanceModalAction", onClick: () => this.balanceModalOpenDeposit() }, translate('DepositButton', this.language)))))));
+        const skeleton = (h("div", { class: "LoadingSkeleton" }, h("ui-skeleton", { structure: "title", height: "20px", width: "auto" })));
+        return (h("div", { ref: (el) => (this.stylingContainer = el) }, h("div", { class: "PamAccountBalanceModal" }, this.isLoading
+            ? skeleton
+            : h("div", null, balanceButton, balanceModal)), this.isModalDisplayed && (h("button", { class: "PamAccountBalanceModalOverlay", onClick: () => this.toggleModal('close') }))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+PamAccountBalanceModal.style = PamAccountBalanceModalStyle0;
+
+export { PamAccountBalanceModal as P };