fds-vue-core 8.10.0 → 8.11.1

package/components.d.ts

@@ -35,6 +35,10 @@ import type { FdsRadioProps } from './dist/components/Form/FdsRadio/types'
 import type { FdsSelectProps } from './dist/components/Form/FdsSelect/types'
 import type { FdsPhonenumberProps } from './dist/components/Form/FdsPhonenumber/types'
 import type { FdsSsnProps } from './dist/components/Form/FdsSsn/types'
+import type { FdsLoginEmailFormProps } from './dist/components/Form/FdsLoginEmailForm/types'
+import type { FdsBankIdQrProps } from './dist/components/BankId/FdsBankIdQr/types'
+import type { FdsBankIdSameDeviceProps } from './dist/components/BankId/FdsBankIdSameDevice/types'
+import type { FdsBankIdStatusAlertProps } from './dist/components/BankId/FdsBankIdStatusAlert/types'
 import type { FdsTextareaProps } from './dist/components/Form/FdsTextarea/types'
 import type { FdsTableProps } from './dist/components/Table/FdsTable/types'
 import type { FdsTableHeadProps } from './dist/components/Table/FdsTableHead/types'
@@ -70,6 +74,10 @@ declare module 'vue' {
     FdsTextarea: DefineComponent<FdsTextareaProps>
     FdsPhonenumber: DefineComponent<FdsPhonenumberProps>
     FdsSsn: DefineComponent<FdsSsnProps>
+    FdsLoginEmailForm: DefineComponent<FdsLoginEmailFormProps>
+    FdsBankIdQr: DefineComponent<FdsBankIdQrProps>
+    FdsBankIdSameDevice: DefineComponent<FdsBankIdSameDeviceProps>
+    FdsBankIdStatusAlert: DefineComponent<FdsBankIdStatusAlertProps>
     FdsSelect: DefineComponent<FdsSelectProps>
     FdsTable: DefineComponent<FdsTableProps>
     FdsTableHead: DefineComponent<FdsTableHeadProps>

package/dist/components/BankId/FdsBankIdQr/FdsBankIdQr.vue.d.ts

@@ -0,0 +1,28 @@
+import { FdsBankIdQrProps } from './types';
+declare var __VLS_14: {
+    qrCode: string | null;
+};
+type __VLS_Slots = {} & {
+    qr?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<FdsBankIdQrProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    showQr: () => any;
+}, string, import('vue').PublicProps, Readonly<FdsBankIdQrProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onShowQr?: (() => any) | undefined;
+}>, {
+    dataTestid: string;
+    qrCode: string | null;
+    activePolling: boolean;
+    ongoingLogin: boolean;
+    rfa: string | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BankId/FdsBankIdQr/types.d.ts

@@ -0,0 +1,11 @@
+export interface FdsBankIdQrProps {
+    qrCode?: string | null;
+    activePolling?: boolean;
+    ongoingLogin?: boolean;
+    rfa?: string | null;
+    dataTestid?: string;
+}
+export interface FdsBankIdQrEmits {
+    showQr: [];
+    cancel: [];
+}

package/dist/components/BankId/FdsBankIdSameDevice/FdsBankIdSameDevice.vue.d.ts

@@ -0,0 +1,13 @@
+import { FdsBankIdSameDeviceProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<FdsBankIdSameDeviceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    start: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<FdsBankIdSameDeviceProps> & Readonly<{
+    onStart?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    dataTestid: string;
+    ongoingLogin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BankId/FdsBankIdSameDevice/types.d.ts

@@ -0,0 +1,8 @@
+export interface FdsBankIdSameDeviceProps {
+    ongoingLogin?: boolean;
+    dataTestid?: string;
+}
+export interface FdsBankIdSameDeviceEmits {
+    start: [];
+    cancel: [];
+}

package/dist/components/BankId/FdsBankIdStatusAlert/FdsBankIdStatusAlert.vue.d.ts

@@ -0,0 +1,13 @@
+import { FdsBankIdStatusAlertProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<FdsBankIdStatusAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<FdsBankIdStatusAlertProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    title: string | null;
+    dataTestid: string;
+    body: string | null;
+    closeable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BankId/FdsBankIdStatusAlert/types.d.ts

@@ -0,0 +1,9 @@
+export interface FdsBankIdStatusAlertProps {
+    title?: string | null;
+    body?: string | null;
+    closeable?: boolean;
+    dataTestid?: string;
+}
+export interface FdsBankIdStatusAlertEmits {
+    close: [];
+}

package/dist/components/Form/FdsLoginEmailForm/FdsLoginEmailForm.vue.d.ts

@@ -0,0 +1,20 @@
+import { FdsLoginEmailFormProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<FdsLoginEmailFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (payload: import('./types').FdsLoginEmailSubmitPayload) => any;
+}, string, import('vue').PublicProps, Readonly<FdsLoginEmailFormProps> & Readonly<{
+    onSubmit?: ((payload: import('./types').FdsLoginEmailSubmitPayload) => any) | undefined;
+}>, {
+    loading: boolean;
+    emailLabel: string;
+    passwordLabel: string;
+    submitLabel: string;
+    submittingLabel: string;
+    emailInvalidMessage: string;
+    emailRequiredMessage: string;
+    passwordRequiredMessage: string;
+    emailTestid: string;
+    passwordTestid: string;
+    submitTestid: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Form/FdsLoginEmailForm/types.d.ts

@@ -0,0 +1,20 @@
+export interface FdsLoginEmailFormProps {
+    loading?: boolean;
+    emailLabel?: string;
+    passwordLabel?: string;
+    submitLabel?: string;
+    submittingLabel?: string;
+    emailInvalidMessage?: string;
+    emailRequiredMessage?: string;
+    passwordRequiredMessage?: string;
+    emailTestid?: string;
+    passwordTestid?: string;
+    submitTestid?: string;
+}
+export interface FdsLoginEmailSubmitPayload {
+    email: string;
+    password: string;
+}
+export interface FdsLoginEmailFormEmits {
+    submit: [payload: FdsLoginEmailSubmitPayload];
+}

package/dist/composables/useBankIdDeviceIdentifier.d.ts

@@ -0,0 +1,8 @@
+export interface UseBankIdDeviceIdentifierOptions {
+    storageKey?: string;
+}
+export declare function useBankIdDeviceIdentifier(options?: UseBankIdDeviceIdentifierOptions): {
+    getBankIdDeviceIdentifier: ({ hash }?: {
+        hash?: boolean | undefined;
+    }) => Promise<string>;
+};

package/dist/composables/useBankIdMessages.d.ts

@@ -0,0 +1,8 @@
+export interface UseBankIdMessagesOptions {
+    titles?: Partial<Record<string, string>>;
+    bodies?: Partial<Record<string, string>>;
+}
+export declare function useBankIdMessages(options?: UseBankIdMessagesOptions): {
+    mapTitle: (code: string) => string;
+    mapBody: (code: string) => string;
+};

package/dist/composables/useBankIdSameDevice.d.ts

@@ -0,0 +1,32 @@
+import { generateBankIdNonce } from '../helpers/bankId/sameDevice';
+import { BankIdNonceMetadata } from '../helpers/bankId/types';
+export interface UseBankIdSameDeviceOptions {
+    storageKey: string;
+    getCurrentPath?: () => string;
+    navigateTo?: (path: string) => void | Promise<unknown>;
+}
+export interface HandleBankIdClientReturnOptions {
+    onCancel?: () => void;
+    onError?: (errorMessage: string) => void;
+    /** Order this mounted session is already polling. Its stored nonce is kept past the 3 minute limit. */
+    activeOrderRef?: string | null;
+}
+export interface BankIdClientReturnResult {
+    status: 'ignored' | 'matched' | 'resumed' | 'mismatch';
+    nonce?: string;
+    orderRef?: string;
+    /** Set when the return landed on another route. The caller navigates and must not cancel the order. */
+    redirectTo?: string;
+}
+export declare const useBankIdSameDevice: (options: UseBankIdSameDeviceOptions) => {
+    generateNonce: typeof generateBankIdNonce;
+    createReturnUrl: (nonce: string) => string | null;
+    persistNonceMetadata: (nonce: string, orderRef?: string) => void;
+    navigateTo: (path: string) => void | Promise<unknown>;
+    getStoredNonceMetadata: () => BankIdNonceMetadata | null;
+    clearStoredNonceMetadata: () => void;
+    extractNonceFromHash: (hash?: string) => string | null;
+    stripNonceFromLocation: () => void;
+    handleBankIdClientReturn: (returnOptions?: HandleBankIdClientReturnOptions) => BankIdClientReturnResult;
+    validateStoredNonce: (expectedNonce: string | null) => boolean;
+};

package/dist/composables/useBankIdSession.d.ts

@@ -0,0 +1,55 @@
+import { Ref } from 'vue';
+import { BankIdCreateOrderPayload, BankIdDeviceType, BankIdOrderResponse, BankIdPollPayload, BankIdPollResponse } from '../helpers/bankId/types';
+import { UseBankIdMessagesOptions } from './useBankIdMessages';
+import { BankIdClientReturnResult, HandleBankIdClientReturnOptions, UseBankIdSameDeviceOptions } from './useBankIdSameDevice';
+export interface UseBankIdSessionOptions extends Pick<UseBankIdSameDeviceOptions, 'storageKey' | 'getCurrentPath' | 'navigateTo'>, UseBankIdMessagesOptions {
+    createOrder: (payload: BankIdCreateOrderPayload) => Promise<BankIdOrderResponse>;
+    poll: (payload: BankIdPollPayload) => Promise<BankIdPollResponse>;
+    cancel: (orderRef: string) => Promise<unknown>;
+    deviceIdentifierStorageKey?: string;
+    onSuccess?: (response: BankIdPollResponse) => void | Promise<void>;
+    onActivation?: (response: BankIdPollResponse) => void;
+    onPoll?: (response: BankIdPollResponse) => void;
+    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) => {
+    bankId: {
+        activePolling: boolean;
+        title: string | null;
+        body: string | null;
+        messageType: "info" | "warning";
+        messageCloseable: boolean;
+        transactionToken: {
+            orderRef: string;
+        } | null;
+        qrCode: string | null;
+        autoStartToken: string | null;
+        ongoingLogin: boolean;
+        sameDevice: boolean;
+        hintCode: string | null;
+        rfa: string | null;
+        nonce: string | null;
+        messageCode: string | null;
+    };
+    device: Ref<BankIdDeviceType | null, BankIdDeviceType | null>;
+    loading: Ref<boolean, boolean>;
+    initiateBankId: () => Promise<BankIdOrderResponse | undefined>;
+    openBankId: () => Promise<void>;
+    onCancel: () => Promise<void>;
+    clearError: () => void;
+    clearBankid: (msg: string) => void;
+    getDevice: () => void;
+    handleBankIdClientReturn: (returnOptions?: HandleBankIdClientReturnOptions) => BankIdClientReturnResult;
+    generateNonce: typeof import('../helpers/bankId/sameDevice').generateBankIdNonce;
+    createReturnUrl: (nonce: string) => string | null;
+    persistNonceMetadata: (nonce: string, orderRef?: string) => void;
+    clearStoredNonceMetadata: () => void;
+    validateStoredNonce: (expectedNonce: string | null) => boolean;
+    mapTitle: (code: string) => string;
+    mapBody: (code: string) => string;
+};