@things-factory/tutorial-ui 9.2.5 → 10.0.0-beta.10

package/client/pages/{tutorial-list.js → tutorial-list.ts}

@@ -8,9 +8,7 @@ import { client, PageView, store } from '@things-factory/shell'
 import { gqlBuilder } from '@things-factory/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-
-class TutorialList extends connect(store)(localize(i18next)(PageView)) {
+class TutorialList extends localize(i18next)(PageView) {
   static get properties() {
     return {
       _searchFields: Array,
@@ -281,10 +279,36 @@ class TutorialList extends connect(store)(localize(i18next)(PageView)) {
       })
   }
 
-  stateChanged(state) {
-    if (state.auth.user) {
-      this._user = state.auth && state.auth.user && state.auth.user.id
+  private _unsubscribe?: () => void
+
+
+  connectedCallback() {
+
+    super.connectedCallback()
+
+    this._applyState()
+
+    this._unsubscribe = store.subscribe(() => this._applyState())
+
+  }
+
+
+  disconnectedCallback() {
+
+    super.disconnectedCallback()
+
+    this._unsubscribe?.()
+
+  }
+
+
+  private _applyState() {
+
+    const __state__ = store.getState() as any
+if (__state__.auth.user) {
+      this._user = __state__.auth && __state__.auth.user && __state__.auth.user.id
     }
+
   }
 
   //Filter youtube url to get video id

package/client/pages/{tutorial-setting-list.js → tutorial-setting-list.ts}

@@ -4,15 +4,13 @@ import './tutorial-detail'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-
 import { openPopup } from '@operato/layout'
 import { i18next, localize } from '@operato/i18n'
 import { client, CustomAlert, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 
-class TutorialSettingList extends connect(store)(localize(i18next)(PageView)) {
+class TutorialSettingList extends localize(i18next)(PageView) {
   static get properties() {
     return {
       _searchFields: Array,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@things-factory/tutorial-ui",
-  "version": "9.2.5",
+  "version": "10.0.0-beta.10",
   "main": "dist-server/index.js",
-  "browser": "client/index.js",
+  "browser": "client/index.ts",
   "things-factory": true,
   "author": "joekin",
   "description": "UI module for handling app tutorial usage",
@@ -24,11 +24,11 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create ./server/migrations/migration"
   },
   "dependencies": {
-    "@operato/layout": "^9.0.0",
-    "@things-factory/i18n-base": "^9.2.5",
-    "@things-factory/more-base": "^9.2.5",
-    "@things-factory/shell": "^9.2.5",
-    "@things-factory/tutorial-base": "^9.2.5"
+    "@operato/layout": "^10.0.0-beta.1",
+    "@things-factory/i18n-base": "^10.0.0-beta.10",
+    "@things-factory/more-base": "^10.0.0-beta.10",
+    "@things-factory/shell": "^10.0.0-beta.10",
+    "@things-factory/tutorial-base": "^10.0.0-beta.10"
   },
-  "gitHead": "d3622f475ae3bab84322d31b064cc4cda20f7062"
+  "gitHead": "95acadd39e9a0ff3b2f34d9f7082142395903179"
 }