@oila/0account 3.4.8 → 3.4.9

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

@@ -0,0 +1,402 @@
+import { h, Host } from "@stencil/core";
+import { UAParser } from "ua-parser-js";
+import { v4 as uuidv4 } from "uuid";
+import { Environment, ErrorCorrectionLevel, ThemePreset } from "./enums";
+import { Logger } from "../../utils/utils";
+import * as utilsURL from "../../utils/url";
+import Logo from "./logo";
+import { WS } from "./websocket";
+const maxInterval = 59 * 60 * 1000;
+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();
+                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;
+        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._closeModal();
+    }
+    openApp() {
+        if (this.modalOpen) {
+            window.location.href = this.url;
+        }
+    }
+    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"))))));
+    }
+    // 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"
+            }
+        };
+    }
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"zero-account.js","sourceRoot":"","sources":["../../../src/components/zero-account/zero-account.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Element, Component, h, Host, Prop, Listen, State } from '@stencil/core';\nimport { UAParser } from 'ua-parser-js';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { Environment, ErrorCorrectionLevel, ThemePreset } from './enums';\nimport { Logger } from '../../utils/utils';\nimport * as utilsURL from '../../utils/url';\nimport Logo from './logo';\nimport { WS } from './websocket';\n\nconst maxInterval = 59 * 60 * 1000;\nconst minInterval = 10 * 1000;\n\nconst DEFAULT_CALLBACK_URL = window.location.origin + '/zero/auth';\nconst ANIMATION_DURATION = 3000\n\n@Component({\n  tag: 'zero-account',\n  styleUrl: 'zero-account.css',\n  shadow: true,\n})\nexport class ZeroAccount {\n  @Prop() appId!: string;\n  @Prop() updateInterval?: number = 3 * 60 * 1000;\n  @Prop({attribute: 'callback-url'}) callbackURL: string = DEFAULT_CALLBACK_URL;\n  @Prop() modal?: boolean = true;\n  @Prop() level?: ErrorCorrectionLevel = ErrorCorrectionLevel.M;\n  @Prop() primaryColor: string = '#3C444F';\n  @Prop() secondaryColor: string;\n  @Prop() environment?: Environment = Environment.production;\n  @Prop() enableWithCredentials?: boolean = false;\n  @Prop() themePreset?: ThemePreset = ThemePreset.light;\n  @Prop() autoStartApp? = true;\n\n  private logger: Logger;\n  private uaParser: UAParser;\n  private ws: WS;\n\n  private timer: number;\n  private animationTimer: number;\n\n  @Element() host: HTMLElement;\n  private modalEl: HTMLDivElement;\n  private closeButtonEl: HTMLDivElement;\n\n  @State() modalOpen = false;\n  @State() isAnimating = false;\n  @State() url = '';\n\n  private getUpdateInterval() {\n    // make sure the provided value is within bounds\n    return Math.min(Math.max(this.updateInterval, minInterval), maxInterval);\n  }\n  private refreshQR = (ignoreAnimate = false)=> {\n    const update = () => {\n      this.restartTimer();\n      this.updateURL()\n    }\n    if (ignoreAnimate) return update();\n\n    this.isAnimating = true\n    this.animationTimer = window.setTimeout(()=>{\n      update()\n      this.isAnimating = false\n    }, ANIMATION_DURATION)\n  }\n\n  @Listen('0account-toggle-modal', { target: 'document' })\n  toggleModal() {\n    this.modalOpen = !this.modalOpen;\n    if (this.modalOpen) this.refreshQR(true)\n    if ((this.modalOpen && this.autoStartApp) || this.isMobile()) this.openApp()\n  }\n\n  @Listen('0account-close-modal', { target: 'document' })\n  @Listen('0account-authenticated', { target: 'document' })\n  private _closeModal() {\n    this.modalOpen = false;\n    this.stopTimer()\n  }\n\n  private closeModal(e: MouseEvent) {\n    if (e.target !== this.modalEl && e.target !== this.closeButtonEl) {\n      return e.stopPropagation();\n    }\n    this._closeModal()\n  }\n\n  @Listen('0account-open-app', { target: 'document' })\n  openApp() {\n    if (this.modalOpen) {\n      window.location.href = this.url\n    }\n  }\n\n  render() {\n    const logoColor = this.themePreset === ThemePreset.light ? '#7263FA': '#FFFFF9'\n    const qrColor = '#000'\n    return (\n      <Host>\n        <slot />\n        {this.host.childNodes.length === 0 &&\n          <button class={`button ${this.themePreset}`} onClick={()=>this.toggleModal()}>\n            <Logo className='button__logo' color={logoColor} />\n            use 0account\n          </button>\n        }\n        <div\n          ref={el => this.modalEl = el}\n          onClick={(e) => this.closeModal(e)}\n          class={`modal ${this.themePreset} ${this.isAnimating ? 'modal-animated': ''} ${this.modalOpen ? '' : 'modal--hidden'}`}>\n          <div class='modal__content'>\n            <div ref={el => this.closeButtonEl = el} class='modal__close-button'></div>\n            <div class='modal__qrcode__container'>\n              <qr-code url={this.url}  class={`modal__qrcode`} level={this.level} color={qrColor}/>\n              <div class='circle__overlay'>\n                <div class='circle'></div>\n                <div class='circle circle--medium'></div>\n                <div class='circle circle--large'></div>\n              </div>\n              <Logo className='modal__logo' color={logoColor} />\n            </div>\n            <div class='modal__buttons'>\n              <button onClick={()=>this.openApp()} class='modal__button'>Open the desktop app</button>\n              <a href='https://0account.com/downloads' class='modal__link'>Download the app</a>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private hideOnEsc = (e) => {\n    if ((e.key === 'Escape' || e.key === 'Esc')) {\n      this.modalOpen = false;\n    }\n  };\n\n  // called only once\n  componentWillLoad() {\n    this.logger = new Logger(this.environment);\n    this.uaParser = new UAParser()\n    this.ws = new WS(this.appId, {\n      updateInterval: this.getUpdateInterval(),\n      enableWithCredentials: this.enableWithCredentials,\n      callbackURL: this.callbackURL,\n      uaParser: this.uaParser,\n      env: this.environment,\n      log: this.log,\n    })\n\n    // make sure we initQR\n    this.refreshQR(true)\n    document.addEventListener('keydown', this.hideOnEsc);\n  }\n\n  private updateURL() {\n    const expires = new Date().getTime() + this.getUpdateInterval();\n    const uuid = uuidv4();\n    this.ws.updateUUID(uuid);\n    const params = utilsURL.appendToParams('', {\n      appId: this.appId,\n      uuid: uuid,\n      expires: expires,\n    })\n\n    if (this.isMobile()) {\n      this.url = 'https://launch.0account.com/auth?' + params;\n    } else {\n      this.url = 'zero-account://auth?' + params;\n    }\n  }\n\n  isMobile() {\n    const device = this.uaParser.getDevice()\n    return device.type === 'tablet' || device.type === 'mobile'\n  }\n\n  connectedCallback() {\n    this.startTimer()\n  }\n\n  disconnectedCallback() {\n    this.stopTimer()\n    document.removeEventListener('keydown', this.hideOnEsc);\n  }\n\n  private restartTimer() {\n    this.stopTimer()\n    this.startTimer()\n  }\n\n  private startTimer() {\n    this.timer = window.setInterval(this.refreshQR, this.getUpdateInterval());\n  }\n\n  private stopTimer() {\n    window.clearInterval(this.timer);\n    window.clearTimeout(this.animationTimer);\n    this.isAnimating = false\n  }\n\n  private log = (...args) => this.logger.log(...args);\n}\n"]}

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

