@tapni/auth 1.0.8 → 1.0.9
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.
- package/README.md +2 -0
- package/dist/.vite/manifest.json +12 -12
- package/dist/.well-known/assetlinks.json +10 -12
- package/dist/.well-known/microsoft-identity-association.json +5 -5
- package/dist/{Apps-aanvwc1E.js → Apps-spt3-xmr.js} +1 -1
- package/dist/{Billing-C7LjeXBV.js → Billing-EQtSRyls.js} +1 -1
- package/dist/{CustomApp-Cd00FwXJ.js → CustomApp-DytcodWc.js} +1 -1
- package/dist/{General-DH-AnLIA.js → General-BBoC_TV2.js} +1 -1
- package/dist/{QR-cfWsMTIZ.js → QR-DmSyXgb5.js} +1 -1
- package/dist/TapniAuth.es.js +1 -1
- package/dist/TapniAuth.umd.js +8 -8
- package/dist/blank.html +31 -0
- package/dist/{install-CBFqB-tX.js → install-DJ7V1wyP.js} +761 -744
- package/dist/site.webmanifest +11 -1
- package/dist/style.css +1 -1
- package/package.json +14 -4
- package/src/.prettierrc.json +16 -0
- package/src/components/DELETE_LinkIcon.vue +174 -225
- package/src/components/DELETE_SSOPick.vue +93 -148
- package/src/eslint.config.js +15 -0
- package/src/install.js +9 -10
- package/src/main.js +54 -57
- package/src/mixins/apple.mixin.js +56 -54
- package/src/mixins/auth.mixin.js +3 -2
- package/src/mixins/global.mixin.js +2 -2
- package/src/mixins/google.mixin.js +53 -54
- package/src/mixins/qr-auth.mixin.js +111 -107
- package/src/router/index.js +6 -6
- package/src/routes.js +1 -1
- package/src/services/Api.js +55 -57
- package/src/services/CompanyService.js +10 -10
- package/src/services/DeviceService.js +3 -3
- package/src/services/UserService.js +45 -45
- package/src/services/UtilService.js +256 -218
- package/src/store/event-bus.js +22 -22
- package/src/store/locales/cn.js +442 -458
- package/src/store/locales/de.js +438 -517
- package/src/store/locales/es.js +442 -524
- package/src/store/locales/fr.js +442 -516
- package/src/store/locales/it.js +442 -514
- package/src/store/locales/kr.js +442 -491
- package/src/store/locales/lang.js +43 -43
- package/src/store/locales/sr.js +439 -492
- package/src/store/locales/tr.js +436 -487
- package/src/store/store.js +6 -6
- package/src/views/Account.vue +2 -2
- package/src/views/Callback.vue +36 -33
- package/src/views/Login.vue +3 -3
- package/src/views/Reset.vue +132 -135
- package/src/views/Verify.vue +153 -151
package/src/store/store.js
CHANGED
package/src/views/Account.vue
CHANGED
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
</div>
|
|
104
104
|
</router-link>
|
|
105
105
|
|
|
106
|
-
<router-link to="/apps" class="settingRow">
|
|
106
|
+
<router-link v-if="false" to="/apps" class="settingRow">
|
|
107
107
|
<div class="firstRow">
|
|
108
108
|
<img
|
|
109
109
|
:src="getIcon('apps-black.svg')"
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
</div>
|
|
116
116
|
</router-link>
|
|
117
117
|
|
|
118
|
-
<router-link to="/billing" class="settingRow">
|
|
118
|
+
<router-link v-if="false" to="/billing" class="settingRow">
|
|
119
119
|
<div class="firstRow">
|
|
120
120
|
<img
|
|
121
121
|
:src="getIcon('billing-card-black.svg')"
|
package/src/views/Callback.vue
CHANGED
|
@@ -1,46 +1,49 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
<div class="page-login content-boxed content-boxed-padding">
|
|
3
|
+
<h5 v-if="($route.query.platform === 'android' || $route.query.platform === 'ios') && !isNative" style="text-align: center; width: 80%; margin: 0 auto; margin-top: 260px">
|
|
4
|
+
{{ ssoLang[this.appLanguage].you_will_be_redirected }}<br />
|
|
5
|
+
{{ ssoLang[this.appLanguage].if_redirect_not_directly }}, <span @click="inAppRedirect" style="color: blue; cursor: pointer">{{ ssoLang[this.appLanguage].click_here }}</span
|
|
6
|
+
>.
|
|
7
|
+
</h5>
|
|
8
|
+
<h4 v-else style="text-align: center; width: 80%; margin: 0 auto; margin-top: 260px">{{ ssoLang[this.appLanguage].please_wait }}</h4>
|
|
9
|
+
</div>
|
|
8
10
|
</template>
|
|
9
11
|
|
|
10
12
|
<script>
|
|
11
13
|
/* eslint-disable */
|
|
12
|
-
import OktaMixin from
|
|
13
|
-
import SamlMixin from
|
|
14
|
-
import AuthMixin from
|
|
14
|
+
import OktaMixin from '../mixins/okta.mixin';
|
|
15
|
+
import SamlMixin from '../mixins/saml.mixin';
|
|
16
|
+
import AuthMixin from '../mixins/auth.mixin';
|
|
15
17
|
import { sanitizeUrl } from '@braintree/sanitize-url';
|
|
16
18
|
export default {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
name: 'AuthCallback',
|
|
20
|
+
mixins: [OktaMixin, SamlMixin, AuthMixin],
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
data() {
|
|
23
|
+
return {};
|
|
24
|
+
},
|
|
22
25
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
async mounted() {
|
|
27
|
-
if(this.$route.path === '/callback/auth') {
|
|
28
|
-
this.exchangeAuthCode({
|
|
29
|
-
code: this.$route.query.code
|
|
30
|
-
})
|
|
31
|
-
}
|
|
32
|
-
if(this.$route.path === '/callback/okta') return await this.handleOktaRedirect();
|
|
33
|
-
if(this.$route.path === '/callback/saml') return await this.handleSamlRedirect();
|
|
34
|
-
},
|
|
35
|
-
methods: {
|
|
36
|
-
inAppRedirect() {
|
|
37
|
-
let url = sanitizeUrl(location.href);
|
|
38
|
-
url = url.replace('http', 'tapni')
|
|
39
|
-
url = url.replace('https', 'tapni')
|
|
40
|
-
return window.open(url);
|
|
26
|
+
async mounted() {
|
|
27
|
+
if (this.$route.path === '/callback/redirect') {
|
|
28
|
+
return location.href = atob(this.$route.query.uri);
|
|
41
29
|
}
|
|
42
|
-
|
|
43
|
-
|
|
30
|
+
if (this.$route.path === '/callback/auth') {
|
|
31
|
+
this.exchangeAuthCode({
|
|
32
|
+
code: this.$route.query.code,
|
|
33
|
+
code_verifier: this.$route.query.code_verifier
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
if (this.$route.path === '/callback/okta') return await this.handleOktaRedirect();
|
|
37
|
+
if (this.$route.path === '/callback/saml') return await this.handleSamlRedirect();
|
|
38
|
+
},
|
|
39
|
+
methods: {
|
|
40
|
+
inAppRedirect() {
|
|
41
|
+
let url = sanitizeUrl(location.href);
|
|
42
|
+
url = url.replace('http', 'tapni');
|
|
43
|
+
url = url.replace('https', 'tapni');
|
|
44
|
+
return window.open(url);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
44
47
|
};
|
|
45
48
|
</script>
|
|
46
49
|
|
package/src/views/Login.vue
CHANGED
|
@@ -364,10 +364,10 @@ export default {
|
|
|
364
364
|
this.forceClose();
|
|
365
365
|
return this.errorSnack(this.ssoLang[this.appLanguage].no_sso_logins);
|
|
366
366
|
} else {
|
|
367
|
-
if (ssoTypes[
|
|
367
|
+
if (ssoTypes[1] === "azure")
|
|
368
368
|
this.microsoftLogin("sso", response.sso.azure.sso);
|
|
369
|
-
if (ssoTypes[
|
|
370
|
-
if (ssoTypes[
|
|
369
|
+
if (ssoTypes[1] === "okta") this.oktaLogin(response.sso.okta.sso);
|
|
370
|
+
if (ssoTypes[1] === "saml")
|
|
371
371
|
this.samlLogin(response.sso.saml.sso.loginUrl);
|
|
372
372
|
}
|
|
373
373
|
}
|
package/src/views/Reset.vue
CHANGED
|
@@ -1,155 +1,152 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
</p>
|
|
20
|
-
<div class="decoration decoration-lines-thin no-bottom half-top"></div>
|
|
2
|
+
<form v-if="!passwordChange" class="page-login content-boxed content-boxed-padding" @submit.prevent="resetEmail" autocomplete="on">
|
|
3
|
+
<h3 class="bold no-bottom center-text" style="margin-top: 63px">{{ ssoLang[this.appLanguage].reset_password }}</h3>
|
|
4
|
+
<p class="half-bottom small-top center-text color-black"></p>
|
|
5
|
+
<div class="page-login-field half-top color-black">
|
|
6
|
+
<i style="padding-top: 10px; margin-left: 10px">
|
|
7
|
+
<img src="https://cdn.tapni.co/icons/mail.png" class="responsive-image" style="width: 80%" />
|
|
8
|
+
</i>
|
|
9
|
+
<input id="emailInput" v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLanguage].email" required />
|
|
10
|
+
<em></em>
|
|
11
|
+
</div>
|
|
12
|
+
<button type="submit" class="button black-button google-button bg-tapni-grey button-90 button-center uppercase bold full-top">
|
|
13
|
+
<span v-if="!submitted" class="uppercase">{{ ssoLang[this.appLanguage].reset_password }}</span>
|
|
14
|
+
<span v-else class="button--loading button__loader"></span>
|
|
15
|
+
</button>
|
|
16
|
+
<div class="decoration decoration-lines-thin no-bottom half-top"></div>
|
|
17
|
+
<p class="close-text center-text half-top color-black"><span v-html="ssoLang[this.appLanguage].reset_password_p1"></span><a :href="'mailto:support@tapni.com?subject=' + ssoLang[this.appLanguage].password_reset_t"> support@tapni.com</a></p>
|
|
18
|
+
<div class="decoration decoration-lines-thin no-bottom half-top"></div>
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
20
|
+
<div class="page-login-links">
|
|
21
|
+
<router-link class="create float-right" to="/verify">{{ ssoLang[this.appLanguage].verify_account }}</router-link>
|
|
22
|
+
<router-link class="forgot float-left" to="/login">{{ ssoLang[this.appLanguage].sign_in }}</router-link>
|
|
23
|
+
<div class="clear"></div>
|
|
24
|
+
</div>
|
|
25
|
+
</form>
|
|
26
|
+
<form v-else class="page-login content-boxed content-boxed-padding" @submit.prevent="changePw">
|
|
27
|
+
<h3 class="bold no-bottom center-text" style="margin-top: 63px">{{ ssoLang[this.appLanguage].password_change }}</h3>
|
|
28
|
+
<p class="half-bottom small-top center-text color-black">{{ ssoLang[this.appLanguage].password_new }}</p>
|
|
29
|
+
<div class="page-login-field half-top">
|
|
30
|
+
<i style="padding-top: 15px">
|
|
31
|
+
<img src="https://cdn.tapni.co/icons/padlock.png" class="responsive-image" style="width: 50%" />
|
|
32
|
+
</i>
|
|
33
|
+
<input v-model="password" :type="revealPassword ? 'text' : 'password'" :placeholder="ssoLang[this.appLanguage].password" required />
|
|
34
|
+
<em @click="revealPassword = !revealPassword">
|
|
35
|
+
<img v-show="!revealPassword" src="https://cdn.tapni.co/icons/reveal-password.png" class="responsive-image password-reveal-icon" />
|
|
36
|
+
<img v-show="revealPassword" src="https://cdn.tapni.co/icons/hide-password.png" class="responsive-image password-reveal-icon" />
|
|
37
|
+
</em>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="page-login-field half-top">
|
|
40
|
+
<i style="padding-top: 15px">
|
|
41
|
+
<img src="https://cdn.tapni.co/icons/padlock.png" class="responsive-image" style="width: 50%" />
|
|
42
|
+
</i>
|
|
43
|
+
<input v-model="passwordRepeat" :type="revealPassword2 ? 'text' : 'password'" :placeholder="ssoLang[this.appLanguage].password_repeat" required />
|
|
44
|
+
<em @click="revealPassword2 = !revealPassword2">
|
|
45
|
+
<img v-show="!revealPassword2" src="https://cdn.tapni.co/icons/reveal-password.png" class="responsive-image password-reveal-icon" />
|
|
46
|
+
<img v-show="revealPassword2" src="https://cdn.tapni.co/icons/hide-password.png" class="responsive-image password-reveal-icon" />
|
|
47
|
+
</em>
|
|
48
|
+
</div>
|
|
49
|
+
<button type="submit" class="button black-button google-button bg-tapni-grey button-90 button-center uppercase bold full-top">
|
|
50
|
+
<span v-if="!submitted" class="uppercase">{{ ssoLang[this.appLanguage].password_change }}</span>
|
|
51
|
+
<span v-else class="button--loading button__loader"></span>
|
|
52
|
+
</button>
|
|
55
53
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
</p>
|
|
60
|
-
</form>
|
|
54
|
+
<div class="decoration decoration-lines-thin no-bottom half-top"></div>
|
|
55
|
+
<p class="close-text center-text half-top color-black"><span v-html="ssoLang[this.appLanguage].reset_password_p2"></span> <a :href="'mailto:support@tapni.com?subject=' + ssoLang[this.appLanguage].password_reset_t"> support@tapni.com</a></p>
|
|
56
|
+
</form>
|
|
61
57
|
</template>
|
|
62
58
|
|
|
63
59
|
<script>
|
|
64
|
-
import AuthMixin from
|
|
65
|
-
import {EventBus} from
|
|
60
|
+
import AuthMixin from '../mixins/auth.mixin';
|
|
61
|
+
import { EventBus } from '../store/event-bus';
|
|
66
62
|
|
|
67
63
|
export default {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
64
|
+
name: 'AuthReset',
|
|
65
|
+
mixins: [AuthMixin],
|
|
66
|
+
data() {
|
|
67
|
+
return {
|
|
68
|
+
loading: true,
|
|
69
|
+
submitted: false,
|
|
70
|
+
passwordChange: false,
|
|
71
|
+
email: '',
|
|
72
|
+
password: '',
|
|
73
|
+
passwordRepeat: '',
|
|
74
|
+
code: '',
|
|
75
|
+
captcha: '',
|
|
76
|
+
revealPassword: false,
|
|
77
|
+
revealPassword2: false
|
|
78
|
+
};
|
|
79
|
+
},
|
|
80
|
+
mounted() {
|
|
81
|
+
if (this.$storex.verifyEmail) {
|
|
82
|
+
this.email = this.$storex.verifyEmail;
|
|
83
|
+
}
|
|
84
|
+
if (this.$route.query.c) {
|
|
85
|
+
this.code = this.$route.query.c;
|
|
86
|
+
this.passwordChange = true;
|
|
87
|
+
}
|
|
88
|
+
if (this.$route.query.e) {
|
|
89
|
+
this.email = this.$route.query.e;
|
|
90
|
+
}
|
|
91
|
+
EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
|
|
92
|
+
},
|
|
93
|
+
methods: {
|
|
94
|
+
async resetEmail() {
|
|
95
|
+
// if (this.captcha === '') return this.errorHandler({ message: 'Please select recaptcha' });
|
|
100
96
|
|
|
101
|
-
|
|
102
|
-
|
|
97
|
+
if (this.submitted) return;
|
|
98
|
+
this.submitted = true;
|
|
103
99
|
|
|
104
|
-
|
|
100
|
+
this.email = this.email.trim();
|
|
105
101
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
102
|
+
let data = {
|
|
103
|
+
email: this.email,
|
|
104
|
+
captchaToken: await this.getCaptchaToken('password_reset')
|
|
105
|
+
};
|
|
110
106
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
107
|
+
await this.reset(data);
|
|
108
|
+
this.submitted = false;
|
|
109
|
+
await this.$router.push('/verify?e=' + this.email + '#reset');
|
|
110
|
+
},
|
|
111
|
+
async changePw() {
|
|
112
|
+
// if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
|
|
113
|
+
if (this.code.length !== 6) return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
|
|
114
|
+
if (this.password !== this.passwordRepeat) return this.errorSnack(this.ssoLang[this.appLanguage].password_not_match);
|
|
114
115
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
// if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
|
|
118
|
-
if (this.code.length !== 6) return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
|
|
119
|
-
if (this.password !== this.passwordRepeat) return this.errorSnack(this.ssoLang[this.appLanguage].password_not_match);
|
|
116
|
+
if (this.submitted) return;
|
|
117
|
+
this.submitted = true;
|
|
120
118
|
|
|
121
|
-
|
|
122
|
-
|
|
119
|
+
this.email = this.email.trim();
|
|
120
|
+
this.code = this.code.trim();
|
|
123
121
|
|
|
124
|
-
|
|
125
|
-
|
|
122
|
+
let data = {
|
|
123
|
+
email: this.email,
|
|
124
|
+
code: this.code,
|
|
125
|
+
password: this.password,
|
|
126
|
+
passwordRepeat: this.passwordRepeat,
|
|
127
|
+
captchaToken: await this.getCaptchaToken('password_reset')
|
|
128
|
+
};
|
|
126
129
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
watch: {
|
|
144
|
-
email(nv) { this.$storex.verifyEmail = nv }
|
|
145
|
-
}
|
|
146
|
-
}
|
|
130
|
+
let success = await this.changePassword(data);
|
|
131
|
+
this.submitted = false;
|
|
132
|
+
if (success === true) {
|
|
133
|
+
this.$router.push('/login');
|
|
134
|
+
this.successSnack(this.ssoLang[this.appLanguage].password_reseted_success);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
watch: {
|
|
139
|
+
email(nv) {
|
|
140
|
+
this.$storex.verifyEmail = nv;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
};
|
|
147
144
|
</script>
|
|
148
145
|
|
|
149
146
|
<style scoped>
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
147
|
+
#emailInput {
|
|
148
|
+
text-align: center;
|
|
149
|
+
padding-right: 15%;
|
|
150
|
+
font-size: 17px;
|
|
151
|
+
}
|
|
155
152
|
</style>
|