@autenticar-me/vue 0.1.0 → 0.2.0

package/dist/components/SignIn.vue.js

@@ -1,485 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
-const useAtmClient_1 = require("../composables/useAtmClient");
-const useAuth_1 = require("../composables/useAuth");
-const useAtm_1 = require("../composables/useAtm");
-const tokens_1 = require("../utils/tokens");
-const device_1 = require("../utils/device");
-const emit = defineEmits([
-    'completed',
-    'sign-up',
-]);
-const showNotification = (0, vue_1.inject)('showNotification');
-const form = (0, vue_1.ref)({
-    emailAddress: '',
-    password: '',
-});
-const currentStep = (0, vue_1.ref)('email');
-const signInStep = (0, vue_1.ref)(null);
-const availableStrategies = (0, vue_1.ref)([]);
-const selectedStrategy = (0, vue_1.ref)(null);
-const serverStep = (0, vue_1.ref)(null);
-const isLoading = (0, vue_1.ref)(false);
-const emailInput = (0, vue_1.ref)(null);
-const passwordInput = (0, vue_1.ref)(null);
-const client = (0, useAtmClient_1.useAtmClient)();
-const { signInByAccessToken } = (0, useAuth_1.useAuth)();
-const { configurations } = (0, useAtm_1.useAtm)();
-const atmPrimaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.primaryColor; });
-const atmSecondaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.secondaryColor; });
-const logoUrl = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.logoUrl) || ''; });
-const buttonText = (0, vue_1.computed)(() => {
-    if (currentStep.value === 'email')
-        return 'Entrar';
-    if (currentStep.value === 'choose_strategy')
-        return '';
-    if (currentStep.value === 'forgot_password_message')
-        return '';
-    return 'Finalizar';
-});
-const showEmailField = (0, vue_1.computed)(() => currentStep.value === 'email' || currentStep.value === 'forgot_password_message');
-const showPasswordField = (0, vue_1.computed)(() => currentStep.value === 'password');
-const showStrategyChoice = (0, vue_1.computed)(() => currentStep.value === 'choose_strategy');
-const labelText = (0, vue_1.computed)(() => {
-    var _a, _b;
-    if (((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.enable) === false) {
-        return 'Email';
-    }
-    return 'Email ou Nome de usuário';
-});
-const inputPlaceholder = (0, vue_1.computed)(() => {
-    var _a, _b;
-    if (((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.enable) === false) {
-        return 'email@exemplo.com';
-    }
-    return "email@exemplo.com ou seu username";
-});
-const processAvailableStrategies = (stepData) => {
-    var _a;
-    const strategies = ((_a = stepData === null || stepData === void 0 ? void 0 : stepData.supported) === null || _a === void 0 ? void 0 : _a.first_factors) || [];
-    return {
-        password: strategies.find((s) => s.strategy === 'password'),
-        emailLink: strategies.find((s) => s.strategy === 'email_link')
-    };
-};
-const resetForm = () => {
-    currentStep.value = 'email';
-    signInStep.value = null;
-    availableStrategies.value = [];
-    selectedStrategy.value = null;
-    form.value.password = '';
-    serverStep.value = null;
-};
-const handleEmailStep = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!form.value.emailAddress.trim()) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification('Email ou nome de usuário é obrigatório');
-        return false;
-    }
-    try {
-        const deviceToken = yield (0, device_1.getDeviceToken)(client);
-        const stepData = yield client.auth().signInByEmailAddress(form.value.emailAddress, deviceToken);
-        signInStep.value = stepData;
-        serverStep.value = stepData.step;
-        const strategies = processAvailableStrategies(stepData);
-        if (strategies.password) {
-            selectedStrategy.value = strategies.password;
-            currentStep.value = 'password';
-        }
-        else if (strategies.emailLink) {
-            availableStrategies.value = [strategies.emailLink].filter(Boolean);
-            currentStep.value = 'choose_strategy';
-        }
-        else {
-            showNotification === null || showNotification === void 0 ? void 0 : showNotification('Nenhum método de autenticação disponível');
-            return false;
-        }
-        return true;
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Erro ao verificar email');
-        return false;
-    }
-});
-const selectStrategy = (strategy) => {
-    selectedStrategy.value = strategy;
-    currentStep.value = strategy.strategy;
-    if (strategy.strategy === 'email_link') {
-        handleEmailLinkStep();
-    }
-};
-const handlePasswordStep = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!form.value.password.trim()) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification('Senha é obrigatória');
-        return false;
-    }
-    try {
-        if (!signInStep.value) {
-            showNotification === null || showNotification === void 0 ? void 0 : showNotification('Estado de autenticação inválido');
-            return false;
-        }
-        if (serverStep.value !== 'first_factor') {
-            showNotification === null || showNotification === void 0 ? void 0 : showNotification('Etapa inválida para autenticação com senha');
-            return false;
-        }
-        const attemptToken = signInStep.value.sign_in_attempt_token;
-        if (!attemptToken) {
-            showNotification === null || showNotification === void 0 ? void 0 : showNotification('Token de tentativa não encontrado');
-            return false;
-        }
-        const response = yield client.auth().authenticateWithPassword(signInStep.value.id, attemptToken, form.value.password);
-        if (response === null || response === void 0 ? void 0 : response.step) {
-            serverStep.value = response.step;
-            signInStep.value = Object.assign(Object.assign({}, signInStep.value), response);
-        }
-        return true;
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Senha incorreta');
-        return false;
-    }
-});
-const handleEmailLinkStep = () => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    try {
-        yield client.auth().sendEmailLink(signInStep.value.id, (_a = selectedStrategy.value) === null || _a === void 0 ? void 0 : _a.email_address_id);
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification('Link de verificação enviado para seu email', 'success');
-        return true;
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Erro ao enviar link de verificação');
-        return false;
-    }
-});
-const sendResetPasswordLink = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!form.value.emailAddress.trim()) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification('Informe o email para enviar o link de recuperação');
-        return;
-    }
-    try {
-        yield client.auth().resetPassword({ email_address: form.value.emailAddress });
-        currentStep.value = 'forgot_password_message';
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Erro ao solicitar recuperação de senha');
-    }
-});
-const completeAuthentication = () => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const attemptToken = signInStep.value.sign_in_attempt_token;
-        if (!attemptToken) {
-            showNotification === null || showNotification === void 0 ? void 0 : showNotification('Token de tentativa não encontrado');
-            isLoading.value = false;
-            return;
-        }
-        const tokens = yield client.auth().generateTokens(signInStep.value.id, attemptToken);
-        signInByAccessToken(tokens.access_token);
-        (0, tokens_1.writeRefreshTokenInCookie)(tokens.refresh_token);
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification('Login realizado com sucesso!', 'success');
-        setTimeout(() => {
-            emit('completed');
-        }, 1000);
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Erro ao finalizar autenticação');
-        isLoading.value = false;
-    }
-});
-const submit = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (isLoading.value)
-        return;
-    try {
-        isLoading.value = true;
-        let stepSuccess = false;
-        let shouldCompleteAuth = false;
-        if (currentStep.value === 'email') {
-            stepSuccess = yield handleEmailStep();
-            if (stepSuccess) {
-                isLoading.value = false;
-            }
-        }
-        else if (currentStep.value === 'password') {
-            stepSuccess = yield handlePasswordStep();
-            if (stepSuccess) {
-                shouldCompleteAuth = true;
-            }
-        }
-        else if (currentStep.value === 'choose_strategy') {
-            return;
-        }
-        else if (currentStep.value === 'email_link') {
-            return;
-        }
-        else if (currentStep.value === 'forgot_password_message') {
-            return;
-        }
-        if (shouldCompleteAuth) {
-            yield completeAuthentication();
-        }
-        else if (!stepSuccess) {
-            isLoading.value = false;
-        }
-    }
-    catch (error) {
-        showNotification === null || showNotification === void 0 ? void 0 : showNotification(error.message || 'Erro durante o processo de login');
-        resetForm();
-        isLoading.value = false;
-    }
-});
-const signUp = () => emit('sign-up');
-(0, vue_1.onMounted)(() => {
-    (0, vue_1.nextTick)(() => {
-        if (emailInput.value) {
-            emailInput.value.focus();
-        }
-    });
-});
-(0, vue_1.watch)(currentStep, (newStep) => {
-    (0, vue_1.nextTick)(() => {
-        if (newStep === 'password' && passwordInput.value) {
-            passwordInput.value.focus();
-        }
-    });
-});
-const __VLS_ctx = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, {}), {}), {}), {}), {});
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-forgot-password-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-forgot-password-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-forgot-password-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-title']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-email-link-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-powered-by']} */ ;
-/** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-/** @type {__VLS_StyleScopedClasses['button-spinner']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmSecondaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmSecondaryColor);
-// @ts-ignore
-[atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmSecondaryColor, atmSecondaryColor,];
-if (__VLS_ctx.configurations) {
-    __VLS_asFunctionalElement1(__VLS_intrinsics.form, __VLS_intrinsics.form)(Object.assign({ onSubmit: (...[$event]) => {
-            if (!(__VLS_ctx.configurations))
-                return;
-            __VLS_ctx.submit();
-            // @ts-ignore
-            [configurations, submit,];
-        } }));
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-login-container" }));
-    /** @type {__VLS_StyleScopedClasses['atm-login-container']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-logo-container" }));
-    /** @type {__VLS_StyleScopedClasses['atm-logo-container']} */ ;
-    if (__VLS_ctx.logoUrl) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.img)(Object.assign({ src: (__VLS_ctx.logoUrl), alt: "Logo" }, { class: "atm-logo-image" }));
-        /** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-    }
-    else {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-logo-placeholder" }));
-        /** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.h2, __VLS_intrinsics.h2)(Object.assign({ class: "atm-project-name" }));
-    /** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-    (__VLS_ctx.configurations.project.name);
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-welcome-text" }));
-    /** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-    if (__VLS_ctx.currentStep !== 'forgot_password_message') {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
-        if (__VLS_ctx.showEmailField) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-            /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-            /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-            (__VLS_ctx.labelText);
-            __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ ref: "emailInput", type: "text" }, { class: "atm-input-field" }), { placeholder: (__VLS_ctx.inputPlaceholder), value: (__VLS_ctx.form.emailAddress), disabled: (__VLS_ctx.currentStep !== 'email' || __VLS_ctx.isLoading) }));
-            /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-        }
-        if (__VLS_ctx.showPasswordField) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-            /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-            /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ ref: "passwordInput", type: "password" }, { class: "atm-input-field" }), { placeholder: "Digite sua senha", disabled: (__VLS_ctx.isLoading) }));
-            (__VLS_ctx.form.password);
-            /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-alternative-options" }, { style: {} }));
-            /** @type {__VLS_StyleScopedClasses['atm-alternative-options']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign(Object.assign({ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.configurations))
-                        return;
-                    if (!(__VLS_ctx.currentStep !== 'forgot_password_message'))
-                        return;
-                    if (!(__VLS_ctx.showPasswordField))
-                        return;
-                    __VLS_ctx.sendResetPasswordLink();
-                    // @ts-ignore
-                    [configurations, logoUrl, logoUrl, currentStep, currentStep, showEmailField, labelText, inputPlaceholder, form, form, isLoading, isLoading, showPasswordField, sendResetPasswordLink,];
-                } }, { type: "button" }), { class: "atm-forgot-password-link" }), { disabled: (__VLS_ctx.isLoading) }));
-            /** @type {__VLS_StyleScopedClasses['atm-forgot-password-link']} */ ;
-        }
-        if (__VLS_ctx.showStrategyChoice) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-strategy-choice" }));
-            /** @type {__VLS_StyleScopedClasses['atm-strategy-choice']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-strategy-title" }));
-            /** @type {__VLS_StyleScopedClasses['atm-strategy-title']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-strategy-buttons" }));
-            /** @type {__VLS_StyleScopedClasses['atm-strategy-buttons']} */ ;
-            for (const [strategy] of __VLS_vFor((__VLS_ctx.availableStrategies))) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign(Object.assign({ onClick: (...[$event]) => {
-                        if (!(__VLS_ctx.configurations))
-                            return;
-                        if (!(__VLS_ctx.currentStep !== 'forgot_password_message'))
-                            return;
-                        if (!(__VLS_ctx.showStrategyChoice))
-                            return;
-                        __VLS_ctx.selectStrategy(strategy);
-                        // @ts-ignore
-                        [isLoading, showStrategyChoice, availableStrategies, selectStrategy,];
-                    } }, { key: (strategy.strategy), type: "button" }), { class: "atm-strategy-button" }), { disabled: (__VLS_ctx.isLoading) }));
-                /** @type {__VLS_StyleScopedClasses['atm-strategy-button']} */ ;
-                if (strategy.strategy === 'email_link') {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                }
-                // @ts-ignore
-                [isLoading,];
-            }
-        }
-        if (__VLS_ctx.currentStep === 'email_link') {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-            /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-email-link-text" }));
-            /** @type {__VLS_StyleScopedClasses['atm-email-link-text']} */ ;
-        }
-    }
-    else {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-forgot-password-message" }, { style: {} }));
-        /** @type {__VLS_StyleScopedClasses['atm-forgot-password-message']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)({});
-        __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
-        (__VLS_ctx.form.emailAddress);
-    }
-    if (__VLS_ctx.buttonText) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ type: "submit" }, { class: "atm-login-button" }), { disabled: (__VLS_ctx.isLoading) }));
-        /** @type {__VLS_StyleScopedClasses['atm-login-button']} */ ;
-        if (!__VLS_ctx.isLoading) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-            (__VLS_ctx.buttonText);
-        }
-        else {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "button-spinner" }));
-            /** @type {__VLS_StyleScopedClasses['button-spinner']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ class: "spinner-svg" }, { viewBox: "0 0 50 50" }));
-            /** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.circle)(Object.assign({ class: "spinner-circle" }, { cx: "25", cy: "25", r: "20", fill: "none", 'stroke-width': "5" }));
-            /** @type {__VLS_StyleScopedClasses['spinner-circle']} */ ;
-            if (__VLS_ctx.currentStep === 'email') {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-            }
-            else {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-            }
-        }
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-footer-links" }));
-    /** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-signup-text" }));
-    /** @type {__VLS_StyleScopedClasses['atm-signup-text']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.a, __VLS_intrinsics.a)(Object.assign({ onClick: (...[$event]) => {
-            if (!(__VLS_ctx.configurations))
-                return;
-            __VLS_ctx.signUp();
-            // @ts-ignore
-            [currentStep, currentStep, form, isLoading, isLoading, buttonText, buttonText, signUp,];
-        } }, { class: "atm-signup-link" }));
-    /** @type {__VLS_StyleScopedClasses['atm-signup-link']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-powered-by" }));
-    /** @type {__VLS_StyleScopedClasses['atm-powered-by']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
-}
-// @ts-ignore
-[];
-const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({
-    emits: {},
-});
-exports.default = {};