feat: Expose promptForPassword function

This allow the caller to use the password for other mean of confirmation

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

src/components/PasswordDialog.vue

@@ -59,6 +59,13 @@ export default defineComponent({
 		NcPasswordField,
 	},
 
+	props: {
+		callback: {
+			type: Function,
+			required: false
+		},
+	},
+
 	setup() {
 		// non reactive props
 		return {
@@ -102,10 +109,16 @@ export default defineComponent({
 				return
 			}
 
-			const url = generateUrl('/login/confirm')
 			try {
-				const { data } = await axios.post(url, { password: this.password })
-				window.nc_lastLogin = data.lastLogin
+				if (this.callback === undefined) {
+					const url = generateUrl('/login/confirm')
+					const { data } = await axios.post(url, { password: this.password })
+					window.nc_lastLogin = data.lastLogin
+				} else {
+					await this.callback(this.password)
+					window.nc_lastLogin = Date.now() / 1000
+				}
+
 				this.$emit('confirmed')
 			} catch (e) {
 				this.showError = true

src/main.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import Vue from 'vue'
+
 import PasswordDialogVue from './components/PasswordDialog.vue'
 import { DIALOG_ID, MODAL_CLASS } from './globals'
 
@@ -34,15 +35,37 @@ export const isPasswordConfirmationRequired = (): boolean => {
  *                         or confirmation is already in process.
  */
 export const confirmPassword = (): Promise<void> => {
+	if (!isPasswordConfirmationRequired()) {
+		return Promise.resolve()
+	}
+
+	return getPasswordDialog()
+}
+
+/**
+ * Ask the password to the user for later use.
+ *
+ * @param callback
+ * @return {Promise<void>} Promise that resolves when password is submitted.
+ *                         Rejects if password confirmation was cancelled
+ *                         or confirmation is already in process.
+ */
+export const promptForPassword = (callback: (password: string) => Promise<any>) => {
+	return getPasswordDialog(callback)
+}
+
+/**
+ *
+ * @param mode
+ * @param callback
+ * @return
+ */
+function getPasswordDialog(callback?: (password: string) => Promise<any>): Promise<void> {
 	const isDialogMounted = Boolean(document.getElementById(DIALOG_ID))
 	if (isDialogMounted) {
 		return Promise.reject(new Error('Password confirmation dialog already mounted'))
 	}
 
-	if (!isPasswordConfirmationRequired()) {
-		return Promise.resolve()
-	}
-
 	const mountPoint = document.createElement('div')
 	mountPoint.setAttribute('id', DIALOG_ID)
 
@@ -61,7 +84,7 @@ export const confirmPassword = (): Promise<void> => {
 
 	const DialogClass = Vue.extend(PasswordDialogVue)
 	// Mount point element is replaced by the component
-	const dialog = (new DialogClass() as ComponentInstance).$mount(mountPoint)
+	const dialog = (new DialogClass({ propsData: { callback } }) as ComponentInstance).$mount(mountPoint)
 
 	return new Promise((resolve, reject) => {
 		dialog.$on('confirmed', () => {