@oila/0account 3.4.7 → 3.4.9

package/dist/collection/components/zero-account/zero-account.js

@@ -11,391 +11,392 @@ const minInterval = 10 * 1000;
 const DEFAULT_CALLBACK_URL = window.location.origin + '/zero/auth';
 const ANIMATION_DURATION = 3000;
 export class ZeroAccount {
-  constructor() {
-    this.refreshQR = (ignoreAnimate = false) => {
-      const update = () => {
-        this.restartTimer();
-        this.updateURL();
-      };
-      if (ignoreAnimate)
-        return update();
-      this.isAnimating = true;
-      this.animationTimer = window.setTimeout(() => {
-        update();
+    constructor() {
+        this.refreshQR = (ignoreAnimate = false) => {
+            const update = () => {
+                this.restartTimer();
+                this.updateURL();
+            };
+            if (ignoreAnimate)
+                return update();
+            this.isAnimating = true;
+            this.animationTimer = window.setTimeout(() => {
+                update();
+                this.isAnimating = false;
+            }, ANIMATION_DURATION);
+        };
+        this.hideOnEsc = (e) => {
+            if ((e.key === 'Escape' || e.key === 'Esc')) {
+                this.modalOpen = false;
+            }
+        };
+        this.log = (...args) => this.logger.log(...args);
+        this.appId = undefined;
+        this.updateInterval = 3 * 60 * 1000;
+        this.callbackURL = DEFAULT_CALLBACK_URL;
+        this.modal = true;
+        this.level = ErrorCorrectionLevel.M;
+        this.primaryColor = '#3C444F';
+        this.secondaryColor = undefined;
+        this.environment = Environment.production;
+        this.enableWithCredentials = false;
+        this.themePreset = ThemePreset.light;
+        this.autoStartApp = true;
+        this.modalOpen = false;
         this.isAnimating = false;
-      }, ANIMATION_DURATION);
-    };
-    this.hideOnEsc = (e) => {
-      if ((e.key === 'Escape' || e.key === 'Esc')) {
+        this.url = '';
+    }
+    getUpdateInterval() {
+        // make sure the provided value is within bounds
+        return Math.min(Math.max(this.updateInterval, minInterval), maxInterval);
+    }
+    toggleModal() {
+        this.modalOpen = !this.modalOpen;
+        if (this.modalOpen)
+            this.refreshQR(true);
+        if ((this.modalOpen && this.autoStartApp) || this.isMobile())
+            this.openApp();
+    }
+    _closeModal() {
         this.modalOpen = false;
-      }
-    };
-    this.log = (...args) => this.logger.log(...args);
-    this.appId = undefined;
-    this.updateInterval = 3 * 60 * 1000;
-    this.callbackURL = DEFAULT_CALLBACK_URL;
-    this.modal = true;
-    this.level = ErrorCorrectionLevel.M;
-    this.primaryColor = '#3C444F';
-    this.secondaryColor = undefined;
-    this.environment = Environment.production;
-    this.enableWithCredentials = false;
-    this.themePreset = ThemePreset.light;
-    this.autoStartApp = true;
-    this.modalOpen = false;
-    this.isAnimating = false;
-    this.url = '';
-  }
-  getUpdateInterval() {
-    // make sure the provided value is within bounds
-    return Math.min(Math.max(this.updateInterval, minInterval), maxInterval);
-  }
-  toggleModal() {
-    this.modalOpen = !this.modalOpen;
-    if (this.modalOpen)
-      this.refreshQR(true);
-    if ((this.modalOpen && this.autoStartApp) || this.isMobile())
-      this.openApp();
-  }
-  _closeModal() {
-    this.modalOpen = false;
-    this.stopTimer();
-  }
-  closeModal(e) {
-    if (e.target !== this.modalEl && e.target !== this.closeButtonEl) {
-      return e.stopPropagation();
+        this.stopTimer();
     }
-    this._closeModal();
-  }
-  openApp() {
-    if (this.modalOpen) {
-      window.location.href = this.url;
+    closeModal(e) {
+        if (e.target !== this.modalEl && e.target !== this.closeButtonEl) {
+            return e.stopPropagation();
+        }
+        this._closeModal();
     }
-  }
-  render() {
-    const logoColor = this.themePreset === ThemePreset.light ? '#7263FA' : '#FFFFF9';
-    const qrColor = this.themePreset === ThemePreset.light ? '#000' : '#FFFFF9';
-    return (h(Host, null, h("slot", null), this.host.childNodes.length === 0 &&
-      h("button", { class: `button ${this.themePreset}`, onClick: () => this.toggleModal() }, h(Logo, { className: 'button__logo', color: logoColor }), "use 0account"), h("div", { ref: el => this.modalEl = el, onClick: (e) => this.closeModal(e), class: `modal ${this.themePreset} ${this.isAnimating ? 'modal-animated' : ''} ${this.modalOpen ? '' : 'modal--hidden'}` }, h("div", { class: 'modal__content' }, h("div", { ref: el => this.closeButtonEl = el, class: 'modal__close-button' }), h("div", { class: 'modal__qrcode__container' }, h("qr-code", { url: this.url, class: `modal__qrcode`, level: this.level, color: qrColor }), h("div", { class: 'circle__overlay' }, h("div", { class: 'circle' }), h("div", { class: 'circle circle--medium' }), h("div", { class: 'circle circle--large' })), h(Logo, { className: 'modal__logo', color: logoColor })), h("div", { class: 'modal__buttons' }, h("button", { onClick: () => this.openApp(), class: 'modal__button' }, "Open the desktop app"), h("a", { href: '#', class: 'modal__link' }, "Download the app"))))));
-  }
-  // called only once
-  componentWillLoad() {
-    this.logger = new Logger(this.environment);
-    this.uaParser = new UAParser();
-    this.ws = new WS(this.appId, {
-      updateInterval: this.getUpdateInterval(),
-      callbackURL: this.callbackURL,
-      uaParser: this.uaParser,
-      env: this.environment,
-      log: this.log,
-    });
-    // make sure we initQR
-    this.refreshQR(true);
-    document.addEventListener('keydown', this.hideOnEsc);
-  }
-  updateURL() {
-    const expires = new Date().getTime() + this.getUpdateInterval();
-    const uuid = uuidv4();
-    this.ws.updateUUID(uuid);
-    const params = utilsURL.appendToParams('', {
-      appId: this.appId,
-      uuid: uuid,
-      expires: expires,
-    });
-    if (this.isMobile()) {
-      this.url = 'https://launch.0account.com/auth?' + params;
+    openApp() {
+        if (this.modalOpen) {
+            window.location.href = this.url;
+        }
     }
-    else {
-      this.url = 'zero-account://auth?' + params;
+    render() {
+        const logoColor = this.themePreset === ThemePreset.light ? '#7263FA' : '#FFFFF9';
+        const qrColor = '#000';
+        return (h(Host, { key: '1dc3610232166249e09861006f22ad43a58d208d' }, h("slot", { key: '5c510d06b9423a2540e494c57eebda16ac2f3fe6' }), this.host.childNodes.length === 0 &&
+            h("button", { class: `button ${this.themePreset}`, onClick: () => this.toggleModal() }, h(Logo, { className: 'button__logo', color: logoColor }), "use 0account"), h("div", { key: '1ccab237f88fe77eb22f0c0b82b9612b536a6eb2', ref: el => this.modalEl = el, onClick: (e) => this.closeModal(e), class: `modal ${this.themePreset} ${this.isAnimating ? 'modal-animated' : ''} ${this.modalOpen ? '' : 'modal--hidden'}` }, h("div", { key: 'cca5693c98f2dbf7aa5584e62862e90783c24bdb', class: 'modal__content' }, h("div", { key: 'fa239e9bb2f618a7d0067c74d6c599f1482aa0ce', ref: el => this.closeButtonEl = el, class: 'modal__close-button' }), h("div", { key: '3d8e206fbbb7a45f0b634fc1ac5cda0a3434d6d9', class: 'modal__qrcode__container' }, h("qr-code", { key: 'a2f7f00f7926c7994c79098b4f386e4e60f16bc4', url: this.url, class: `modal__qrcode`, level: this.level, color: qrColor }), h("div", { key: '5819116a32e44341a408b79d5ed48a31c0be17d9', class: 'circle__overlay' }, h("div", { key: '67220c1757145e3263fdf8b265730a9b50628034', class: 'circle' }), h("div", { key: '2d43067a7a3e0fad60670a92f026925b7b2141f0', class: 'circle circle--medium' }), h("div", { key: 'c6cc6df2fcfd06b895e185f5b818150ea031c15e', class: 'circle circle--large' })), h(Logo, { key: '1e5b5f9687d0629cacd3c2524bb271824c03f102', className: 'modal__logo', color: logoColor })), h("div", { key: '13e998689e3b8942c39f94c8d67b1d6908ea63de', class: 'modal__buttons' }, h("button", { key: '879631b5e37bd0b9f440023edbef542d3628142c', onClick: () => this.openApp(), class: 'modal__button' }, "Open the desktop app"), h("a", { key: '3be4413c520f42982546535badf4aa133a25ee78', href: 'https://0account.com/downloads', class: 'modal__link' }, "Download the app"))))));
     }
-  }
-  isMobile() {
-    const device = this.uaParser.getDevice();
-    return device.type === 'tablet' || device.type === 'mobile';
-  }
-  connectedCallback() {
-    this.startTimer();
-  }
-  disconnectedCallback() {
-    this.stopTimer();
-    document.removeEventListener('keydown', this.hideOnEsc);
-  }
-  restartTimer() {
-    this.stopTimer();
-    this.startTimer();
-  }
-  startTimer() {
-    this.timer = window.setInterval(this.refreshQR, this.getUpdateInterval());
-  }
-  stopTimer() {
-    window.clearInterval(this.timer);
-    window.clearTimeout(this.animationTimer);
-    this.isAnimating = false;
-  }
-  static get is() { return "zero-account"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["zero-account.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["zero-account.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "appId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "app-id",
-        "reflect": false
-      },
-      "updateInterval": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "update-interval",
-        "reflect": false,
-        "defaultValue": "3 * 60 * 1000"
-      },
-      "callbackURL": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "callback-url",
-        "reflect": false,
-        "defaultValue": "DEFAULT_CALLBACK_URL"
-      },
-      "modal": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "modal",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "level": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ErrorCorrectionLevel",
-          "resolved": "ErrorCorrectionLevel.H | ErrorCorrectionLevel.L | ErrorCorrectionLevel.M | ErrorCorrectionLevel.Q",
-          "references": {
-            "ErrorCorrectionLevel": {
-              "location": "import",
-              "path": "./enums",
-              "id": "src/components/zero-account/enums.ts::ErrorCorrectionLevel"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "level",
-        "reflect": false,
-        "defaultValue": "ErrorCorrectionLevel.M"
-      },
-      "primaryColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "primary-color",
-        "reflect": false,
-        "defaultValue": "'#3C444F'"
-      },
-      "secondaryColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "secondary-color",
-        "reflect": false
-      },
-      "environment": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Environment",
-          "resolved": "Environment.production | Environment.staging",
-          "references": {
-            "Environment": {
-              "location": "import",
-              "path": "./enums",
-              "id": "src/components/zero-account/enums.ts::Environment"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "environment",
-        "reflect": false,
-        "defaultValue": "Environment.production"
-      },
-      "enableWithCredentials": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "enable-with-credentials",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "themePreset": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ThemePreset",
-          "resolved": "ThemePreset.dark | ThemePreset.light",
-          "references": {
-            "ThemePreset": {
-              "location": "import",
-              "path": "./enums",
-              "id": "src/components/zero-account/enums.ts::ThemePreset"
+    // called only once
+    componentWillLoad() {
+        this.logger = new Logger(this.environment);
+        this.uaParser = new UAParser();
+        this.ws = new WS(this.appId, {
+            updateInterval: this.getUpdateInterval(),
+            enableWithCredentials: this.enableWithCredentials,
+            callbackURL: this.callbackURL,
+            uaParser: this.uaParser,
+            env: this.environment,
+            log: this.log,
+        });
+        // make sure we initQR
+        this.refreshQR(true);
+        document.addEventListener('keydown', this.hideOnEsc);
+    }
+    updateURL() {
+        const expires = new Date().getTime() + this.getUpdateInterval();
+        const uuid = uuidv4();
+        this.ws.updateUUID(uuid);
+        const params = utilsURL.appendToParams('', {
+            appId: this.appId,
+            uuid: uuid,
+            expires: expires,
+        });
+        if (this.isMobile()) {
+            this.url = 'https://launch.0account.com/auth?' + params;
+        }
+        else {
+            this.url = 'zero-account://auth?' + params;
+        }
+    }
+    isMobile() {
+        const device = this.uaParser.getDevice();
+        return device.type === 'tablet' || device.type === 'mobile';
+    }
+    connectedCallback() {
+        this.startTimer();
+    }
+    disconnectedCallback() {
+        this.stopTimer();
+        document.removeEventListener('keydown', this.hideOnEsc);
+    }
+    restartTimer() {
+        this.stopTimer();
+        this.startTimer();
+    }
+    startTimer() {
+        this.timer = window.setInterval(this.refreshQR, this.getUpdateInterval());
+    }
+    stopTimer() {
+        window.clearInterval(this.timer);
+        window.clearTimeout(this.animationTimer);
+        this.isAnimating = false;
+    }
+    static get is() { return "zero-account"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["zero-account.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["zero-account.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "appId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "app-id",
+                "reflect": false
+            },
+            "updateInterval": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "update-interval",
+                "reflect": false,
+                "defaultValue": "3 * 60 * 1000"
+            },
+            "callbackURL": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "callback-url",
+                "reflect": false,
+                "defaultValue": "DEFAULT_CALLBACK_URL"
+            },
+            "modal": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "modal",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "level": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ErrorCorrectionLevel",
+                    "resolved": "ErrorCorrectionLevel.H | ErrorCorrectionLevel.L | ErrorCorrectionLevel.M | ErrorCorrectionLevel.Q",
+                    "references": {
+                        "ErrorCorrectionLevel": {
+                            "location": "import",
+                            "path": "./enums",
+                            "id": "src/components/zero-account/enums.ts::ErrorCorrectionLevel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "level",
+                "reflect": false,
+                "defaultValue": "ErrorCorrectionLevel.M"
+            },
+            "primaryColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "primary-color",
+                "reflect": false,
+                "defaultValue": "'#3C444F'"
+            },
+            "secondaryColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "secondary-color",
+                "reflect": false
+            },
+            "environment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Environment",
+                    "resolved": "Environment.production | Environment.staging",
+                    "references": {
+                        "Environment": {
+                            "location": "import",
+                            "path": "./enums",
+                            "id": "src/components/zero-account/enums.ts::Environment"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "environment",
+                "reflect": false,
+                "defaultValue": "Environment.production"
+            },
+            "enableWithCredentials": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "enable-with-credentials",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "themePreset": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ThemePreset",
+                    "resolved": "ThemePreset.dark | ThemePreset.light",
+                    "references": {
+                        "ThemePreset": {
+                            "location": "import",
+                            "path": "./enums",
+                            "id": "src/components/zero-account/enums.ts::ThemePreset"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "theme-preset",
+                "reflect": false,
+                "defaultValue": "ThemePreset.light"
+            },
+            "autoStartApp": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auto-start-app",
+                "reflect": false,
+                "defaultValue": "true"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "theme-preset",
-        "reflect": false,
-        "defaultValue": "ThemePreset.light"
-      },
-      "autoStartApp": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "auto-start-app",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "modalOpen": {},
-      "isAnimating": {},
-      "url": {}
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get listeners() {
-    return [{
-        "name": "0account-toggle-modal",
-        "method": "toggleModal",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "0account-close-modal",
-        "method": "_closeModal",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "0account-authenticated",
-        "method": "_closeModal",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "0account-open-app",
-        "method": "openApp",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get states() {
+        return {
+            "modalOpen": {},
+            "isAnimating": {},
+            "url": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "0account-toggle-modal",
+                "method": "toggleModal",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "0account-close-modal",
+                "method": "_closeModal",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "0account-authenticated",
+                "method": "_closeModal",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "0account-open-app",
+                "method": "openApp",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=zero-account.js.map