@adminforth/email-invite 1.3.0 → 1.3.1
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/build.log
CHANGED
|
@@ -9,5 +9,5 @@ custom/PasswordField.vue
|
|
|
9
9
|
custom/SetPassword.vue
|
|
10
10
|
custom/tsconfig.json
|
|
11
11
|
|
|
12
|
-
sent 13,
|
|
13
|
-
total size is 12,
|
|
12
|
+
sent 13,216 bytes received 96 bytes 26,624.00 bytes/sec
|
|
13
|
+
total size is 12,862 speedup is 0.97
|
package/custom/AuthCard.vue
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="af-auth-card relative flex flex-col w-full max-w-
|
|
2
|
+
<div class="af-auth-card relative flex flex-col w-full max-w-md overflow-hidden rounded-xl border border-lightDialogBreakLine bg-lightDialogBackgorund shadow-2xl dark:border-darkDialogBreakLine dark:bg-darkDialogBackgorund">
|
|
3
3
|
<div class="af-auth-card-header flex items-start gap-3.5 border-b border-lightDialogBreakLine px-6 py-5 dark:border-darkDialogBreakLine">
|
|
4
|
-
<div class="af-auth-card-icon flex w-10 h-10 shrink-0 items-center justify-center rounded-
|
|
4
|
+
<div class="af-auth-card-icon flex w-10 h-10 shrink-0 items-center justify-center rounded-lg bg-lightPrimary/10 text-lightPrimary dark:bg-darkPrimary/20 dark:text-darkPrimary">
|
|
5
5
|
<slot name="icon" />
|
|
6
6
|
</div>
|
|
7
7
|
<div class="af-auth-card-title-wrap flex-1 min-w-0">
|
|
8
8
|
<slot name="title">
|
|
9
|
-
<p class="af-auth-card-title text-
|
|
10
|
-
<p class="af-auth-card-subtitle mt-0.5 text-
|
|
9
|
+
<p class="af-auth-card-title text-lg leading-6 font-semibold text-lightDialogHeaderText dark:text-darkDialogHeaderText">{{ title }}</p>
|
|
10
|
+
<p class="af-auth-card-subtitle mt-0.5 text-sm leading-5 text-gray-500 dark:text-gray-400">{{ subtitle }}</p>
|
|
11
11
|
</slot>
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
14
14
|
|
|
15
15
|
<div class="af-auth-card-body flex flex-col gap-4 px-6 pt-5 pb-6">
|
|
16
16
|
<slot />
|
|
17
|
-
<p v-if="error" role="alert" class="af-auth-card-error -mt-1.5 flex items-center gap-1.5 text-
|
|
17
|
+
<p v-if="error" role="alert" class="af-auth-card-error -mt-1.5 flex items-center gap-1.5 text-sm text-red-600 dark:text-red-400">
|
|
18
18
|
<IconExclamationCircleOutline class="w-4 h-4 shrink-0" />
|
|
19
19
|
{{ error }}
|
|
20
20
|
</p>
|
package/custom/PasswordField.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="af-password-field">
|
|
3
|
-
<label :for="id" class="mb-2 block text-
|
|
3
|
+
<label :for="id" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">{{ label }}</label>
|
|
4
4
|
<div class="relative">
|
|
5
5
|
<input
|
|
6
6
|
ref="input"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
:placeholder="placeholder"
|
|
12
12
|
autocomplete="new-password"
|
|
13
13
|
required
|
|
14
|
-
class="h-11 w-full rounded-
|
|
14
|
+
class="h-11 w-full rounded-lg border-2 bg-gray-50 pl-3.5 pr-12 text-base text-gray-900 placeholder-gray-400 outline-none focus:ring-4 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
|
|
15
15
|
:class="invalid
|
|
16
16
|
? 'border-red-500 focus:border-red-500 focus:ring-red-500/25 dark:border-red-400 dark:focus:border-red-400'
|
|
17
17
|
: 'border-gray-300 focus:border-lightPrimary focus:ring-lightPrimary/25 dark:border-gray-600 dark:focus:border-darkPrimary dark:focus:ring-darkPrimary/25'"
|
package/custom/SetPassword.vue
CHANGED
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
<Spinner class="w-8 h-8" />
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
|
-
<p v-else-if="!tokenValid" role="alert" class="af-alert-error flex items-start gap-2.5 rounded-
|
|
42
|
-
<IconExclamationCircleOutline class="w-
|
|
41
|
+
<p v-else-if="!tokenValid" role="alert" class="af-alert-error flex items-start gap-2.5 rounded-lg border border-red-200 bg-red-50 px-3.5 py-3 text-sm leading-5 text-red-800 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300">
|
|
42
|
+
<IconExclamationCircleOutline class="w-5 h-5 shrink-0" />
|
|
43
43
|
{{ $t('This invitation link is invalid or has expired. Ask your administrator to send a new one.') }}
|
|
44
44
|
</p>
|
|
45
45
|
|
|
46
46
|
<template v-else-if="passwordSet">
|
|
47
|
-
<p role="status" class="af-alert-success flex items-start gap-2.5 rounded-
|
|
48
|
-
<IconCheckCircleOutline class="w-
|
|
47
|
+
<p role="status" class="af-alert-success flex items-start gap-2.5 rounded-lg border border-green-200 bg-green-50 px-3.5 py-3 text-sm leading-5 text-green-800 dark:border-green-500/30 dark:bg-green-500/10 dark:text-green-300">
|
|
48
|
+
<IconCheckCircleOutline class="w-5 h-5 shrink-0" />
|
|
49
49
|
{{ isUserLoggedIn ? $t('Password set successfully to your new account.') : $t('Password set successfully! Log in with your email and the new password.') }}
|
|
50
50
|
</p>
|
|
51
51
|
<p v-if="isUserLoggedIn" class="text-sm text-gray-700 dark:text-gray-300">
|
package/dist/custom/AuthCard.vue
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="af-auth-card relative flex flex-col w-full max-w-
|
|
2
|
+
<div class="af-auth-card relative flex flex-col w-full max-w-md overflow-hidden rounded-xl border border-lightDialogBreakLine bg-lightDialogBackgorund shadow-2xl dark:border-darkDialogBreakLine dark:bg-darkDialogBackgorund">
|
|
3
3
|
<div class="af-auth-card-header flex items-start gap-3.5 border-b border-lightDialogBreakLine px-6 py-5 dark:border-darkDialogBreakLine">
|
|
4
|
-
<div class="af-auth-card-icon flex w-10 h-10 shrink-0 items-center justify-center rounded-
|
|
4
|
+
<div class="af-auth-card-icon flex w-10 h-10 shrink-0 items-center justify-center rounded-lg bg-lightPrimary/10 text-lightPrimary dark:bg-darkPrimary/20 dark:text-darkPrimary">
|
|
5
5
|
<slot name="icon" />
|
|
6
6
|
</div>
|
|
7
7
|
<div class="af-auth-card-title-wrap flex-1 min-w-0">
|
|
8
8
|
<slot name="title">
|
|
9
|
-
<p class="af-auth-card-title text-
|
|
10
|
-
<p class="af-auth-card-subtitle mt-0.5 text-
|
|
9
|
+
<p class="af-auth-card-title text-lg leading-6 font-semibold text-lightDialogHeaderText dark:text-darkDialogHeaderText">{{ title }}</p>
|
|
10
|
+
<p class="af-auth-card-subtitle mt-0.5 text-sm leading-5 text-gray-500 dark:text-gray-400">{{ subtitle }}</p>
|
|
11
11
|
</slot>
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
14
14
|
|
|
15
15
|
<div class="af-auth-card-body flex flex-col gap-4 px-6 pt-5 pb-6">
|
|
16
16
|
<slot />
|
|
17
|
-
<p v-if="error" role="alert" class="af-auth-card-error -mt-1.5 flex items-center gap-1.5 text-
|
|
17
|
+
<p v-if="error" role="alert" class="af-auth-card-error -mt-1.5 flex items-center gap-1.5 text-sm text-red-600 dark:text-red-400">
|
|
18
18
|
<IconExclamationCircleOutline class="w-4 h-4 shrink-0" />
|
|
19
19
|
{{ error }}
|
|
20
20
|
</p>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="af-password-field">
|
|
3
|
-
<label :for="id" class="mb-2 block text-
|
|
3
|
+
<label :for="id" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">{{ label }}</label>
|
|
4
4
|
<div class="relative">
|
|
5
5
|
<input
|
|
6
6
|
ref="input"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
:placeholder="placeholder"
|
|
12
12
|
autocomplete="new-password"
|
|
13
13
|
required
|
|
14
|
-
class="h-11 w-full rounded-
|
|
14
|
+
class="h-11 w-full rounded-lg border-2 bg-gray-50 pl-3.5 pr-12 text-base text-gray-900 placeholder-gray-400 outline-none focus:ring-4 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
|
|
15
15
|
:class="invalid
|
|
16
16
|
? 'border-red-500 focus:border-red-500 focus:ring-red-500/25 dark:border-red-400 dark:focus:border-red-400'
|
|
17
17
|
: 'border-gray-300 focus:border-lightPrimary focus:ring-lightPrimary/25 dark:border-gray-600 dark:focus:border-darkPrimary dark:focus:ring-darkPrimary/25'"
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
<Spinner class="w-8 h-8" />
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
|
-
<p v-else-if="!tokenValid" role="alert" class="af-alert-error flex items-start gap-2.5 rounded-
|
|
42
|
-
<IconExclamationCircleOutline class="w-
|
|
41
|
+
<p v-else-if="!tokenValid" role="alert" class="af-alert-error flex items-start gap-2.5 rounded-lg border border-red-200 bg-red-50 px-3.5 py-3 text-sm leading-5 text-red-800 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300">
|
|
42
|
+
<IconExclamationCircleOutline class="w-5 h-5 shrink-0" />
|
|
43
43
|
{{ $t('This invitation link is invalid or has expired. Ask your administrator to send a new one.') }}
|
|
44
44
|
</p>
|
|
45
45
|
|
|
46
46
|
<template v-else-if="passwordSet">
|
|
47
|
-
<p role="status" class="af-alert-success flex items-start gap-2.5 rounded-
|
|
48
|
-
<IconCheckCircleOutline class="w-
|
|
47
|
+
<p role="status" class="af-alert-success flex items-start gap-2.5 rounded-lg border border-green-200 bg-green-50 px-3.5 py-3 text-sm leading-5 text-green-800 dark:border-green-500/30 dark:bg-green-500/10 dark:text-green-300">
|
|
48
|
+
<IconCheckCircleOutline class="w-5 h-5 shrink-0" />
|
|
49
49
|
{{ isUserLoggedIn ? $t('Password set successfully to your new account.') : $t('Password set successfully! Log in with your email and the new password.') }}
|
|
50
50
|
</p>
|
|
51
51
|
<p v-if="isUserLoggedIn" class="text-sm text-gray-700 dark:text-gray-300">
|