@autenticar-me/vue 0.1.0 → 0.2.0

package/dist/components/UserProfile.vue.js

@@ -1,916 +0,0 @@
-"use strict";
-/// <reference types="../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
-/// <reference types="../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
-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());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a, _b, _c, _d, _e, _f;
-Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
-const useAuth_1 = require("../composables/useAuth");
-const useAtm_1 = require("../composables/useAtm");
-const useAtmClient_1 = require("../composables/useAtmClient");
-const Notification_vue_1 = __importDefault(require("./Notification.vue"));
-const { user, logout } = (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 isDropdownOpen = (0, vue_1.ref)(false);
-const isProfileModalOpen = (0, vue_1.ref)(false);
-const isEditingProfile = (0, vue_1.ref)(false);
-const buttonRef = (0, vue_1.ref)(null);
-const emailAddresses = (0, vue_1.ref)([]);
-const newEmail = (0, vue_1.ref)('');
-const activeTab = (0, vue_1.ref)('geral');
-const sessions = (0, vue_1.ref)([]);
-const client = (0, useAtmClient_1.useAtmClient)();
-const profileForm = (0, vue_1.ref)({
-    firstName: '',
-    lastName: '',
-    primaryEmailAddress: ''
-});
-const notification = (0, vue_1.ref)({
-    show: false,
-    message: '',
-    type: 'error'
-});
-const showNotification = (message, type = 'error') => {
-    notification.value = {
-        show: true,
-        message,
-        type
-    };
-    setTimeout(() => {
-        notification.value.show = false;
-    }, 3000);
-};
-(0, vue_1.provide)('showNotification', showNotification);
-const userInitials = (0, vue_1.computed)(() => {
-    var _a;
-    if (!user.value || !user.value.firstName)
-        return '';
-    return (user.value.firstName.charAt(0) + (((_a = user.value.lastName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || '')).toUpperCase();
-});
-const toggleMenu = () => (isDropdownOpen.value = !isDropdownOpen.value);
-const closeMenu = (event) => {
-    if (buttonRef.value && !buttonRef.value.contains(event.target)) {
-        isDropdownOpen.value = false;
-    }
-};
-const openProfileModal = () => __awaiter(void 0, void 0, void 0, function* () {
-    isDropdownOpen.value = false;
-    isProfileModalOpen.value = true;
-    activeTab.value = 'geral';
-    resetProfileForm();
-    yield loadEmailAddresses();
-    yield loadSessions();
-});
-const closeProfileModal = () => {
-    isProfileModalOpen.value = false;
-    isEditingProfile.value = false;
-    resetProfileForm();
-    emailAddresses.value = [];
-    newEmail.value = '';
-    sessions.value = [];
-    activeTab.value = 'geral';
-};
-const resetProfileForm = () => {
-    if (user.value) {
-        profileForm.value = {
-            firstName: user.value.firstName || '',
-            lastName: user.value.lastName || '',
-            primaryEmailAddress: user.value.primaryEmailAddress || ''
-        };
-    }
-};
-const updateProfileFormWithData = (profileDataUpdated) => {
-    if (profileDataUpdated.first_name) {
-        profileForm.value.firstName = profileDataUpdated.first_name;
-    }
-    if (profileDataUpdated.last_name) {
-        profileForm.value.lastName = profileDataUpdated.last_name;
-    }
-    if (profileDataUpdated.primary_email_address) {
-        profileForm.value.primaryEmailAddress = profileDataUpdated.primary_email_address;
-    }
-};
-const loadEmailAddresses = () => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        const emails = yield client.account(token).getEmailsAddresses();
-        emailAddresses.value = emails;
-    }
-    catch (error) {
-        showNotification('Erro ao carregar endereços de email', 'error');
-    }
-});
-const requestEmailVerification = (emailId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        yield client.account(token).requestEmailVerification(emailId);
-        showNotification('Link de verificação enviado para o email', 'success');
-        yield loadEmailAddresses();
-    }
-    catch (error) {
-        showNotification('Erro ao enviar verificação de email', 'error');
-    }
-});
-const deleteEmailAddress = (emailId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        yield client.account(token).deleteEmailAddress(emailId);
-        showNotification('Email removido com sucesso', 'success');
-        yield loadEmailAddresses();
-    }
-    catch (error) {
-        showNotification('Erro ao remover email', 'error');
-    }
-});
-const createEmailAddress = () => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        if (!newEmail.value.trim()) {
-            showNotification('Informe o novo email', 'error');
-            return;
-        }
-        yield client.account(token).createEmailAddress(newEmail.value.trim());
-        showNotification('Email adicionado. Verifique sua caixa de entrada.', 'success');
-        newEmail.value = '';
-        yield loadEmailAddresses();
-    }
-    catch (error) {
-        showNotification('Erro ao adicionar email', 'error');
-    }
-});
-const startEditing = () => {
-    isEditingProfile.value = true;
-};
-const cancelEditing = () => {
-    isEditingProfile.value = false;
-    resetProfileForm();
-};
-const getCookie = (name) => {
-    var _a;
-    const value = `; ${document.cookie}`;
-    const parts = value.split(`; ${name}=`);
-    if (parts.length === 2)
-        return ((_a = parts.pop()) === null || _a === void 0 ? void 0 : _a.split(';').shift()) || null;
-    return null;
-};
-const updateProfile = () => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    try {
-        if (!profileForm.value.firstName.trim()) {
-            showNotification('Nome é obrigatório', 'error');
-            return;
-        }
-        if (!profileForm.value.lastName.trim()) {
-            showNotification('Sobrenome é obrigatório', 'error');
-            return;
-        }
-        const updateData = {};
-        if (profileForm.value.firstName !== ((_a = user.value) === null || _a === void 0 ? void 0 : _a.firstName)) {
-            updateData.first_name = profileForm.value.firstName.trim();
-        }
-        if (profileForm.value.lastName !== ((_b = user.value) === null || _b === void 0 ? void 0 : _b.lastName)) {
-            updateData.last_name = profileForm.value.lastName.trim();
-        }
-        if (Object.keys(updateData).length === 0) {
-            showNotification('Nenhuma alteração foi feita', 'warning');
-            isEditingProfile.value = false;
-            return;
-        }
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        yield client.account(token).updateProfile(updateData);
-        const profileDataUpdated = yield client.account(token).getProfile();
-        updateProfileFormWithData(profileDataUpdated);
-        showNotification('Perfil atualizado com sucesso!', 'success');
-        isEditingProfile.value = false;
-    }
-    catch (error) {
-        showNotification(error.message || 'Erro ao atualizar perfil', 'error');
-    }
-});
-const logoutUser = () => {
-    logout();
-    isDropdownOpen.value = false;
-};
-const sendResetPasswordLink = () => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    if (!((_a = user.value) === null || _a === void 0 ? void 0 : _a.primaryEmailAddress)) {
-        showNotification('Informe o email para enviar o link de recuperação', 'error');
-        return;
-    }
-    try {
-        yield client.auth().resetPassword({ email_address: user.value.primaryEmailAddress });
-        showNotification(`Foi enviado um link para resetar a senha para o email ${user.value.primaryEmailAddress}.`, 'success');
-    }
-    catch (e) {
-        showNotification(e.message || 'Erro ao solicitar recuperação de senha', 'error');
-    }
-});
-const loadSessions = () => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        const sessionsData = yield client.account(token).getSessions();
-        sessions.value = sessionsData;
-    }
-    catch (error) {
-        showNotification('Erro ao carregar sessões', 'error');
-    }
-});
-const closeSessionById = (sessionId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const token = getCookie('atm_access_token');
-        if (!token) {
-            showNotification('Token de acesso não encontrado', 'error');
-            return;
-        }
-        yield client.account(token).closeSession(sessionId);
-        showNotification('Sessão encerrada com sucesso', 'success');
-        yield loadSessions();
-    }
-    catch (error) {
-        showNotification('Erro ao encerrar sessão', 'error');
-    }
-});
-const formatDate = (dateString) => {
-    const date = new Date(dateString);
-    return date.toLocaleString('pt-BR', {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit'
-    });
-};
-const getDeviceIcon = (device) => {
-    var _a, _b;
-    const platform = ((_a = device.platform) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
-    const browser = ((_b = device.browser) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '';
-    if (platform.includes('windows') || platform.includes('win32') || platform.includes('win64')) {
-        return 'M0,0V11H11V0ZM13,0V11H24V0ZM0,13V24H11V13ZM13,13V24H24V13Z';
-    }
-    if (platform.includes('mac') || platform.includes('darwin') || platform.includes('os x')) {
-        return 'M12,1C7,1 3,5 3,10C3,14 6,17 9,18V22H15V18C18,17 21,14 21,10C21,5 17,1 12,1M12,3C15.9,3 19,6.1 19,10C19,13.4 16.6,16.2 13.4,16.8L13,16.9V20H11V16.9L10.6,16.8C7.4,16.2 5,13.4 5,10C5,6.1 8.1,3 12,3Z';
-    }
-    if (platform.includes('iphone') || platform.includes('ipad') || platform.includes('ipod') || platform.includes('ios')) {
-        return 'M15.5,1H8.5C7.67,1 7,1.67 7,2.5V21.5C7,22.33 7.67,23 8.5,23H15.5C16.33,23 17,22.33 17,21.5V2.5C17,1.67 16.33,1 15.5,1M12,22C11.45,22 11,21.55 11,21C11,20.45 11.45,20 12,20C12.55,20 13,20.45 13,21C13,21.55 12.55,22 12,22M15,19H9V4H15V19Z';
-    }
-    if (platform.includes('android')) {
-        return 'M16.61,15.15C16.15,15.15 15.77,15.53 15.77,16C15.77,16.46 16.15,16.85 16.61,16.85C17.07,16.85 17.46,16.46 17.46,16C17.46,15.53 17.07,15.15 16.61,15.15M7.41,15.15C6.95,15.15 6.57,15.53 6.57,16C6.57,16.46 6.95,16.85 7.41,16.85C7.87,16.85 8.26,16.46 8.26,16C8.26,15.53 7.87,15.15 7.41,15.15M16.91,10.14L18.58,7.26C18.67,7.09 18.61,6.88 18.45,6.79C18.28,6.69 18.07,6.75 18,6.92L16.29,9.83C14.95,9.22 13.5,8.9 12,8.91C10.47,8.91 9,9.24 7.73,9.82L6.04,6.91C5.95,6.74 5.74,6.68 5.57,6.78C5.4,6.87 5.35,7.08 5.44,7.25L7.1,10.13C4.25,11.69 2.29,14.58 2,18H22C21.72,14.59 19.77,11.7 16.91,10.14Z';
-    }
-    if (platform.includes('linux') || platform.includes('ubuntu') || platform.includes('debian') || platform.includes('fedora') || platform.includes('centos') || platform.includes('arch')) {
-        return 'M12,2C11.5,2 11,2.19 10.59,2.59L2.59,10.59C1.8,11.37 1.8,12.63 2.59,13.41L10.59,21.41C11.37,22.2 12.63,22.2 13.41,21.41L21.41,13.41C22.2,12.63 22.2,11.37 21.41,10.59L13.41,2.59C13,2.19 12.5,2 12,2M12,4L20,12L12,20L4,12M12.5,7V13H11V7M12.5,15V17H11V15';
-    }
-    if (platform.includes('chrome') || browser.includes('chrome')) {
-        return 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C14.6,4 16.94,5.27 18.35,7.25L15.5,12C15.29,11.41 15,10.87 14.62,10.41C13.69,9.31 12.36,8.63 10.88,8.63C10.75,8.63 10.62,8.64 10.5,8.65L12,4.03C12,4.03 12,4 12,4M4.26,8.09C5.61,6.19 7.82,5 10.29,5L8.5,9.5C7.12,10.5 6.25,12.18 6.25,14.06C6.25,14.66 6.35,15.23 6.53,15.78L4.26,8.09M19.74,8.09L17.47,15.78C18.5,14.16 19.13,12.19 19.13,10.06C19.13,9.38 19.04,8.72 18.88,8.09H19.74M6.06,17C4.5,15.5 3.5,13.38 3.5,11C3.5,10.66 3.53,10.33 3.57,10H7.03C7,10.33 7,10.66 7,11C7,12.96 7.81,14.73 9.11,16L6.06,17M12,20C9.4,20 7.06,18.73 5.65,16.75L8.5,12C8.71,12.59 9,13.13 9.38,13.59C10.31,14.69 11.64,15.37 13.12,15.37C13.25,15.37 13.38,15.36 13.5,15.35L12,19.97C12,19.97 12,20 12,20M17.94,17L15.96,11C17.21,9.89 18,8.21 18,6.31C18,5.71 17.9,5.14 17.72,4.59L19.74,8.09C20.26,9.25 20.55,10.56 20.55,11.94C20.55,14.27 19.64,16.38 18.18,17.91L17.94,17Z';
-    }
-    if (browser.includes('firefox') || browser.includes('mozilla')) {
-        return 'M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.84,15.5C15.57,16.17 15.16,16.75 14.63,17.23C13.96,17.82 13.17,18.21 12.29,18.42C11.38,18.63 10.47,18.63 9.56,18.42C9,18.29 8.5,18.06 8.04,17.75C7.27,17.23 6.69,16.5 6.32,15.63C5.95,14.76 5.79,13.81 5.86,12.86C5.93,11.91 6.24,11.03 6.77,10.24C7.3,9.45 8,8.84 8.84,8.45C9.68,8.06 10.58,7.93 11.5,8.07C12.41,8.21 13.24,8.59 13.94,9.18C14.64,9.77 15.16,10.53 15.45,11.38C15.74,12.23 15.79,13.13 15.59,14C15.39,14.87 14.96,15.67 14.34,16.32L15.84,15.5Z';
-    }
-    if (browser.includes('safari')) {
-        return 'M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M9.5,9.5L14,12L12,14L10.5,14.5L9.5,9.5M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11Z';
-    }
-    if (browser.includes('edge') || browser.includes('edg')) {
-        return 'M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.5 5.2,16.7 7.1,18C8,17 9.3,16.5 10.7,16.5C12.1,16.5 13.4,17 14.3,18C16.2,16.7 17.4,14.5 17.4,12C17.4,9.5 16.2,7.3 14.3,6C13.4,7 12.1,7.5 10.7,7.5C9.3,7.5 8,7 7.1,6C5.2,7.3 4,9.5 4,12M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10Z';
-    }
-    if (browser.includes('opera')) {
-        return 'M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.92,4 4.55,7.05 4.07,11H8.92C9.45,8.7 10.6,7 12,7C13.4,7 14.55,8.7 15.08,11H19.93C19.45,7.05 16.08,4 12,4M4.07,13C4.55,16.95 7.92,20 12,20C16.08,20 19.45,16.95 19.93,13H15.08C14.55,15.3 13.4,17 12,17C10.6,17 9.45,15.3 8.92,13H4.07Z';
-    }
-    if (platform.includes('tablet') || platform.includes('ipad')) {
-        return 'M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z';
-    }
-    return 'M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z';
-};
-const hasFullName = (0, vue_1.computed)(() => {
-    var _a, _b;
-    return !!(((_a = user.value) === null || _a === void 0 ? void 0 : _a.firstName) && ((_b = user.value) === null || _b === void 0 ? void 0 : _b.lastName));
-});
-(0, vue_1.onMounted)(() => document.addEventListener('click', closeMenu));
-(0, vue_1.onUnmounted)(() => document.removeEventListener('click', closeMenu));
-const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmSecondaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmSecondaryColor);
-// @ts-ignore
-[atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmSecondaryColor, atmSecondaryColor,];
-const __VLS_0 = Notification_vue_1.default;
-// @ts-ignore
-const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
-    show: (__VLS_ctx.notification.show),
-    message: (__VLS_ctx.notification.message),
-    type: (__VLS_ctx.notification.type),
-}));
-const __VLS_2 = __VLS_1({
-    show: (__VLS_ctx.notification.show),
-    message: (__VLS_ctx.notification.message),
-    type: (__VLS_ctx.notification.type),
-}, ...__VLS_functionalComponentArgsRest(__VLS_1));
-if (__VLS_ctx.user) {
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-container" }));
-    /** @type {__VLS_StyleScopedClasses['atm-profile-container']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.toggleMenu) }, { class: "atm-profile-button" }), { ref: "buttonRef" }));
-    /** @type {__VLS_StyleScopedClasses['atm-profile-button']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-avatar" }, { style: (((_a = __VLS_ctx.user) === null || _a === void 0 ? void 0 : _a.profileImage) ? {} : { backgroundColor: __VLS_ctx.atmPrimaryColor }) }));
-    /** @type {__VLS_StyleScopedClasses['atm-profile-avatar']} */ ;
-    if ((_b = __VLS_ctx.user) === null || _b === void 0 ? void 0 : _b.profileImage) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.img)(Object.assign({ src: (__VLS_ctx.user.profileImage), alt: "Profile" }, { class: "atm-profile-avatar-img" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-avatar-img']} */ ;
-    }
-    else if (__VLS_ctx.hasFullName) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-        (__VLS_ctx.userInitials);
-    }
-    else {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }), { style: {} }));
-        /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",
-        });
-    }
-    if (__VLS_ctx.hasFullName) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-name" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-name']} */ ;
-        (__VLS_ctx.user.firstName);
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign(Object.assign({ class: "atm-profile-arrow" }, { class: ({ 'atm-rotate': __VLS_ctx.isDropdownOpen }) }), { viewBox: "0 0 24 24" }));
-    /** @type {__VLS_StyleScopedClasses['atm-profile-arrow']} */ ;
-    /** @type {__VLS_StyleScopedClasses['atm-rotate']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-        fill: "currentColor",
-        d: "M7,10L12,15L17,10H7Z",
-    });
-    let __VLS_5;
-    /** @ts-ignore @type {typeof __VLS_components.transition | typeof __VLS_components.Transition | typeof __VLS_components.transition | typeof __VLS_components.Transition} */
-    transition;
-    // @ts-ignore
-    const __VLS_6 = __VLS_asFunctionalComponent1(__VLS_5, new __VLS_5({
-        name: "atm-fade",
-    }));
-    const __VLS_7 = __VLS_6({
-        name: "atm-fade",
-    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
-    const { default: __VLS_10 } = __VLS_8.slots;
-    if (__VLS_ctx.isDropdownOpen) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-menu" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-menu']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-info']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-avatar large" }, { style: (((_c = __VLS_ctx.user) === null || _c === void 0 ? void 0 : _c.profileImage) ? {} : { backgroundColor: __VLS_ctx.atmPrimaryColor }) }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-avatar']} */ ;
-        /** @type {__VLS_StyleScopedClasses['large']} */ ;
-        if ((_d = __VLS_ctx.user) === null || _d === void 0 ? void 0 : _d.profileImage) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.img)(Object.assign({ src: (__VLS_ctx.user.profileImage), alt: "Profile" }, { class: "atm-profile-avatar-img" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-avatar-img']} */ ;
-        }
-        else if (__VLS_ctx.hasFullName) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-            (__VLS_ctx.userInitials);
-        }
-        else {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }), { style: {} }));
-            /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                fill: "currentColor",
-                d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",
-            });
-        }
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-details" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-details']} */ ;
-        if (__VLS_ctx.hasFullName) {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-profile-fullname" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-fullname']} */ ;
-            (__VLS_ctx.user.firstName);
-            (__VLS_ctx.user.lastName);
-        }
-        else {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-profile-fullname" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-fullname']} */ ;
-        }
-        __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-profile-email" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-email']} */ ;
-        (__VLS_ctx.user.primaryEmailAddress);
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-options" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-options']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.openProfileModal) }, { class: "atm-profile-option" }), { type: "button" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-option']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-profile-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",
-        });
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.logoutUser) }, { class: "atm-profile-option" }), { type: "button" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-option']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-profile-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M16,17V14H9V10H16V7L21,12L16,17M14,2A2,2 0 0,1 16,4V6H14V4H5V20H14V18H16V20A2,2 0 0,1 14,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2H14Z",
-        });
-    }
-    // @ts-ignore
-    [notification, notification, notification, user, user, user, user, user, user, user, user, user, user, user, toggleMenu, atmPrimaryColor, atmPrimaryColor, hasFullName, hasFullName, hasFullName, hasFullName, userInitials, userInitials, isDropdownOpen, isDropdownOpen, openProfileModal, logoutUser,];
-    var __VLS_8;
-    if (__VLS_ctx.isProfileModalOpen) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-modal" }, { role: "dialog", 'aria-modal': "true", 'aria-labelledby': "profile-modal-title" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-modal']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ onClick: (__VLS_ctx.closeProfileModal) }, { class: "atm-profile-overlay" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-overlay']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-content" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-content']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-header" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-header']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.closeProfileModal) }, { class: "atm-profile-close" }), { 'aria-label': "Fechar" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-close']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.h2, __VLS_intrinsics.h2)(Object.assign({ id: "profile-modal-title" }, { class: "atm-profile-title" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-title']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-tabs" }));
-        /** @type {__VLS_StyleScopedClasses['atm-profile-tabs']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.user))
-                    return;
-                if (!(__VLS_ctx.isProfileModalOpen))
-                    return;
-                __VLS_ctx.activeTab = 'geral';
-                // @ts-ignore
-                [isProfileModalOpen, closeProfileModal, closeProfileModal, activeTab,];
-            } }, { class: (['atm-tab', { 'atm-tab-active': __VLS_ctx.activeTab === 'geral' }]) }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab']} */ ;
-        /** @type {__VLS_StyleScopedClasses['atm-tab-active']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-tab-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",
-        });
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.user))
-                    return;
-                if (!(__VLS_ctx.isProfileModalOpen))
-                    return;
-                __VLS_ctx.activeTab = 'emails';
-                // @ts-ignore
-                [activeTab, activeTab,];
-            } }, { class: (['atm-tab', { 'atm-tab-active': __VLS_ctx.activeTab === 'emails' }]) }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab']} */ ;
-        /** @type {__VLS_StyleScopedClasses['atm-tab-active']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-tab-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z",
-        });
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.user))
-                    return;
-                if (!(__VLS_ctx.isProfileModalOpen))
-                    return;
-                __VLS_ctx.activeTab = 'senha';
-                // @ts-ignore
-                [activeTab, activeTab,];
-            } }, { class: (['atm-tab', { 'atm-tab-active': __VLS_ctx.activeTab === 'senha' }]) }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab']} */ ;
-        /** @type {__VLS_StyleScopedClasses['atm-tab-active']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-tab-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z",
-        });
-        __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.user))
-                    return;
-                if (!(__VLS_ctx.isProfileModalOpen))
-                    return;
-                __VLS_ctx.activeTab = 'sessoes';
-                // @ts-ignore
-                [activeTab, activeTab,];
-            } }, { class: (['atm-tab', { 'atm-tab-active': __VLS_ctx.activeTab === 'sessoes' }]) }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab']} */ ;
-        /** @type {__VLS_StyleScopedClasses['atm-tab-active']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-tab-icon" }));
-        /** @type {__VLS_StyleScopedClasses['atm-tab-icon']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-            fill: "currentColor",
-            d: "M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z",
-        });
-        if (__VLS_ctx.activeTab === 'geral') {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-body" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-body']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-avatar-large" }, { style: (((_e = __VLS_ctx.user) === null || _e === void 0 ? void 0 : _e.profileImage) ? {} : { backgroundColor: __VLS_ctx.atmPrimaryColor }) }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-avatar-large']} */ ;
-            if ((_f = __VLS_ctx.user) === null || _f === void 0 ? void 0 : _f.profileImage) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.img)(Object.assign({ src: (__VLS_ctx.user.profileImage), alt: "Profile" }, { class: "atm-profile-avatar-img" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-avatar-img']} */ ;
-            }
-            else if (__VLS_ctx.hasFullName) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                (__VLS_ctx.userInitials);
-            }
-            else {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }), { style: {} }));
-                /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",
-                });
-            }
-            if (!__VLS_ctx.isEditingProfile) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-grid" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-grid']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-label" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-label']} */ ;
-                if (__VLS_ctx.hasFullName) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-                    (__VLS_ctx.profileForm.firstName);
-                }
-                else {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-                }
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-label" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-label']} */ ;
-                if (__VLS_ctx.hasFullName) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-                    (__VLS_ctx.profileForm.lastName);
-                }
-                else {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-                }
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-label" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-label']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-                (__VLS_ctx.profileForm.primaryEmailAddress);
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.startEditing) }, { class: "atm-edit-profile-btn" }), { type: "button" }));
-                /** @type {__VLS_StyleScopedClasses['atm-edit-profile-btn']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z",
-                });
-            }
-            else {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-edit-form" }));
-                /** @type {__VLS_StyleScopedClasses['atm-profile-edit-form']} */ ;
-                __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({ type: "text" }, { class: "atm-input-field" }), { value: (__VLS_ctx.profileForm.firstName), placeholder: "Digite seu nome" }));
-                /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-                __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({ type: "text" }, { class: "atm-input-field" }), { value: (__VLS_ctx.profileForm.lastName), placeholder: "Digite seu sobrenome" }));
-                /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-actions" }));
-                /** @type {__VLS_StyleScopedClasses['atm-form-actions']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.updateProfile) }, { class: "atm-save-btn" }), { type: "button" }));
-                /** @type {__VLS_StyleScopedClasses['atm-save-btn']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",
-                });
-                __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.cancelEditing) }, { class: "atm-cancel-btn" }), { type: "button" }));
-                /** @type {__VLS_StyleScopedClasses['atm-cancel-btn']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",
-                });
-            }
-        }
-        if (__VLS_ctx.activeTab === 'emails') {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-body" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-body']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-add-section" }));
-            /** @type {__VLS_StyleScopedClasses['atm-email-add-section']} */ ;
-            __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.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-badge" }));
-            /** @type {__VLS_StyleScopedClasses['atm-badge']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ type: "email" }, { class: "atm-input-field" }), { placeholder: "novo@email.com" }));
-            (__VLS_ctx.newEmail);
-            /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.createEmailAddress) }, { class: "atm-add-email-btn" }), { type: "button" }));
-            /** @type {__VLS_StyleScopedClasses['atm-add-email-btn']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-            /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                fill: "currentColor",
-                d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z",
-            });
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-list" }));
-            /** @type {__VLS_StyleScopedClasses['atm-email-list']} */ ;
-            for (const [email] of __VLS_vFor((__VLS_ctx.emailAddresses))) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ key: (email.id) }, { class: "atm-email-item" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-item']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-info" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-info']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-address" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-address']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-email-icon" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: "M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z",
-                });
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                (email.email_address);
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-badges" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-badges']} */ ;
-                if (email.primary) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-badge atm-badge-primary" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge']} */ ;
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-primary']} */ ;
-                }
-                if (email.verified) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-badge atm-badge-verified" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge']} */ ;
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-verified']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-badge-icon" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-icon']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                        fill: "currentColor",
-                        d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",
-                    });
-                }
-                else {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-badge atm-badge-unverified" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge']} */ ;
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-unverified']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-badge-icon" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-icon']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                        fill: "currentColor",
-                        d: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",
-                    });
-                }
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-email-actions" }));
-                /** @type {__VLS_StyleScopedClasses['atm-email-actions']} */ ;
-                if (!email.verified) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (...[$event]) => {
-                            if (!(__VLS_ctx.user))
-                                return;
-                            if (!(__VLS_ctx.isProfileModalOpen))
-                                return;
-                            if (!(__VLS_ctx.activeTab === 'emails'))
-                                return;
-                            if (!(!email.verified))
-                                return;
-                            __VLS_ctx.requestEmailVerification(email.id);
-                            // @ts-ignore
-                            [user, user, user, atmPrimaryColor, hasFullName, hasFullName, hasFullName, userInitials, activeTab, activeTab, activeTab, isEditingProfile, profileForm, profileForm, profileForm, profileForm, profileForm, startEditing, updateProfile, cancelEditing, newEmail, createEmailAddress, emailAddresses, requestEmailVerification,];
-                        } }, { class: "atm-verify-btn" }), { type: "button" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-verify-btn']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                        fill: "currentColor",
-                        d: "M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z",
-                    });
-                }
-                if (!email.primary) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (...[$event]) => {
-                            if (!(__VLS_ctx.user))
-                                return;
-                            if (!(__VLS_ctx.isProfileModalOpen))
-                                return;
-                            if (!(__VLS_ctx.activeTab === 'emails'))
-                                return;
-                            if (!(!email.primary))
-                                return;
-                            __VLS_ctx.deleteEmailAddress(email.id);
-                            // @ts-ignore
-                            [deleteEmailAddress,];
-                        } }, { class: "atm-delete-btn" }), { type: "button" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-delete-btn']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                        fill: "currentColor",
-                        d: "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z",
-                    });
-                }
-                // @ts-ignore
-                [];
-            }
-        }
-        if (__VLS_ctx.activeTab === 'senha') {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-body" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-body']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-password-section" }));
-            /** @type {__VLS_StyleScopedClasses['atm-password-section']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-label" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-info-label']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-profile-info-value" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-info-value']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-info-row" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-info-row']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (__VLS_ctx.sendResetPasswordLink) }, { class: "atm-reset-password-btn" }), { type: "button" }));
-            /** @type {__VLS_StyleScopedClasses['atm-reset-password-btn']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-            /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                fill: "currentColor",
-                d: "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z",
-            });
-        }
-        if (__VLS_ctx.activeTab === 'sessoes') {
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-profile-body" }));
-            /** @type {__VLS_StyleScopedClasses['atm-profile-body']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-sessions-section" }));
-            /** @type {__VLS_StyleScopedClasses['atm-sessions-section']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-sessions-info" }));
-            /** @type {__VLS_StyleScopedClasses['atm-sessions-info']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-sessions-description" }));
-            /** @type {__VLS_StyleScopedClasses['atm-sessions-description']} */ ;
-            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-sessions-list" }));
-            /** @type {__VLS_StyleScopedClasses['atm-sessions-list']} */ ;
-            for (const [session] of __VLS_vFor((__VLS_ctx.sessions))) {
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ key: (session.id) }, { class: "atm-session-item" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-item']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-info" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-info']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-header" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-header']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-session-icon" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-icon']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                    fill: "currentColor",
-                    d: (__VLS_ctx.getDeviceIcon(session.device)),
-                });
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-details" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-details']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-title" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-title']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                (session.ip_address);
-                if (session.current === 1) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-badge atm-badge-current" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-badge']} */ ;
-                    /** @type {__VLS_StyleScopedClasses['atm-badge-current']} */ ;
-                }
-                if (session.device.browser || session.device.platform) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-device-info" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-session-device-info']} */ ;
-                    if (session.device.browser) {
-                        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                        (session.device.browser);
-                        (session.device.browser_version ? ` ${session.device.browser_version}` : '');
-                    }
-                    if (session.device.browser && session.device.platform) {
-                        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                    }
-                    if (session.device.platform) {
-                        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                        (session.device.platform);
-                    }
-                }
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-timestamps" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-timestamps']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-timestamp" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-timestamp']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-timestamp-label" }));
-                /** @type {__VLS_StyleScopedClasses['atm-timestamp-label']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                (__VLS_ctx.formatDate(session.started_at));
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-timestamp" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-timestamp']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "atm-timestamp-label" }));
-                /** @type {__VLS_StyleScopedClasses['atm-timestamp-label']} */ ;
-                __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-                (__VLS_ctx.formatDate(session.last_activity_at));
-                __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-session-actions" }));
-                /** @type {__VLS_StyleScopedClasses['atm-session-actions']} */ ;
-                if (session.current !== 1) {
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ onClick: (...[$event]) => {
-                            if (!(__VLS_ctx.user))
-                                return;
-                            if (!(__VLS_ctx.isProfileModalOpen))
-                                return;
-                            if (!(__VLS_ctx.activeTab === 'sessoes'))
-                                return;
-                            if (!(session.current !== 1))
-                                return;
-                            __VLS_ctx.closeSessionById(session.id);
-                            // @ts-ignore
-                            [activeTab, activeTab, sendResetPasswordLink, sessions, getDeviceIcon, formatDate, formatDate, closeSessionById,];
-                        } }, { class: "atm-close-session-btn" }), { type: "button" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-close-session-btn']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ viewBox: "0 0 24 24" }, { class: "atm-btn-icon" }));
-                    /** @type {__VLS_StyleScopedClasses['atm-btn-icon']} */ ;
-                    __VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-                        fill: "currentColor",
-                        d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",
-                    });
-                }
-                // @ts-ignore
-                [];
-            }
-        }
-    }
-}
-// @ts-ignore
-[];
-const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
-exports.default = {};