@@ -0,0 +1,35 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZeroAccount } from "./zero-account";
+describe('zero-account', () => {
+    it('renders', async () => {
+        const { root } = await newSpecPage({
+            components: [ZeroAccount],
+            html: '<zero-account></zero-account>',
+        });
+        expect(root).toEqualHtml(`
+      <zero-account>
+        <mock:shadow-root>
+          <div>
+            Hello, World! I'm
+          </div>
+        </mock:shadow-root>
+      </zero-account>
+    `);
+    });
+    it('renders with values', async () => {
+        const { root } = await newSpecPage({
+            components: [ZeroAccount],
+            html: `<zero-account first="Stencil" last="'Don't call me a framework' JS"></zero-account>`,
+        });
+        expect(root).toEqualHtml(`
+      <zero-account first="Stencil" last="'Don't call me a framework' JS">
+        <mock:shadow-root>
+          <div>
+            Hello, World! I'm Stencil 'Don't call me a framework' JS
+          </div>
+        </mock:shadow-root>
+      </zero-account>
+    `);
+    });
+});
+//# sourceMappingURL=zero-account.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zero-account.spec.js","sourceRoot":"","sources":["../../../src/components/zero-account/zero-account.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;YACjC,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;YACjC,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,qFAAqF;SAC5F,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { ZeroAccount } from './zero-account';\n\ndescribe('zero-account', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [ZeroAccount],\n      html: '<zero-account></zero-account>',\n    });\n    expect(root).toEqualHtml(`\n      <zero-account>\n        <mock:shadow-root>\n          <div>\n            Hello, World! I'm\n          </div>\n        </mock:shadow-root>\n      </zero-account>\n    `);\n  });\n\n  it('renders with values', async () => {\n    const { root } = await newSpecPage({\n      components: [ZeroAccount],\n      html: `<zero-account first=\"Stencil\" last=\"'Don't call me a framework' JS\"></zero-account>`,\n    });\n    expect(root).toEqualHtml(`\n      <zero-account first=\"Stencil\" last=\"'Don't call me a framework' JS\">\n        <mock:shadow-root>\n          <div>\n            Hello, World! I'm Stencil 'Don't call me a framework' JS\n          </div>\n        </mock:shadow-root>\n      </zero-account>\n    `);\n  });\n});\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/{zero-account/qr-code.entry.js → collection/utils/qrcode/qrcode.js}

