@things-factory/auth-ui 4.0.27 → 4.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/client/components/abstract-auth-page.js +9 -6
  2. package/client/components/abstract-password-reset.js +9 -5
  3. package/client/entries/auth/activate.js +2 -0
  4. package/client/entries/auth/checkin.js +9 -5
  5. package/client/entries/auth/result.js +9 -5
  6. package/client/entries/public/home.js +4 -3
  7. package/package.json +9 -9
package/client/components/abstract-auth-page.js CHANGED
@@ -13,6 +13,7 @@ import { ScrollbarStyles } from '@things-factory/styles'
13
13
 
14
14
  import { AUTH_STYLE_SIGN } from '../auth-style-sign'
15
15
 
16
+ const isSafari = !navigator.userAgent.match(/chrome|chromium|crios/i) && navigator.userAgent.match(/safari/i)
16
17
  export class AbstractAuthPage extends localize(i18next)(LitElement) {
17
18
  static get styles() {
18
19
  return [
@@ -113,14 +114,16 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
113
114
  </div>
114
115
  </div>
115
116
 
116
- <mwc-icon-button home icon="home" @click=${e => (window.location = '/')}></mwc-icon-button>
117
+ <mwc-icon-button home icon="home" @click=${e => (window.location.href = '/')}></mwc-icon-button>
117
118
  <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
118
119
 
119
- <!--lottie animation begin-->
120
- <div class="lottie-container">
121
- <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
122
- </div>
123
- <!--lottie animation end-->
120
+ ${isSafari
121
+ ? html``
122
+ : html`
123
+ <div class="lottie-container">
124
+ <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
125
+ </div>
126
+ `}
124
127
  </div>
125
128
  `
126
129
  }
package/client/components/abstract-password-reset.js CHANGED
@@ -11,6 +11,8 @@ import { AUTH_STYLE_SIGN } from '../auth-style-sign'
11
11
  import { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../utils/password-rule'
12
12
  import { AbstractAuthPage } from './abstract-auth-page'
13
13
 
14
+ const isSafari = !navigator.userAgent.match(/chrome|chromium|crios/i) && navigator.userAgent.match(/safari/i)
15
+
14
16
  export class AbstractPasswordReset extends AbstractAuthPage {
15
17
  static get styles() {
16
18
  return [
@@ -124,11 +126,13 @@ export class AbstractPasswordReset extends AbstractAuthPage {
124
126
  </div>
125
127
  <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
126
128
 
127
- <!--lottie animation begin-->
128
- <div class="lottie-container">
129
- <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
130
- </div>
131
- <!--lottie animation end-->
129
+ ${isSafari
130
+ ? html``
131
+ : html`
132
+ <div class="lottie-container">
133
+ <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
134
+ </div>
135
+ `}
132
136
  `
133
137
  }
134
138
 
package/client/entries/auth/activate.js CHANGED
@@ -6,6 +6,8 @@ import { css, html, LitElement } from 'lit'
6
6
 
7
7
  import { i18next, localize } from '@things-factory/i18n-base'
8
8
 
9
+ const isSafari = !navigator.userAgent.match(/chrome|chromium|crios/i) && navigator.userAgent.match(/safari/i)
10
+
9
11
  export class AuthActivate extends localize(i18next)(LitElement) {
10
12
  static get styles() {
11
13
  return [
package/client/entries/auth/checkin.js CHANGED
@@ -9,6 +9,8 @@ import { ScrollbarStyles } from '@things-factory/styles'
9
9
 
10
10
  import { AUTH_STYLE_SIGN } from '../../auth-style-sign'
11
11
 
12
+ const isSafari = !navigator.userAgent.match(/chrome|chromium|crios/i) && navigator.userAgent.match(/safari/i)
13
+
12
14
  export class AuthCheckIn extends localize(i18next)(LitElement) {
13
15
  static get properties() {
14
16
  return {
@@ -139,11 +141,13 @@ export class AuthCheckIn extends localize(i18next)(LitElement) {
139
141
  : ''}
140
142
  </div>
141
143
 
142
- <!--lottie animation begin-->
143
- <div class="lottie-container">
144
- <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
145
- </div>
146
- <!--lottie animation end-->
144
+ ${isSafari
145
+ ? html``
146
+ : html`
147
+ <div class="lottie-container">
148
+ <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
149
+ </div>
150
+ `}
147
151
  </div>
148
152
  </div>
149
153
  `
package/client/entries/auth/result.js CHANGED
@@ -6,6 +6,8 @@ import { css, html, LitElement } from 'lit'
6
6
 
7
7
  import { i18next, localize } from '@things-factory/i18n-base'
8
8
 
9
+ const isSafari = !navigator.userAgent.match(/chrome|chromium|crios/i) && navigator.userAgent.match(/safari/i)
10
+
9
11
  export class AuthResult extends localize(i18next)(LitElement) {
10
12
  static get styles() {
11
13
  return [
@@ -161,11 +163,13 @@ export class AuthResult extends localize(i18next)(LitElement) {
161
163
  ></mwc-button>
162
164
  </div>
163
165
 
164
- <!--lottie animation begin-->
165
- <div class="lottie-container">
166
- <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
167
- </div>
168
- <!--lottie animation end-->
166
+ ${isSafari
167
+ ? html``
168
+ : html`
169
+ <div class="lottie-container">
170
+ <lottie-player autoplay loop src="../../assets/images/background-animation.json"></lottie-player>
171
+ </div>
172
+ `}
169
173
  </div>
170
174
  `
171
175
  }
package/client/entries/public/home.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import '@material/mwc-icon-button'
2
2
  import '@material/mwc-button'
3
3
 
4
- import { LitElement, css, html } from 'lit'
4
+ import { css, html, LitElement } from 'lit'
5
+
5
6
  import { i18next, localize } from '@things-factory/i18n-base'
6
7
 
7
8
  export class HomePage extends localize(i18next)(LitElement) {
@@ -178,8 +179,8 @@ export class HomePage extends localize(i18next)(LitElement) {
178
179
  const explanation2 = this.explanation2 || 'Everything you need to go from where you are, to where you want to be.'
179
180
 
180
181
  return html`
181
- <mwc-icon-button home icon="home" @click=${e => (window.location = '/')}></mwc-icon-button>
182
- <mwc-button signin dense @click=${e => (window.location = '/auth/signin')}>sign in</mwc-button>
182
+ <mwc-icon-button home icon="home" @click=${e => (window.location.href = '/')}></mwc-icon-button>
183
+ <mwc-button signin dense @click=${e => (window.location.href = '/auth/signin')}>sign in</mwc-button>
183
184
 
184
185
  <div message>
185
186
  <strong>${tagline}</strong> ${explanation1} <br />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/auth-ui",
3
- "version": "4.0.27",
3
+ "version": "4.0.32",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "client/index.js",
6
6
  "things-factory": true,
@@ -30,14 +30,14 @@
30
30
  "@material/mwc-icon-button": "^0.25.3",
31
31
  "@material/mwc-textarea": "^0.25.3",
32
32
  "@material/mwc-textfield": "^0.25.3",
33
- "@operato/data-grist": "^0.3.2",
34
- "@operato/lottie-player": "^0.3.2",
35
- "@things-factory/auth-base": "^4.0.27",
36
- "@things-factory/i18n-base": "^4.0.27",
37
- "@things-factory/i18n-ui": "^4.0.27",
38
- "@things-factory/layout-ui": "^4.0.27",
39
- "@things-factory/more-base": "^4.0.27",
33
+ "@operato/data-grist": "^0.3.7",
34
+ "@operato/lottie-player": "^0.3.7",
35
+ "@things-factory/auth-base": "^4.0.32",
36
+ "@things-factory/i18n-base": "^4.0.32",
37
+ "@things-factory/i18n-ui": "^4.0.32",
38
+ "@things-factory/layout-ui": "^4.0.32",
39
+ "@things-factory/more-base": "^4.0.32",
40
40
  "clipboard": "^2.0.6"
41
41
  },
42
- "gitHead": "276eaface2890c8f229ce6c9f64cde9c6b1e0083"
42
+ "gitHead": "a1a16e7d4531ae3ff035295fc7bf05bf0d3153a7"
43
43
  }