@everymatrix/user-login 1.31.1 → 1.32.4

package/dist/cjs/index.cjs.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/loader.cjs.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fe0c4e58.js');
-
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"isValidPassword":[32],"isPasswordVisible":[32],"limitStylingAppends":[32],"errorMessage":[32],"hasError":[32]}]]]], options);
-  });
-};
-
-exports.defineCustomElements = defineCustomElements;

package/dist/cjs/user-login.cjs.entry.js

@@ -1,311 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fe0c4e58.js');
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'cz', 'de', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    invalidField: 'This field is invalid',
-    forgotPassword: 'Forgot Password',
-    userEmail: 'Username or Email',
-    password: 'Password',
-    login: 'Login',
-    genericError: 'An unexpected error has occured',
-    successMessage: 'Login successful'
-  },
-  ro: {
-    invalidField: 'This field is invalid',
-    forgotPassword: 'Forgot Password',
-    userEmail: 'Username or Email',
-    password: 'Password',
-    login: 'Login',
-    genericError: 'An unexpected error has occured',
-    successMessage: 'Login successful'
-  },
-  hr: {
-    invalidField: 'Ovo polje je nevažeće',
-    forgotPassword: 'Zaboravljena lozinka',
-    userEmail: 'Korisničko ime ili email',
-    password: 'Lozinka',
-    login: 'Prijava',
-    genericError: 'Došlo je do neočekivane pogreške',
-    successMessage: 'Prijava uspješna'
-  },
-  fr: {
-    invalidField: 'This field is invalid',
-    forgotPassword: 'Forgot Password',
-    userEmail: 'Username or Email',
-    password: 'Password',
-    login: 'Login',
-    genericError: 'An unexpected error has occured',
-    successMessage: 'Login successful'
-  },
-  cs: {
-    invalidField: 'Ovo polje je nevažeće.',
-    forgotPassword: 'Zaboravio sam lozinku ',
-    userEmail: 'Korisničko ime ili email',
-    password: 'Lozinka',
-    login: 'Prijava',
-    genericError: 'An unexpected error has occured',
-    successMessage: 'Login successful'
-  },
-  de: {
-    invalidField: 'This field is invalid',
-    forgotPassword: 'Forgot Password',
-    userEmail: 'Username or Email',
-    password: 'Password',
-    login: 'Login',
-    genericError: 'An unexpected error has occured',
-    successMessage: 'Login successful'
-  },
-  'pt-br': {
-    'invalidField': 'O campo é inválido',
-    'forgotPassword': 'Esqueceu sua senha',
-    'userEmail': 'Usuário ou e-mail',
-    'Password': 'Senha',
-    'login': 'Entrem',
-    'genericError': 'Ocorreu um erro inesperado',
-    'successMessage': 'Você fez login com sucesso'
-  },
-  'es-mx': {
-    'invalidField': 'El campo es inválido',
-    'forgotPassword': 'Olvidó contraseña',
-    'userEmail': 'Usuario o Correo Electrónico',
-    'Password': 'Contraseña',
-    'login': 'Entrar',
-    'genericError': 'Ha ocurrido un error inesperado',
-    'successMessage': 'Ha ingreasado de forma exitosa'
-  }
-};
-const getTranslations = (url) => {
-  // fetch url, get the data, replace the TRANSLATIONS content
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-          TRANSLATIONS[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};
-const translate = (key, customLang, values) => {
-  const lang = customLang;
-  let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-  if (values !== undefined) {
-    for (const [key, value] of Object.entries(values.values)) {
-      const regex = new RegExp(`{${key}}`, 'g');
-      translation = translation.replace(regex, value);
-    }
-  }
-  return translation;
-};
-
-const userLoginCss = ":host{display:block;font-family:\"Roboto\", sans-serif}section{height:100%;width:100%;background-position:center;background-size:cover}.FormBox{height:100%;display:flex;position:relative;background:none;border:none;backdrop-filter:blur(15px) brightness(80%);justify-content:center;align-items:center}.InputBox{position:relative;margin:30px 0;width:310px;border-bottom:2px solid #0797B9}.InputBox.InputInvalidBox::after{content:\"\";height:2px;width:100%;transition:width 0.6s linear;background:#C23135}.InputBox::after{content:\"\";display:block;width:0;height:2px;position:relative;top:2px}.InputBox .PasswordVisibilityIcon{fill:#0797B9}.InputBox .InputIcon .TogglePasswordVisibility{cursor:pointer;position:absolute;top:18px;right:0}.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible{top:19.5px}.InputBox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:#0797B9;font-size:1em;pointer-events:none;transition:0.5s}.InputBox label.FieldInvalid{color:#C23135}.InputBox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:1em;padding:0 35px 0 5px;color:#fff;box-sizing:border-box}input:focus~label,label.FieldFilledIn{top:-3px;font-size:0.7em}.ForgotPassword button{margin:-10px 0 17px;font-size:0.9em;color:#0797B9;display:flex;justify-content:space-between;background-color:transparent;padding:0;height:unset;border:0;cursor:pointer}.ForgotPassword button:hover{color:#fff}.SubmitCredentials{display:block;margin:0 auto;padding:10px 20px;border-radius:5px;color:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));background:linear-gradient(to right, #EA0C66, #77318F);border:none;outline:none;cursor:pointer;font-size:1em}.SubmitCredentials:disabled{background:#707070}.Register{font-size:0.9em;color:#fff;text-align:center;margin:25px 0 10px}.Register p a{text-decoration:none;color:#fff;font-weight:600}.Register p a:hover{text-decoration:underline}.InvalidField{position:absolute;top:45px;color:#C23135;font-size:0.7em}.SubmitCredentials{margin-bottom:20px}.CredentialsError{color:#C23135;font-size:0.7em;padding:0 0 20px 0;margin:0}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}";
-
-const UserLogin = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Endpoint
-     */
-    this.endpoint = '';
-    /**
-    * Language
-    */
-    this.lang = 'en';
-    /**
-    * Client styling
-    */
-    this.clientStyling = '';
-    /**
-    * Client styling by url
-    */
-    this.clientStylingUrl = '';
-    /**
-    * Translation url
-    */
-    this.translationUrl = '';
-    /**
-     * Password reset
-     */
-    this.passwordReset = 'false';
-    /**
-     * User email regex options
-     */
-    this.userEmailRegexOptions = 'i';
-    /**
-     * Password regex options
-     */
-    this.passwordRegexOptions = '';
-    /**
-     * Username
-     */
-    this.userNameEmail = '';
-    /**
-     * Password
-     */
-    this.userPassword = '';
-    this.isValidUserEmail = true;
-    this.isValidPassword = true;
-    this.isPasswordVisible = false;
-    this.limitStylingAppends = false;
-    this.errorMessage = '';
-    this.hasError = false;
-    this.userLogin = async ({ username, password }) => {
-      let headers = {
-        'Content-Type': 'application/json'
-      };
-      let bodyData = {
-        username,
-        password
-      };
-      let options = {
-        method: 'POST',
-        headers,
-        body: JSON.stringify(bodyData),
-      };
-      fetch(`${this.endpoint}/v1/player/legislation/login`, options)
-        .then((res) => {
-        return res.json();
-      }).then((data) => {
-        var _a, _b;
-        if ((_a = data.sessionBlockers) === null || _a === void 0 ? void 0 : _a.includes('has-to-set-consents')) {
-          window.postMessage({ type: 'PlayerActions', gmversion: 'gm16' }, window.location.href);
-        }
-        if ((data === null || data === void 0 ? void 0 : data.hasToSetPass) === true) {
-          window.postMessage({ type: 'HasToSetPass' }, window.location.href);
-        }
-        if (data.sessionId) {
-          window.postMessage({ type: 'UserSessionID', session: data.sessionId, userid: data.userId }, window.location.href);
-          window.postMessage({ type: 'WidgetNotification', data: {
-              type: 'success',
-              message: translate('successMessage', this.lang)
-            } }, window.location.href);
-          this.hasError = false;
-        }
-        else {
-          // handles errors thrown by api
-          this.hasError = true;
-          this.errorMessage = (_b = data === null || data === void 0 ? void 0 : data.thirdPartyResponse) === null || _b === void 0 ? void 0 : _b.message;
-          if (this.errorMessage) {
-            console.error(this.errorMessage);
-            this.sendErrorNotification(this.errorMessage);
-          }
-        }
-      }).catch((err) => {
-        // handles unexpected errors
-        console.error(err);
-        this.hasError = true;
-        this.errorMessage = translate('genericError', this.lang);
-        this.sendErrorNotification(this.errorMessage);
-      });
-    };
-    this.debouncedUserLogin = this.debounce(this.userLogin, 850);
-    this.handleLogin = () => {
-      this.debouncedUserLogin({
-        username: this.userNameEmail,
-        password: this.userPassword
-      });
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.appendChild(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.appendChild(cssFile); }, 1);
-      });
-    };
-    this.handleInputChange = (event, location) => {
-      this.hasError = false;
-      const inputValue = event.target.value;
-      if (location === 'user') {
-        this.userNameEmail = inputValue;
-        this.isValidUserEmail = this.userEmailValidation(this.userNameEmail);
-      }
-      else {
-        this.userPassword = inputValue;
-        this.isValidPassword = this.passwordValidation(inputValue);
-      }
-    };
-    this.userEmailValidation = (input) => {
-      const regex = new RegExp(this.userEmailRegex, this.userEmailRegexOptions);
-      return regex.test(input);
-    };
-    this.passwordValidation = (input) => {
-      const regex = new RegExp(this.passwordRegex, this.passwordRegexOptions);
-      return regex.test(input);
-    };
-    this.togglePassword = () => {
-      this.isPasswordVisible = !this.isPasswordVisible;
-    };
-    this.resetPassword = () => {
-      window.postMessage({ type: "NavForgotPassword" }, window.location.href);
-    };
-  }
-  handleNewTranslations() {
-    getTranslations(this.translationUrl);
-  }
-  async componentWillLoad() {
-    if (this.translationUrl.length > 2) {
-      await getTranslations(this.translationUrl);
-    }
-  }
-  sendErrorNotification(errorMessage) {
-    window.postMessage({ type: "HasError", error: errorMessage }, window.location.href);
-    window.postMessage({ type: 'WidgetNotification', data: {
-        type: 'error',
-        message: errorMessage
-      } }, window.location.href);
-  }
-  debounce(func, delay) {
-    let timer;
-    return function (...args) {
-      clearTimeout(timer);
-      timer = setTimeout(() => {
-        func.apply(this, args);
-      }, delay);
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  render() {
-    let visibilityIcon = index.h("span", { class: "InputIcon" }, this.isPasswordVisible &&
-      index.h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, index.h("g", { transform: "translate(-110.856 -23.242)" }, index.h("circle", { class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), index.h("g", { transform: "translate(117.499 27.37)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), index.h("path", { class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), index.h("g", { transform: "translate(110.856 24.899)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), index.h("path", { class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), index.h("rect", { class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
-      index.h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, index.h("g", { transform: "translate(-14.185 -27.832)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), index.h("circle", { class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
-    let userIdentification = index.h("div", { class: "FormBox" }, index.h("div", { class: "FormValue" }, index.h("div", { class: (!this.isValidUserEmail || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, index.h("input", { type: "text", placeholder: '', value: this.userNameEmail, onFocus: (event) => this.handleInputChange(event, 'user'), onInput: (event) => this.handleInputChange(event, 'user'), required: true }), index.h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail || this.hasError ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail &&
-      index.h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), index.h("div", { class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, index.h("input", { type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: (event) => this.handleInputChange(event, 'password'), onInput: (event) => this.handleInputChange(event, 'password'), required: true }), index.h("label", { class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword &&
-      index.h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), this.passwordReset == 'true' &&
-      index.h("div", { class: "ForgotPassword" }, index.h("button", { onClick: () => this.resetPassword() }, translate('forgotPassword', this.lang))), index.h("button", { disabled: (!this.isValidUserEmail || !this.isValidPassword || !this.userNameEmail || !this.userPassword), class: "SubmitCredentials", onClick: () => this.handleLogin() }, translate('login', this.lang)), this.hasError &&
-      index.h("p", { class: "CredentialsError" }, this.errorMessage ? this.errorMessage : translate('genericError', this.lang))));
-    return index.h("section", { ref: el => this.stylingContainer = el }, userIdentification);
-  }
-  static get watchers() { return {
-    "translationUrl": ["handleNewTranslations"]
-  }; }
-};
-UserLogin.style = userLoginCss;
-
-exports.user_login = UserLogin;

package/dist/cjs/user-login.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-const index = require('./index-fe0c4e58.js');
-
-/*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-login.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
-};
-
-patchBrowser().then(options => {
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"isValidPassword":[32],"isPasswordVisible":[32],"limitStylingAppends":[32],"errorMessage":[32],"hasError":[32]}]]]], options);
-});

package/dist/collection/collection-manifest.json

@@ -1,12 +0,0 @@
-{
-  "entries": [
-    "./components/user-login/user-login.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/user-login/user-login.css

@@ -1,162 +0,0 @@
-:host {
-  display: block;
-  font-family: "Roboto", sans-serif;
-}
-
-section {
-  height: 100%;
-  width: 100%;
-  background-position: center;
-  background-size: cover;
-}
-
-.FormBox {
-  height: 100%;
-  display: flex;
-  position: relative;
-  background: none;
-  border: none;
-  backdrop-filter: blur(15px) brightness(80%);
-  justify-content: center;
-  align-items: center;
-}
-
-.InputBox {
-  position: relative;
-  margin: 30px 0;
-  width: 310px;
-  border-bottom: 2px solid #0797B9;
-}
-.InputBox.InputInvalidBox::after {
-  content: "";
-  height: 2px;
-  width: 100%;
-  transition: width 0.6s linear;
-  background: #C23135;
-}
-.InputBox::after {
-  content: "";
-  display: block;
-  width: 0;
-  height: 2px;
-  position: relative;
-  top: 2px;
-}
-.InputBox .PasswordVisibilityIcon {
-  fill: #0797B9;
-}
-.InputBox .InputIcon .TogglePasswordVisibility {
-  cursor: pointer;
-  position: absolute;
-  top: 18px;
-  right: 0;
-}
-.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible {
-  top: 19.5px;
-}
-.InputBox label {
-  position: absolute;
-  top: 50%;
-  left: 5px;
-  transform: translateY(-50%);
-  color: #0797B9;
-  font-size: 1em;
-  pointer-events: none;
-  transition: 0.5s;
-}
-.InputBox label.FieldInvalid {
-  color: #C23135;
-}
-.InputBox input {
-  width: 100%;
-  height: 50px;
-  background: transparent;
-  border: none;
-  outline: none;
-  font-size: 1em;
-  padding: 0 35px 0 5px;
-  color: #fff;
-  box-sizing: border-box;
-}
-
-/* animations: start */
-input:focus ~ label,
-label.FieldFilledIn {
-  top: -3px;
-  font-size: 0.7em;
-}
-
-/* animation:end */
-.ForgotPassword button {
-  margin: -10px 0 17px;
-  font-size: 0.9em;
-  color: #0797B9;
-  display: flex;
-  justify-content: space-between;
-  background-color: transparent;
-  padding: 0;
-  height: unset;
-  border: 0;
-  cursor: pointer;
-}
-.ForgotPassword button:hover {
-  color: #fff;
-}
-
-.SubmitCredentials {
-  display: block;
-  margin: 0 auto;
-  padding: 10px 20px;
-  border-radius: 5px;
-  color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
-  background: linear-gradient(to right, #EA0C66, #77318F);
-  border: none;
-  outline: none;
-  cursor: pointer;
-  font-size: 1em;
-}
-.SubmitCredentials:disabled {
-  background: #707070;
-}
-
-.Register {
-  font-size: 0.9em;
-  color: #fff;
-  text-align: center;
-  margin: 25px 0 10px;
-}
-.Register p a {
-  text-decoration: none;
-  color: #fff;
-  font-weight: 600;
-}
-.Register p a:hover {
-  text-decoration: underline;
-}
-
-.InvalidField {
-  position: absolute;
-  top: 45px;
-  color: #C23135;
-  font-size: 0.7em;
-}
-
-.SubmitCredentials {
-  margin-bottom: 20px;
-}
-
-.CredentialsError {
-  color: #C23135;
-  font-size: 0.7em;
-  padding: 0 0 20px 0;
-  margin: 0;
-}
-
-/* Responsiveness:Start */
-@media screen and (max-width: 480px) {
-  .FormBox {
-    width: 100%;
-    border-radius: 0px;
-  }
-}
-/* Responsiveness:End */