@@ -1,6 +1,3 @@
-import { r as registerInstance, h } from './index-57856b47.js';
-import { a as ErrorCorrectionLevel } from './enums-e7827156.js';
-
 /*
  * QR Code generator library (JavaScript)
  *
@@ -167,7 +164,7 @@ var qrcodegen = new function() {
 
 		this.circlePath = function(cx, cy, r){
 		    return 'M '+cx+' '+cy+' m -'+r+', 0 a '+r+','+r+' 0 1,0 '+(r*2)+',0 a '+r+','+r+' 0 1,0 -'+(r*2)+',0';
-		};
+		}
 
 		this.svgObject = function(round) {
 			var parts = [];
@@ -175,7 +172,7 @@ var qrcodegen = new function() {
 				for (var x = 0; x < size; x++) {
 					if (this.getModule(x, y)){
 						if (round) {
-							parts.push(this.circlePath(x+0.5,y+0.5, 0.5));
+							parts.push(this.circlePath(x+0.5,y+0.5, 0.5))
 						} else {
 							parts.push("M" + x + "," + y + "h1v1h-1z");
 						}
@@ -1007,33 +1004,4 @@ var qrcodegen = new function() {
 
 };
 
-const QRC = qrcodegen.QrCode;
-const QRCode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.url = undefined;
-    this.level = ErrorCorrectionLevel.M;
-    this.class = '';
-    this.color = 'black';
-  }
-  render() {
-    const getEcc = (ecc) => {
-      ecc = ecc.toUpperCase();
-      if (ecc === 'L')
-        return QRC.Ecc.LOW;
-      if (ecc === 'M')
-        return QRC.Ecc.MEDIUM;
-      if (ecc === 'Q')
-        return QRC.Ecc.QUARTILE;
-      return QRC.Ecc.HIGH;
-    };
-    const ecc = getEcc(this.level);
-    const qr = QRC.encodeText(this.url, ecc);
-    const qrcode = qr.svgObject();
-    return (h("svg", { class: this.class, viewBox: `0 0 ${qrcode.size} ${qrcode.size}` }, h("path", { d: qrcode.path, fill: this.color })));
-  }
-};
-
-export { QRCode as qr_code };
-
-//# sourceMappingURL=qr-code.entry.js.map
+export default qrcodegen

package/dist/collection/utils/request.js

@@ -0,0 +1,45 @@
+const maxRetries = 30;
+const send = (url, opts, request, errorCount) => {
+    if (errorCount >= maxRetries) {
+        request.abort();
+        request = null;
+        return;
+    }
+    let limit = errorCount
+        ? Math.pow(2, errorCount - 1) * opts.startLimit
+        : 0;
+    limit = limit < opts.maxLimit ? limit : opts.maxLimit;
+    const pause = Math.random() * limit;
+    setTimeout(function () {
+        request.open('POST', url, true);
+        for (const k in opts.headers) {
+            if (Object.prototype.hasOwnProperty.call(opts.headers, k)) {
+                request.setRequestHeader(k, opts.headers[k]);
+            }
+        }
+        request.send();
+    }, pause);
+};
+const xhr = (url, opts, callback) => {
+    opts = Object.assign({ startLimit: 100, maxLimit: 3 * 1000, enableWithCredentials: false }, opts);
+    let errorCount = 0;
+    const request = new XMLHttpRequest();
+    if (opts.enableWithCredentials)
+        request.withCredentials = true;
+    const retry = () => send(url, opts, request, ++errorCount);
+    request.addEventListener('error', retry);
+    request.addEventListener('timeout', retry);
+    request.addEventListener('load', () => {
+        if (request.status >= 200 && request.status < 300) {
+            return callback(request.responseText);
+        }
+        retry();
+    });
+    send(url, opts, request, errorCount);
+    return request;
+};
+const http = {
+    send: xhr,
+};
+export default http;
+//# sourceMappingURL=request.js.map

package/dist/collection/utils/request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.js","sourceRoot":"","sources":["../../src/utils/request.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,IAAa,EAAE,OAAuB,EAAE,UAAkB,EAAQ,EAAE;IAC7F,IAAI,UAAU,IAAI,UAAU,EAAE,CAAC;QAC7B,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,GAAG,IAAI,CAAA;QACd,OAAM;IACR,CAAC;IACD,IAAI,KAAK,GAAG,UAAU;QACpB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU;QAC/C,CAAC,CAAC,CAAC,CAAC;IACN,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAA;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC;IACpC,UAAU,CAAC;QACT,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;QAC/B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;gBAC1D,OAAO,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YAC9C,CAAC;QACH,CAAC;QACD,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC,EAAE,KAAK,CAAC,CAAA;AACX,CAAC,CAAA;AASD,MAAM,GAAG,GAAG,CAAC,GAAW,EAAE,IAAa,EAAE,QAA6B,EAAkB,EAAE;IACxF,IAAI,mBAAI,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,qBAAqB,EAAE,KAAK,IAAK,IAAI,CAAC,CAAC;IACpF,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;IACrC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;IAC/D,MAAM,KAAK,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,UAAU,CAAC,CAAC;IACjE,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3C,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;QACpC,IAAI,OAAO,CAAC,MAAM,IAAI,GAAG,IAAI,OAAO,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC;YAClD,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;QACD,KAAK,EAAE,CAAA;IACT,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;IACpC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAA;AAED,MAAM,IAAI,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAA;AACD,eAAe,IAAI,CAAC","sourcesContent":["\nconst maxRetries = 30\nconst send = (url: string, opts: Options, request: XMLHttpRequest, errorCount: number): void => {\n  if (errorCount >= maxRetries) {\n    request.abort();\n    request = null\n    return\n  }\n  let limit = errorCount\n    ? Math.pow(2, errorCount - 1) * opts.startLimit\n    : 0;\n  limit = limit < opts.maxLimit ? limit : opts.maxLimit\n  const pause = Math.random() * limit;\n  setTimeout(function () {\n    request.open('POST', url, true)\n    for (const k in opts.headers) {\n      if (Object.prototype.hasOwnProperty.call(opts.headers, k)) {\n        request.setRequestHeader(k, opts.headers[k])\n      }\n    }\n    request.send()\n  }, pause)\n}\n\ntype Options = {\n  startLimit?: number;\n  maxLimit?: number;\n  enableWithCredentials?: boolean;\n  headers?: any\n}\n\nconst xhr = (url: string, opts: Options, callback: (v: string) => void): XMLHttpRequest => {\n  opts = {startLimit: 100, maxLimit: 3 * 1000, enableWithCredentials: false, ...opts};\n  let errorCount = 0;\n  const request = new XMLHttpRequest();\n  if (opts.enableWithCredentials) request.withCredentials = true;\n  const retry = (): void => send(url, opts, request, ++errorCount);\n  request.addEventListener('error', retry);\n  request.addEventListener('timeout', retry);\n  request.addEventListener('load', () => {\n    if (request.status >= 200 && request.status < 300) {\n      return callback(request.responseText)\n    }\n    retry()\n  })\n\n  send(url, opts, request, errorCount)\n  return request;\n}\n\nconst http = {\n  send: xhr,\n}\nexport default http;\n"]}

package/dist/collection/utils/url.js

@@ -0,0 +1,43 @@
+export function appendToParams(url, getParamsToUpdate) {
+  if (typeof getParamsToUpdate !== "object") return false;
+
+  // remove consecutive duplicate '&' chars from the url
+  url = url.replace(/(&)\1+/g, '&')
+  //Note: substr(1) removes first character (getting rid of possible "?")
+  //			(does nothing with empty string)
+  let getParams = url.substr(1).split('&');
+
+  //avoid extra "&" at the beginning if current document.location.search was empty or 1 char
+  if ((getParams.length < 1) || ((getParams.length === 1) && (getParams[0] === "")))
+    getParams = [];
+
+  let searchBuffer;
+  let found;
+
+  for (let k in getParamsToUpdate) {
+    if (!getParamsToUpdate.hasOwnProperty(k)) continue;
+
+    let key = encodeURIComponent(k);
+    let value = encodeURIComponent(getParamsToUpdate[k]);
+
+    searchBuffer = [];
+    found = false;
+
+    let paramsLength = getParams.length - 1
+    //from the end to start...
+    for (let i = paramsLength; i >= 0; --i) {
+      searchBuffer = getParams[i].split('=');
+
+      if (searchBuffer[0] === key) {
+        //found key!
+        getParams[i] = key + '=' + value;
+        found = true;
+        break;
+      }
+    }
+
+    if (!found) getParams.push(key + '=' + value);
+  }
+
+  return getParams.join('&');
+}

package/dist/collection/utils/utils.js

@@ -0,0 +1,16 @@
+import { Build } from "@stencil/core";
+export const format = (appId) => {
+    return appId || '';
+};
+export class Logger {
+    constructor(environment) {
+        this.log = (...args) => {
+            if (this.environment !== 'production' && Build.isDev) {
+                console.clear();
+                console.log(...args);
+            }
+        };
+        this.environment = environment;
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAa,EAAU,EAAE;IAC9C,OAAO,KAAK,IAAI,EAAE,CAAC;AACrB,CAAC,CAAA;AAED,MAAM,OAAO,MAAM;IAEjB,YAAY,WAAwB;QAGpC,QAAG,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE;YAChB,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrD,OAAO,CAAC,KAAK,EAAE,CAAA;gBACf,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAA;QAPC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;CAOF","sourcesContent":["import { Environment } from '../components/zero-account/enums';\nimport { Build } from '@stencil/core';\n\nexport const format = (appId: string): string => {\n  return appId || '';\n}\n\nexport class Logger {\n  private readonly environment: Environment;\n  constructor(environment: Environment) {\n    this.environment = environment;\n  }\n  log = (...args) => {\n    if (this.environment !== 'production' && Build.isDev) {\n      console.clear()\n      console.log(...args);\n    }\n  }\n}\n"]}