@everymatrix/temporary-consents 1.44.0 → 1.45.0

package/dist/collection/components/temporary-consents/temporary-consents.js

@@ -1,296 +1,289 @@
-import { Component, h, Prop, State } from '@stencil/core';
-import { getTranslations, translate } from '../../utils/locale.utils';
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
 export class TemporaryConsents {
-  constructor() {
-    /**
-    * Client custom styling via inline styles
-    */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    this.stylingAppends = false;
-    this.isLoading = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  componentWillLoad() {
-    const promises = [];
-    if (this.endpoint && this.userId) {
-      const consentsPromise = this.getConsents().then((consents) => {
-        this.temporaryAccountConsent = consents.consents.some((consent) => consent.tagCode == 'temporaryaccountconsent');
-      });
-      promises.push(consentsPromise);
+    constructor() {
+        this.isLoading = false;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.endpoint = undefined;
+        this.userId = undefined;
+        this.sessionId = undefined;
+        this.daysUntilLockout = undefined;
+        this.lang = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.stylingAppends = false;
     }
-    if (this.translationUrl) {
-      const translationPromise = getTranslations(this.translationUrl);
-      promises.push(translationPromise);
+    componentWillLoad() {
+        const promises = [];
+        if (this.endpoint && this.userId) {
+            const consentsPromise = this.getConsents().then((consents) => {
+                this.temporaryAccountConsent = consents.consents.some((consent) => consent.tagCode == 'temporaryaccountconsent');
+            });
+            promises.push(consentsPromise);
+        }
+        if (this.translationUrl) {
+            const translationPromise = getTranslations(this.translationUrl);
+            promises.push(translationPromise);
+        }
+        return Promise.all(promises);
     }
-    return Promise.all(promises);
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.stylingAppends = true;
+    componentDidRender() {
+        // start custom styling area
+        if (!this.stylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.stylingAppends = true;
+        }
+        // end custom styling area
     }
-    // end custom styling area
-  }
-  getConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.sessionId);
-    headers.append('Accept', 'application/json');
-    const options = {
-      method: 'GET',
-      headers
-    };
-    return new Promise((resolve, reject) => {
-      this.isLoading = true;
-      fetch(url.href, options)
-        .then((res) => res.json())
-        .then((consents) => {
-        resolve(consents);
-      }).catch((err) => {
-        console.error(err);
-        reject(err);
-      }).finally(() => {
-        this.isLoading = false;
-      });
-    });
-  }
-  setConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.sessionId);
-    headers.append('Accept', 'application/json');
-    headers.append('Content-Type', 'application/json');
-    const body = {
-      consents: [{
-          tagCode: 'temporaryaccountconsent',
-          note: '',
-          status: 1
-        }]
-    };
-    const options = {
-      method: 'POST',
-      headers,
-      body: JSON.stringify(body)
-    };
-    return new Promise((resolve, reject) => {
-      this.isLoading = true;
-      fetch(url.href, options)
-        .then((res) => res.json())
-        .then((res) => {
-        resolve(res);
-      }).catch((err) => {
-        console.error(err);
-        reject(err);
-      }).finally(() => {
-        this.isLoading = false;
-      });
-    });
-  }
-  handleDecline() {
-    window.postMessage({ type: 'TemporaryConsentsDeclined' }, window.location.href);
-  }
-  handleAccept() {
-    this.setConsents();
-    window.postMessage({ type: 'TemporaryConsentsAccepted' }, window.location.href);
-  }
-  render() {
-    if (this.temporaryAccountConsent) {
-      if (this.isLoading) {
-        return h("p", null, translate('loading', this.lang));
-      }
-      return h("div", { class: 'TemporaryConsents', ref: el => this.stylingContainer = el },
-        h("h2", { class: 'TemporaryConsentsTitle' },
-          " ",
-          translate('title', this.lang),
-          " "),
-        h("p", { class: 'TemporaryConsentsText' },
-          " ",
-          translate('description', this.lang, { values: { daysUntilLockout: this.daysUntilLockout } }),
-          " "),
-        h("div", { class: 'TemporaryConsentsButtonsWrapper' },
-          h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonDecline', onClick: () => this.handleDecline() }, translate('declineButton', this.lang)),
-          h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonAccept', onClick: this.handleAccept }, translate('acceptButton', this.lang))));
+    getConsents() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.sessionId);
+        headers.append('Accept', 'application/json');
+        const options = {
+            method: 'GET',
+            headers
+        };
+        return new Promise((resolve, reject) => {
+            this.isLoading = true;
+            fetch(url.href, options)
+                .then((res) => res.json())
+                .then((consents) => {
+                resolve(consents);
+            }).catch((err) => {
+                console.error(err);
+                reject(err);
+            }).finally(() => {
+                this.isLoading = false;
+            });
+        });
+    }
+    setConsents() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.sessionId);
+        headers.append('Accept', 'application/json');
+        headers.append('Content-Type', 'application/json');
+        const body = {
+            consents: [{
+                    tagCode: 'temporaryaccountconsent',
+                    note: '',
+                    status: 1
+                }]
+        };
+        const options = {
+            method: 'POST',
+            headers,
+            body: JSON.stringify(body)
+        };
+        return new Promise((resolve, reject) => {
+            this.isLoading = true;
+            fetch(url.href, options)
+                .then((res) => res.json())
+                .then((res) => {
+                resolve(res);
+            }).catch((err) => {
+                console.error(err);
+                reject(err);
+            }).finally(() => {
+                this.isLoading = false;
+            });
+        });
+    }
+    handleDecline() {
+        window.postMessage({ type: 'TemporaryConsentsDeclined' }, window.location.href);
+    }
+    handleAccept() {
+        this.setConsents();
+        window.postMessage({ type: 'TemporaryConsentsAccepted' }, window.location.href);
+    }
+    render() {
+        if (this.temporaryAccountConsent) {
+            if (this.isLoading) {
+                return h("p", null, translate('loading', this.lang));
+            }
+            return h("div", { class: 'TemporaryConsents', ref: el => this.stylingContainer = el }, h("h2", { class: 'TemporaryConsentsTitle' }, " ", translate('title', this.lang), " "), h("p", { class: 'TemporaryConsentsText' }, " ", translate('description', this.lang, { values: { daysUntilLockout: this.daysUntilLockout } }), " "), h("div", { class: 'TemporaryConsentsButtonsWrapper' }, h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonDecline', onClick: () => this.handleDecline() }, translate('declineButton', this.lang)), h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonAccept', onClick: this.handleAccept }, translate('acceptButton', this.lang))));
+        }
+    }
+    static get is() { return "temporary-consents"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["temporary-consents.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["temporary-consents.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA user id"
+                },
+                "attribute": "user-id",
+                "reflect": true
+            },
+            "sessionId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA session for the logged in user"
+                },
+                "attribute": "session-id",
+                "reflect": true
+            },
+            "daysUntilLockout": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The language of the integrator"
+                },
+                "attribute": "days-until-lockout",
+                "reflect": true
+            },
+            "lang": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The language of the integrator"
+                },
+                "attribute": "lang",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
     }
-  }
-  static get is() { return "temporary-consents"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["temporary-consents.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["temporary-consents.css"]
-  }; }
-  static get properties() { return {
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NWA endpoint"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "userId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NWA user id"
-      },
-      "attribute": "user-id",
-      "reflect": true
-    },
-    "sessionId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NWA session for the logged in user"
-      },
-      "attribute": "session-id",
-      "reflect": true
-    },
-    "daysUntilLockout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The language of the integrator"
-      },
-      "attribute": "days-until-lockout",
-      "reflect": true
-    },
-    "lang": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The language of the integrator"
-      },
-      "attribute": "lang",
-      "reflect": true
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via inline styles"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url"
-      },
-      "attribute": "client-styling-url",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "translationUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Translation via url"
-      },
-      "attribute": "translation-url",
-      "reflect": true,
-      "defaultValue": "''"
+    static get states() {
+        return {
+            "stylingAppends": {}
+        };
     }
-  }; }
-  static get states() { return {
-    "stylingAppends": {}
-  }; }
 }