@nanoporetech-digital/components 7.9.1 → 8.0.0-alpha.0

package/dist/collection/components/global-nav/assets/local-my-account.json

@@ -1,447 +0,0 @@
-{
-  "user": {
-    "id": "john.jenkins",
-    "uuid": "2589690E-A907-50BB-9551-55E18ABB1273",
-    "name": "John Jenkins",
-    "first_name": "John",
-    "last_name": "Jenkins",
-    "email": "john.jenkins@nanoporetech.com",
-    "company": "Oxford Nanopore Technologies",
-    "lifecycle_stage": "Other",
-    "indirect_customer": false,
-    "registration": {
-      "next_url": null
-    },
-    "covid19_store_access": false,
-    "ncm20_user_group": false,
-    "job_title": "Tester",
-    "small_avatar_url": null,
-    "country_code": "GB"
-  },
-  "domains": [
-    {
-      "origin": "cws",
-      "domain": "nanoporetech.com"
-    },
-    {
-      "origin": "store",
-      "domain": "store.nanoporetech.com"
-    },
-    {
-      "origin": "community",
-      "domain": "community.nanoporetech.com"
-    }
-  ],
-  "cart": {
-    "count": 0,
-    "url": "https://shop-test.nanoporetech.com/checkout/cart"
-  },
-  "notifications": {
-    "count": 0
-  },
-  "links": [
-    {
-      "id": 1,
-      "area": "main",
-      "address": "#",
-      "title": "Trousers",
-      "order": 1,
-      "target": null
-    },
-    {
-      "id": 2,
-      "area": "logged-out",
-      "address": "#",
-      "title": "Mouse",
-      "order": 1,
-      "target": null
-    },
-    {
-      "id": 20,
-      "area": "profile-panel-block",
-      "address": "https://nanoporetech.com/about-us/news",
-      "title": "News",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 21,
-      "area": "profile-panel-block",
-      "address": "https://nanoporetech.com/about-us",
-      "title": "About",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 22,
-      "area": "profile-panel-block",
-      "address": "https://nanoporetech.com/contact",
-      "title": "Contact",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 28,
-      "area": "right-side-logged-out",
-      "address": "https://nanoporetech.com/contact",
-      "title": "Contact",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 29,
-      "area": "right-side-logged-out",
-      "address": "https://nanoporetech.com/about-us/news",
-      "title": "News",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 30,
-      "area": "right-side-logged-out",
-      "address": "https://nanoporetech.com/about-us",
-      "title": "About",
-      "order": 3,
-      "target": ""
-    },
-    {
-      "id": 9,
-      "area": "right-side-logged-in",
-      "address": "https://nanoporetech.com/contact",
-      "title": "Contact",
-      "order": 4,
-      "target": ""
-    },
-    {
-      "id": 10,
-      "area": "right-side-logged-in",
-      "address": "https://nanoporetech.com/about-us/news",
-      "title": "News",
-      "order": 4,
-      "target": ""
-    },
-    {
-      "id": 11,
-      "area": "right-side-logged-in",
-      "address": "https://nanoporetech.com/about-us",
-      "title": "About",
-      "order": 4,
-      "target": ""
-    },
-    {
-      "id": 12,
-      "area": "right-side-logged-in",
-      "address": "https://nanoporetech.com/events",
-      "title": "Events",
-      "order": 4,
-      "target": ""
-    },
-    {
-      "id": 23,
-      "area": "left-side-logged-out",
-      "address": "https://nanoporetech.com/",
-      "title": "Nanoporetech",
-      "order": 5,
-      "target": ""
-    },
-    {
-      "id": 24,
-      "area": "left-side-logged-out",
-      "address": "https://metrichor.com/",
-      "title": "Metrichor",
-      "order": 5,
-      "target": ""
-    },
-    {
-      "id": 25,
-      "area": "left-side-logged-out",
-      "address": "https://community.nanoporetech.com/",
-      "title": "Community",
-      "order": 5,
-      "target": ""
-    },
-    {
-      "id": 26,
-      "area": "left-side-logged-out",
-      "address": "https://nanoporetech.com/events",
-      "title": "Events",
-      "order": 5,
-      "target": ""
-    },
-    {
-      "id": 27,
-      "area": "left-side-logged-out",
-      "address": "https://store.nanoporetech.com",
-      "title": "Store",
-      "order": 5,
-      "target": ""
-    },
-    {
-      "id": 3,
-      "area": "left-side-logged-in",
-      "address": "https://nanoporetech.com/",
-      "title": "Nanoporetech",
-      "order": 6,
-      "target": ""
-    },
-    {
-      "id": 4,
-      "area": "left-side-logged-in",
-      "address": "https://metrichor.com/",
-      "title": "Metrichor",
-      "order": 6,
-      "target": ""
-    },
-    {
-      "id": 5,
-      "area": "left-side-logged-in",
-      "address": "https://community.nanoporetech.com/",
-      "title": "Community",
-      "order": 6,
-      "target": ""
-    },
-    {
-      "id": 6,
-      "area": "left-side-logged-in",
-      "address": "https://nanoporetech.com/events",
-      "title": "Events",
-      "order": 6,
-      "target": ""
-    },
-    {
-      "id": 7,
-      "area": "left-side-logged-in",
-      "address": "https://store.nanoporetech.com",
-      "title": "Store",
-      "order": 6,
-      "target": ""
-    },
-    {
-      "id": 8,
-      "area": "left-side-logged-in",
-      "address": "https://epi2me.nanoporetech.com",
-      "title": "EPI2ME",
-      "order": 6,
-"target": "_blank"
-    },
-    {
-      "id": 13,
-      "area": "profile-panel-list",
-      "address": "https://community.nanoporetech.com/",
-      "title": "Community Dashboard",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 14,
-      "area": "profile-panel-list",
-      "address": "https://myaccount.nanoporetech.com/message_centre",
-      "title": "Messages",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 15,
-      "area": "profile-panel-list",
-      "address": "https://community.nanoporetech.com/my-activity",
-      "title": "My Activity",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 16,
-      "area": "profile-panel-list",
-      "address": "https://myaccount.nanoporetech.com/home",
-      "title": "My Account",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 17,
-      "area": "profile-panel-list",
-      "address": "https://myaccount.nanoporetech.com/account/teams",
-      "title": "Team Management ",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 18,
-      "area": "profile-panel-list",
-      "address": "https://nanoporetech.com/resource-centre/publications",
-      "title": "Publications",
-      "order": 7,
-      "target": ""
-    },
-    {
-      "id": 19,
-      "area": "profile-panel-list",
-      "address": "https://myaccount.nanoporetech.com/profile/status",
-      "title": "Preferences",
-      "order": 7,
-      "target": ""
-    }
-  ],
-  "urls": {
-    "forgot_password": "https://myaccount-dev.nanoporetech.com/profile/details#password-form?RelayState=",
-    "logout": "https://myaccount-dev.nanoporetech.com/sso/logout?RelayState=",
-    "login": null,
-    "messages": "https://myaccount-dev.nanoporetech.com/message_centre",
-    "cart": "https://test.store.nanoporetech.com/cart"
-  },
-  "search": {
-    "app_id": "N8NZI5A47F",
-    "api_key": "b38860b015b02c9cb6993cf0367ed203",
-    "indeces": [
-      {
-        "index": "ont_dev_en_v3",
-        "name": "All",
-        "domain": "nanoporetech.com",
-        "all_group": true,
-        "filters": [
-          "tags",
-          "type"
-        ],
-        "replicas": [
-          {
-            "name": "Sort by: Most relevant",
-            "index": "ont_dev_en_v3"
-          },
-          {
-            "name": "Sort by: Newest",
-            "index": "ont_dev_en_v3_date_desc"
-          },
-          {
-            "name": "Sort by: Oldest",
-            "index": "ont_dev_en_v3_date_asc"
-          },
-          {
-            "name": "Sort by: Recent activity",
-            "index": "ont_dev_en_v3_activity_date_desc"
-          }
-        ]
-      },
-      {
-        "index": "cws_english_en",
-        "name": "www",
-        "domain": "nanoporetech.com",
-        "filters": [
-          "tags",
-          "type"
-        ],
-        "replicas": [
-          {
-            "name": "Sort by: Most relevant",
-            "index": "cws_english_en"
-          },
-          {
-            "name": "Sort by: Newest",
-            "index": "cws_english_en_date_desc"
-          },
-          {
-            "name": "Sort by: Oldest",
-            "index": "cws_english_en_date_asc"
-          },
-          {
-            "name": "Sort by: Recent activity",
-            "index": "cws_english_en_activity_date_desc"
-          }
-        ]
-      },
-      {
-        "index": "store_prod",
-        "name": "Store",
-        "domain": "store.nanoporetech.com",
-        "filters": [
-          "type"
-        ],
-        "replicas": [
-          {
-            "name": "Sort by: Most relevant",
-            "index": "store_prod"
-          },
-          {
-            "name": "Sort by: Newest",
-            "index": "store_date_desc"
-          },
-          {
-            "name": "Sort by: Oldest",
-            "index": "store_date_asc"
-          }
-        ]
-      },
-      {
-        "index": "cws_english_resources_en",
-        "name": "Resources",
-        "domain": "nanoporetech.com",
-        "filters": [
-          "tags"
-        ],
-        "replicas": [
-          {
-            "name": "Sort by: Most relevant",
-            "index": "cws_english_resources_en"
-          },
-          {
-            "name": "Sort by: Newest",
-            "index": "cws_english_resources_en_date_desc"
-          },
-          {
-            "name": "Sort by: Oldest",
-            "index": "cws_english_resources_en_date_asc"
-          }
-        ]
-      },
-      {
-        "index": "community_prod",
-        "name": "Community",
-        "domain": "community.nanoporetech.com",
-        "filters": [
-          "type",
-          "channel",
-          "authors",
-          "tags"
-        ],
-        "replicas": [
-          {
-            "name": "Sort by: Most relevant",
-            "index": "community_prod"
-          },
-          {
-            "name": "Sort by: Newest",
-            "index": "community_prod_date_desc"
-          },
-          {
-            "name": "Sort by: Oldest",
-            "index": "community_prod_date_asc"
-          },
-          {
-            "name": "Sort by: Recent activity",
-            "index": "community_prod_activity_date_desc"
-          }
-        ]
-      }
-    ]
-  },
-  "promotion": {
-    "header": {
-      "img": "https://nanoporetech.com/sites/default/files/s3/gn-promotion-lc20.png",
-      "label": "London Calling 2020 Online",
-      "url": "https://londoncallingconf.co.uk/lc20"
-    },
-    "description": "A conference hosted by Oxford Nanopore Technologies",
-    "meta": [
-      {
-        "icon": "calendar",
-        "label": "18th - 19th June 2020"
-      },
-      {
-        "icon": "map-marker",
-        "label": "Online"
-      }
-    ],
-    "cta": {
-      "label": "Register Now",
-      "url": "https://nanoporetech.com/lc-online/register"
-    }
-  }
-}

