@everymatrix/user-actions 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-46c0a1de.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["user-actions.cjs",[[1,"user-actions",{"endpoint":[1],"userid":[1],"actionStack":[32]},[[8,"message","handleEvent"]]]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/user-actions.cjs.entry.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-46c0a1de.js');
+
+const actionsMapping = {
+  "verification-popup": {
+    "emit": "openKycVerificationModal",
+    "listen": "closeKycVerificationModal"
+  },
+  "get-temporary-account-consents": {
+    "emit": "openTemporaryConsentsModal",
+    "listen": "closeTemporaryConsentsModal"
+  },
+  "limits-popup": {
+    "emit": "openLugasPopup",
+    "listen": "closeLugasPopup"
+  },
+};
+
+const userActionsCss = ":host{display:block}";
+
+const UserActions = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionStack = [];
+    this.emitCurrentActionEvent = () => {
+      window.postMessage({ type: actionsMapping[this.actionStack[0].action].emit });
+    };
+    this.shiftActionStack = () => {
+      this.actionStack = this.actionStack.slice(1);
+    };
+  }
+  handleEvent(e) {
+    if (actionsMapping[this.actionStack[0].action].listen === e.data) {
+      this.shiftActionStack();
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    }
+  }
+  fetchUserActions() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userid}/legislation/actions`);
+    return fetch(url.href)
+      .then((response) => response.json())
+      .then(data => {
+      this.actionStack = data.actions;
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    });
+  }
+  componentWillLoad() {
+    return this.fetchUserActions();
+  }
+  render() {
+    return;
+  }
+};
+UserActions.style = userActionsCss;
+
+exports.user_actions = UserActions;

package/dist/cjs/user-actions.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-46c0a1de.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-actions.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["user-actions.cjs",[[1,"user-actions",{"endpoint":[1],"userid":[1],"actionStack":[32]},[[8,"message","handleEvent"]]]]]], options);
+});

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/user-actions/user-actions.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/user-actions/user-actions.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/user-actions/user-actions.js

@@ -0,0 +1,90 @@
+import { Component, Prop, State, Listen } from '@stencil/core';
+import { actionsMapping } from '../../utils/utils';
+export class UserActions {
+  constructor() {
+    this.actionStack = [];
+    this.emitCurrentActionEvent = () => {
+      window.postMessage({ type: actionsMapping[this.actionStack[0].action].emit });
+    };
+    this.shiftActionStack = () => {
+      this.actionStack = this.actionStack.slice(1);
+    };
+  }
+  handleEvent(e) {
+    if (actionsMapping[this.actionStack[0].action].listen === e.data) {
+      this.shiftActionStack();
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    }
+  }
+  fetchUserActions() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userid}/legislation/actions`);
+    return fetch(url.href)
+      .then((response) => response.json())
+      .then(data => {
+      this.actionStack = data.actions;
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    });
+  }
+  componentWillLoad() {
+    return this.fetchUserActions();
+  }
+  render() {
+    return;
+  }
+  static get is() { return "user-actions"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["user-actions.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["user-actions.css"]
+  }; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "endpoint",
+      "reflect": false
+    },
+    "userid": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "userid",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "actionStack": {}
+  }; }
+  static get listeners() { return [{
+      "name": "message",
+      "method": "handleEvent",
+      "target": "window",
+      "capture": false,
+      "passive": false
+    }]; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/utils.js

@@ -0,0 +1,14 @@
+export const actionsMapping = {
+  "verification-popup": {
+    "emit": "openKycVerificationModal",
+    "listen": "closeKycVerificationModal"
+  },
+  "get-temporary-account-consents": {
+    "emit": "openTemporaryConsentsModal",
+    "listen": "closeTemporaryConsentsModal"
+  },
+  "limits-popup": {
+    "emit": "openLugasPopup",
+    "listen": "closeLugasPopup"
+  },
+};

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* UserActions custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/user-actions.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UserActions extends Components.UserActions, HTMLElement {}
+export const UserActions: {
+  prototype: UserActions;
+  new (): UserActions;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/user-actions.js

@@ -0,0 +1,79 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+
+const actionsMapping = {
+  "verification-popup": {
+    "emit": "openKycVerificationModal",
+    "listen": "closeKycVerificationModal"
+  },
+  "get-temporary-account-consents": {
+    "emit": "openTemporaryConsentsModal",
+    "listen": "closeTemporaryConsentsModal"
+  },
+  "limits-popup": {
+    "emit": "openLugasPopup",
+    "listen": "closeLugasPopup"
+  },
+};
+
+const userActionsCss = ":host{display:block}";
+
+const UserActions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.actionStack = [];
+    this.emitCurrentActionEvent = () => {
+      window.postMessage({ type: actionsMapping[this.actionStack[0].action].emit });
+    };
+    this.shiftActionStack = () => {
+      this.actionStack = this.actionStack.slice(1);
+    };
+  }
+  handleEvent(e) {
+    if (actionsMapping[this.actionStack[0].action].listen === e.data) {
+      this.shiftActionStack();
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    }
+  }
+  fetchUserActions() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userid}/legislation/actions`);
+    return fetch(url.href)
+      .then((response) => response.json())
+      .then(data => {
+      this.actionStack = data.actions;
+      if (this.actionStack.length > 0)
+        this.emitCurrentActionEvent();
+    });
+  }
+  componentWillLoad() {
+    return this.fetchUserActions();
+  }
+  render() {
+    return;
+  }
+  static get style() { return userActionsCss; }
+}, [1, "user-actions", {
+    "endpoint": [1],
+    "userid": [1],
+    "actionStack": [32]
+  }, [[8, "message", "handleEvent"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["user-actions"];
+  components.forEach(tagName => { switch (tagName) {
+    case "user-actions":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, UserActions$1);
+      }
+      break;
+  } });
+}
+
+const UserActions = UserActions$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UserActions, defineCustomElement };