@things-factory/auth-ui 4.0.28 → 4.0.33

package/client/components/abstract-auth-page.js

@@ -8,8 +8,9 @@ import '@things-factory/layout-ui/client/layouts/snack-bar'
 
 import { css, html, LitElement } from 'lit'
 
+import { ScrollbarStyles } from '@operato/styles'
+import { isSafari } from '@operato/utils'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { ScrollbarStyles } from '@things-factory/styles'
 
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
 
@@ -113,14 +114,16 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
           </div>
         </div>
 
-        <mwc-icon-button home icon="home" @click=${e => (window.location = '/')}></mwc-icon-button>
+        <mwc-icon-button home icon="home" @click=${e => (window.location.href = '/')}></mwc-icon-button>
         <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
 
-        <!--lottie animation begin-->
-        <div class="lottie-container">
-          <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
-        </div>
-        <!--lottie animation end-->
+        ${isSafari()
+          ? html``
+          : html`
+              <div class="lottie-container">
+                <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
+              </div>
+            `}
       </div>
     `
   }

package/client/components/abstract-password-reset.js

@@ -5,6 +5,7 @@ import '../components/profile-component'
 
 import { css, html } from 'lit'
 
+import { isSafari } from '@operato/utils'
 import { i18next } from '@things-factory/i18n-base'
 
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
@@ -124,11 +125,13 @@ export class AbstractPasswordReset extends AbstractAuthPage {
       </div>
       <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
 
-      <!--lottie animation begin-->
-      <div class="lottie-container">
-        <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
-      </div>
-      <!--lottie animation end-->
+      ${isSafari()
+        ? html``
+        : html`
+            <div class="lottie-container">
+              <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
+            </div>
+          `}
     `
   }
 

package/client/components/domain-switch.js

