@autenticar-me/vue 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,32 +1,2270 @@
-"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]; } };
+import { inject, defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, renderSlot, useCssVars, computed, ref, onMounted, nextTick, watch, unref, withModifiers, withDirectives, vModelText, Fragment, renderList, createTextVNode, createBlock, Teleport, createVNode, Transition, withCtx, normalizeClass, onUnmounted, provide } from "vue";
+import UniversalCookie from "universal-cookie";
+import { AtmClient } from "@autenticar-me/client-js";
+const writeAccessTokenInCookie = (accessToken) => {
+  const cookies = new UniversalCookie();
+  if (accessToken === null) {
+    cookies.remove("atm_access_token");
+  } else {
+    cookies.set("atm_access_token", accessToken);
+  }
+};
+const getAccessToken = async () => {
+  const cookies = new UniversalCookie();
+  return cookies.get("atm_access_token");
+};
+const writeRefreshTokenInCookie = (refreshToken) => {
+  const cookies = new UniversalCookie();
+  if (refreshToken === null) {
+    cookies.remove("atm_refresh_token");
+  } else {
+    cookies.set("atm_refresh_token", refreshToken);
+  }
+};
+const fetchUser = async (client, user) => {
+  let accessToken = await getAccessToken();
+  if (accessToken == null) {
+    user.value = null;
+    return;
+  }
+  const response = await client.value.account(accessToken).getProfile();
+  user.value = {
+    id: response.id,
+    username: response.username,
+    firstName: response.first_name,
+    lastName: response.last_name,
+    primaryEmailAddress: response.primary_email_address,
+    primaryEmailAddressId: response.primary_email_address_id,
+    profileImage: response.profile_image,
+    attributes: response.attributes.map((atribute) => ({
+      key: atribute.key,
+      mode: atribute.mode,
+      value: atribute.value
+    }))
+  };
+};
+function useAtm() {
+  const ctx = inject("atm");
+  if (!ctx) {
+    throw new Error("[Autenticar.me] É necessário configurar o plugin no main.ts");
+  }
+  return ctx;
+}
+function useAuth() {
+  const { client, user } = useAtm();
+  const signInByAccessToken = async (accessToken) => {
+    writeAccessTokenInCookie(accessToken);
+    await fetchUser(client, user);
+  };
+  const logout = async () => {
+    const accessToken = await getAccessToken();
+    if (accessToken == null) {
+      return;
+    }
+    await client.value.account(accessToken).logout();
+    user.value = null;
+    writeAccessTokenInCookie(null);
+  };
+  return {
+    user,
+    signInByAccessToken,
+    getAccessToken,
+    fetchUser,
+    logout
+  };
+}
+const _hoisted_1$8 = { class: "atm-overlay" };
+const _hoisted_2$3 = { class: "atm-modal" };
+const _hoisted_3$3 = { class: "atm-modal-content" };
+const _hoisted_4$3 = {
+  key: 0,
+  class: "atm-modal-title"
+};
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "Modal",
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: null
+    },
+    maxWidth: {
+      type: Number,
+      required: false,
+      default: 672
+    }
+  },
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", {
+          class: "atm-container",
+          style: normalizeStyle({ maxWidth: `${__props.maxWidth}px` })
+        }, [
+          _cache[2] || (_cache[2] = createElementVNode("div", { class: "atm-fade-layer" }, [
+            createElementVNode("div", { class: "atm-fade-bg" })
+          ], -1)),
+          createElementVNode("div", _hoisted_2$3, [
+            createElementVNode("button", {
+              class: "atm-close-button",
+              onClick: _cache[0] || (_cache[0] = ($event) => close())
+            }, [..._cache[1] || (_cache[1] = [
+              createElementVNode("svg", {
+                class: "atm-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])]),
+            createElementVNode("div", _hoisted_3$3, [
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              createElementVNode("div", null, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ])
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c347df44"]]);
+function useAtmClient() {
+  const { client } = useAtm();
+  return client.value;
+}
+const DEVICE_TOKEN_KEY = "atm_device_token";
+const getDeviceToken = async (client) => {
+  try {
+    const storedToken = localStorage.getItem(DEVICE_TOKEN_KEY);
+    if (storedToken) {
+      return storedToken;
+    }
+    const response = await fetch(`${client.getProjectUrl()}/api/v1/devices`, {
+      method: "POST",
+      headers: {
+        "accept": "application/json",
+        "x-public-key": client.getPublicKey()
+      }
+    });
+    if (!response.ok) {
+      const errorBody = await response.json();
+      throw new Error(errorBody.message || "Falha ao criar o token do dispositivo.");
+    }
+    const data = await response.json();
+    if (!data.token) {
+      throw new Error("O token do dispositivo não foi retornado pelo servidor.");
+    }
+    localStorage.setItem(DEVICE_TOKEN_KEY, data.token);
+    return data.token;
+  } catch (error) {
+    throw error;
+  }
+};
+const _hoisted_1$7 = { class: "atm-login-container" };
+const _hoisted_2$2 = { class: "atm-logo-container" };
+const _hoisted_3$2 = ["src"];
+const _hoisted_4$2 = {
+  key: 1,
+  class: "atm-logo-placeholder"
+};
+const _hoisted_5$2 = { class: "atm-project-name" };
+const _hoisted_6$2 = { key: 0 };
+const _hoisted_7$2 = {
+  key: 0,
+  class: "atm-form-group"
+};
+const _hoisted_8$2 = { class: "atm-input-label" };
+const _hoisted_9$2 = ["placeholder", "disabled"];
+const _hoisted_10$2 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_11$2 = {
+  key: 1,
+  class: "atm-form-group"
+};
+const _hoisted_12$2 = ["disabled"];
+const _hoisted_13$2 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_14$2 = {
+  class: "atm-alternative-options",
+  style: { "margin-top": "4px" }
+};
+const _hoisted_15$2 = ["disabled"];
+const _hoisted_16$2 = {
+  key: 2,
+  class: "atm-strategy-choice"
+};
+const _hoisted_17$2 = { class: "atm-strategy-buttons" };
+const _hoisted_18$2 = ["onClick", "disabled"];
+const _hoisted_19$2 = { key: 0 };
+const _hoisted_20$2 = {
+  key: 3,
+  class: "atm-form-group"
+};
+const _hoisted_21$2 = {
+  key: 1,
+  class: "atm-forgot-password-message",
+  style: { "text-align": "center", "color": "#333", "margin-bottom": "16px" }
+};
+const _hoisted_22$2 = ["disabled"];
+const _hoisted_23$2 = { key: 0 };
+const _hoisted_24$2 = {
+  key: 1,
+  class: "button-spinner"
+};
+const _hoisted_25$2 = { key: 0 };
+const _hoisted_26$2 = { key: 1 };
+const _hoisted_27$2 = { class: "atm-footer-links" };
+const _hoisted_28$1 = { class: "atm-signup-text" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "SignIn",
+  emits: [
+    "completed",
+    "sign-up"
+  ],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "e2d4c99e": atmPrimaryColor.value,
+      "v182122ff": atmSecondaryColor.value
+    }));
+    const emit = __emit;
+    const showNotification = inject("showNotification");
+    const form = ref({
+      emailAddress: "",
+      password: ""
+    });
+    const currentStep = ref("email");
+    const signInStep = ref(null);
+    const availableStrategies = ref([]);
+    const selectedStrategy = ref(null);
+    const serverStep = ref(null);
+    const isLoading = ref(false);
+    const emailInput = ref(null);
+    const passwordInput = ref(null);
+    const fieldErrors = ref({
+      emailAddress: [],
+      password: []
+    });
+    const client = useAtmClient();
+    const { signInByAccessToken } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = computed(() => configurations.value?.design?.secondaryColor);
+    const logoUrl = computed(() => configurations.value?.project?.logo || "");
+    const buttonText = computed(() => {
+      if (currentStep.value === "email") return "Entrar";
+      if (currentStep.value === "choose_strategy") return "";
+      if (currentStep.value === "forgot_password_message") return "";
+      return "Finalizar";
+    });
+    const showEmailField = computed(() => currentStep.value === "email" || currentStep.value === "forgot_password_message");
+    const showPasswordField = computed(() => currentStep.value === "password");
+    const showStrategyChoice = computed(() => currentStep.value === "choose_strategy");
+    const labelText = computed(() => {
+      if (configurations.value?.username?.enable === false) {
+        return "Email";
+      }
+      return "Email ou Nome de usuário";
+    });
+    const inputPlaceholder = computed(() => {
+      if (configurations.value?.username?.enable === false) {
+        return "email@exemplo.com";
+      }
+      return "email@exemplo.com ou seu username";
+    });
+    const processAvailableStrategies = (stepData) => {
+      const strategies = stepData?.supported?.first_factors || [];
+      return {
+        password: strategies.find((s) => s.strategy === "password"),
+        emailLink: strategies.find((s) => s.strategy === "email_link")
+      };
+    };
+    const clearErrors = () => {
+      fieldErrors.value = {
+        emailAddress: [],
+        password: []
+      };
+    };
+    const handleEmailStep = async () => {
+      if (!form.value.emailAddress.trim()) {
+        showNotification?.("Email ou nome de usuário é obrigatório");
+        return false;
+      }
+      try {
+        const deviceToken = await getDeviceToken(client);
+        const stepData = await 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?.("Nenhum método de autenticação disponível");
+          return false;
+        }
+        return true;
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          if (error.errors.email_address) {
+            fieldErrors.value.emailAddress = error.errors.email_address;
+          }
+        } else {
+          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 = async () => {
+      if (!form.value.password.trim()) {
+        showNotification?.("Senha é obrigatória");
+        return false;
+      }
+      try {
+        if (!signInStep.value) {
+          showNotification?.("Estado de autenticação inválido");
+          return false;
+        }
+        if (serverStep.value !== "first_factor") {
+          showNotification?.("Etapa inválida para autenticação com senha");
+          return false;
+        }
+        const attemptToken = signInStep.value.sign_in_attempt_token;
+        if (!attemptToken) {
+          showNotification?.("Token de tentativa não encontrado");
+          return false;
+        }
+        const response = await client.auth().authenticateWithPassword(signInStep.value.id, attemptToken, form.value.password);
+        if (response?.step) {
+          serverStep.value = response.step;
+          signInStep.value = { ...signInStep.value, ...response };
+        }
+        return true;
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          if (error.errors.password) {
+            fieldErrors.value.password = error.errors.password;
+          }
+        } else {
+          showNotification?.(error.message || "Senha incorreta");
+        }
+        return false;
+      }
+    };
+    const handleEmailLinkStep = async () => {
+      try {
+        await client.auth().sendEmailLink(signInStep.value.id, selectedStrategy.value?.email_address_id);
+        showNotification?.("Link de verificação enviado para seu email", "success");
+        return true;
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao enviar link de verificação");
+        return false;
+      }
+    };
+    const sendResetPasswordLink = async () => {
+      if (!form.value.emailAddress.trim()) {
+        showNotification?.("Informe o email para enviar o link de recuperação");
+        return;
+      }
+      try {
+        await client.auth().resetPassword({ email_address: form.value.emailAddress });
+        currentStep.value = "forgot_password_message";
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao solicitar recuperação de senha");
+      }
+    };
+    const completeAuthentication = async () => {
+      try {
+        const attemptToken = signInStep.value.sign_in_attempt_token;
+        if (!attemptToken) {
+          showNotification?.("Token de tentativa não encontrado");
+          isLoading.value = false;
+          return;
+        }
+        const tokens = await client.auth().generateTokens(signInStep.value.id, attemptToken);
+        signInByAccessToken(tokens.access_token);
+        writeRefreshTokenInCookie(tokens.refresh_token);
+        showNotification?.("Login realizado com sucesso!", "success");
+        setTimeout(() => {
+          emit("completed");
+        }, 1e3);
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao finalizar autenticação");
+        isLoading.value = false;
+      }
+    };
+    const submit = async () => {
+      if (isLoading.value) return;
+      clearErrors();
+      try {
+        isLoading.value = true;
+        let stepSuccess = false;
+        let shouldCompleteAuth = false;
+        if (currentStep.value === "email") {
+          stepSuccess = await handleEmailStep();
+          if (stepSuccess) {
+            isLoading.value = false;
+          }
+        } else if (currentStep.value === "password") {
+          stepSuccess = await 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) {
+          await completeAuthentication();
+        } else if (!stepSuccess) {
+          isLoading.value = false;
+        }
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          const mappedErrors = {};
+          if (error.errors.email_address) {
+            mappedErrors.emailAddress = error.errors.email_address;
+          }
+          if (error.errors.password) {
+            mappedErrors.password = error.errors.password;
+          }
+          fieldErrors.value = { ...fieldErrors.value, ...mappedErrors };
+        } else {
+          showNotification?.(error.message || "Erro durante o processo de login");
+        }
+        isLoading.value = false;
+      }
+    };
+    const signUp = () => emit("sign-up");
+    onMounted(() => {
+      nextTick(() => {
+        if (emailInput.value) {
+          emailInput.value.focus();
+        }
+      });
+    });
+    watch(currentStep, (newStep) => {
+      nextTick(() => {
+        if (newStep === "password" && passwordInput.value) {
+          passwordInput.value.focus();
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return unref(configurations) ? (openBlock(), createElementBlock("form", {
+        key: 0,
+        onSubmit: _cache[4] || (_cache[4] = withModifiers(($event) => submit(), ["prevent"]))
+      }, [
+        createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_2$2, [
+            logoUrl.value ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: logoUrl.value,
+              alt: "Logo",
+              class: "atm-logo-image"
+            }, null, 8, _hoisted_3$2)) : (openBlock(), createElementBlock("div", _hoisted_4$2, "Logo"))
+          ]),
+          createElementVNode("h2", _hoisted_5$2, toDisplayString(unref(configurations).project.name), 1),
+          _cache[13] || (_cache[13] = createElementVNode("p", { class: "atm-welcome-text" }, "Bem-vindo de volta! Faça login para continuar", -1)),
+          currentStep.value !== "forgot_password_message" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+            showEmailField.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+              createElementVNode("label", _hoisted_8$2, toDisplayString(labelText.value), 1),
+              withDirectives(createElementVNode("input", {
+                ref_key: "emailInput",
+                ref: emailInput,
+                type: "text",
+                class: "atm-input-field",
+                placeholder: inputPlaceholder.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.emailAddress = $event),
+                disabled: currentStep.value !== "email" || isLoading.value
+              }, null, 8, _hoisted_9$2), [
+                [vModelText, form.value.emailAddress]
+              ]),
+              fieldErrors.value.emailAddress.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10$2, toDisplayString(fieldErrors.value.emailAddress[0]), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            showPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
+              _cache[5] || (_cache[5] = createElementVNode("label", { class: "atm-input-label" }, "Senha", -1)),
+              withDirectives(createElementVNode("input", {
+                ref_key: "passwordInput",
+                ref: passwordInput,
+                type: "password",
+                class: "atm-input-field",
+                placeholder: "Digite sua senha",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.password = $event),
+                disabled: isLoading.value
+              }, null, 8, _hoisted_12$2), [
+                [vModelText, form.value.password]
+              ]),
+              fieldErrors.value.password.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_13$2, toDisplayString(fieldErrors.value.password[0]), 1)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_14$2, [
+                createElementVNode("button", {
+                  type: "button",
+                  onClick: _cache[2] || (_cache[2] = ($event) => sendResetPasswordLink()),
+                  class: "atm-forgot-password-link",
+                  disabled: isLoading.value
+                }, " Esqueci a minha senha ", 8, _hoisted_15$2)
+              ])
+            ])) : createCommentVNode("", true),
+            showStrategyChoice.value ? (openBlock(), createElementBlock("div", _hoisted_16$2, [
+              _cache[6] || (_cache[6] = createElementVNode("p", { class: "atm-strategy-title" }, "Escolha como deseja fazer login:", -1)),
+              createElementVNode("div", _hoisted_17$2, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(availableStrategies.value, (strategy) => {
+                  return openBlock(), createElementBlock("button", {
+                    key: strategy.strategy,
+                    onClick: ($event) => selectStrategy(strategy),
+                    type: "button",
+                    class: "atm-strategy-button",
+                    disabled: isLoading.value
+                  }, [
+                    strategy.strategy === "email_link" ? (openBlock(), createElementBlock("span", _hoisted_19$2, "Usar link por email")) : createCommentVNode("", true)
+                  ], 8, _hoisted_18$2);
+                }), 128))
+              ])
+            ])) : createCommentVNode("", true),
+            currentStep.value === "email_link" ? (openBlock(), createElementBlock("div", _hoisted_20$2, [..._cache[7] || (_cache[7] = [
+              createElementVNode("p", { class: "atm-email-link-text" }, " Link de verificação enviado para seu email. Verifique sua caixa de entrada. ", -1)
+            ])])) : createCommentVNode("", true)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_21$2, [
+            createElementVNode("p", null, [
+              _cache[8] || (_cache[8] = createTextVNode("Foi enviado um link para resetar a senha para o email ", -1)),
+              createElementVNode("strong", null, toDisplayString(form.value.emailAddress), 1),
+              _cache[9] || (_cache[9] = createTextVNode(". Verifique sua caixa de entrada.", -1))
+            ])
+          ])),
+          buttonText.value ? (openBlock(), createElementBlock("button", {
+            key: 2,
+            type: "submit",
+            class: "atm-login-button",
+            disabled: isLoading.value
+          }, [
+            !isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_23$2, toDisplayString(buttonText.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_24$2, [
+              _cache[10] || (_cache[10] = createElementVNode("svg", {
+                class: "spinner-svg",
+                viewBox: "0 0 50 50"
+              }, [
+                createElementVNode("circle", {
+                  class: "spinner-circle",
+                  cx: "25",
+                  cy: "25",
+                  r: "20",
+                  fill: "none",
+                  "stroke-width": "5"
+                })
+              ], -1)),
+              currentStep.value === "email" ? (openBlock(), createElementBlock("span", _hoisted_25$2, "Verificando...")) : (openBlock(), createElementBlock("span", _hoisted_26$2, "Entrando..."))
+            ]))
+          ], 8, _hoisted_22$2)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_27$2, [
+            createElementVNode("p", _hoisted_28$1, [
+              _cache[11] || (_cache[11] = createTextVNode(" Ainda não tem uma conta? ", -1)),
+              createElementVNode("a", {
+                onClick: _cache[3] || (_cache[3] = ($event) => signUp()),
+                class: "atm-signup-link"
+              }, "Cadastre aqui")
+            ]),
+            _cache[12] || (_cache[12] = createElementVNode("p", { class: "atm-powered-by" }, [
+              createTextVNode(" Secured by "),
+              createElementVNode("strong", null, "Autenticar.me")
+            ], -1))
+          ])
+        ])
+      ], 32)) : createCommentVNode("", true);
+    };
+  }
+});
+const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-69af412a"]]);
+const _hoisted_1$6 = {
+  key: 0,
+  class: "atm-notification-container"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Notification",
+  props: {
+    show: { type: Boolean },
+    message: {},
+    type: { default: "error" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "atm-notification" }, {
+          default: withCtx(() => [
+            __props.show ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+              createElementVNode("div", {
+                class: normalizeClass(["atm-notification", `atm-notification--${__props.type}`])
+              }, toDisplayString(__props.message), 3)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f5e47084"]]);
+const _hoisted_1$5 = { class: "atm-signup-container" };
+const _hoisted_2$1 = { class: "atm-logo-container" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = {
+  key: 1,
+  class: "atm-logo-placeholder"
+};
+const _hoisted_5$1 = { class: "atm-project-name" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "atm-form-group"
+};
+const _hoisted_7$1 = { class: "atm-input-label" };
+const _hoisted_8$1 = ["disabled"];
+const _hoisted_9$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_10$1 = {
+  key: 1,
+  class: "atm-form-group"
+};
+const _hoisted_11$1 = { class: "atm-input-label" };
+const _hoisted_12$1 = ["disabled"];
+const _hoisted_13$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_14$1 = { class: "atm-form-group" };
+const _hoisted_15$1 = ["disabled"];
+const _hoisted_16$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_17$1 = {
+  key: 2,
+  class: "atm-form-group"
+};
+const _hoisted_18$1 = ["disabled"];
+const _hoisted_19$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_20$1 = {
+  key: 3,
+  class: "atm-form-group"
+};
+const _hoisted_21$1 = ["disabled"];
+const _hoisted_22$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_23$1 = ["disabled"];
+const _hoisted_24$1 = { key: 0 };
+const _hoisted_25$1 = {
+  key: 1,
+  class: "button-spinner"
+};
+const _hoisted_26$1 = { class: "atm-footer-links" };
+const _hoisted_27$1 = { class: "atm-login-text" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "SignUp",
+  emits: ["completed", "sign-in"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v8c008960": atmPrimaryColor.value,
+      "v1183b75e": atmSecondaryColor.value
+    }));
+    const emit = __emit;
+    const { configurations } = useAtm();
+    const form = ref({
+      first_name: "",
+      last_name: "",
+      email_address: "",
+      password: "",
+      confirm_password: ""
+    });
+    const notification = ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const isLoading = ref(false);
+    const firstNameInput = ref(null);
+    const emailInput = ref(null);
+    const fieldErrors = ref({
+      first_name: [],
+      last_name: [],
+      email_address: [],
+      password: [],
+      confirm_password: []
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    onMounted(() => {
+      nextTick(() => {
+        if (hasFirstName.value && firstNameInput.value) {
+          firstNameInput.value.focus();
+        } else if (emailInput.value) {
+          emailInput.value.focus();
+        }
+      });
+    });
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = computed(() => configurations.value?.design?.secondaryColor);
+    const logoUrl = computed(() => configurations.value?.project?.logo || "");
+    const hasFirstName = computed(() => configurations.value?.firstName?.required === true);
+    const hasLastName = computed(() => configurations.value?.lastName?.required === true);
+    const hasPassword = computed(() => configurations.value?.password?.enable !== false);
+    const lengthConfig = computed(() => configurations.value?.password?.length);
+    const validatePassword = () => {
+      const password = form.value.password;
+      const minLength = lengthConfig.value?.min ?? 8;
+      const maxLength = lengthConfig.value?.max ?? 64;
+      if (password.length < minLength) {
+        return `Senha deve ter pelo menos ${minLength} caracteres`;
+      }
+      if (password.length > maxLength) {
+        return `Senha deve ter no máximo ${maxLength} caracteres`;
+      }
+      if (configurations.value?.password?.uppercase && !/[A-Z]/.test(password)) {
+        return "Senha deve conter pelo menos uma letra maiúscula";
+      }
+      if (configurations.value?.password?.lowercase && !/[a-z]/.test(password)) {
+        return "Senha deve conter pelo menos uma letra minúscula";
+      }
+      if (configurations.value?.password?.numbers && !/\d/.test(password)) {
+        return "Senha deve conter pelo menos um número";
+      }
+      if (configurations.value?.password?.symbols && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
+        return "Senha deve conter pelo menos um símbolo especial";
+      }
+      return null;
+    };
+    const client = useAtmClient();
+    const { signInByAccessToken } = useAuth();
+    const clearErrors = () => {
+      fieldErrors.value = {
+        first_name: [],
+        last_name: [],
+        email_address: [],
+        password: [],
+        confirm_password: []
+      };
+    };
+    const submit = async () => {
+      if (isLoading.value) return;
+      clearErrors();
+      if (hasFirstName.value && !form.value.first_name.trim()) {
+        showNotification("Nome é obrigatório");
+        return;
+      }
+      if (hasLastName.value && !form.value.last_name.trim()) {
+        showNotification("Sobrenome é obrigatório");
+        return;
+      }
+      if (!form.value.email_address.trim()) {
+        showNotification("Email é obrigatório");
+        return;
+      }
+      if (hasPassword.value) {
+        if (!form.value.password.trim()) {
+          showNotification("Senha é obrigatória");
+          return;
+        }
+        const passwordError = validatePassword();
+        if (passwordError) {
+          showNotification(passwordError);
+          return;
+        }
+        if (!form.value.confirm_password.trim()) {
+          showNotification("Confirmação de senha é obrigatória");
+          return;
+        }
+        if (form.value.password !== form.value.confirm_password) {
+          showNotification("Senhas não coincidem");
+          return;
+        }
+      }
+      try {
+        isLoading.value = true;
+        await client.auth().register({
+          first_name: form.value.first_name,
+          last_name: form.value.last_name,
+          email_address: form.value.email_address,
+          password: form.value.password
+        });
+        showNotification("Conta criada com sucesso!", "success");
+        const deviceToken = await getDeviceToken(client);
+        const signInStep = await client.auth().signInByEmailAddress(form.value.email_address, deviceToken);
+        const attemptToken = signInStep.token;
+        if (!attemptToken) {
+          throw new Error("Token de tentativa não encontrado");
+        }
+        await client.auth().authenticateWithPassword(signInStep.id, attemptToken, form.value.password);
+        const tokens = await client.auth().generateTokens(signInStep.id, attemptToken);
+        signInByAccessToken(tokens.access_token);
+        writeRefreshTokenInCookie(tokens.refresh_token);
+        showNotification("Login realizado com sucesso!", "success");
+        setTimeout(() => {
+          emit("completed");
+        }, 1e3);
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          fieldErrors.value = { ...fieldErrors.value, ...error.errors };
+        } else {
+          showNotification(error.message || "Erro ao registrar usuário", "error");
+        }
+        isLoading.value = false;
+      }
+    };
+    const signIn = () => emit("sign-in");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        unref(configurations) ? (openBlock(), createElementBlock("form", {
+          key: 0,
+          onSubmit: withModifiers(submit, ["prevent"])
+        }, [
+          createElementVNode("div", _hoisted_1$5, [
+            createElementVNode("div", _hoisted_2$1, [
+              logoUrl.value ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: logoUrl.value,
+                alt: "Logo",
+                class: "atm-logo-image"
+              }, null, 8, _hoisted_3$1)) : (openBlock(), createElementBlock("div", _hoisted_4$1, "Logo"))
+            ]),
+            createElementVNode("h2", _hoisted_5$1, toDisplayString(unref(configurations).project.name), 1),
+            _cache[11] || (_cache[11] = createElementVNode("p", { class: "atm-welcome-text" }, "Crie sua conta para começar", -1)),
+            hasFirstName.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              createElementVNode("label", _hoisted_7$1, " Primeiro Nome " + toDisplayString(unref(configurations).firstName?.required ? "*" : ""), 1),
+              withDirectives(createElementVNode("input", {
+                ref_key: "firstNameInput",
+                ref: firstNameInput,
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.first_name = $event),
+                placeholder: "Digite seu primeiro nome",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_8$1), [
+                [vModelText, form.value.first_name]
+              ]),
+              fieldErrors.value.first_name.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$1, toDisplayString(fieldErrors.value.first_name[0]), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            hasLastName.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+              createElementVNode("label", _hoisted_11$1, " Sobrenome " + toDisplayString(unref(configurations).lastName?.required ? "*" : ""), 1),
+              withDirectives(createElementVNode("input", {
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.last_name = $event),
+                placeholder: "Digite seu sobrenome",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_12$1), [
+                [vModelText, form.value.last_name]
+              ]),
+              fieldErrors.value.last_name.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_13$1, toDisplayString(fieldErrors.value.last_name[0]), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_14$1, [
+              _cache[5] || (_cache[5] = createElementVNode("label", { class: "atm-input-label" }, "Email ou Nome de usuário *", -1)),
+              withDirectives(createElementVNode("input", {
+                ref_key: "emailInput",
+                ref: emailInput,
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.email_address = $event),
+                placeholder: "email@exemplo.com ou seuusername",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_15$1), [
+                [vModelText, form.value.email_address]
+              ]),
+              fieldErrors.value.email_address.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_16$1, toDisplayString(fieldErrors.value.email_address[0]), 1)) : createCommentVNode("", true)
+            ]),
+            hasPassword.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
+              _cache[6] || (_cache[6] = createElementVNode("label", { class: "atm-input-label" }, "Senha *", -1)),
+              withDirectives(createElementVNode("input", {
+                type: "password",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.password = $event),
+                placeholder: "",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_18$1), [
+                [vModelText, form.value.password]
+              ]),
+              fieldErrors.value.password.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19$1, toDisplayString(fieldErrors.value.password[0]), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            hasPassword.value ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
+              _cache[7] || (_cache[7] = createElementVNode("label", { class: "atm-input-label" }, "Confirmar Senha *", -1)),
+              withDirectives(createElementVNode("input", {
+                type: "password",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.confirm_password = $event),
+                placeholder: "",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_21$1), [
+                [vModelText, form.value.confirm_password]
+              ]),
+              fieldErrors.value.confirm_password.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_22$1, toDisplayString(fieldErrors.value.confirm_password[0]), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("button", {
+              type: "submit",
+              class: "atm-signup-button",
+              disabled: isLoading.value
+            }, [
+              !isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_24$1, "Criar Conta")) : (openBlock(), createElementBlock("span", _hoisted_25$1, [..._cache[8] || (_cache[8] = [
+                createElementVNode("svg", {
+                  class: "spinner-svg",
+                  viewBox: "0 0 50 50"
+                }, [
+                  createElementVNode("circle", {
+                    class: "spinner-circle",
+                    cx: "25",
+                    cy: "25",
+                    r: "20",
+                    fill: "none",
+                    "stroke-width": "5"
+                  })
+                ], -1),
+                createTextVNode(" Criando... ", -1)
+              ])]))
+            ], 8, _hoisted_23$1),
+            createElementVNode("div", _hoisted_26$1, [
+              createElementVNode("p", _hoisted_27$1, [
+                _cache[9] || (_cache[9] = createTextVNode(" Já tem uma conta? ", -1)),
+                createElementVNode("a", {
+                  onClick: signIn,
+                  class: normalizeClass(["atm-login-link", { "disabled-link": isLoading.value }])
+                }, "Faça login", 2)
+              ]),
+              _cache[10] || (_cache[10] = createElementVNode("p", { class: "atm-powered-by" }, [
+                createTextVNode("Secured by "),
+                createElementVNode("strong", null, "Autenticar.me")
+              ], -1))
+            ])
+          ])
+        ], 32)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-de716df2"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SignInModal",
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    const component = ref("sign-in");
+    const signUp = () => component.value = "sign-up";
+    const signIn = () => component.value = "sign-in";
+    const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 1024);
+    const maxWidth = computed(() => {
+      if (windowWidth.value <= 360) return 340;
+      if (windowWidth.value <= 480) return windowWidth.value - 20;
+      if (windowWidth.value <= 768) return 400;
+      return 420;
+    });
+    const updateWidth = () => {
+      windowWidth.value = window.innerWidth;
+    };
+    onMounted(() => {
+      window.addEventListener("resize", updateWidth);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", updateWidth);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Modal, {
+        "max-width": maxWidth.value,
+        onClose: _cache[4] || (_cache[4] = ($event) => close())
+      }, {
+        default: withCtx(() => [
+          component.value === "sign-in" ? (openBlock(), createBlock(SignIn, {
+            key: 0,
+            onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
+            onCompleted: _cache[1] || (_cache[1] = ($event) => close())
+          })) : createCommentVNode("", true),
+          component.value === "sign-up" ? (openBlock(), createBlock(SignUp, {
+            key: 1,
+            onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
+            onCompleted: _cache[3] || (_cache[3] = ($event) => close())
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["max-width"]);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SignInButton",
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v0f0ded3a": atmPrimaryColor.value
+    }));
+    const showSignInModal = ref(false);
+    const { configurations } = useAtm();
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    const notification = ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    provide("showNotification", showNotification);
+    const signIn = () => {
+      showSignInModal.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        showSignInModal.value ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 0,
+          onClose: _cache[0] || (_cache[0] = () => showSignInModal.value = false)
+        })) : createCommentVNode("", true),
+        createElementVNode("button", {
+          onClick: _cache[1] || (_cache[1] = ($event) => signIn()),
+          class: "atm-signin-btn"
+        }, " Entrar ")
+      ], 64);
+    };
+  }
+});
+const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4139c6d0"]]);
+const _hoisted_1$4 = {
+  key: 2,
+  style: { "padding": "24px", "text-align": "center" }
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "SignUpModal",
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const { configurations } = useAtm();
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    const component = ref("sign-up");
+    const isRegistrationAllowed = computed(() => configurations.value?.register?.enable !== false);
+    const signUp = () => component.value = "sign-up";
+    const signIn = () => component.value = "sign-in";
+    const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 1024);
+    const maxWidth = computed(() => {
+      if (windowWidth.value <= 360) return 340;
+      if (windowWidth.value <= 480) return windowWidth.value - 20;
+      if (windowWidth.value <= 768) return 400;
+      return 420;
+    });
+    const updateWidth = () => {
+      windowWidth.value = window.innerWidth;
+    };
+    onMounted(() => {
+      window.addEventListener("resize", updateWidth);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", updateWidth);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Modal, {
+        "max-width": maxWidth.value,
+        onClose: _cache[5] || (_cache[5] = ($event) => close())
+      }, {
+        default: withCtx(() => [
+          component.value === "sign-in" ? (openBlock(), createBlock(SignIn, {
+            key: 0,
+            onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
+            onCompleted: _cache[1] || (_cache[1] = ($event) => close())
+          })) : createCommentVNode("", true),
+          component.value === "sign-up" && isRegistrationAllowed.value ? (openBlock(), createBlock(SignUp, {
+            key: 1,
+            onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
+            onCompleted: _cache[3] || (_cache[3] = ($event) => close())
+          })) : component.value === "sign-up" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+            _cache[6] || (_cache[6] = createElementVNode("p", { style: { "margin-bottom": "16px" } }, "Registro não está disponível no momento", -1)),
+            createElementVNode("button", {
+              onClick: _cache[4] || (_cache[4] = ($event) => signIn()),
+              style: { "padding": "12px 24px", "background": "#007bff", "color": "white", "border": "none", "border-radius": "6px", "cursor": "pointer" }
+            }, "Fazer login")
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["max-width"]);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "SignUpButton",
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v1112fbaa": atmPrimaryColor.value
+    }));
+    const showSignUpModal = ref(false);
+    const { configurations } = useAtm();
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    const isRegistrationAllowed = computed(() => configurations.value?.register?.enable !== false);
+    const signUp = () => {
+      showSignUpModal.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        showSignUpModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+          key: 0,
+          onClose: _cache[0] || (_cache[0] = () => showSignUpModal.value = false)
+        })) : createCommentVNode("", true),
+        isRegistrationAllowed.value ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          onClick: _cache[1] || (_cache[1] = ($event) => signUp()),
+          class: "atm-signup-btn"
+        }, " Cadastrar-se ")) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-959aa7ef"]]);
+const _hoisted_1$3 = {
+  key: 0,
+  class: "atm-profile-container"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "20px", "height": "20px", "color": "white" }
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "atm-profile-name"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "atm-profile-menu"
+};
+const _hoisted_7 = { class: "atm-profile-info" };
+const _hoisted_8 = ["src"];
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "40px", "height": "40px", "color": "white" }
+};
+const _hoisted_11 = { class: "atm-profile-details" };
+const _hoisted_12 = {
+  key: 0,
+  class: "atm-profile-fullname"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "atm-profile-fullname"
+};
+const _hoisted_14 = { class: "atm-profile-email" };
+const _hoisted_15 = {
+  key: 0,
+  class: "atm-profile-modal",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "profile-modal-title"
+};
+const _hoisted_16 = { class: "atm-profile-content" };
+const _hoisted_17 = { class: "atm-profile-tabs" };
+const _hoisted_18 = {
+  key: 0,
+  class: "atm-profile-body"
+};
+const _hoisted_19 = ["src"];
+const _hoisted_20 = { key: 1 };
+const _hoisted_21 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "80px", "height": "80px", "color": "white", "margin": "0 auto" }
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "atm-profile-info-grid"
+};
+const _hoisted_23 = { class: "atm-profile-info-row" };
+const _hoisted_24 = {
+  key: 0,
+  class: "atm-profile-info-value"
+};
+const _hoisted_25 = {
+  key: 1,
+  class: "atm-profile-info-value"
+};
+const _hoisted_26 = { class: "atm-profile-info-row" };
+const _hoisted_27 = {
+  key: 0,
+  class: "atm-profile-info-value"
+};
+const _hoisted_28 = {
+  key: 1,
+  class: "atm-profile-info-value"
+};
+const _hoisted_29 = { class: "atm-profile-info-row" };
+const _hoisted_30 = { class: "atm-profile-info-value" };
+const _hoisted_31 = {
+  key: 1,
+  class: "atm-profile-edit-form"
+};
+const _hoisted_32 = { class: "atm-form-group" };
+const _hoisted_33 = { class: "atm-form-group" };
+const _hoisted_34 = {
+  key: 1,
+  class: "atm-profile-body"
+};
+const _hoisted_35 = { class: "atm-email-add-section" };
+const _hoisted_36 = { class: "atm-form-group" };
+const _hoisted_37 = { class: "atm-badge" };
+const _hoisted_38 = { class: "atm-email-list" };
+const _hoisted_39 = { class: "atm-email-info" };
+const _hoisted_40 = { class: "atm-email-address" };
+const _hoisted_41 = { class: "atm-email-badges" };
+const _hoisted_42 = {
+  key: 0,
+  class: "atm-badge atm-badge-primary"
+};
+const _hoisted_43 = {
+  key: 1,
+  class: "atm-badge atm-badge-verified"
+};
+const _hoisted_44 = {
+  key: 2,
+  class: "atm-badge atm-badge-unverified"
+};
+const _hoisted_45 = { class: "atm-email-actions" };
+const _hoisted_46 = ["onClick"];
+const _hoisted_47 = ["onClick"];
+const _hoisted_48 = {
+  key: 2,
+  class: "atm-profile-body"
+};
+const _hoisted_49 = {
+  key: 3,
+  class: "atm-profile-body"
+};
+const _hoisted_50 = { class: "atm-sessions-section" };
+const _hoisted_51 = { class: "atm-sessions-list" };
+const _hoisted_52 = { class: "atm-session-info" };
+const _hoisted_53 = { class: "atm-session-header" };
+const _hoisted_54 = {
+  viewBox: "0 0 24 24",
+  class: "atm-session-icon"
+};
+const _hoisted_55 = ["d"];
+const _hoisted_56 = { class: "atm-session-details" };
+const _hoisted_57 = { class: "atm-session-title" };
+const _hoisted_58 = {
+  key: 0,
+  class: "atm-badge atm-badge-current"
+};
+const _hoisted_59 = {
+  key: 0,
+  class: "atm-session-device-info"
+};
+const _hoisted_60 = { key: 0 };
+const _hoisted_61 = { key: 1 };
+const _hoisted_62 = { key: 2 };
+const _hoisted_63 = { class: "atm-session-timestamps" };
+const _hoisted_64 = { class: "atm-session-timestamp" };
+const _hoisted_65 = { class: "atm-session-timestamp" };
+const _hoisted_66 = { class: "atm-session-actions" };
+const _hoisted_67 = ["onClick"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "UserProfile",
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v1982ae74": atmPrimaryColor.value,
+      "c7d31cfc": atmSecondaryColor.value
+    }));
+    const { user, logout } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = computed(() => configurations.value?.design?.secondaryColor);
+    const isDropdownOpen = ref(false);
+    const isProfileModalOpen = ref(false);
+    const isEditingProfile = ref(false);
+    const buttonRef = ref(null);
+    const emailAddresses = ref([]);
+    const newEmail = ref("");
+    const activeTab = ref("geral");
+    const sessions = ref([]);
+    const client = useAtmClient();
+    const profileForm = ref({
+      firstName: "",
+      lastName: "",
+      primaryEmailAddress: ""
+    });
+    const notification = ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    provide("showNotification", showNotification);
+    const userInitials = computed(() => {
+      if (!user.value || !user.value.firstName) return "";
+      return (user.value.firstName.charAt(0) + (user.value.lastName?.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 = async () => {
+      isDropdownOpen.value = false;
+      isProfileModalOpen.value = true;
+      activeTab.value = "geral";
+      resetProfileForm();
+      await loadEmailAddresses();
+      await 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 = async () => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        const emails = await client.account(token).getEmailsAddresses();
+        emailAddresses.value = emails;
+      } catch (error) {
+        showNotification("Erro ao carregar endereços de email", "error");
+      }
+    };
+    const requestEmailVerification = async (emailId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).requestEmailVerification(emailId);
+        showNotification("Link de verificação enviado para o email", "success");
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao enviar verificação de email", "error");
+      }
+    };
+    const deleteEmailAddress = async (emailId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).deleteEmailAddress(emailId);
+        showNotification("Email removido com sucesso", "success");
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao remover email", "error");
+      }
+    };
+    const createEmailAddress = async () => {
+      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;
+        }
+        await client.account(token).createEmailAddress(newEmail.value.trim());
+        showNotification("Email adicionado. Verifique sua caixa de entrada.", "success");
+        newEmail.value = "";
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao adicionar email", "error");
+      }
+    };
+    const startEditing = () => {
+      isEditingProfile.value = true;
+    };
+    const cancelEditing = () => {
+      isEditingProfile.value = false;
+      resetProfileForm();
+    };
+    const getCookie = (name) => {
+      const value = `; ${document.cookie}`;
+      const parts = value.split(`; ${name}=`);
+      if (parts.length === 2) return parts.pop()?.split(";").shift() || null;
+      return null;
+    };
+    const updateProfile = async () => {
+      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 !== user.value?.firstName) {
+          updateData.first_name = profileForm.value.firstName.trim();
+        }
+        if (profileForm.value.lastName !== user.value?.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;
+        }
+        await client.account(token).updateProfile(updateData);
+        const profileDataUpdated = await 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 = async () => {
+      if (!user.value?.primaryEmailAddress) {
+        showNotification("Informe o email para enviar o link de recuperação", "error");
+        return;
+      }
+      try {
+        await 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 = async () => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        const sessionsData = await client.account(token).getSessions();
+        sessions.value = sessionsData;
+      } catch (error) {
+        showNotification("Erro ao carregar sessões", "error");
+      }
+    };
+    const closeSessionById = async (sessionId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).closeSession(sessionId);
+        showNotification("Sessão encerrada com sucesso", "success");
+        await 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) => {
+      const platform = device.platform?.toLowerCase() || "";
+      const browser = device.browser?.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 = computed(() => {
+      return !!(user.value?.firstName && user.value?.lastName);
+    });
+    onMounted(() => document.addEventListener("click", closeMenu));
+    onUnmounted(() => document.removeEventListener("click", closeMenu));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        unref(user) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+          createElementVNode("button", {
+            class: "atm-profile-button",
+            onClick: toggleMenu,
+            ref_key: "buttonRef",
+            ref: buttonRef
+          }, [
+            createElementVNode("div", {
+              class: "atm-profile-avatar",
+              style: normalizeStyle(unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+            }, [
+              unref(user)?.profileImage ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: unref(user).profileImage,
+                alt: "Profile",
+                class: "atm-profile-avatar-img"
+              }, null, 8, _hoisted_2)) : hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(userInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[7] || (_cache[7] = [
+                createElementVNode("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"
+                }, null, -1)
+              ])]))
+            ], 4),
+            hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(user).firstName), 1)) : createCommentVNode("", true),
+            (openBlock(), createElementBlock("svg", {
+              class: normalizeClass(["atm-profile-arrow", { "atm-rotate": isDropdownOpen.value }]),
+              viewBox: "0 0 24 24"
+            }, [..._cache[8] || (_cache[8] = [
+              createElementVNode("path", {
+                fill: "currentColor",
+                d: "M7,10L12,15L17,10H7Z"
+              }, null, -1)
+            ])], 2))
+          ], 512),
+          createVNode(Transition, { name: "atm-fade" }, {
+            default: withCtx(() => [
+              isDropdownOpen.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
+                  createElementVNode("div", {
+                    class: "atm-profile-avatar large",
+                    style: normalizeStyle(unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+                  }, [
+                    unref(user)?.profileImage ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      src: unref(user).profileImage,
+                      alt: "Profile",
+                      class: "atm-profile-avatar-img"
+                    }, null, 8, _hoisted_8)) : hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(userInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[9] || (_cache[9] = [
+                      createElementVNode("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"
+                      }, null, -1)
+                    ])]))
+                  ], 4),
+                  createElementVNode("div", _hoisted_11, [
+                    hasFullName.value ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(unref(user).firstName) + " " + toDisplayString(unref(user).lastName), 1)) : (openBlock(), createElementBlock("p", _hoisted_13, "Usuário")),
+                    createElementVNode("p", _hoisted_14, toDisplayString(unref(user).primaryEmailAddress), 1)
+                  ])
+                ]),
+                createElementVNode("div", { class: "atm-profile-options" }, [
+                  createElementVNode("button", {
+                    class: "atm-profile-option",
+                    onClick: openProfileModal,
+                    type: "button"
+                  }, [..._cache[10] || (_cache[10] = [
+                    createElementVNode("svg", {
+                      viewBox: "0 0 24 24",
+                      class: "atm-profile-icon"
+                    }, [
+                      createElementVNode("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"
+                      })
+                    ], -1),
+                    createTextVNode(" Meu Perfil ", -1)
+                  ])]),
+                  createElementVNode("button", {
+                    class: "atm-profile-option",
+                    onClick: logoutUser,
+                    type: "button"
+                  }, [..._cache[11] || (_cache[11] = [
+                    createElementVNode("svg", {
+                      viewBox: "0 0 24 24",
+                      class: "atm-profile-icon"
+                    }, [
+                      createElementVNode("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"
+                      })
+                    ], -1),
+                    createTextVNode(" Sair ", -1)
+                  ])])
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          isProfileModalOpen.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            createElementVNode("div", {
+              class: "atm-profile-overlay",
+              onClick: closeProfileModal
+            }),
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("div", { class: "atm-profile-header" }, [
+                createElementVNode("button", {
+                  onClick: closeProfileModal,
+                  class: "atm-profile-close",
+                  "aria-label": "Fechar"
+                }, "×"),
+                _cache[12] || (_cache[12] = createElementVNode("h2", {
+                  id: "profile-modal-title",
+                  class: "atm-profile-title"
+                }, "Meu Perfil", -1))
+              ]),
+              createElementVNode("div", _hoisted_17, [
+                createElementVNode("button", {
+                  onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "geral"),
+                  class: normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "geral" }])
+                }, [..._cache[13] || (_cache[13] = [
+                  createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    createElementVNode("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"
+                    })
+                  ], -1),
+                  createTextVNode(" Geral ", -1)
+                ])], 2),
+                createElementVNode("button", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "emails"),
+                  class: normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "emails" }])
+                }, [..._cache[14] || (_cache[14] = [
+                  createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    createElementVNode("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"
+                    })
+                  ], -1),
+                  createTextVNode(" Emails ", -1)
+                ])], 2),
+                createElementVNode("button", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "senha"),
+                  class: normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "senha" }])
+                }, [..._cache[15] || (_cache[15] = [
+                  createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    createElementVNode("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"
+                    })
+                  ], -1),
+                  createTextVNode(" Senha ", -1)
+                ])], 2),
+                createElementVNode("button", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "sessoes"),
+                  class: normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "sessoes" }])
+                }, [..._cache[16] || (_cache[16] = [
+                  createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    createElementVNode("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"
+                    })
+                  ], -1),
+                  createTextVNode(" Sessões ", -1)
+                ])], 2)
+              ]),
+              activeTab.value === "geral" ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                createElementVNode("div", {
+                  class: "atm-profile-avatar-large",
+                  style: normalizeStyle(unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+                }, [
+                  unref(user)?.profileImage ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: unref(user).profileImage,
+                    alt: "Profile",
+                    class: "atm-profile-avatar-img"
+                  }, null, 8, _hoisted_19)) : hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(userInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_21, [..._cache[17] || (_cache[17] = [
+                    createElementVNode("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"
+                    }, null, -1)
+                  ])]))
+                ], 4),
+                !isEditingProfile.value ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                  createElementVNode("div", _hoisted_23, [
+                    _cache[18] || (_cache[18] = createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
+                    hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_24, toDisplayString(profileForm.value.firstName), 1)) : (openBlock(), createElementBlock("span", _hoisted_25, "Não informado"))
+                  ]),
+                  createElementVNode("div", _hoisted_26, [
+                    _cache[19] || (_cache[19] = createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
+                    hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(profileForm.value.lastName), 1)) : (openBlock(), createElementBlock("span", _hoisted_28, "Não informado"))
+                  ]),
+                  createElementVNode("div", _hoisted_29, [
+                    _cache[20] || (_cache[20] = createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
+                    createElementVNode("span", _hoisted_30, toDisplayString(profileForm.value.primaryEmailAddress), 1)
+                  ]),
+                  createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    createElementVNode("button", {
+                      class: "atm-edit-profile-btn",
+                      onClick: startEditing,
+                      type: "button"
+                    }, [..._cache[21] || (_cache[21] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        createElementVNode("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"
+                        })
+                      ], -1),
+                      createTextVNode(" Editar Perfil ", -1)
+                    ])])
+                  ])
+                ])) : (openBlock(), createElementBlock("div", _hoisted_31, [
+                  createElementVNode("div", _hoisted_32, [
+                    _cache[22] || (_cache[22] = createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
+                    withDirectives(createElementVNode("input", {
+                      type: "text",
+                      class: "atm-input-field",
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => profileForm.value.firstName = $event),
+                      placeholder: "Digite seu nome"
+                    }, null, 512), [
+                      [vModelText, profileForm.value.firstName]
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_33, [
+                    _cache[23] || (_cache[23] = createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
+                    withDirectives(createElementVNode("input", {
+                      type: "text",
+                      class: "atm-input-field",
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => profileForm.value.lastName = $event),
+                      placeholder: "Digite seu sobrenome"
+                    }, null, 512), [
+                      [vModelText, profileForm.value.lastName]
+                    ])
+                  ]),
+                  createElementVNode("div", { class: "atm-form-actions" }, [
+                    createElementVNode("button", {
+                      class: "atm-save-btn",
+                      onClick: updateProfile,
+                      type: "button"
+                    }, [..._cache[24] || (_cache[24] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        createElementVNode("path", {
+                          fill: "currentColor",
+                          d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+                        })
+                      ], -1),
+                      createTextVNode(" Salvar ", -1)
+                    ])]),
+                    createElementVNode("button", {
+                      class: "atm-cancel-btn",
+                      onClick: cancelEditing,
+                      type: "button"
+                    }, [..._cache[25] || (_cache[25] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        createElementVNode("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"
+                        })
+                      ], -1),
+                      createTextVNode(" Cancelar ", -1)
+                    ])])
+                  ])
+                ]))
+              ])) : createCommentVNode("", true),
+              activeTab.value === "emails" ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                createElementVNode("div", _hoisted_35, [
+                  createElementVNode("div", _hoisted_36, [
+                    _cache[27] || (_cache[27] = createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
+                    createElementVNode("div", _hoisted_37, [
+                      withDirectives(createElementVNode("input", {
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newEmail.value = $event),
+                        type: "email",
+                        class: "atm-input-field",
+                        placeholder: "novo@email.com"
+                      }, null, 512), [
+                        [vModelText, newEmail.value]
+                      ]),
+                      createElementVNode("button", {
+                        onClick: createEmailAddress,
+                        class: "atm-add-email-btn",
+                        type: "button"
+                      }, [..._cache[26] || (_cache[26] = [
+                        createElementVNode("svg", {
+                          viewBox: "0 0 24 24",
+                          class: "atm-btn-icon"
+                        }, [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"
+                          })
+                        ], -1)
+                      ])])
+                    ])
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_38, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(emailAddresses.value, (email) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: email.id,
+                      class: "atm-email-item"
+                    }, [
+                      createElementVNode("div", _hoisted_39, [
+                        createElementVNode("div", _hoisted_40, [
+                          _cache[28] || (_cache[28] = createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-email-icon"
+                          }, [
+                            createElementVNode("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"
+                            })
+                          ], -1)),
+                          createElementVNode("span", null, toDisplayString(email.email_address), 1)
+                        ]),
+                        createElementVNode("div", _hoisted_41, [
+                          email.primary ? (openBlock(), createElementBlock("span", _hoisted_42, "Principal")) : createCommentVNode("", true),
+                          email.verified ? (openBlock(), createElementBlock("span", _hoisted_43, [..._cache[29] || (_cache[29] = [
+                            createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-badge-icon"
+                            }, [
+                              createElementVNode("path", {
+                                fill: "currentColor",
+                                d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+                              })
+                            ], -1),
+                            createTextVNode(" Verificado ", -1)
+                          ])])) : (openBlock(), createElementBlock("span", _hoisted_44, [..._cache[30] || (_cache[30] = [
+                            createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-badge-icon"
+                            }, [
+                              createElementVNode("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"
+                              })
+                            ], -1),
+                            createTextVNode(" Não verificado ", -1)
+                          ])]))
+                        ])
+                      ]),
+                      createElementVNode("div", _hoisted_45, [
+                        !email.verified ? (openBlock(), createElementBlock("button", {
+                          key: 0,
+                          onClick: ($event) => requestEmailVerification(email.id),
+                          class: "atm-verify-btn",
+                          type: "button"
+                        }, [..._cache[31] || (_cache[31] = [
+                          createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-btn-icon"
+                          }, [
+                            createElementVNode("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"
+                            })
+                          ], -1),
+                          createTextVNode(" Verificar ", -1)
+                        ])], 8, _hoisted_46)) : createCommentVNode("", true),
+                        !email.primary ? (openBlock(), createElementBlock("button", {
+                          key: 1,
+                          onClick: ($event) => deleteEmailAddress(email.id),
+                          class: "atm-delete-btn",
+                          type: "button"
+                        }, [..._cache[32] || (_cache[32] = [
+                          createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-btn-icon"
+                          }, [
+                            createElementVNode("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"
+                            })
+                          ], -1),
+                          createTextVNode(" Remover ", -1)
+                        ])], 8, _hoisted_47)) : createCommentVNode("", true)
+                      ])
+                    ]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              activeTab.value === "senha" ? (openBlock(), createElementBlock("div", _hoisted_48, [
+                createElementVNode("div", { class: "atm-password-section" }, [
+                  _cache[34] || (_cache[34] = createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    createElementVNode("span", { class: "atm-profile-info-label" }, "Redefinir Senha"),
+                    createElementVNode("span", { class: "atm-profile-info-value" }, " Enviaremos um link para redefinir sua senha no email principal ")
+                  ], -1)),
+                  createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    createElementVNode("button", {
+                      class: "atm-reset-password-btn",
+                      onClick: sendResetPasswordLink,
+                      type: "button"
+                    }, [..._cache[33] || (_cache[33] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        createElementVNode("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"
+                        })
+                      ], -1),
+                      createTextVNode(" Resetar Senha ", -1)
+                    ])])
+                  ])
+                ])
+              ])) : createCommentVNode("", true),
+              activeTab.value === "sessoes" ? (openBlock(), createElementBlock("div", _hoisted_49, [
+                createElementVNode("div", _hoisted_50, [
+                  _cache[38] || (_cache[38] = createElementVNode("div", { class: "atm-sessions-info" }, [
+                    createElementVNode("p", { class: "atm-sessions-description" }, " Gerencie os dispositivos conectados à sua conta. Você pode encerrar sessões em dispositivos que não reconhece. ")
+                  ], -1)),
+                  createElementVNode("div", _hoisted_51, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(sessions.value, (session) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: session.id,
+                        class: "atm-session-item"
+                      }, [
+                        createElementVNode("div", _hoisted_52, [
+                          createElementVNode("div", _hoisted_53, [
+                            (openBlock(), createElementBlock("svg", _hoisted_54, [
+                              createElementVNode("path", {
+                                fill: "currentColor",
+                                d: getDeviceIcon(session.device)
+                              }, null, 8, _hoisted_55)
+                            ])),
+                            createElementVNode("div", _hoisted_56, [
+                              createElementVNode("div", _hoisted_57, [
+                                createElementVNode("span", null, toDisplayString(session.ip_address), 1),
+                                session.current === 1 ? (openBlock(), createElementBlock("span", _hoisted_58, "Atual")) : createCommentVNode("", true)
+                              ]),
+                              session.device.browser || session.device.platform ? (openBlock(), createElementBlock("div", _hoisted_59, [
+                                session.device.browser ? (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString(session.device.browser) + toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : createCommentVNode("", true),
+                                session.device.browser && session.device.platform ? (openBlock(), createElementBlock("span", _hoisted_61, " • ")) : createCommentVNode("", true),
+                                session.device.platform ? (openBlock(), createElementBlock("span", _hoisted_62, toDisplayString(session.device.platform), 1)) : createCommentVNode("", true)
+                              ])) : createCommentVNode("", true),
+                              createElementVNode("div", _hoisted_63, [
+                                createElementVNode("div", _hoisted_64, [
+                                  _cache[35] || (_cache[35] = createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
+                                  createElementVNode("span", null, toDisplayString(formatDate(session.started_at)), 1)
+                                ]),
+                                createElementVNode("div", _hoisted_65, [
+                                  _cache[36] || (_cache[36] = createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
+                                  createElementVNode("span", null, toDisplayString(formatDate(session.last_activity_at)), 1)
+                                ])
+                              ])
+                            ])
+                          ])
+                        ]),
+                        createElementVNode("div", _hoisted_66, [
+                          session.current !== 1 ? (openBlock(), createElementBlock("button", {
+                            key: 0,
+                            onClick: ($event) => closeSessionById(session.id),
+                            class: "atm-close-session-btn",
+                            type: "button"
+                          }, [..._cache[37] || (_cache[37] = [
+                            createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-btn-icon"
+                            }, [
+                              createElementVNode("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"
+                              })
+                            ], -1),
+                            createTextVNode(" Encerrar ", -1)
+                          ])], 8, _hoisted_67)) : createCommentVNode("", true)
+                        ])
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ])) : createCommentVNode("", true)
+            ])
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 1,
+  class: "atm-auth-buttons"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AuthSwitcher",
+  setup(__props) {
+    const { user } = useAuth();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        unref(user)?.id ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          createVNode(SignInButton),
+          createVNode(SignUpButton)
+        ]))
+      ]);
+    };
+  }
+});
+const AuthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0c63ecb8"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SignOutButton",
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v2ec0f896": atmPrimaryColor.value
+    }));
+    const { logout, user } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
+    return (_ctx, _cache) => {
+      return unref(user) ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(logout)()),
+        class: "atm-logout-btn"
+      }, " Sair ")) : createCommentVNode("", true);
+    };
+  }
+});
+const SignOutButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7157f989"]]);
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SignedIn",
+  setup(__props) {
+    const { isSignedIn } = useAtm();
+    return (_ctx, _cache) => {
+      return unref(isSignedIn) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SignedOut",
+  setup(__props) {
+    const { isLoaded, isSignedIn } = useAtm();
+    return (_ctx, _cache) => {
+      return unref(isLoaded) && !unref(isSignedIn) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const fetchConfigurations = async (client, configurations) => {
+  const response = await client.value.project().configurations();
+  configurations.value = {
+    project: {
+      name: response.project.name,
+      domain: response.project.domain
+    },
+    design: {
+      primaryColor: response.design.primary_color,
+      secondaryColor: response.design.secondary_color
+    },
+    username: {
+      enable: response.username.enable,
+      length: {
+        min: response.username.length.min,
+        max: response.username.length.max
+      }
+    },
+    password: {
+      enable: response.password.enable
+    },
+    firstName: {
+      required: response.first_name.required
+    },
+    lastName: {
+      required: response.last_name.required
+    },
+    register: {
+      enable: response.register.enable
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/AuthSwitcher.vue"), exports);
-__exportStar(require("./components/UserProfile.vue"), exports);
-__exportStar(require("./components/Buttons/SignInButton.vue"), exports);
-__exportStar(require("./components/Buttons/SignOutButton.vue"), exports);
-__exportStar(require("./components/Buttons/SignUpButton.vue"), exports);
-__exportStar(require("./components/Layout/SignedIn.vue"), exports);
-__exportStar(require("./components/Layout/SignedOut.vue"), exports);
-__exportStar(require("./composables/useAtm"), exports);
-__exportStar(require("./composables/useAtmClient"), exports);
-__exportStar(require("./composables/useAuth"), exports);
-__exportStar(require("./types/configurations.type"), exports);
-__exportStar(require("./types/user-attribute.type"), exports);
-__exportStar(require("./types/user.type"), exports);
-__exportStar(require("./types/session.type"), exports);
-__exportStar(require("./utils/device"), exports);
-__exportStar(require("./plugin"), exports);
+  };
+};
+const atmPlugin = {
+  install(app, pluginOptions) {
+    const atmClient = new AtmClient({
+      domain: pluginOptions.domain,
+      publicKey: pluginOptions.publicKey,
+      ssl: false
+    });
+    const client = ref(atmClient);
+    const user = ref(null);
+    const configurations = ref(null);
+    const isSignedIn = computed(() => user.value !== void 0 && user.value !== null);
+    const isLoaded = ref(false);
+    Promise.all([
+      fetchUser(client, user),
+      fetchConfigurations(client, configurations)
+    ]).then(() => isLoaded.value = true);
+    app.provide("atm", {
+      client,
+      user,
+      configurations,
+      isSignedIn,
+      isLoaded
+    });
+  }
+};
+export {
+  AuthSwitcher,
+  SignInButton,
+  SignOutButton,
+  SignUpButton,
+  _sfc_main$1 as SignedIn,
+  _sfc_main as SignedOut,
+  _sfc_main$4 as UserProfile,
+  atmPlugin,
+  getDeviceToken,
+  useAtm,
+  useAtmClient,
+  useAuth
+};
+//# sourceMappingURL=index.js.map