@oila/0account 3.4.3 → 3.4.5

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

@@ -0,0 +1,457 @@
+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.selector = null;
+    this.level = ErrorCorrectionLevel.M;
+    this.primaryColor = '#3C444F';
+    this.secondaryColor = undefined;
+    this.instructionsText = undefined;
+    this.hideInstructions = false;
+    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 = 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;
+    }
+    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-u-r-l",
+        "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"
+      },
+      "selector": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selector",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "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
+      },
+      "instructionsText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "instructions-text",
+        "reflect": false
+      },
+      "hideInstructions": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-instructions",
+        "reflect": false,
+        "defaultValue": "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() callbackURL: string = DEFAULT_CALLBACK_URL;\n  @Prop() modal?: boolean = true;\n  @Prop() selector?: string = null;\n  @Prop() level?: ErrorCorrectionLevel = ErrorCorrectionLevel.M;\n  @Prop() primaryColor: string = '#3C444F';\n  @Prop() secondaryColor: string;\n  @Prop() instructionsText: string;\n  @Prop() hideInstructions: boolean = false;\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"]}

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;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,+BAA+B;KACtC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,qFAAqF;KAC5F,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,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"]}