@autenticar-me/vue 0.1.0 → 0.3.0

package/dist/components/SignUp.vue.js

@@ -1,339 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a, _b;
-Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
-const useAtm_1 = require("../composables/useAtm");
-const Notification_vue_1 = __importDefault(require("./Notification.vue"));
-const useAtmClient_1 = require("../composables/useAtmClient");
-const useAuth_1 = require("../composables/useAuth");
-const tokens_1 = require("../utils/tokens");
-const device_1 = require("../utils/device");
-const emit = defineEmits();
-const { configurations } = (0, useAtm_1.useAtm)();
-const form = (0, vue_1.ref)({
-    first_name: '',
-    last_name: '',
-    email_address: '',
-    password: '',
-    confirm_password: '',
-});
-const notification = (0, vue_1.ref)({
-    show: false,
-    message: '',
-    type: 'error',
-});
-const isLoading = (0, vue_1.ref)(false);
-const firstNameInput = (0, vue_1.ref)(null);
-const emailInput = (0, vue_1.ref)(null);
-const showNotification = (message, type = 'error') => {
-    notification.value = {
-        show: true,
-        message,
-        type,
-    };
-    setTimeout(() => {
-        notification.value.show = false;
-    }, 3000);
-};
-(0, vue_1.onMounted)(() => {
-    (0, vue_1.nextTick)(() => {
-        if (hasFirstName.value && firstNameInput.value) {
-            firstNameInput.value.focus();
-        }
-        else if (emailInput.value) {
-            emailInput.value.focus();
-        }
-    });
-});
-const atmPrimaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.primaryColor; });
-const atmSecondaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.secondaryColor; });
-const logoUrl = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.logoUrl) || ''; });
-const hasFirstName = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.firstName) === null || _b === void 0 ? void 0 : _b.required) === true; });
-const hasLastName = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.lastName) === null || _b === void 0 ? void 0 : _b.required) === true; });
-const hasPassword = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.password) === null || _b === void 0 ? void 0 : _b.enable) !== false; });
-const lengthConfig = (0, vue_1.computed)(() => { var _a; return (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.length; });
-const validatePassword = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const password = form.value.password;
-    const minLength = (_b = (_a = lengthConfig.value) === null || _a === void 0 ? void 0 : _a.min) !== null && _b !== void 0 ? _b : 8;
-    const maxLength = (_d = (_c = lengthConfig.value) === null || _c === void 0 ? void 0 : _c.max) !== null && _d !== void 0 ? _d : 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 (((_f = (_e = configurations.value) === null || _e === void 0 ? void 0 : _e.password) === null || _f === void 0 ? void 0 : _f.uppercase) && !/[A-Z]/.test(password)) {
-        return 'Senha deve conter pelo menos uma letra maiúscula';
-    }
-    if (((_h = (_g = configurations.value) === null || _g === void 0 ? void 0 : _g.password) === null || _h === void 0 ? void 0 : _h.lowercase) && !/[a-z]/.test(password)) {
-        return 'Senha deve conter pelo menos uma letra minúscula';
-    }
-    if (((_k = (_j = configurations.value) === null || _j === void 0 ? void 0 : _j.password) === null || _k === void 0 ? void 0 : _k.numbers) && !/\d/.test(password)) {
-        return 'Senha deve conter pelo menos um número';
-    }
-    if (((_m = (_l = configurations.value) === null || _l === void 0 ? void 0 : _l.password) === null || _m === void 0 ? void 0 : _m.symbols) && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
-        return 'Senha deve conter pelo menos um símbolo especial';
-    }
-    return null;
-};
-const client = (0, useAtmClient_1.useAtmClient)();
-const { signInByAccessToken } = (0, useAuth_1.useAuth)();
-const submit = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (isLoading.value)
-        return;
-    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;
-        yield 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 = yield (0, device_1.getDeviceToken)(client);
-        const signInStep = yield client.auth().signInByEmailAddress(form.value.email_address, deviceToken);
-        const attemptToken = signInStep.token;
-        if (!attemptToken) {
-            throw new Error('Token de tentativa não encontrado');
-        }
-        yield client.auth().authenticateWithPassword(signInStep.id, attemptToken, form.value.password);
-        const tokens = yield client.auth().generateTokens(signInStep.id, attemptToken);
-        signInByAccessToken(tokens.access_token);
-        (0, tokens_1.writeRefreshTokenInCookie)(tokens.refresh_token);
-        showNotification('Login realizado com sucesso!', 'success');
-        setTimeout(() => {
-            emit('completed');
-        }, 1000);
-    }
-    catch (error) {
-        showNotification(error.message || 'Erro ao registrar usuário', 'error');
-        isLoading.value = false;
-    }
-});
-const signIn = () => emit('sign-in');
-const __VLS_ctx = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, {}), {}), {}), {}), {});
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-login-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['disabled-link']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-powered-by']} */ ;
-/** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-/** @type {__VLS_StyleScopedClasses['button-spinner']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-/** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmPrimaryColor);
-(__VLS_ctx.atmSecondaryColor);
-// @ts-ignore
-[atmPrimaryColor, atmPrimaryColor, atmPrimaryColor, atmSecondaryColor,];
-const __VLS_0 = Notification_vue_1.default;
-// @ts-ignore
-const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
-    show: (__VLS_ctx.notification.show),
-    message: (__VLS_ctx.notification.message),
-    type: (__VLS_ctx.notification.type),
-}));
-const __VLS_2 = __VLS_1({
-    show: (__VLS_ctx.notification.show),
-    message: (__VLS_ctx.notification.message),
-    type: (__VLS_ctx.notification.type),
-}, ...__VLS_functionalComponentArgsRest(__VLS_1));
-if (__VLS_ctx.configurations) {
-    __VLS_asFunctionalElement1(__VLS_intrinsics.form, __VLS_intrinsics.form)(Object.assign({ onSubmit: (__VLS_ctx.submit) }));
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-signup-container" }));
-    /** @type {__VLS_StyleScopedClasses['atm-signup-container']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-logo-container" }));
-    /** @type {__VLS_StyleScopedClasses['atm-logo-container']} */ ;
-    if (__VLS_ctx.logoUrl) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.img)(Object.assign({ src: (__VLS_ctx.logoUrl), alt: "Logo" }, { class: "atm-logo-image" }));
-        /** @type {__VLS_StyleScopedClasses['atm-logo-image']} */ ;
-    }
-    else {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-logo-placeholder" }));
-        /** @type {__VLS_StyleScopedClasses['atm-logo-placeholder']} */ ;
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.h2, __VLS_intrinsics.h2)(Object.assign({ class: "atm-project-name" }));
-    /** @type {__VLS_StyleScopedClasses['atm-project-name']} */ ;
-    (__VLS_ctx.configurations.project.name);
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-welcome-text" }));
-    /** @type {__VLS_StyleScopedClasses['atm-welcome-text']} */ ;
-    if (__VLS_ctx.hasFirstName) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-        /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-        (((_a = __VLS_ctx.configurations.firstName) === null || _a === void 0 ? void 0 : _a.required) ? '*' : '');
-        __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ ref: "firstNameInput", type: "text" }, { class: "atm-input-field" }), { value: (__VLS_ctx.form.first_name), placeholder: "Digite seu primeiro nome", disabled: (__VLS_ctx.isLoading) }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-    }
-    if (__VLS_ctx.hasLastName) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-        /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-        (((_b = __VLS_ctx.configurations.lastName) === null || _b === void 0 ? void 0 : _b.required) ? '*' : '');
-        __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ type: "text" }, { class: "atm-input-field" }), { value: (__VLS_ctx.form.last_name), placeholder: "Digite seu sobrenome", disabled: (__VLS_ctx.isLoading) }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-    /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-    /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ ref: "emailInput", type: "text" }, { class: "atm-input-field" }), { value: (__VLS_ctx.form.email_address), placeholder: "email@exemplo.com ou seuusername", disabled: (__VLS_ctx.isLoading) }));
-    /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-    if (__VLS_ctx.hasPassword) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-        /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ type: "password" }, { class: "atm-input-field" }), { placeholder: "", disabled: (__VLS_ctx.isLoading) }));
-        (__VLS_ctx.form.password);
-        /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-    }
-    if (__VLS_ctx.hasPassword) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-form-group" }));
-        /** @type {__VLS_StyleScopedClasses['atm-form-group']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.label, __VLS_intrinsics.label)(Object.assign({ class: "atm-input-label" }));
-        /** @type {__VLS_StyleScopedClasses['atm-input-label']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.input)(Object.assign(Object.assign({ type: "password" }, { class: "atm-input-field" }), { placeholder: "", disabled: (__VLS_ctx.isLoading) }));
-        (__VLS_ctx.form.confirm_password);
-        /** @type {__VLS_StyleScopedClasses['atm-input-field']} */ ;
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign(Object.assign({ type: "submit" }, { class: "atm-signup-button" }), { disabled: (__VLS_ctx.isLoading) }));
-    /** @type {__VLS_StyleScopedClasses['atm-signup-button']} */ ;
-    if (!__VLS_ctx.isLoading) {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
-    }
-    else {
-        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)(Object.assign({ class: "button-spinner" }));
-        /** @type {__VLS_StyleScopedClasses['button-spinner']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)(Object.assign({ class: "spinner-svg" }, { viewBox: "0 0 50 50" }));
-        /** @type {__VLS_StyleScopedClasses['spinner-svg']} */ ;
-        __VLS_asFunctionalElement1(__VLS_intrinsics.circle)(Object.assign({ class: "spinner-circle" }, { cx: "25", cy: "25", r: "20", fill: "none", 'stroke-width': "5" }));
-        /** @type {__VLS_StyleScopedClasses['spinner-circle']} */ ;
-    }
-    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-footer-links" }));
-    /** @type {__VLS_StyleScopedClasses['atm-footer-links']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-login-text" }));
-    /** @type {__VLS_StyleScopedClasses['atm-login-text']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.a, __VLS_intrinsics.a)(Object.assign(Object.assign({ onClick: (__VLS_ctx.signIn) }, { class: "atm-login-link" }), { class: ({ 'disabled-link': __VLS_ctx.isLoading }) }));
-    /** @type {__VLS_StyleScopedClasses['atm-login-link']} */ ;
-    /** @type {__VLS_StyleScopedClasses['disabled-link']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.p, __VLS_intrinsics.p)(Object.assign({ class: "atm-powered-by" }));
-    /** @type {__VLS_StyleScopedClasses['atm-powered-by']} */ ;
-    __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
-}
-// @ts-ignore
-[notification, notification, notification, configurations, configurations, configurations, configurations, submit, logoUrl, logoUrl, hasFirstName, form, form, form, form, form, isLoading, isLoading, isLoading, isLoading, isLoading, isLoading, isLoading, isLoading, hasLastName, hasPassword, hasPassword, signIn,];
-const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({
-    __typeEmits: {},
-});
-exports.default = {};