@@ -1,7 +1,7 @@
-import { LitElement, css, html } from 'lit'
-
-import { ScrollbarStyles } from '@things-factory/styles'
+import { css, html, LitElement } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
+
+import { ScrollbarStyles } from '@operato/styles'
 import { store } from '@things-factory/shell'
 
 export class DomainSwitch extends connect(store)(LitElement) {

package/client/components/my-login-history.js

@@ -1,11 +1,11 @@
 import '@operato/data-grist'
 
-import { LitElement, css, html } from 'lit'
-
-import { client } from '@things-factory/shell'
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { isMobileDevice } from '@operato/utils'
 import { i18next } from '@things-factory/i18n-base'
-import { isMobileDevice } from '@things-factory/utils'
+import { client } from '@things-factory/shell'
 
 class MyLoginHistory extends LitElement {
   static get properties() {

package/client/entries/auth/checkin.js

@@ -4,8 +4,9 @@ import '@operato/lottie-player'
 
 import { css, html, LitElement } from 'lit'
 
+import { ScrollbarStyles } from '@operato/styles'
+import { isSafari } from '@operato/utils'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { ScrollbarStyles } from '@things-factory/styles'
 
 import { AUTH_STYLE_SIGN } from '../../auth-style-sign'
 
@@ -139,11 +140,13 @@ export class AuthCheckIn extends localize(i18next)(LitElement) {
               : ''}
           </div>
 
-          <!--lottie animation begin-->
-          <div class="lottie-container">
-            <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
-          </div>
-          <!--lottie animation end-->
+          ${isSafari()
+            ? html``
+            : html`
+                <div class="lottie-container">
+                  <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
+                </div>
+              `}
         </div>
       </div>
     `

package/client/entries/auth/result.js

@@ -4,6 +4,7 @@ import '@operato/lottie-player'
 
 import { css, html, LitElement } from 'lit'
 
+import { isSafari } from '@operato/utils'
 import { i18next, localize } from '@things-factory/i18n-base'
 
 export class AuthResult extends localize(i18next)(LitElement) {
@@ -161,11 +162,13 @@ export class AuthResult extends localize(i18next)(LitElement) {
           ></mwc-button>
         </div>
 
-        <!--lottie animation begin-->
-        <div class="lottie-container">
-          <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
-        </div>
-        <!--lottie animation end-->
+        ${isSafari()
+          ? html``
+          : html`
+              <div class="lottie-container">
+                <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
+              </div>
+            `}
       </div>
     `
   }

package/client/entries/public/home.js

@@ -1,7 +1,8 @@
 import '@material/mwc-icon-button'
 import '@material/mwc-button'
 
-import { LitElement, css, html } from 'lit'
+import { css, html, LitElement } from 'lit'
+
 import { i18next, localize } from '@things-factory/i18n-base'
 
 export class HomePage extends localize(i18next)(LitElement) {
@@ -178,8 +179,8 @@ export class HomePage extends localize(i18next)(LitElement) {
     const explanation2 = this.explanation2 || 'Everything you need to go from where you are, to where you want to be.'
 
     return html`
-      <mwc-icon-button home icon="home" @click=${e => (window.location = '/')}></mwc-icon-button>
-      <mwc-button signin dense @click=${e => (window.location = '/auth/signin')}>sign in</mwc-button>
+      <mwc-icon-button home icon="home" @click=${e => (window.location.href = '/')}></mwc-icon-button>
+      <mwc-button signin dense @click=${e => (window.location.href = '/auth/signin')}>sign in</mwc-button>
 
       <div message>
         <strong>${tagline}</strong> ${explanation1} <br />

package/client/pages/app-binding/app-binding.js

@@ -1,11 +1,11 @@
-import { LitElement, css, html } from 'lit'
-import { PageView, client, navigate, store } from '@things-factory/shell'
-import { parseJwt, sleep } from '@things-factory/utils'
-
 import Clipboard from 'clipboard'
+import gql from 'graphql-tag'
+import { css, html } from 'lit'
 import { asyncReplace } from 'lit/directives/async-replace.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import gql from 'graphql-tag'
+
+import { parseJwt, sleep } from '@operato/utils'
+import { client, navigate, PageView, store } from '@things-factory/shell'
 
 class AppBinding extends connect(store)(PageView) {
   static get styles() {

package/client/pages/appliance/appliance.js

@@ -1,11 +1,11 @@
-import { PageView, client, navigate, store } from '@things-factory/shell'
-import { css, html } from 'lit'
-import { parseJwt, sleep } from '@things-factory/utils'
-
 import Clipboard from 'clipboard'
+import gql from 'graphql-tag'
+import { css, html } from 'lit'
 import { asyncReplace } from 'lit/directives/async-replace.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import gql from 'graphql-tag'
+
+import { parseJwt, sleep } from '@operato/utils'
+import { client, navigate, PageView, store } from '@things-factory/shell'
 
 class Appliance extends connect(store)(PageView) {
   static get styles() {

package/client/pages/domain/domain-management.js

@@ -1,15 +1,15 @@
 import '@operato/data-grist'
 import '../../components/create-domain-popup'
 
-import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
-import { CustomAlert, PageView, client, store } from '@things-factory/shell'
+import gql from 'graphql-tag'
 import { css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import { connect } from 'pwa-helpers/connect-mixin'
-import gql from 'graphql-tag'
-import { isMobileDevice } from '@things-factory/utils'
+
+import { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
+import { i18next, localize } from '@things-factory/i18n-base'
 import { openPopup } from '@things-factory/layout-base'
+import { client, PageView, store } from '@things-factory/shell'
 
 export class DomainManagement extends connect(store)(localize(i18next)(PageView)) {
   static get properties() {
@@ -197,7 +197,7 @@ export class DomainManagement extends connect(store)(localize(i18next)(PageView)
 
     const response = await client.query({
       query: gql`
-        query($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
           domains(filters: $filters, pagination: $pagination, sortings: $sortings) {
             items {
               id

package/client/pages/profile.js

@@ -1,10 +1,12 @@
-import { i18next, localize } from '@things-factory/i18n-base'
 import '@things-factory/i18n-ui/client/components/i18n-selector'
-import { PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { css, html } from 'lit'
 import '../components/profile-component'
 
+import { css, html } from 'lit'
+
+import { ScrollbarStyles } from '@operato/styles'
+import { i18next, localize } from '@things-factory/i18n-base'
+import { PageView } from '@things-factory/shell'
+
 export class AuthProfile extends localize(i18next)(PageView) {
   static get styles() {
     return [

package/client/utils/password-rule.js

@@ -1,19 +1,17 @@
 import { i18next } from '@things-factory/i18n-base'
 
-export { generatePasswordPatternRegExp } from '@things-factory/utils'
-export function generatePasswordPatternHelp(
-  {
-    lowerCase = true,
-    upperCase = true,
-    digit = true,
-    specialCharacter = true,
-    allowRepeat = false,
-    useTightPattern = true,
-    useLoosePattern = false,
-    tightCharacterLength = 8,
-    looseCharacterLength = 15
-  } = {}
-) {
+export { generatePasswordPatternRegExp } from '@operato/utils'
+export function generatePasswordPatternHelp({
+  lowerCase = true,
+  upperCase = true,
+  digit = true,
+  specialCharacter = true,
+  allowRepeat = false,
+  useTightPattern = true,
+  useLoosePattern = false,
+  tightCharacterLength = 8,
+  looseCharacterLength = 15
+} = {}) {
   var descriptions = []
 
   if (useLoosePattern) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/auth-ui",
-  "version": "4.0.28",
+  "version": "4.0.33",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -30,14 +30,14 @@
     "@material/mwc-icon-button": "^0.25.3",
     "@material/mwc-textarea": "^0.25.3",
     "@material/mwc-textfield": "^0.25.3",
-    "@operato/data-grist": "^0.3.4",
-    "@operato/lottie-player": "^0.3.4",
-    "@things-factory/auth-base": "^4.0.28",
-    "@things-factory/i18n-base": "^4.0.28",
-    "@things-factory/i18n-ui": "^4.0.28",
-    "@things-factory/layout-ui": "^4.0.28",
-    "@things-factory/more-base": "^4.0.28",
+    "@operato/data-grist": "^0.3.14",
+    "@operato/lottie-player": "^0.3.14",
+    "@things-factory/auth-base": "^4.0.33",
+    "@things-factory/i18n-base": "^4.0.33",
+    "@things-factory/i18n-ui": "^4.0.33",
+    "@things-factory/layout-ui": "^4.0.33",
+    "@things-factory/more-base": "^4.0.33",
     "clipboard": "^2.0.6"
   },
-  "gitHead": "fc526e27ae290a6fa3f001ce7ee75a2904b1d363"
+  "gitHead": "0cd5e3b224feb8d526dd5ebc0ee838ff55e2c91c"
 }