{"version":3,"sources":["Pages/Login.js"],"names":["initializeLogin","formElement","loginUrl","clearFormErrors","i","elements","length","HTMLInputElement","classList","remove","loginContent","document","getElementById","Form","onbeforesubmit","done","window","location","data","path","fail","errorResponse","JSON","parse","err","responseText","console","log","type","error","properties","Object","getOwnPropertyNames","property","element","querySelector","add","initializeLoginAppSelect","redirecToV1","e","currentTarget","dataset","url","showLoginView","email","transition","value","passwordContainer","appSelector","setTimeout","focus","showPasswordForm","version1Column","addEventListener","version2Column","context","action","v1","v2","textContent","createdMonth","createdYear","builder","LoginViewBuilder","avatar","buildAvatar","name","buildAvatarInitials","color","insertBefore","extractInitials","_avatarId","_avatarImageId","_avatarInitialsId","_userCreatedDateId","_avatarImageTemplate","_createAvatarImage","_avatarInitialsTemplate","_createAvatarInitials","clone","cloneNode","firstElementChild","alt","src","title","avatarInitials","img","createElement","id","template","createDocumentFragment","appendChild","container","className","initials"],"mappings":"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","file":"Login.js","sourcesContent":["import { Form } from \"../Components/Forms.js\";\r\nimport { extractInitials } from \"../Components/Helpers.js\";\r\n\r\nclass LoginViewBuilder {\r\n    constructor() {\r\n        this._avatarId = \"v2-avatar\";\r\n        this._avatarImageId = \"v2-avatar-image\";\r\n        this._avatarInitialsId = \"v2-avatar-initials\";\r\n        this._userCreatedDateId = \"v2-user-created\";\r\n\r\n        this._avatarImageTemplate = this._createAvatarImage();\r\n        this._avatarInitialsTemplate = this._createAvatarInitials();\r\n    }\r\n\r\n    buildAvatar(avatar, name) {\r\n        let clone = this._avatarImageTemplate.cloneNode(true);\r\n\r\n        clone.firstElementChild.alt = name;\r\n        clone.firstElementChild.src = avatar;\r\n\r\n        return clone;\r\n    }\r\n\r\n    buildAvatarInitials(color, name) {\r\n        let clone = this._avatarInitialsTemplate.cloneNode(true);\r\n\r\n        let avatar = clone.querySelector(`#${this._avatarId}`);\r\n        avatar.classList.add(color);\r\n        avatar.title = name;\r\n\r\n        let avatarInitials = clone.querySelector(`#${this._avatarInitialsId}`);\r\n        avatarInitials.textContent = extractInitials(name);\r\n\r\n        return clone;\r\n    }\r\n\r\n    _createAvatarImage() {\r\n        let img = document.createElement('img');\r\n        img.id = this._avatarImageId;\r\n        img.classList.add('avatar-image');\r\n\r\n        let template = document.createDocumentFragment();\r\n        template.appendChild(img);\r\n\r\n        return template;\r\n    }\r\n\r\n    _createAvatarInitials() {\r\n        let container = document.createElement('div');\r\n        container.id = this._avatarId;\r\n        container.className = 'user-avatar avatar-medium center-margin version-avatar';\r\n\r\n        let initials = document.createElement('div');\r\n        initials.id = this._avatarInitialsId;\r\n        container.appendChild(initials);\r\n\r\n        let template = document.createDocumentFragment();\r\n        template.appendChild(container);\r\n\r\n        return template;\r\n    }\r\n}\r\n\r\nexport function initializeLogin(formElement, loginUrl) {\r\n    function clearFormErrors() {\r\n        for (let i = 0; i < formElement.elements.length; i++) {\r\n            if (!(formElement.elements[i] instanceof HTMLInputElement))\r\n                continue;\r\n\r\n            formElement.elements[i].classList.remove('login-error');\r\n        }\r\n    }\r\n\r\n    const loginContent = document.getElementById('login-content');\r\n\r\n    new Form(formElement, {\r\n        onbeforesubmit: () => {\r\n            clearFormErrors();\r\n            return true;\r\n        },\r\n        done: data => { window.location = data.path; },\r\n        fail: err => {\r\n            let errorResponse = JSON.parse(err.responseText);\r\n            console.log(errorResponse);\r\n\r\n            if (errorResponse.type === 'validation') {\r\n                let error = errorResponse.error;\r\n                let properties = Object.getOwnPropertyNames(error);\r\n\r\n                for (let i = 0; i < properties.length; i++) {\r\n                    let property = properties[i];\r\n\r\n                    let element = loginContent.querySelector(`[name=${property}]`);\r\n                    if (element)\r\n                        element.classList.add('login-error');\r\n                }\r\n            }\r\n        }\r\n    });\r\n}\r\n\r\nexport function initializeLoginAppSelect(formElement, loginUrl) {\r\n    function clearFormErrors() {\r\n        for (let i = 0; i < formElement.elements.length; i++) {\r\n            if (!(formElement.elements[i] instanceof HTMLInputElement))\r\n                continue;\r\n\r\n            formElement.elements[i].classList.remove('login-error');\r\n        }\r\n    }\r\n\r\n    function redirecToV1(e) {\r\n        window.location = e.currentTarget.dataset.url;\r\n    }\r\n\r\n    function showLoginView(email, transition) {\r\n        clearFormErrors();\r\n\r\n        loginContent.querySelector('[type=email]').value = email;\r\n\r\n        let passwordContainer = loginContent.querySelector('#passwordElement');\r\n        passwordContainer.classList.remove('hide');\r\n\r\n\r\n        if (transition) {\r\n            appSelector.classList.add('transition-out');\r\n            setTimeout(() => {\r\n                appSelector.classList.add('hide');\r\n                appSelector.classList.remove('transition-out');\r\n\r\n                loginContent.classList.remove('hide');\r\n                loginContent.classList.add('transition-in');\r\n            }, 250);\r\n        } else {\r\n            window.setTimeout(() => {\r\n                passwordContainer.querySelector('input').focus();\r\n            }, 10);\r\n        }\r\n    }\r\n\r\n    function showPasswordForm(e) {\r\n        showLoginView(e.currentTarget.dataset.email, true);\r\n    }\r\n\r\n    let loginContent = document.getElementById('login-content');\r\n    loginContent.querySelector('[type=email]').focus();\r\n\r\n    let appSelector = document.getElementById('appSelector');\r\n\r\n    let version1Column = appSelector.querySelector('[data-version=\"1\"]');\r\n    version1Column.addEventListener('click', redirecToV1, true);\r\n\r\n    let version2Column = appSelector.querySelector('[data-version=\"2\"]');\r\n    version2Column.addEventListener('click', showPasswordForm, true);\r\n\r\n    new Form(formElement, {\r\n        onbeforesubmit: () => {\r\n            clearFormErrors();\r\n            return true;\r\n        },\r\n\r\n        done: data => {\r\n            if (formElement.dataset.context === 'version-select') {\r\n                formElement.action = loginUrl;\r\n                formElement.dataset.context = 'app-selection';\r\n\r\n                if (data.v1) {\r\n                    if (!data.v2)\r\n                        window.location = version1Column.dataset.url;\r\n                    else {\r\n                        version2Column.dataset.email = data.email;\r\n\r\n                        version2Column.querySelector('#v2-user-created').textContent = `Created in ${data.createdMonth} of ${data.createdYear}`;\r\n\r\n                        let builder = new LoginViewBuilder();\r\n                        let avatar = data.avatar\r\n                            ? builder.buildAvatar(data.avatar, data.name)\r\n                            : builder.buildAvatarInitials(data.color, data.name);\r\n\r\n                        version2Column.insertBefore(avatar, version2Column.querySelector('.version-number'));\r\n\r\n                        loginContent.classList.add('transition-out');\r\n                        setTimeout(() => {\r\n                            loginContent.classList.add('hide');\r\n                            loginContent.classList.add('transitioned-out');\r\n                            loginContent.classList.remove('transition-out');\r\n\r\n                            appSelector.classList.remove('hide');\r\n                            appSelector.classList.add('transition-in');\r\n\r\n                            setTimeout(() => {\r\n                                appSelector.classList.add('transitioned-in');\r\n                                appSelector.classList.remove('transition-in');\r\n                            }, 250);\r\n\r\n                        }, 250);\r\n                    }\r\n                }\r\n                else {\r\n                    showLoginView(data.email);\r\n                }\r\n            }\r\n            else {\r\n                window.location = data.path;\r\n            }\r\n        },\r\n\r\n        fail: err => {\r\n            let errorResponse = JSON.parse(err.responseText);\r\n            console.log(errorResponse);\r\n\r\n            if (errorResponse.type === 'validation') {\r\n                let error = errorResponse.error;\r\n                let properties = Object.getOwnPropertyNames(error);\r\n\r\n                for (let i = 0; i < properties.length; i++) {\r\n                    let property = properties[i];\r\n\r\n                    let element = loginContent.querySelector(`[name=${property}]`);\r\n                    if (element)\r\n                        element.classList.add('login-error');\r\n                }\r\n            }\r\n        }\r\n    });\r\n\r\n}\r\n"]}