feat: Expose axios interceptors ton inline password confirmation

Signed-off-by: Louis Chemineau <louis@chmn.me>

package.json

@@ -38,6 +38,7 @@
   "bugs": "https://github.com/nextcloud-libraries/nextcloud-password-confirmation/issues",
   "license": "MIT",
   "dependencies": {
+    "@nextcloud/auth": "^2.4.0",
     "@nextcloud/axios": "^2.5.0",
     "@nextcloud/l10n": "^3.1.0",
     "@nextcloud/router": "^3.0.1"

src/components/PasswordDialog.vue

@@ -21,7 +21,7 @@
 			<NcButton class="vue-password-confirmation__submit"
 				type="primary"
 				native-type="submit"
-				:disabled="!password">
+				:disabled="!password || loading">
 				<template v-if="loading" #icon>
 					<NcLoadingIcon :size="20" />
 				</template>
@@ -32,12 +32,10 @@
 </template>
 
 <script lang="ts">
-import axios from '@nextcloud/axios'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
-import { generateUrl } from '@nextcloud/router'
 import { defineComponent } from 'vue'
 import { DIALOG_ID } from '../globals.js'
 import { t } from '../utils/l10n.js'
@@ -59,6 +57,13 @@ export default defineComponent({
 		NcPasswordField,
 	},
 
+	props: {
+		validate: {
+			type: Function,
+			default: () => {},
+		},
+	},
+
 	setup() {
 		// non reactive props
 		return {
@@ -102,10 +107,8 @@ export default defineComponent({
 				return
 			}
 
-			const url = generateUrl('/login/confirm')
 			try {
-				const { data } = await axios.post(url, { password: this.password })
-				window.nc_lastLogin = data.lastLogin
+				await this.validate(this.password)
 				this.$emit('confirmed')
 			} catch (e) {
 				this.showError = true

src/globals.ts

@@ -5,3 +5,21 @@
 
 export const DIALOG_ID = 'password-confirmation-dialog'
 export const MODAL_CLASS = 'modal-mask' // NcModal component root class https://github.com/nextcloud/nextcloud-vue/blob/v7.0.0-beta.2/src/components/NcModal/NcModal.vue
+
+export enum PwdConfirmationMode {
+	Lax = 'lax',
+	Strict = 'strict',
+}
+
+declare module '@nextcloud/axios' {
+	export interface AxiosRequestConfig {
+		/** To use this property you need to use the addPasswordConfirmationInterceptors function. */
+		confirmPassword?: PwdConfirmationMode;
+	}
+}
+
+declare global {
+	interface Window {
+		_nc_password_confirmation_dialog?: Vue
+	}
+}