package/dist/collection/components/global-nav/global-nav-user-profile.js

@@ -1,70 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import { getAssetPath, } from "@stencil/core";
-import { h } from "../../utils/renderer";
-/**
- * Nanopore digital global navigation user profile.
- */
-export class GlobalNavUserProfile {
-    /**
-     * Logged in user details automatically populated from MyAccount
-     */
-    myAccountUser;
-    /**
-     * Link to the user profile
-     */
-    userProfileUrl;
-    // Render output
-    render() {
-        return (!!this.myAccountUser && (h("a", { key: 'af80219c25fba785b6f7d18afef4a41b9ced4765', href: this.userProfileUrl, class: "user-profile" }, h("div", { key: '6ae0f4f9b48782faadb43d1594159e3fad9ee63d', class: "left" }, h("div", { key: '0bd20abade1f0fe5822aba9c2217d80124d62b20', class: "avatar-container" }, h("img", { key: '1a7096bd20754f3faf5ab150da0ebe2fe2684188', class: "avatar", src: this.myAccountUser?.small_avatar_url, alt: "User Avatar", height: 75, width: 75 }), this.myAccountUser.is_nanopore_user && (h("img", { key: 'ad532ddde8267a7049820fb7ae39f0302f208db9', class: "logo-small", src: getAssetPath(`../nano-assets/ont-wheel-light.svg`), alt: "Nanopore Logo" }))), h("div", { key: '9521c0b57fcb9343a746b0d0243f111e0a014100', class: "user-details" }, h("span", { key: '710b0ab535abe256c1d778f0e7deda1f23465fb9', class: "name" }, this.myAccountUser.name), h("span", { key: 'c4e782a0a9e70b7e160bfd466430126d6d77cb28', class: "bio" }, this.myAccountUser.job_title, " at ", this.myAccountUser.company))), h("div", { key: '3725605d921254382356a40da96c45a9cc54d401', class: "right" }, h("div", { key: 'fd99f869ee248ce594b5fef4fe310cfe9a127dd4', class: "chevron-right" }, h("nano-icon", { key: '4e548bc839e06498c1f1641af7fe30715e572d97', slot: "icon-end", name: "light/chevron-right" }))))));
-    }
-    static get is() { return "nano-global-nav-user-profile"; }
-    static get properties() {
-        return {
-            "myAccountUser": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "MyAccountUser",
-                    "resolved": "MyAccountUser",
-                    "references": {
-                        "MyAccountUser": {
-                            "location": "import",
-                            "path": "./global-nav-interface",
-                            "id": "src/components/global-nav/global-nav-interface.d.ts::MyAccountUser"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Logged in user details automatically populated from MyAccount"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "userProfileUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Link to the user profile"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "user-profile-url",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=global-nav-user-profile.js.map

package/dist/collection/components/global-nav/global-nav-user-profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"global-nav-user-profile.js","sourceRoot":"","sources":["../../../../src/components/global-nav/global-nav-user-profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,YAAY,GAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAGzC;;GAEG;AAIH,MAAM,OAAO,oBAAoB;IAC/B;;OAEG;IACK,aAAa,CAAgB;IAErC;;OAEG;IACK,cAAc,CAAS;IAE/B,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,0DAAG,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAC,cAAc;YAChD,4DAAK,KAAK,EAAC,MAAM;gBACf,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,4DACE,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,EACzC,GAAG,EAAC,aAAa,EACjB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT;oBACD,IAAI,CAAC,aAAa,CAAC,gBAAgB,IAAI,CACtC,4DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EACvD,GAAG,EAAC,eAAe,GACnB,CACH,CACG;gBAEN,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAQ;oBAEnD,6DAAM,KAAK,EAAC,KAAK;wBACd,IAAI,CAAC,aAAa,CAAC,SAAS;;wBAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CACxD,CACH,CACF;YAEN,4DAAK,KAAK,EAAC,OAAO;gBAChB,4DAAK,KAAK,EAAC,eAAe;oBACxB,kEAAW,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,qBAAqB,GAAa,CAC9D,CACF,CACJ,CACL,CACF,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  getAssetPath,\n  ComponentInterface,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport { MyAccountUser } from './global-nav-interface';\n\n/**\n * Nanopore digital global navigation user profile.\n */\n@Component({\n  tag: 'nano-global-nav-user-profile',\n})\nexport class GlobalNavUserProfile implements ComponentInterface {\n  /**\n   * Logged in user details automatically populated from MyAccount\n   */\n  @Prop() myAccountUser: MyAccountUser;\n\n  /**\n   * Link to the user profile\n   */\n  @Prop() userProfileUrl: string;\n\n  // Render output\n\n  render() {\n    return (\n      !!this.myAccountUser && (\n        <a href={this.userProfileUrl} class=\"user-profile\">\n          <div class=\"left\">\n            <div class=\"avatar-container\">\n              <img\n                class=\"avatar\"\n                src={this.myAccountUser?.small_avatar_url}\n                alt=\"User Avatar\"\n                height={75}\n                width={75}\n              />\n              {this.myAccountUser.is_nanopore_user && (\n                <img\n                  class=\"logo-small\"\n                  src={getAssetPath(`../nano-assets/ont-wheel-light.svg`)}\n                  alt=\"Nanopore Logo\"\n                />\n              )}\n            </div>\n\n            <div class=\"user-details\">\n              <span class=\"name\">{this.myAccountUser.name}</span>\n\n              <span class=\"bio\">\n                {this.myAccountUser.job_title} at {this.myAccountUser.company}\n              </span>\n            </div>\n          </div>\n\n          <div class=\"right\">\n            <div class=\"chevron-right\">\n              <nano-icon slot=\"icon-end\" name=\"light/chevron-right\"></nano-icon>\n            </div>\n          </div>\n        </a>\n      )\n    );\n  }\n}\n"]}