@everymatrix/user-deposit-withdrawal 1.13.11

package/dist/components/user-deposit-withdrawal.js

@@ -0,0 +1,137 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const userDepositWithdrawalCss = ":host{display:block;height:100%;overflow:hidden}";
+
+const emptyFunction = () => { };
+const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.beforeRedirect = emptyFunction;
+    this.bindedHandler = this.handleMessage.bind(this);
+  }
+  get typeParameter() {
+    if (this.type === 'deposit') {
+      return 'Deposit';
+    }
+    if (this.type === 'withdraw') {
+      return 'Withdraw';
+    }
+  }
+  watchLoadWidget() {
+    this.loadWidget();
+  }
+  async componentWillLoad() {
+    await this.loadWidget();
+  }
+  componentDidLoad() {
+    window.addEventListener('message', this.bindedHandler, false);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('message', this.bindedHandler, false);
+  }
+  render() {
+    return (h(Host, null, h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })));
+  }
+  async loadWidget() {
+    const requestObject = {
+      Channel: this.channel,
+      Type: this.typeParameter,
+      SuccessUrl: this.successUrl,
+      CancelUrl: this.cancelUrl,
+      FailUrl: this.failUrl,
+      Language: this.language,
+      productType: this.productType,
+    };
+    try {
+      const url = `${this.endpoint}v1/player/${this.userId}/payment/GetPaymentSession`;
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'X-Sessionid': this.session,
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(requestObject)
+      });
+      if (!response.ok) {
+        const err = await response.text();
+        throw new Error(err);
+      }
+      const data = await response.json();
+      this.cashierInfoUrl = data.CashierInfo.Url;
+    }
+    catch (ex) {
+      console.error(ex);
+    }
+  }
+  handleMessage(message) {
+    var _a, _b, _c, _d, _e, _f;
+    if (((_a = message.data) === null || _a === void 0 ? void 0 : _a.type) === 'mm-hcback-to-merchant') {
+      this.doRedirect(message.data.type, this.homeUrl);
+    }
+    if (((_b = message.data) === null || _b === void 0 ? void 0 : _b.redirect) === 'mm-hc-back-tomerchant') {
+      this.doRedirect(message.data.redirect, this.homeUrl);
+    }
+    if (((_c = message.data) === null || _c === void 0 ? void 0 : _c.redirect) === 'mm-hc-sports') {
+      this.doRedirect((_d = message.data) === null || _d === void 0 ? void 0 : _d.redirect, this.sportsUrl);
+    }
+    if (((_e = message.data) === null || _e === void 0 ? void 0 : _e.redirect) === 'mm-hc-casino') {
+      this.doRedirect(window.location.href, this.casinoUrl);
+    }
+    if (((_f = message.data) === null || _f === void 0 ? void 0 : _f.redirect) === 'mm-hc-contact') {
+      this.doRedirect(window.location.href, this.contactUrl);
+    }
+  }
+  doRedirect(reason, url) {
+    const redirectArgs = { reason, url, cancel: false };
+    this.beforeRedirect(redirectArgs);
+    if (redirectArgs.cancel) {
+      return;
+    }
+    if (!redirectArgs.url) {
+      window.location.href = '/';
+      return;
+    }
+    window.location.href = redirectArgs.url;
+  }
+  static get watchers() { return {
+    "session": ["watchLoadWidget"],
+    "userId": ["watchLoadWidget"]
+  }; }
+  static get style() { return userDepositWithdrawalCss; }
+}, [1, "user-deposit-withdrawal", {
+    "endpoint": [513],
+    "type": [513],
+    "channel": [513],
+    "language": [513],
+    "productType": [513, "product-type"],
+    "userId": [513, "user-id"],
+    "session": [513],
+    "successUrl": [513, "success-url"],
+    "cancelUrl": [513, "cancel-url"],
+    "failUrl": [513, "fail-url"],
+    "sportsUrl": [513, "sports-url"],
+    "casinoUrl": [513, "casino-url"],
+    "contactUrl": [513, "contact-url"],
+    "homeUrl": [513, "home-url"],
+    "beforeRedirect": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["user-deposit-withdrawal"];
+  components.forEach(tagName => { switch (tagName) {
+    case "user-deposit-withdrawal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UserDepositWithdrawal$1);
+      }
+      break;
+  } });
+}
+
+const UserDepositWithdrawal = UserDepositWithdrawal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UserDepositWithdrawal, defineCustomElement };