fds-vue-core 8.11.0 → 8.11.2

package/dist/composables/useBankIdSession.d.ts

@@ -13,6 +13,8 @@ export interface UseBankIdSessionOptions extends Pick<UseBankIdSameDeviceOptions
     onNonceMismatch?: () => void;
     mapPollError?: (error: unknown) => string | null | undefined;
     pollIntervalMs?: number;
+    /** How often an unscanned QR order is replaced. */
+    qrRefreshMs?: number;
     maxPolls?: number;
 }
 export declare const useBankIdSession: (options: UseBankIdSessionOptions) => {

package/dist/fds-vue-core.cjs.js

@@ -19928,7 +19928,7 @@ var FdsBankIdSameDevice_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/BankId/FdsBankIdStatusAlert/FdsBankIdStatusAlert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { key: 0 };
+var _hoisted_1$7 = ["innerHTML"];
 //#endregion
 //#region src/components/BankId/FdsBankIdStatusAlert/FdsBankIdStatusAlert.vue
 var FdsBankIdStatusAlert_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -19955,7 +19955,10 @@ var FdsBankIdStatusAlert_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				dataTestid: __props.dataTestid,
 				onClose: _cache[0] || (_cache[0] = ($event) => emit("close"))
 			}, {
-				default: (0, vue.withCtx)(() => [__props.body ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_1$7, (0, vue.toDisplayString)(__props.body), 1)) : (0, vue.createCommentVNode)("", true)]),
+				default: (0, vue.withCtx)(() => [__props.body ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					innerHTML: __props.body
+				}, null, 8, _hoisted_1$7)) : (0, vue.createCommentVNode)("", true)]),
 				_: 1
 			}, 8, [
 				"heading",
@@ -32908,6 +32911,11 @@ function useRouteScrollPositions(currentRoute) {
 var bankIdConstants = {
 	deviceIdentifierStorageKey: "bankid_device_identifier",
 	pollIntervalMs: 2e3,
+	/**
+	* A QR order that nobody has scanned fails after about 30 seconds, so it is
+	* replaced with a new order shortly before that.
+	*/
+	qrRefreshMs: 28e3,
 	maxPolls: 300,
 	/**
 	* BankID's own limit: an auth or sign order expires after 3 minutes
@@ -33298,7 +33306,7 @@ var createInitialBankIdState = () => ({
 	messageCode: null
 });
 var useBankIdSession = (options) => {
-	const { storageKey, getCurrentPath, navigateTo, deviceIdentifierStorageKey, createOrder, poll, cancel, onSuccess, onActivation, onPoll, onNonceMismatch, mapPollError, pollIntervalMs = bankIdConstants.pollIntervalMs, maxPolls = bankIdConstants.maxPolls, titles, bodies } = options;
+	const { storageKey, getCurrentPath, navigateTo, deviceIdentifierStorageKey, createOrder, poll, cancel, onSuccess, onActivation, onPoll, onNonceMismatch, mapPollError, pollIntervalMs = bankIdConstants.pollIntervalMs, qrRefreshMs = bankIdConstants.qrRefreshMs, maxPolls = bankIdConstants.maxPolls, titles, bodies } = options;
 	const { getBankIdDeviceIdentifier } = useBankIdDeviceIdentifier({ storageKey: deviceIdentifierStorageKey });
 	const sameDevice = useBankIdSameDevice({
 		storageKey,
@@ -33316,6 +33324,7 @@ var useBankIdSession = (options) => {
 	let disposed = false;
 	let attemptId = 0;
 	let pollTimer = null;
+	let qrRefreshTimer = null;
 	let pollInFlight = false;
 	let currentOrderRef = null;
 	/** Flow captured when the order was created. Later UI changes must not apply to it. */
@@ -33325,12 +33334,22 @@ var useBankIdSession = (options) => {
 	let returnedNonce = null;
 	/** Return landed on another route. Unmount must leave the stored order alone. */
 	let handingOff = false;
-	const stopTimers = () => {
+	const stopPollTimer = () => {
 		if (pollTimer) {
 			clearTimeout(pollTimer);
 			pollTimer = null;
 		}
 	};
+	const stopQrRefreshTimer = () => {
+		if (qrRefreshTimer) {
+			clearTimeout(qrRefreshTimer);
+			qrRefreshTimer = null;
+		}
+	};
+	const stopTimers = () => {
+		stopPollTimer();
+		stopQrRefreshTimer();
+	};
 	const isCurrentAttempt = (attempt) => !disposed && attempt === attemptId;
 	const isCurrentOrder = (orderRef) => !disposed && currentOrderRef === orderRef;
 	const invalidateAttempt = () => {
@@ -33421,13 +33440,16 @@ var useBankIdSession = (options) => {
 				device: device.value,
 				sameDevice: orderSameDevice
 			});
-			if (hintCode === "userSign") bankId.ongoingLogin = true;
+			if (hintCode === "userSign") {
+				bankId.ongoingLogin = true;
+				stopQrRefreshTimer();
+			}
 		}
 		if (response.orderRef) bankId.transactionToken = { orderRef: response.orderRef };
 		return true;
 	};
 	const schedulePoll = (orderRef) => {
-		stopTimers();
+		stopPollTimer();
 		if (!isCurrentOrder(orderRef)) return;
 		pollTimer = setTimeout(() => {
 			pollTimer = null;
@@ -33470,16 +33492,7 @@ var useBankIdSession = (options) => {
 		if (orderRef) cancel(orderRef).catch(() => void 0);
 		return true;
 	};
-	const initiateBankId = async () => {
-		const previousOrderRef = currentOrderRef;
-		if (previousOrderRef) cancel(previousOrderRef).catch(() => void 0);
-		clearError();
-		const attempt = attemptId;
-		const sameDeviceOrder = bankId.sameDevice;
-		orderSameDevice = sameDeviceOrder;
-		getDevice();
-		bankId.activePolling = true;
-		loading.value = true;
+	const createBankIdOrder = async (attempt, sameDeviceOrder) => {
 		let deviceIdentifier;
 		try {
 			deviceIdentifier = await getBankIdDeviceIdentifier();
@@ -33515,12 +33528,43 @@ var useBankIdSession = (options) => {
 			if (sameDeviceOrder && nonce && response.orderRef) sameDevice.persistNonceMetadata(nonce, response.orderRef);
 			loading.value = false;
 			schedulePoll(response.orderRef);
+			if (!sameDeviceOrder) scheduleQrRefresh(response.orderRef);
 			return response;
 		} catch {
 			if (isCurrentAttempt(attempt)) clearBankid("RFA6");
 			return;
 		}
 	};
+	/**
+	* Replaces an unscanned QR order before it fails. The QR on screen stays
+	* until the new one arrives, and the poll count carries over so maxPolls
+	* still limits the whole session.
+	*/
+	const refreshQrOrder = (orderRef) => {
+		if (!isCurrentOrder(orderRef) || orderSameDevice || bankId.ongoingLogin) return;
+		cancel(orderRef).catch(() => void 0);
+		invalidateAttempt();
+		createBankIdOrder(attemptId, false);
+	};
+	const scheduleQrRefresh = (orderRef) => {
+		stopQrRefreshTimer();
+		qrRefreshTimer = setTimeout(() => {
+			qrRefreshTimer = null;
+			refreshQrOrder(orderRef);
+		}, qrRefreshMs);
+	};
+	const initiateBankId = async () => {
+		const previousOrderRef = currentOrderRef;
+		if (previousOrderRef) cancel(previousOrderRef).catch(() => void 0);
+		clearError();
+		const attempt = attemptId;
+		const sameDeviceOrder = bankId.sameDevice;
+		orderSameDevice = sameDeviceOrder;
+		getDevice();
+		bankId.activePolling = true;
+		loading.value = true;
+		return createBankIdOrder(attempt, sameDeviceOrder);
+	};
 	const openBankId = async () => {
 		bankId.sameDevice = true;
 		const response = await initiateBankId();