@sowell/quasar-app-extension-auth 0.4.7 → 0.4.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/package.json +1 -1
- package/src/components/dialogs/Message.vue +4 -1
- package/src/components/dialogs/sw-info-dialog.vue +10 -3
- package/src/components/pages/OtpValidation.vue +8 -3
- package/src/components/pages/ResetPassword.vue +8 -2
- package/src/components/pages/WebResetPassword.vue +9 -3
- package/src/composables/auth.ts +5 -1
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<q-card style="max-width: 343px; border-radius: 10px; background: #f4f5f6">
|
|
2
|
+
<q-card style="max-width: 343px; border-radius: 10px; background: #f4f5f6" data-testid="feedback-dialog">
|
|
3
3
|
<q-card-section class="text-center q-mt-lg">
|
|
4
4
|
<img
|
|
5
5
|
v-if="emailSended"
|
|
@@ -23,11 +23,13 @@
|
|
|
23
23
|
class="text-subtitle1 q-mt-sm q-mb-md text-center text-dark"
|
|
24
24
|
style="font-size: 24px; font-weight: 600"
|
|
25
25
|
data-cy="resetErrorMessage"
|
|
26
|
+
data-testid="header-dialog"
|
|
26
27
|
>
|
|
27
28
|
{{ messageTitle }}
|
|
28
29
|
</div>
|
|
29
30
|
<div
|
|
30
31
|
data-cy="resetMessage"
|
|
32
|
+
data-testid="message-dialog"
|
|
31
33
|
class="text-subtitle1 q-mt-sm text-center"
|
|
32
34
|
style="font-size: 16px; font-weight: 400"
|
|
33
35
|
>
|
|
@@ -57,6 +59,7 @@
|
|
|
57
59
|
/>
|
|
58
60
|
<slot>
|
|
59
61
|
<q-btn
|
|
62
|
+
data-testid="close-btn"
|
|
60
63
|
class="q-mt-md full-width"
|
|
61
64
|
unelevated
|
|
62
65
|
style="background: #fff"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<q-card>
|
|
2
|
+
<q-card data-testid="feedback-dialog">
|
|
3
3
|
<q-card-section class="top">
|
|
4
4
|
<div class="full-width button-close row justify-end">
|
|
5
5
|
<q-btn
|
|
@@ -19,10 +19,16 @@
|
|
|
19
19
|
</q-card-section>
|
|
20
20
|
|
|
21
21
|
<q-card-section class="content q-pl-lg q-pr-lg">
|
|
22
|
-
<h5
|
|
22
|
+
<h5
|
|
23
|
+
class="q-mt-sm q-mb-md text-center text-dark"
|
|
24
|
+
data-testid="header-dialog"
|
|
25
|
+
>
|
|
23
26
|
{{ title }}
|
|
24
27
|
</h5>
|
|
25
|
-
<div
|
|
28
|
+
<div
|
|
29
|
+
class="text-subtitle1 q-mt-sm text-center text-dark"
|
|
30
|
+
data-testid="message-dialog"
|
|
31
|
+
>
|
|
26
32
|
{{ content }}
|
|
27
33
|
</div>
|
|
28
34
|
</q-card-section>
|
|
@@ -30,6 +36,7 @@
|
|
|
30
36
|
<div>
|
|
31
37
|
<slot>
|
|
32
38
|
<q-btn
|
|
39
|
+
data-testid="close-btn"
|
|
33
40
|
class="bg-white submitBtn"
|
|
34
41
|
unelevated
|
|
35
42
|
outline
|
|
@@ -27,12 +27,17 @@
|
|
|
27
27
|
>
|
|
28
28
|
{{ $t("auth.subtitleOtpValidation") }}
|
|
29
29
|
</div>
|
|
30
|
-
<q-form
|
|
30
|
+
<q-form
|
|
31
|
+
class="column form"
|
|
32
|
+
data-testid="otp-validation-form"
|
|
33
|
+
@submit="onSubmit"
|
|
34
|
+
>
|
|
31
35
|
<div>
|
|
32
36
|
<div class="q-mb-sm" style="font-size: 14px; font-weight: 600">
|
|
33
37
|
{{ $t("auth.validationCode") }}
|
|
34
38
|
</div>
|
|
35
39
|
<q-input
|
|
40
|
+
data-testid="otp-input"
|
|
36
41
|
v-model="otp"
|
|
37
42
|
dense
|
|
38
43
|
:borderless="isReporterUi"
|
|
@@ -46,6 +51,7 @@
|
|
|
46
51
|
<q-space />
|
|
47
52
|
<div class="row justify-between">
|
|
48
53
|
<q-btn
|
|
54
|
+
data-testid="next-btn"
|
|
49
55
|
:label="$t('auth.next')"
|
|
50
56
|
color="primary"
|
|
51
57
|
:loading="loading"
|
|
@@ -54,12 +60,11 @@
|
|
|
54
60
|
class="submitBtn"
|
|
55
61
|
data-cy="send-new-otp"
|
|
56
62
|
:disable="canSubmit"
|
|
57
|
-
@click="onSubmit"
|
|
58
63
|
/>
|
|
59
64
|
<q-btn
|
|
65
|
+
data-testid="back-btn"
|
|
60
66
|
:label="$t('auth.login')"
|
|
61
67
|
text-color="primary"
|
|
62
|
-
type="submit"
|
|
63
68
|
no-caps
|
|
64
69
|
data-cy="login-page"
|
|
65
70
|
@click="() => router.push(LOCAL_LOGIN_ROUTE)"
|
|
@@ -24,12 +24,17 @@
|
|
|
24
24
|
>
|
|
25
25
|
{{ $t("auth.recommendPassword") }}
|
|
26
26
|
</div>
|
|
27
|
-
<q-form
|
|
27
|
+
<q-form
|
|
28
|
+
class="column form"
|
|
29
|
+
@submit="onSubmit"
|
|
30
|
+
data-testid="reset-password-form"
|
|
31
|
+
>
|
|
28
32
|
<div>
|
|
29
33
|
<div class="q-mb-sm" style="font-size: 14px; font-weight: 600">
|
|
30
34
|
{{ $t("auth.newPassword") }}
|
|
31
35
|
</div>
|
|
32
36
|
<q-input
|
|
37
|
+
data-testid="password-input"
|
|
33
38
|
id="password"
|
|
34
39
|
v-model="password"
|
|
35
40
|
data-cy="reset-password"
|
|
@@ -47,6 +52,7 @@
|
|
|
47
52
|
<q-space class="mobile" />
|
|
48
53
|
<div>
|
|
49
54
|
<q-btn
|
|
55
|
+
data-testid="submit-btn"
|
|
50
56
|
:label="$t('common.register')"
|
|
51
57
|
color="primary"
|
|
52
58
|
:loading="loading"
|
|
@@ -100,7 +106,7 @@ export default defineComponent({
|
|
|
100
106
|
validations,
|
|
101
107
|
onSubmit,
|
|
102
108
|
goToLoginPage,
|
|
103
|
-
icons
|
|
109
|
+
icons,
|
|
104
110
|
};
|
|
105
111
|
},
|
|
106
112
|
});
|
|
@@ -26,12 +26,17 @@
|
|
|
26
26
|
>
|
|
27
27
|
{{ $t("auth.recommendPassword") }}
|
|
28
28
|
</div>
|
|
29
|
-
<q-form
|
|
29
|
+
<q-form
|
|
30
|
+
class="column form"
|
|
31
|
+
@submit="onSubmit"
|
|
32
|
+
data-testid="reset-password-form"
|
|
33
|
+
>
|
|
30
34
|
<div>
|
|
31
35
|
<div class="q-mb-sm" style="font-size: 14px; font-weight: 600">
|
|
32
36
|
{{ $t("auth.newPassword") }}
|
|
33
37
|
</div>
|
|
34
38
|
<q-input
|
|
39
|
+
data-testid="password-input"
|
|
35
40
|
id="password"
|
|
36
41
|
v-model="password"
|
|
37
42
|
data-cy="reset-password"
|
|
@@ -58,6 +63,7 @@
|
|
|
58
63
|
<q-space class="mobile" />
|
|
59
64
|
<div>
|
|
60
65
|
<q-btn
|
|
66
|
+
data-testid="submit-btn"
|
|
61
67
|
:label="$t('common.register')"
|
|
62
68
|
color="primary"
|
|
63
69
|
:loading="loading"
|
|
@@ -103,7 +109,7 @@ export default defineComponent({
|
|
|
103
109
|
canSubmit,
|
|
104
110
|
onSubmit,
|
|
105
111
|
goToLoginPage,
|
|
106
|
-
icons
|
|
112
|
+
icons,
|
|
107
113
|
} = useResetPassword();
|
|
108
114
|
|
|
109
115
|
return {
|
|
@@ -115,7 +121,7 @@ export default defineComponent({
|
|
|
115
121
|
showPassword,
|
|
116
122
|
goToLoginPage,
|
|
117
123
|
onSubmit,
|
|
118
|
-
icons
|
|
124
|
+
icons,
|
|
119
125
|
};
|
|
120
126
|
},
|
|
121
127
|
});
|
package/src/composables/auth.ts
CHANGED
|
@@ -182,8 +182,12 @@ export function useAuth() {
|
|
|
182
182
|
email.value = result.email;
|
|
183
183
|
msalToken.value = result.token;
|
|
184
184
|
await onSubmit("MSAL");
|
|
185
|
+
msalLoading.value = false;
|
|
185
186
|
},
|
|
186
|
-
() =>
|
|
187
|
+
() => {
|
|
188
|
+
msalLoading.value = false;
|
|
189
|
+
msalState.reset();
|
|
190
|
+
}
|
|
187
191
|
);
|
|
188
192
|
};
|
|
189
193
|
|