@oila/0account 3.4.7 → 3.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-1e526aba.js → index-ef57218a.js} +370 -67
- package/dist/cjs/index-ef57218a.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/qr-code_2.cjs.entry.js +358 -1278
- package/dist/cjs/qr-code_2.cjs.entry.js.map +1 -1
- package/dist/cjs/zero-account.cjs.js +2 -2
- package/dist/cjs/zero-account.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/zero-account/enums.js +8 -8
- package/dist/collection/components/zero-account/enums.js.map +1 -1
- package/dist/collection/components/zero-account/logo.js +1 -1
- package/dist/collection/components/zero-account/logo.js.map +1 -1
- package/dist/collection/components/zero-account/qrcode.js +103 -103
- package/dist/collection/components/zero-account/qrcode.js.map +1 -1
- package/dist/collection/components/zero-account/websocket.js +149 -148
- package/dist/collection/components/zero-account/websocket.js.map +1 -1
- package/dist/collection/components/zero-account/zero-account.css +7 -0
- package/dist/collection/components/zero-account/zero-account.e2e.js +22 -22
- package/dist/collection/components/zero-account/zero-account.e2e.js.map +1 -1
- package/dist/collection/components/zero-account/zero-account.js +380 -379
- package/dist/collection/components/zero-account/zero-account.js.map +1 -1
- package/dist/collection/components/zero-account/zero-account.spec.js +13 -13
- package/dist/collection/components/zero-account/zero-account.spec.js.map +1 -1
- package/dist/collection/utils/request.js +37 -30
- package/dist/collection/utils/request.js.map +1 -1
- package/dist/collection/utils/utils.js +10 -10
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/collection/utils/utils.spec.js +6 -6
- package/dist/collection/utils/utils.spec.js.map +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +1 -1
- package/dist/components/qr-code.d.ts +2 -2
- package/dist/components/qrcode.js +48 -48
- package/dist/components/qrcode.js.map +1 -1
- package/dist/components/zero-account.d.ts +2 -2
- package/dist/components/zero-account.js +359 -1279
- package/dist/components/zero-account.js.map +1 -1
- package/dist/esm/{index-09024c20.js → index-798be1d4.js} +370 -67
- package/dist/esm/index-798be1d4.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/qr-code_2.entry.js +358 -1278
- package/dist/esm/qr-code_2.entry.js.map +1 -1
- package/dist/esm/zero-account.js +3 -3
- package/dist/esm/zero-account.js.map +1 -1
- package/dist/types/components/zero-account/enums.d.ts +8 -8
- package/dist/types/components/zero-account/logo.d.ts +2 -2
- package/dist/types/components/zero-account/qrcode.d.ts +5 -5
- package/dist/types/components/zero-account/websocket.d.ts +27 -25
- package/dist/types/components/zero-account/zero-account.d.ts +39 -39
- package/dist/types/stencil-public-runtime.d.ts +46 -5
- package/dist/types/utils/request.d.ts +5 -5
- package/dist/types/utils/utils.d.ts +3 -3
- package/dist/zero-account/p-3b6bbcf5.js +3 -0
- package/dist/zero-account/p-3b6bbcf5.js.map +1 -0
- package/dist/zero-account/p-b6f591cf.entry.js +2 -0
- package/dist/zero-account/p-b6f591cf.entry.js.map +1 -0
- package/dist/zero-account/zero-account.esm.js +1 -1
- package/dist/zero-account/zero-account.esm.js.map +1 -1
- package/loader/index.d.ts +1 -1
- package/package.json +10 -10
- package/dist/cjs/index-1e526aba.js.map +0 -1
- package/dist/esm/index-09024c20.js.map +0 -1
- package/dist/zero-account/p-21f4994d.js +0 -3
- package/dist/zero-account/p-21f4994d.js.map +0 -1
- package/dist/zero-account/p-a29dc444.entry.js +0 -2
- package/dist/zero-account/p-a29dc444.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
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 = this.themePreset === ThemePreset.light ? '#000': '#FFFFF9'\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='#' 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 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"]}
|
|
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"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { newSpecPage } from "@stencil/core/testing";
|
|
2
2
|
import { ZeroAccount } from "./zero-account";
|
|
3
3
|
describe('zero-account', () => {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
it('renders', async () => {
|
|
5
|
+
const { root } = await newSpecPage({
|
|
6
|
+
components: [ZeroAccount],
|
|
7
|
+
html: '<zero-account></zero-account>',
|
|
8
|
+
});
|
|
9
|
+
expect(root).toEqualHtml(`
|
|
10
10
|
<zero-account>
|
|
11
11
|
<mock:shadow-root>
|
|
12
12
|
<div>
|
|
@@ -15,13 +15,13 @@ describe('zero-account', () => {
|
|
|
15
15
|
</mock:shadow-root>
|
|
16
16
|
</zero-account>
|
|
17
17
|
`);
|
|
18
|
-
});
|
|
19
|
-
it('renders with values', async () => {
|
|
20
|
-
const { root } = await newSpecPage({
|
|
21
|
-
components: [ZeroAccount],
|
|
22
|
-
html: `<zero-account first="Stencil" last="'Don't call me a framework' JS"></zero-account>`,
|
|
23
18
|
});
|
|
24
|
-
|
|
19
|
+
it('renders with values', async () => {
|
|
20
|
+
const { root } = await newSpecPage({
|
|
21
|
+
components: [ZeroAccount],
|
|
22
|
+
html: `<zero-account first="Stencil" last="'Don't call me a framework' JS"></zero-account>`,
|
|
23
|
+
});
|
|
24
|
+
expect(root).toEqualHtml(`
|
|
25
25
|
<zero-account first="Stencil" last="'Don't call me a framework' JS">
|
|
26
26
|
<mock:shadow-root>
|
|
27
27
|
<div>
|
|
@@ -30,6 +30,6 @@ describe('zero-account', () => {
|
|
|
30
30
|
</mock:shadow-root>
|
|
31
31
|
</zero-account>
|
|
32
32
|
`);
|
|
33
|
-
|
|
33
|
+
});
|
|
34
34
|
});
|
|
35
35
|
//# sourceMappingURL=zero-account.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"]}
|
|
@@ -1,38 +1,45 @@
|
|
|
1
|
+
const maxRetries = 30;
|
|
1
2
|
const send = (url, opts, request, errorCount) => {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const pause = Math.random() * limit;
|
|
7
|
-
setTimeout(function () {
|
|
8
|
-
request.open('POST', url, true);
|
|
9
|
-
for (const k in opts.headers) {
|
|
10
|
-
if (Object.prototype.hasOwnProperty.call(opts.headers, k)) {
|
|
11
|
-
request.setRequestHeader(k, opts.headers[k]);
|
|
12
|
-
}
|
|
3
|
+
if (errorCount >= maxRetries) {
|
|
4
|
+
request.abort();
|
|
5
|
+
request = null;
|
|
6
|
+
return;
|
|
13
7
|
}
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
let limit = errorCount
|
|
9
|
+
? Math.pow(2, errorCount - 1) * opts.startLimit
|
|
10
|
+
: 0;
|
|
11
|
+
limit = limit < opts.maxLimit ? limit : opts.maxLimit;
|
|
12
|
+
const pause = Math.random() * limit;
|
|
13
|
+
setTimeout(function () {
|
|
14
|
+
request.open('POST', url, true);
|
|
15
|
+
for (const k in opts.headers) {
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(opts.headers, k)) {
|
|
17
|
+
request.setRequestHeader(k, opts.headers[k]);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
request.send();
|
|
21
|
+
}, pause);
|
|
16
22
|
};
|
|
17
|
-
const xhr = (url, opts
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
const xhr = (url, opts, callback) => {
|
|
24
|
+
opts = Object.assign({ startLimit: 100, maxLimit: 3 * 1000, enableWithCredentials: false }, opts);
|
|
25
|
+
let errorCount = 0;
|
|
26
|
+
const request = new XMLHttpRequest();
|
|
27
|
+
if (opts.enableWithCredentials)
|
|
28
|
+
request.withCredentials = true;
|
|
29
|
+
const retry = () => send(url, opts, request, ++errorCount);
|
|
30
|
+
request.addEventListener('error', retry);
|
|
31
|
+
request.addEventListener('timeout', retry);
|
|
32
|
+
request.addEventListener('load', () => {
|
|
33
|
+
if (request.status >= 200 && request.status < 300) {
|
|
34
|
+
return callback(request.responseText);
|
|
35
|
+
}
|
|
36
|
+
retry();
|
|
37
|
+
});
|
|
38
|
+
send(url, opts, request, errorCount);
|
|
39
|
+
return request;
|
|
33
40
|
};
|
|
34
41
|
const http = {
|
|
35
|
-
|
|
42
|
+
send: xhr,
|
|
36
43
|
};
|
|
37
44
|
export default http;
|
|
38
45
|
//# sourceMappingURL=request.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"request.js","sourceRoot":"","sources":["../../src/utils/request.ts"],"names":[],"mappings":"AACA,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,
|
|
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"]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Build } from "@stencil/core";
|
|
2
2
|
export const format = (appId) => {
|
|
3
|
-
|
|
3
|
+
return appId || '';
|
|
4
4
|
};
|
|
5
5
|
export class Logger {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
constructor(environment) {
|
|
7
|
+
this.log = (...args) => {
|
|
8
|
+
if (this.environment !== 'production' && Build.isDev) {
|
|
9
|
+
console.clear();
|
|
10
|
+
console.log(...args);
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
this.environment = environment;
|
|
14
|
+
}
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { format } from "./utils";
|
|
2
2
|
describe('format', () => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
it('returns empty string for no appId defined', () => {
|
|
4
|
+
expect(format(undefined)).toEqual('');
|
|
5
|
+
});
|
|
6
|
+
it('formats appId', () => {
|
|
7
|
+
expect(format('some-id')).toEqual('some-id');
|
|
8
|
+
});
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=utils.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n it('returns empty string for no appId defined', () => {\n expect(format(undefined)).toEqual('');\n });\n\n it('formats appId', () => {\n expect(format('some-id')).toEqual('some-id');\n });\n});\n"]}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Get the base path to where the assets can be found. Use "setAssetPath(path)"
|
|
3
|
+
* if the path needs to be customized.
|
|
4
|
+
*/
|
|
5
|
+
export declare const getAssetPath: (path: string) => string;
|
|
6
|
+
|
|
1
7
|
/**
|
|
2
8
|
* Used to manually set the base path where assets can be found.
|
|
3
9
|
* If the script is used as "module", it's recommended to use "import.meta.url",
|
package/dist/components/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
|
|
|
2
2
|
|
|
3
3
|
interface QrCode extends Components.QrCode, HTMLElement {}
|
|
4
4
|
export const QrCode: {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
prototype: QrCode;
|
|
6
|
+
new (): QrCode;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -1006,66 +1006,66 @@ var qrcodegen = new function() {
|
|
|
1006
1006
|
|
|
1007
1007
|
var ErrorCorrectionLevel;
|
|
1008
1008
|
(function (ErrorCorrectionLevel) {
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1009
|
+
ErrorCorrectionLevel["L"] = "L";
|
|
1010
|
+
ErrorCorrectionLevel["M"] = "M";
|
|
1011
|
+
ErrorCorrectionLevel["Q"] = "Q";
|
|
1012
|
+
ErrorCorrectionLevel["H"] = "H";
|
|
1013
1013
|
})(ErrorCorrectionLevel || (ErrorCorrectionLevel = {}));
|
|
1014
1014
|
var Environment;
|
|
1015
1015
|
(function (Environment) {
|
|
1016
|
-
|
|
1017
|
-
|
|
1016
|
+
Environment["production"] = "production";
|
|
1017
|
+
Environment["staging"] = "staging";
|
|
1018
1018
|
})(Environment || (Environment = {}));
|
|
1019
1019
|
var ThemePreset;
|
|
1020
1020
|
(function (ThemePreset) {
|
|
1021
|
-
|
|
1022
|
-
|
|
1021
|
+
ThemePreset["light"] = "light";
|
|
1022
|
+
ThemePreset["dark"] = "dark";
|
|
1023
1023
|
})(ThemePreset || (ThemePreset = {}));
|
|
1024
1024
|
|
|
1025
1025
|
const QRC = qrcodegen.QrCode;
|
|
1026
1026
|
const QRCode = /*@__PURE__*/ proxyCustomElement(class QRCode extends HTMLElement {
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1027
|
+
constructor() {
|
|
1028
|
+
super();
|
|
1029
|
+
this.__registerHost();
|
|
1030
|
+
this.url = undefined;
|
|
1031
|
+
this.level = ErrorCorrectionLevel.M;
|
|
1032
|
+
this.class = '';
|
|
1033
|
+
this.color = 'black';
|
|
1034
|
+
}
|
|
1035
|
+
render() {
|
|
1036
|
+
const getEcc = (ecc) => {
|
|
1037
|
+
ecc = ecc.toUpperCase();
|
|
1038
|
+
if (ecc === 'L')
|
|
1039
|
+
return QRC.Ecc.LOW;
|
|
1040
|
+
if (ecc === 'M')
|
|
1041
|
+
return QRC.Ecc.MEDIUM;
|
|
1042
|
+
if (ecc === 'Q')
|
|
1043
|
+
return QRC.Ecc.QUARTILE;
|
|
1044
|
+
return QRC.Ecc.HIGH;
|
|
1045
|
+
};
|
|
1046
|
+
const ecc = getEcc(this.level);
|
|
1047
|
+
const qr = QRC.encodeText(this.url, ecc);
|
|
1048
|
+
const qrcode = qr.svgObject();
|
|
1049
|
+
return (h("svg", { class: this.class, viewBox: `0 0 ${qrcode.size} ${qrcode.size}` }, h("path", { d: qrcode.path, fill: this.color })));
|
|
1050
|
+
}
|
|
1051
1051
|
}, [0, "qr-code", {
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1052
|
+
"url": [1],
|
|
1053
|
+
"level": [1],
|
|
1054
|
+
"class": [1],
|
|
1055
|
+
"color": [1]
|
|
1056
|
+
}]);
|
|
1057
1057
|
function defineCustomElement() {
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1058
|
+
if (typeof customElements === "undefined") {
|
|
1059
|
+
return;
|
|
1060
|
+
}
|
|
1061
|
+
const components = ["qr-code"];
|
|
1062
|
+
components.forEach(tagName => { switch (tagName) {
|
|
1063
|
+
case "qr-code":
|
|
1064
|
+
if (!customElements.get(tagName)) {
|
|
1065
|
+
customElements.define(tagName, QRCode);
|
|
1066
|
+
}
|
|
1067
|
+
break;
|
|
1068
|
+
} });
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
1071
|
export { Environment as E, QRCode as Q, ThemePreset as T, ErrorCorrectionLevel as a, defineCustomElement as d };
|