{"version":3,"file":"js/login.js","sources":["webpack:///src/components/utils/UILoadingIcon_B.vue","webpack:///src/views/Login.vue","webpack:///./src/components/utils/UILoadingIcon_B.vue","webpack:///./src/views/Login.vue","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/views/Login.vue?a4b3","webpack:///./src/views/Login.vue?d757","webpack:///./src/components/utils/UILoadingIcon_B.vue?ad4a","webpack:///./src/components/utils/UILoadingIcon_B.vue?7c51","webpack:///./src/components/utils/UILoadingIcon_B.vue?77d6","webpack:///./src/views/Login.vue?b6b6","webpack:///./src/views/Login.vue?e29a","webpack:///./src/views/Login.vue?c861","webpack:///./src/views/Login.vue?896b"],"sourcesContent":["<template>\n   <svg\n      style=\"\n         margin: auto;\n         background: rgba(255, 255, 255, 0);\n         display: block;\n         shape-rendering: auto;\n      \"\n      width=\"30px\"\n      height=\"30px\"\n      viewBox=\"0 0 100 100\"\n      preserveAspectRatio=\"xMidYMid\"\n      v-show=\"condition\"\n   >\n      <circle\n         cx=\"50\"\n         cy=\"50\"\n         r=\"27\"\n         stroke-width=\"7\"\n         stroke=\"#171717\"\n         stroke-dasharray=\"42.411500823462205 42.411500823462205\"\n         fill=\"none\"\n         stroke-linecap=\"round\"\n      >\n         <animateTransform\n            attributeName=\"transform\"\n            type=\"rotate\"\n            repeatCount=\"indefinite\"\n            dur=\"1.282051282051282s\"\n            keyTimes=\"0;1\"\n            values=\"0 50 50;360 50 50\"\n         ></animateTransform>\n      </circle>\n   </svg>\n</template>\n\n<script>\nexport default {\n   name: \"UILoadingIcon_B\",\n\n   props: [\"condition\"],\n};\n</script>\n","<template>\n  <div class=\"flex-1 flex items-center justify-center h-full\">\n    <div class=\"modal-template\" style=\"z-index: 1\" v-if=\"showModal\">\n      <!-- <transition name=\"modal\"> -->\n      <div\n        class=\"modal-mask\"\n        @click=\"\n          showModal = false;\n          hasErrorsEmail = [];\n        \"\n      ></div>\n      <div class=\"modal-wrapper\">\n        <div class=\"modal-container\">\n          <div class=\"modal-header\">\n            <h2 class=\"title\">Recupera Password</h2>\n            <button\n              class=\"modal-default-button text-2xl p-2\"\n              @click=\"\n                showModal = false;\n                hasErrorsEmail = [];\n              \"\n            >\n              &times;\n            </button>\n          </div>\n\n          <div class=\"modal-body\">\n            <div class=\"lab-inp-container flex-col md:flex-row\">\n              <p class=\"mb-4\">\n                Ti invieremo un link per reimpostare la tua passworde\n              </p>\n\n              <input\n                placeholder=\"Email\"\n                class=\"light-input\"\n                v-model=\"email\"\n                id=\"email\"\n                type=\"email\"\n                :class=\"{\n                  hasErrors: hasErrorsEmail.length > 0,\n                }\"\n                @focus=\"\n                  hasErrorsEmail = [];\n                  hasErrors = [];\n                \"\n              />\n              <div class=\"mx-auto mt-8 w-fit\">\n                <button\n                  class=\"reset-password-send-btn\"\n                  @click.prevent=\"resetPassword\"\n                >\n                  Invia\n                </button>\n              </div>\n\n              <p\n                v-if=\"hasErrorsEmail.length > 0\"\n                class=\"text-xs font-extralight\"\n              >\n                *{{ hasErrorsEmail.join(\" \") }}\n              </p>\n            </div>\n          </div>\n          <div class=\"modal-footer\"></div>\n        </div>\n      </div>\n      <!-- </transition> -->\n    </div>\n    <div\n      class=\"modal-template fixed w-full h-full flex items-center justify-center\"\n      style=\"z-index: 1\"\n      v-if=\"showModalSkin\"\n    >\n      <div class=\"modal-mask\" @click=\"showModalSkin = false\"></div>\n      <div class=\"modal-wrapper\">\n        <div class=\"modal-container\">\n          <div class=\"modal-header\">\n            <h2 class=\"title\">Seleziona il tuo casinò attuale</h2>\n            <button\n              class=\"modal-default-button text-2xl p-2\"\n              @click=\"showModalSkin = false\"\n            >\n              &times;\n            </button>\n          </div>\n\n          <div class=\"modal-body\">\n            <select name=\"\" id=\"\" v-model=\"skin\" @change=\"choseSkin\">\n              <option :value=\"null\" default>Nome del casinò</option>\n              <option v-for=\"s in $store.state.skins\" :value=\"s\" :key=\"s.id\">\n                {{ s.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"modal-footer\"></div>\n        </div>\n      </div>\n    </div>\n\n    <div id=\"login-wrapper\">\n      <h2\n        v-if=\"barName\"\n        class=\"w-full text-2xl font-semibold text-secondary text-center uppercase mb-2\"\n      >\n        {{ barName }}\n      </h2>\n      <div class=\"relative\">\n        <p\n          class=\"text-center font-bold tracking-wider mb-3 text-secondary text-lg w-full\"\n          v-if=\"skin && skin.name\"\n        >\n          - {{ skin.name }} -\n        </p>\n      </div>\n      <div\n        class=\"mb-1 py-1 px-4 w-full flex items-center rounded-t-lg uppercase bg-gradient-to-r from-primary via-blue-800 to-gray-900\"\n      >\n        <h1 class=\"font-bold tracking-wider sm:text-lg md:text-xl uppercase\">\n          LOGIN - VIRTUAL ROOMS\n        </h1>\n      </div>\n      <div class=\"w-full mb-1 bg-gray-700 relative\">\n        <form\n          class=\"p-4 lg:p-6\"\n          :class=\"{ 'pt-7 pb-3 lg:pt-9': hasErrors.length > 0 }\"\n        >\n          <input\n            placeholder=\"Username\"\n            type=\"text\"\n            name=\"email\"\n            id=\"email\"\n            v-model=\"email\"\n            class=\"mb-2\"\n            :class=\"{ hasErrors: hasErrors.length > 0 }\"\n            @focus=\"hasErrors = []\"\n            @keyup.enter=\"goToNextInput('pass')\"\n          />\n\n          <div class=\"w-full flex items-center\">\n            <input\n              placeholder=\"Password\"\n              class=\"pr-9\"\n              :type=\"type\"\n              name=\"password\"\n              id=\"password\"\n              v-model=\"password\"\n              :class=\"{ hasErrors: hasErrors.length > 0 }\"\n              @focus=\"hasErrors = []\"\n              @input=\"hasErrors = []\"\n              @keyup.enter=\"loginUser\"\n              ref=\"pass\"\n            />\n            <span\n              id=\"passwordIcon\"\n              class=\"opacity-70 -ml-7\"\n              @click=\"showPassword\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\"\n                /></svg\n            ></span>\n          </div>\n          <button\n            class=\"hover:underline text-left text-xs py-1 font-light text-gray-400 hover:text-white mt-1\"\n            type=\"button\"\n            @click.prevent=\"\n              showModal = true;\n              hasErrors = [];\n            \"\n          >\n            Hai dimenticato la password?\n          </button>\n          <div\n            class=\"login-btn-container\"\n            :class=\"hasErrors.length > 0 ? 'mt-1' : 'mt-5'\"\n          >\n            <button\n              type=\"button\"\n              class=\"login-btn\"\n              :class=\"{\n                create: createAccountUrl,\n                'bgg-secondary': !createAccountUrl,\n              }\"\n              @click.prevent=\"loginUser\"\n            >\n              <span\n                :class=\"createAccountUrl ? 'text-white' : 'text-gray-900'\"\n                v-show=\"!loading\"\n                >Accesso</span\n              >\n              <UILoadingIcon_B :condition=\"loading\" />\n            </button>\n          </div>\n          <p\n            v-if=\"hasErrors.length > 0\"\n            class=\"text-sm font-medium tracking-wide absolute top-1 lg:top-2.5\"\n            style=\"color: red\"\n          >\n            *{{ hasErrors.join(\" \") }}\n          </p>\n        </form>\n      </div>\n      <div\n        class=\"w-full flex flex-col items-center text-sm justify-center rounded-b-lg\"\n        :class=\"createAccountUrl ? 'bgg-secondary' : 'bg-gray-900 h-6'\"\n      >\n        <a\n          v-if=\"createAccountUrl\"\n          :href=\"createAccountUrl\"\n          class=\"flex items-center justify-center gap-x-1.5 px-4 py-2 uppercase font-medium w-full text-center text-gray-900 hover:text-gray-900\"\n          >Crea il tuo account</a\n        >\n      </div>\n      <!-- <button\n        class=\"p-4 absolute right-0 bottom-0\"\n        @click=\"showModalSkin = true\"\n      >\n        Show skin dropdown\n      </button> -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  login,\n  resetPassword,\n  loginFromSkinWithCredentials,\n} from \"@/api/authRepository\";\nimport userRepository from \"@/api/userRepository\";\nimport settingsRepository from \"@/api/settingsRepository\";\nimport { getCredit } from \"@/api/creditRepository\";\nimport UILoadingIcon_B from \"../components/utils/UILoadingIcon_B.vue\";\nimport analyticsConfig from \"../mixins/analyticsConfig.vue\";\nimport tokensRepository from \"@/api/tokensRepository\";\nimport { ERROR_CODE } from \"@/helpers/errorCodes.js\";\nimport { LoginError } from \"@/common/errorTypes.js\";\nimport Modal from \"@/components/utils/Modal\";\n\nexport default {\n  name: \"Login\",\n\n  components: { UILoadingIcon_B, Modal },\n\n  mixins: [analyticsConfig],\n\n  data() {\n    return {\n      type: \"password\",\n      email: \"\",\n      password: \"\",\n      hasErrors: [],\n      hasErrorsEmail: [],\n      showModal: false,\n      nextUrl: this.$route.query.nextUrl,\n      createAccountUrl: this.$route.query.registrationUrl\n        ? this.$route.query.registrationUrl\n        : null,\n      barName: this.$route.query.roomName ? this.$route.query.roomName : null,\n      loading: false,\n      showModalSkin: false,\n      skin: null,\n    };\n  },\n\n  // computed: {\n  //   skinName() {\n  //     if (this.$store.state.skins) {\n  //       const skin = this.$store.state.skins.find(\n  //         (s) => s.id_skin == this.skinId\n  //       );\n  //       return skin.name;\n  //     }\n  //     return \"-\";\n  //   },\n  // },\n\n  created() {\n    const params = new URLSearchParams(window.location.search);\n    if (params.get(\"registrationUrl\")) {\n      this.createAccountUrl = params.get(\"registrationUrl\");\n    }\n    if (params.get(\"roomName\")) {\n      this.barName = params.get(\"roomName\");\n    }\n    if (this.nextUrl == \"/\") {\n      this.nextUrl = null;\n      let query = Object.assign({}, this.$route.query);\n      delete query.nextUrl;\n      this.$router.replace({ query });\n    }\n  },\n\n  methods: {\n    choseSkin() {\n      this.showModalSkin = false;\n      this.loginUser();\n    },\n\n    goToNextInput(input) {\n      if (!!this.email === false) {\n        this.hasErrors.push(\"Per favore, inserisci il tuo username.\");\n        return;\n      } else if (!!this.password) {\n        this.loginUser();\n      }\n      this.$refs[input].focus();\n    },\n\n    async loginUser() {\n      if (this.loading) return;\n      this.hasErrors = [];\n\n      if (!!this.email === false) {\n        this.hasErrors.push(\"Per favore, inserisci il tuo username.\");\n        return;\n      } else if (!!this.password === false) {\n        this.hasErrors.push(\"Per favore, inserisci i dati di accesso.\");\n        return;\n      }\n\n      this.loading = true;\n\n      try {\n        const data = {\n          isSkinIntegrated: process.env.VUE_APP_IS_SKIN_INTEGRATED === \"true\",\n          email: this.email,\n          password: this.password,\n          skinId: this.skin ? this.skin.id : null,\n        };\n\n        await this.$store.dispatch(\"auth/loginUser\", data);\n\n        console.log(\"login completed\");\n        if (!!process.env.VUE_APP_EVENTS_SOCKET_SERVER_URL) {\n          console.log(\"initing socket\");\n          this.$store.dispatch(\"socket/init\");\n        }\n        if (this.nextUrl) {\n          this.$router.push({ path: `${this.nextUrl}` });\n        } else {\n          if (this.$store.getters[\"userInfo/getGoToBar\"] == true) {\n            let defaultBar = this.$store.getters[\"userInfo/getDefaultBar\"];\n            this.$router.push({\n              name: \"Bar\",\n              params: { barName: defaultBar },\n            });\n          } else {\n            this.$router.push({ name: \"SlotsBar\" });\n          }\n        }\n      } catch (err) {\n        this.loading = false;\n        this.skin = null;\n\n        if (err instanceof LoginError) {\n          if (err.code === ERROR_CODE[\"LOGIN_ERROR_WRONG_CREDENTIALS\"]) {\n            this.hasErrors.push(\"Credenziali errate. Riprova.\");\n          } else if (err.code === ERROR_CODE[\"LOGIN_ERROR_MISSING_SKIN\"]) {\n            if (this.$store.state.skins) this.showModalSkin = true;\n          } else {\n            this.hasErrors.push(\"Qualcosa è andato storto.\");\n          }\n        } else {\n          this.hasErrors.push(\"Qualcosa è andato storto.\");\n        }\n      }\n    },\n\n    showPassword() {\n      let icon = document.getElementById(\"passwordIcon\");\n      if (this.type === \"password\") {\n        this.type = \"text\";\n        icon.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" />\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" />\n</svg>`;\n      } else {\n        this.type = \"password\";\n        icon.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\" />\n</svg>`;\n      }\n    },\n\n    resetPassword() {\n      this.hasErrorsEmail = [];\n      resetPassword({ email: this.email })\n        .then((response) => {\n          this.showModal = false;\n        })\n        .catch((err) => {\n          console.log(\"RESET PASSWORD:\", err);\n          if (\n            err.response &&\n            (err.response.status == 400 || err.response.status == 404)\n          ) {\n            this.hasErrorsEmail.push(\"Email non valido.\");\n          } else {\n            this.hasErrorsEmail.push(\"Qualcosa è andato storto.\");\n          }\n        });\n    },\n\n    authPolling(email, password) {\n      console.log(\"tou no auth polling\");\n      const obj = {\n        loginField: email,\n        password: password,\n        polling: true,\n      };\n      loginFromSkinWithCredentials(obj)\n        .then((res) => {\n          const auth = {\n            accessToken: res.data.accessToken,\n            refreshToken: res.data.refreshToken,\n            deviceId: res.data.deviceId,\n            userId: res.data.userId,\n            externalUserId: res.data.externalUserId,\n            numContract: res.data.numContract,\n            sessionId: res.data.sessionId,\n            isAuthenticated: true,\n          };\n\n          this.$store.dispatch(\"auth/setUpAuth\", auth);\n\n          let promises = [\n            userRepository.getUser(res.data.userId),\n            settingsRepository.getSettings(res.data.userId),\n            getCredit(res.data.userId),\n            tokensRepository.getCredit(res.data.userId),\n            userRepository.getAvatar(res.data.userId),\n          ];\n\n          Promise.all(promises).then(\n            ([user, settings, credit, tokens, avatar]) => {\n              user.data, settings.data, credit.data;\n\n              // Update userInfo in store\n              this.$store.commit(\"userInfo/mutateUser\", user.data);\n              this.$store.commit(\"userInfo/mutateSettings\", settings.data);\n              this.$store.commit(\"userInfo/mutateCredit\", credit.data);\n              this.$store.commit(\n                \"userInfo/mutateAvatarCustom\",\n                avatar.data && avatar.data.photo ? avatar.data.photo : null\n              );\n              this.$store.commit(\"userInfo/mutateTokens\", tokens.data);\n\n              try {\n                if (!!process.env.VUE_APP_EVENTS_SOCKET_SERVER_URL) {\n                  this.$store.dispatch(\"socket/init\");\n                }\n              } catch (err) {\n                console.error(err);\n              }\n\n              if (this.nextUrl) {\n                this.$router.push({ path: `${this.nextUrl}` });\n              } else {\n                if (this.$store.getters[\"userInfo/getGoToBar\"] == true) {\n                  let defaultBar =\n                    this.$store.getters[\"userInfo/getDefaultBar\"];\n                  this.$router.push({\n                    name: \"Bar\",\n                    params: { barName: defaultBar },\n                  });\n                } else {\n                  this.$router.push({ name: \"SlotsBar\" });\n                }\n              }\n            }\n          );\n        })\n        .catch((err) => {\n          if (err.response.status == 403) {\n            this.$router.push({ name: \"404\" });\n          }\n\n          if (err.response.status == 503) {\n            let timeout = 1000;\n            setTimeout(() => {\n              this.authPolling(email, password);\n            }, timeout);\n          }\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"postcss\" scoped>\nselect {\n  -webkit-appearance: none;\n  height: 30px;\n  background: url(/img/icons/arrow-down.png);\n  background-repeat: no-repeat;\n  background-size: 12px 7px;\n  background-position: right;\n  background-origin: content-box, padding-box;\n  text-align-last: center;\n  @apply bg-gray-700 rounded-full text-center py-1 px-3 w-full my-1;\n}\n\n.login-btn {\n  box-shadow: inset -1px -2px 5px rgba(189, 108, 3, 0.7);\n  @apply w-40 h-8 rounded-full font-bold uppercase text-gray-900;\n\n  &.create {\n    @apply bg-gray-800 border border-secondary;\n  }\n}\n\n.reset-password-send-btn {\n  /* background: #232323; */\n  background: theme(colors.gray.900);\n  @apply border rounded-full border-secondary font-bold py-1 uppercase w-40;\n}\n\n#login-wrapper {\n  @apply w-5/6;\n  @screen sm {\n    max-width: 350px;\n  }\n  @screen lg {\n    min-width: 400px;\n    @apply shadow-lg;\n  }\n}\n\n.hasErrors {\n  border: 2px solid red !important;\n}\n\n.modal-template {\n  @apply fixed w-full h-full flex items-center justify-center;\n}\n\n.modal-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(23, 23, 23, 0.9);\n  z-index: -1;\n\n  @screen lg {\n    @apply mt-0;\n  }\n}\n\n.modal-wrapper {\n  width: 98%;\n\n  @screen xs {\n    width: 75%;\n  }\n\n  @screen sm {\n    width: 60%;\n  }\n\n  @screen md {\n    width: 50%;\n  }\n\n  @screen lg {\n    width: 40%;\n  }\n\n  @screen xl {\n    width: 30%;\n  }\n\n  @screen 2xl {\n    width: 25%;\n  }\n}\n\n.modal-container {\n  min-width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n  max-height: 100%;\n  margin: 0px auto;\n  background-color: theme(colors.gray.800);\n  border-radius: 2px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n  transition: all 0.3s ease;\n  @apply rounded-xl;\n}\n\n.modal-header {\n  @apply relative pt-6 pl-6 pr-16 pb-1;\n\n  h3 {\n    @apply text-secondary text-lg uppercase font-semibold;\n  }\n\n  @screen md {\n    @apply text-xl;\n  }\n}\n\n.modal-body {\n  @apply flex justify-center px-6 pb-3;\n\n  p {\n    @apply text-sm;\n  }\n\n  @screen md {\n    @apply text-base;\n  }\n\n  @screen lg {\n    height: 87%;\n    @apply items-center;\n  }\n}\n\n.modal-footer {\n  @apply pb-4;\n}\n\n.modal-default-button {\n  float: right;\n  @apply absolute top-2 right-2 py-0;\n}\n\n/*\n * The following styles are auto-applied to elements with\n * transition=\"modal\" when their visibility is toggled\n * by Vue.js\n *\n * You can easily play with the modal transition by editing\n * these styles.\n */\n\n.modal-enter {\n  opacity: 0;\n}\n\n.modal-leave-active {\n  opacity: 0;\n}\n\n.modal-enter .modal-container,\n.modal-leave-active .modal-container {\n  -webkit-transform: scale(1.1);\n  transform: scale(1.1);\n}\n\n/* .padding-left-30 {\n   padding-left: 30px;\n} */\n\n.login-btn-container {\n  display: -webkit-flex;\n  display: flex;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -webkit-align-items: center;\n  align-items: center;\n  @apply w-full;\n}\n\n.disabled {\n  pointer-events: none;\n  opacity: 40%;\n  cursor: not-allowed;\n  /* @apply opacity-40 cursor-not-allowed; */\n}\n\n@media (hover: hover) {\n  .login-btn {\n    &.create {\n      background: linear-gradient(\n        168deg,\n        #ff9d00 18.42%,\n        #ffa800 47.15%,\n        #ffd600 85.28%\n      );\n    }\n  }\n\n  .reset-password-send-btn {\n    background: linear-gradient(140deg, #f28928 23.81%, #ffbc10 73.15%);\n    @apply text-gray-900;\n  }\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"svg\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.condition,\n          expression: \"condition\",\n        },\n      ],\n      staticStyle: {\n        margin: \"auto\",\n        background: \"rgba(255, 255, 255, 0)\",\n        display: \"block\",\n        \"shape-rendering\": \"auto\",\n      },\n      attrs: {\n        width: \"30px\",\n        height: \"30px\",\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n      },\n    },\n    [\n      _c(\n        \"circle\",\n        {\n          attrs: {\n            cx: \"50\",\n            cy: \"50\",\n            r: \"27\",\n            \"stroke-width\": \"7\",\n            stroke: \"#171717\",\n            \"stroke-dasharray\": \"42.411500823462205 42.411500823462205\",\n            fill: \"none\",\n            \"stroke-linecap\": \"round\",\n          },\n        },\n        [\n          _c(\"animateTransform\", {\n            attrs: {\n              attributeName: \"transform\",\n              type: \"rotate\",\n              repeatCount: \"indefinite\",\n              dur: \"1.282051282051282s\",\n              keyTimes: \"0;1\",\n              values: \"0 50 50;360 50 50\",\n            },\n          }),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"flex-1 flex items-center justify-center h-full\" },\n    [\n      _vm.showModal\n        ? _c(\n            \"div\",\n            { staticClass: \"modal-template\", staticStyle: { \"z-index\": \"1\" } },\n            [\n              _c(\"div\", {\n                staticClass: \"modal-mask\",\n                on: {\n                  click: function ($event) {\n                    _vm.showModal = false\n                    _vm.hasErrorsEmail = []\n                  },\n                },\n              }),\n              _c(\"div\", { staticClass: \"modal-wrapper\" }, [\n                _c(\"div\", { staticClass: \"modal-container\" }, [\n                  _c(\"div\", { staticClass: \"modal-header\" }, [\n                    _c(\"h2\", { staticClass: \"title\" }, [\n                      _vm._v(\"Recupera Password\"),\n                    ]),\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"modal-default-button text-2xl p-2\",\n                        on: {\n                          click: function ($event) {\n                            _vm.showModal = false\n                            _vm.hasErrorsEmail = []\n                          },\n                        },\n                      },\n                      [_vm._v(\" × \")]\n                    ),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-body\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"lab-inp-container flex-col md:flex-row\" },\n                      [\n                        _c(\"p\", { staticClass: \"mb-4\" }, [\n                          _vm._v(\n                            \" Ti invieremo un link per reimpostare la tua passworde \"\n                          ),\n                        ]),\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.email,\n                              expression: \"email\",\n                            },\n                          ],\n                          staticClass: \"light-input\",\n                          class: {\n                            hasErrors: _vm.hasErrorsEmail.length > 0,\n                          },\n                          attrs: {\n                            placeholder: \"Email\",\n                            id: \"email\",\n                            type: \"email\",\n                          },\n                          domProps: { value: _vm.email },\n                          on: {\n                            focus: function ($event) {\n                              _vm.hasErrorsEmail = []\n                              _vm.hasErrors = []\n                            },\n                            input: function ($event) {\n                              if ($event.target.composing) return\n                              _vm.email = $event.target.value\n                            },\n                          },\n                        }),\n                        _c(\"div\", { staticClass: \"mx-auto mt-8 w-fit\" }, [\n                          _c(\n                            \"button\",\n                            {\n                              staticClass: \"reset-password-send-btn\",\n                              on: {\n                                click: function ($event) {\n                                  $event.preventDefault()\n                                  return _vm.resetPassword.apply(\n                                    null,\n                                    arguments\n                                  )\n                                },\n                              },\n                            },\n                            [_vm._v(\" Invia \")]\n                          ),\n                        ]),\n                        _vm.hasErrorsEmail.length > 0\n                          ? _c(\n                              \"p\",\n                              { staticClass: \"text-xs font-extralight\" },\n                              [\n                                _vm._v(\n                                  \" *\" +\n                                    _vm._s(_vm.hasErrorsEmail.join(\" \")) +\n                                    \" \"\n                                ),\n                              ]\n                            )\n                          : _vm._e(),\n                      ]\n                    ),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-footer\" }),\n                ]),\n              ]),\n            ]\n          )\n        : _vm._e(),\n      _vm.showModalSkin\n        ? _c(\n            \"div\",\n            {\n              staticClass:\n                \"modal-template fixed w-full h-full flex items-center justify-center\",\n              staticStyle: { \"z-index\": \"1\" },\n            },\n            [\n              _c(\"div\", {\n                staticClass: \"modal-mask\",\n                on: {\n                  click: function ($event) {\n                    _vm.showModalSkin = false\n                  },\n                },\n              }),\n              _c(\"div\", { staticClass: \"modal-wrapper\" }, [\n                _c(\"div\", { staticClass: \"modal-container\" }, [\n                  _c(\"div\", { staticClass: \"modal-header\" }, [\n                    _c(\"h2\", { staticClass: \"title\" }, [\n                      _vm._v(\"Seleziona il tuo casinò attuale\"),\n                    ]),\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"modal-default-button text-2xl p-2\",\n                        on: {\n                          click: function ($event) {\n                            _vm.showModalSkin = false\n                          },\n                        },\n                      },\n                      [_vm._v(\" × \")]\n                    ),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-body\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.skin,\n                            expression: \"skin\",\n                          },\n                        ],\n                        attrs: { name: \"\", id: \"\" },\n                        on: {\n                          change: [\n                            function ($event) {\n                              var $$selectedVal = Array.prototype.filter\n                                .call($event.target.options, function (o) {\n                                  return o.selected\n                                })\n                                .map(function (o) {\n                                  var val = \"_value\" in o ? o._value : o.value\n                                  return val\n                                })\n                              _vm.skin = $event.target.multiple\n                                ? $$selectedVal\n                                : $$selectedVal[0]\n                            },\n                            _vm.choseSkin,\n                          ],\n                        },\n                      },\n                      [\n                        _c(\n                          \"option\",\n                          { attrs: { default: \"\" }, domProps: { value: null } },\n                          [_vm._v(\"Nome del casinò\")]\n                        ),\n                        _vm._l(_vm.$store.state.skins, function (s) {\n                          return _c(\n                            \"option\",\n                            { key: s.id, domProps: { value: s } },\n                            [_vm._v(\" \" + _vm._s(s.name) + \" \")]\n                          )\n                        }),\n                      ],\n                      2\n                    ),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-footer\" }),\n                ]),\n              ]),\n            ]\n          )\n        : _vm._e(),\n      _c(\"div\", { attrs: { id: \"login-wrapper\" } }, [\n        _vm.barName\n          ? _c(\n              \"h2\",\n              {\n                staticClass:\n                  \"w-full text-2xl font-semibold text-secondary text-center uppercase mb-2\",\n              },\n              [_vm._v(\" \" + _vm._s(_vm.barName) + \" \")]\n            )\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"relative\" }, [\n          _vm.skin && _vm.skin.name\n            ? _c(\n                \"p\",\n                {\n                  staticClass:\n                    \"text-center font-bold tracking-wider mb-3 text-secondary text-lg w-full\",\n                },\n                [_vm._v(\" - \" + _vm._s(_vm.skin.name) + \" - \")]\n              )\n            : _vm._e(),\n        ]),\n        _vm._m(0),\n        _c(\"div\", { staticClass: \"w-full mb-1 bg-gray-700 relative\" }, [\n          _c(\n            \"form\",\n            {\n              staticClass: \"p-4 lg:p-6\",\n              class: { \"pt-7 pb-3 lg:pt-9\": _vm.hasErrors.length > 0 },\n            },\n            [\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.email,\n                    expression: \"email\",\n                  },\n                ],\n                staticClass: \"mb-2\",\n                class: { hasErrors: _vm.hasErrors.length > 0 },\n                attrs: {\n                  placeholder: \"Username\",\n                  type: \"text\",\n                  name: \"email\",\n                  id: \"email\",\n                },\n                domProps: { value: _vm.email },\n                on: {\n                  focus: function ($event) {\n                    _vm.hasErrors = []\n                  },\n                  keyup: function ($event) {\n                    if (\n                      !$event.type.indexOf(\"key\") &&\n                      _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n                    )\n                      return null\n                    return _vm.goToNextInput(\"pass\")\n                  },\n                  input: function ($event) {\n                    if ($event.target.composing) return\n                    _vm.email = $event.target.value\n                  },\n                },\n              }),\n              _c(\"div\", { staticClass: \"w-full flex items-center\" }, [\n                _vm.type === \"checkbox\"\n                  ? _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.password,\n                          expression: \"password\",\n                        },\n                      ],\n                      ref: \"pass\",\n                      staticClass: \"pr-9\",\n                      class: { hasErrors: _vm.hasErrors.length > 0 },\n                      attrs: {\n                        placeholder: \"Password\",\n                        name: \"password\",\n                        id: \"password\",\n                        type: \"checkbox\",\n                      },\n                      domProps: {\n                        checked: Array.isArray(_vm.password)\n                          ? _vm._i(_vm.password, null) > -1\n                          : _vm.password,\n                      },\n                      on: {\n                        focus: function ($event) {\n                          _vm.hasErrors = []\n                        },\n                        input: function ($event) {\n                          _vm.hasErrors = []\n                        },\n                        keyup: function ($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          )\n                            return null\n                          return _vm.loginUser.apply(null, arguments)\n                        },\n                        change: function ($event) {\n                          var $$a = _vm.password,\n                            $$el = $event.target,\n                            $$c = $$el.checked ? true : false\n                          if (Array.isArray($$a)) {\n                            var $$v = null,\n                              $$i = _vm._i($$a, $$v)\n                            if ($$el.checked) {\n                              $$i < 0 && (_vm.password = $$a.concat([$$v]))\n                            } else {\n                              $$i > -1 &&\n                                (_vm.password = $$a\n                                  .slice(0, $$i)\n                                  .concat($$a.slice($$i + 1)))\n                            }\n                          } else {\n                            _vm.password = $$c\n                          }\n                        },\n                      },\n                    })\n                  : _vm.type === \"radio\"\n                  ? _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.password,\n                          expression: \"password\",\n                        },\n                      ],\n                      ref: \"pass\",\n                      staticClass: \"pr-9\",\n                      class: { hasErrors: _vm.hasErrors.length > 0 },\n                      attrs: {\n                        placeholder: \"Password\",\n                        name: \"password\",\n                        id: \"password\",\n                        type: \"radio\",\n                      },\n                      domProps: { checked: _vm._q(_vm.password, null) },\n                      on: {\n                        focus: function ($event) {\n                          _vm.hasErrors = []\n                        },\n                        input: function ($event) {\n                          _vm.hasErrors = []\n                        },\n                        keyup: function ($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          )\n                            return null\n                          return _vm.loginUser.apply(null, arguments)\n                        },\n                        change: function ($event) {\n                          _vm.password = null\n                        },\n                      },\n                    })\n                  : _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.password,\n                          expression: \"password\",\n                        },\n                      ],\n                      ref: \"pass\",\n                      staticClass: \"pr-9\",\n                      class: { hasErrors: _vm.hasErrors.length > 0 },\n                      attrs: {\n                        placeholder: \"Password\",\n                        name: \"password\",\n                        id: \"password\",\n                        type: _vm.type,\n                      },\n                      domProps: { value: _vm.password },\n                      on: {\n                        focus: function ($event) {\n                          _vm.hasErrors = []\n                        },\n                        input: [\n                          function ($event) {\n                            if ($event.target.composing) return\n                            _vm.password = $event.target.value\n                          },\n                          function ($event) {\n                            _vm.hasErrors = []\n                          },\n                        ],\n                        keyup: function ($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          )\n                            return null\n                          return _vm.loginUser.apply(null, arguments)\n                        },\n                      },\n                    }),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"opacity-70 -ml-7\",\n                    attrs: { id: \"passwordIcon\" },\n                    on: { click: _vm.showPassword },\n                  },\n                  [\n                    _c(\n                      \"svg\",\n                      {\n                        staticClass: \"h-5 w-5\",\n                        attrs: {\n                          xmlns: \"http://www.w3.org/2000/svg\",\n                          fill: \"none\",\n                          viewBox: \"0 0 24 24\",\n                          stroke: \"currentColor\",\n                        },\n                      },\n                      [\n                        _c(\"path\", {\n                          attrs: {\n                            \"stroke-linecap\": \"round\",\n                            \"stroke-linejoin\": \"round\",\n                            \"stroke-width\": \"2\",\n                            d: \"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\",\n                          },\n                        }),\n                      ]\n                    ),\n                  ]\n                ),\n              ]),\n              _c(\n                \"button\",\n                {\n                  staticClass:\n                    \"hover:underline text-left text-xs py-1 font-light text-gray-400 hover:text-white mt-1\",\n                  attrs: { type: \"button\" },\n                  on: {\n                    click: function ($event) {\n                      $event.preventDefault()\n                      _vm.showModal = true\n                      _vm.hasErrors = []\n                    },\n                  },\n                },\n                [_vm._v(\" Hai dimenticato la password? \")]\n              ),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"login-btn-container\",\n                  class: _vm.hasErrors.length > 0 ? \"mt-1\" : \"mt-5\",\n                },\n                [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"login-btn\",\n                      class: {\n                        create: _vm.createAccountUrl,\n                        \"bgg-secondary\": !_vm.createAccountUrl,\n                      },\n                      attrs: { type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          $event.preventDefault()\n                          return _vm.loginUser.apply(null, arguments)\n                        },\n                      },\n                    },\n                    [\n                      _c(\n                        \"span\",\n                        {\n                          directives: [\n                            {\n                              name: \"show\",\n                              rawName: \"v-show\",\n                              value: !_vm.loading,\n                              expression: \"!loading\",\n                            },\n                          ],\n                          class: _vm.createAccountUrl\n                            ? \"text-white\"\n                            : \"text-gray-900\",\n                        },\n                        [_vm._v(\"Accesso\")]\n                      ),\n                      _c(\"UILoadingIcon_B\", {\n                        attrs: { condition: _vm.loading },\n                      }),\n                    ],\n                    1\n                  ),\n                ]\n              ),\n              _vm.hasErrors.length > 0\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass:\n                        \"text-sm font-medium tracking-wide absolute top-1 lg:top-2.5\",\n                      staticStyle: { color: \"red\" },\n                    },\n                    [_vm._v(\" *\" + _vm._s(_vm.hasErrors.join(\" \")) + \" \")]\n                  )\n                : _vm._e(),\n            ]\n          ),\n        ]),\n        _c(\n          \"div\",\n          {\n            staticClass:\n              \"w-full flex flex-col items-center text-sm justify-center rounded-b-lg\",\n            class: _vm.createAccountUrl ? \"bgg-secondary\" : \"bg-gray-900 h-6\",\n          },\n          [\n            _vm.createAccountUrl\n              ? _c(\n                  \"a\",\n                  {\n                    staticClass:\n                      \"flex items-center justify-center gap-x-1.5 px-4 py-2 uppercase font-medium w-full text-center text-gray-900 hover:text-gray-900\",\n                    attrs: { href: _vm.createAccountUrl },\n                  },\n                  [_vm._v(\"Crea il tuo account\")]\n                )\n              : _vm._e(),\n          ]\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"div\",\n      {\n        staticClass:\n          \"mb-1 py-1 px-4 w-full flex items-center rounded-t-lg uppercase bg-gradient-to-r from-primary via-blue-800 to-gray-900\",\n      },\n      [\n        _c(\n          \"h1\",\n          {\n            staticClass:\n              \"font-bold tracking-wider sm:text-lg md:text-xl uppercase\",\n          },\n          [_vm._v(\" LOGIN - VIRTUAL ROOMS \")]\n        ),\n      ]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = uncurryThis([].join);\n\nvar ES3_STRINGS = IndexedObject !== Object;\nvar FORCED = ES3_STRINGS || !arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  join: function join(separator) {\n    return nativeJoin(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"select[data-v-26084dc2] {\\n  -webkit-appearance: none;\\n  height: 30px;\\n  background: url(/img/icons/arrow-down.png);\\n  background-repeat: no-repeat;\\n  background-size: 12px 7px;\\n  background-position: right;\\n  background-origin: content-box, padding-box;\\n  -moz-text-align-last: center;\\n       text-align-last: center;\\n  margin-top: 0.25rem;\\n  margin-bottom: 0.25rem;\\n  width: 100%;\\n  border-radius: 9999px;\\n  --tw-bg-opacity: 1;\\n  background-color: rgba(64, 64, 64, var(--tw-bg-opacity));\\n  padding-left: 0.75rem;\\n  padding-right: 0.75rem;\\n  padding-top: 0.25rem;\\n  padding-bottom: 0.25rem;\\n  text-align: center;\\n}\\n.login-btn[data-v-26084dc2] {\\n  -webkit-box-shadow: inset -1px -2px 5px rgba(189, 108, 3, 0.7);\\n          box-shadow: inset -1px -2px 5px rgba(189, 108, 3, 0.7);\\n  height: 2rem;\\n  width: 10rem;\\n  border-radius: 9999px;\\n  font-weight: 700;\\n  text-transform: uppercase;\\n  --tw-text-opacity: 1;\\n  color: rgba(23, 23, 23, var(--tw-text-opacity));\\n}\\n.login-btn.create[data-v-26084dc2] {\\n    border-width: 1px;\\n    --tw-border-opacity: 1;\\n    border-color: rgba(242, 137, 40, var(--tw-border-opacity));\\n    --tw-bg-opacity: 1;\\n    background-color: rgba(38, 38, 38, var(--tw-bg-opacity));\\n}\\n.reset-password-send-btn[data-v-26084dc2] {\\n  /* background: #232323; */\\n  background: #171717;\\n  width: 10rem;\\n  border-radius: 9999px;\\n  border-width: 1px;\\n  --tw-border-opacity: 1;\\n  border-color: rgba(242, 137, 40, var(--tw-border-opacity));\\n  padding-top: 0.25rem;\\n  padding-bottom: 0.25rem;\\n  font-weight: 700;\\n  text-transform: uppercase;\\n}\\n#login-wrapper[data-v-26084dc2] {\\n  width: 83.333333%;\\n}\\n@media (min-width: 640px) {\\n#login-wrapper[data-v-26084dc2] {\\n    max-width: 350px\\n}\\n}\\n@media (min-width: 1024px) {\\n#login-wrapper[data-v-26084dc2] {\\n    min-width: 400px\\n}\\n}\\n@media (min-width: 1024px) {\\n#login-wrapper[data-v-26084dc2] {\\n    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\\n\\n    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\\n\\n            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\\n}\\n}\\n.hasErrors[data-v-26084dc2] {\\n  border: 2px solid red !important;\\n}\\n.modal-template[data-v-26084dc2] {\\n  position: fixed;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  height: 100%;\\n  width: 100%;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n}\\n.modal-mask[data-v-26084dc2] {\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%;\\n  background-color: rgba(23, 23, 23, 0.9);\\n  z-index: -1;\\n}\\n@media (min-width: 1024px) {\\n.modal-mask[data-v-26084dc2] {\\n    margin-top: 0px\\n}\\n}\\n.modal-wrapper[data-v-26084dc2] {\\n  width: 98%;\\n}\\n@media (min-width: 475px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 75%\\n}\\n}\\n@media (min-width: 640px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 60%\\n}\\n}\\n@media (min-width: 768px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 50%\\n}\\n}\\n@media (min-width: 1024px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 40%\\n}\\n}\\n@media (min-width: 1280px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 30%\\n}\\n}\\n@media (min-width: 1536px) {\\n.modal-wrapper[data-v-26084dc2] {\\n    width: 25%\\n}\\n}\\n.modal-container[data-v-26084dc2] {\\n  min-width: -webkit-fit-content;\\n  min-width: -moz-fit-content;\\n  min-width: fit-content;\\n  max-width: 100%;\\n  height: -webkit-fit-content;\\n  height: -moz-fit-content;\\n  height: fit-content;\\n  max-height: 100%;\\n  margin: 0px auto;\\n  background-color: #262626;\\n  border-radius: 2px;\\n  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\\n  -webkit-transition: all 0.3s ease;\\n  transition: all 0.3s ease;\\n  border-radius: 0.75rem;\\n}\\n.modal-header[data-v-26084dc2] {\\n  position: relative;\\n  padding-top: 1.5rem;\\n  padding-right: 4rem;\\n  padding-bottom: 0.25rem;\\n  padding-left: 1.5rem;\\n}\\n.modal-header h3[data-v-26084dc2] {\\n    font-size: 1.125rem;\\n    line-height: 1.75rem;\\n    font-weight: 600;\\n    text-transform: uppercase;\\n    --tw-text-opacity: 1;\\n    color: rgba(242, 137, 40, var(--tw-text-opacity));\\n}\\n@media (min-width: 768px) {\\n.modal-header[data-v-26084dc2] {\\n    font-size: 1.25rem;\\n\\n    line-height: 1.75rem\\n}\\n}\\n.modal-body[data-v-26084dc2] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  padding-left: 1.5rem;\\n  padding-right: 1.5rem;\\n  padding-bottom: 0.75rem;\\n}\\n.modal-body p[data-v-26084dc2] {\\n    font-size: 0.875rem;\\n    line-height: 1.25rem;\\n}\\n@media (min-width: 768px) {\\n.modal-body[data-v-26084dc2] {\\n    font-size: 1rem;\\n\\n    line-height: 1.5rem\\n}\\n}\\n@media (min-width: 1024px) {\\n.modal-body[data-v-26084dc2] {\\n    height: 87%\\n}\\n}\\n@media (min-width: 1024px) {\\n.modal-body[data-v-26084dc2] {\\n    -webkit-box-align: center;\\n        -ms-flex-align: center;\\n            align-items: center\\n}\\n}\\n.modal-footer[data-v-26084dc2] {\\n  padding-bottom: 1rem;\\n}\\n.modal-default-button[data-v-26084dc2] {\\n  float: right;\\n  position: absolute;\\n  top: 0.5rem;\\n  right: 0.5rem;\\n  padding-top: 0px;\\n  padding-bottom: 0px;\\n}\\n\\n/*\\n * The following styles are auto-applied to elements with\\n * transition=\\\"modal\\\" when their visibility is toggled\\n * by Vue.js\\n *\\n * You can easily play with the modal transition by editing\\n * these styles.\\n */\\n.modal-enter[data-v-26084dc2] {\\n  opacity: 0;\\n}\\n.modal-leave-active[data-v-26084dc2] {\\n  opacity: 0;\\n}\\n.modal-enter .modal-container[data-v-26084dc2],\\n.modal-leave-active .modal-container[data-v-26084dc2] {\\n  -webkit-transform: scale(1.1);\\n  transform: scale(1.1);\\n}\\n\\n/* .padding-left-30 {\\n   padding-left: 30px;\\n} */\\n.login-btn-container[data-v-26084dc2] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  width: 100%;\\n}\\n.disabled[data-v-26084dc2] {\\n  pointer-events: none;\\n  opacity: 40%;\\n  cursor: not-allowed;\\n  /* @apply opacity-40 cursor-not-allowed; */\\n}\\n@media (hover: hover) {\\n.login-btn.create[data-v-26084dc2] {\\n      background: linear-gradient(\\n        168deg,\\n        #ff9d00 18.42%,\\n        #ffa800 47.15%,\\n        #ffd600 85.28%\\n      );\\n}\\n.reset-password-send-btn[data-v-26084dc2] {\\n    background: linear-gradient(140deg, #f28928 23.81%, #ffbc10 73.15%);\\n    --tw-text-opacity: 1;\\n    color: rgba(23, 23, 23, var(--tw-text-opacity));\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=26084dc2&lang=postcss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"d2fa2c8c\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=26084dc2&lang=postcss&scoped=true\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=26084dc2&lang=postcss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./UILoadingIcon_B.vue?vue&type=template&id=4acb27e6\"\nimport script from \"./UILoadingIcon_B.vue?vue&type=script&lang=js\"\nexport * from \"./UILoadingIcon_B.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4acb27e6')) {\n      api.createRecord('4acb27e6', component.options)\n    } else {\n      api.reload('4acb27e6', component.options)\n    }\n    module.hot.accept(\"./UILoadingIcon_B.vue?vue&type=template&id=4acb27e6\", function () {\n      api.rerender('4acb27e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/utils/UILoadingIcon_B.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UILoadingIcon_B.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UILoadingIcon_B.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"79ce08d4-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UILoadingIcon_B.vue?vue&type=template&id=4acb27e6\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=26084dc2&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=26084dc2&lang=postcss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"26084dc2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('26084dc2')) {\n      api.createRecord('26084dc2', component.options)\n    } else {\n      api.reload('26084dc2', component.options)\n    }\n    module.hot.accept(\"./Login.vue?vue&type=template&id=26084dc2&scoped=true\", function () {\n      api.rerender('26084dc2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Login.vue\"\nexport default component.exports","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js\"","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=26084dc2&lang=postcss&scoped=true\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"79ce08d4-vue-loader-template\\\"}!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=template&id=26084dc2&scoped=true\""],"mappings":";;;;;;;;;;AAqCA;AAAA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACiMA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAGA;AACA;AAEA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAQA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACjfA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5DA;AACA;AACA;AACA;AAEA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAGA;AAAA;AAEA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAOA;AAAA;AAaA;AAAA;AAUA;AAEA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAGA;AAGA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAKA;AAAA;AAMA;AAAA;AAAA;AAAA;AAKA;AAEA;AAIA;AAAA;AAKA;AAEA;AAMA;AAAA;AAIA;AACA;AAAA;AAAA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAWA;AACA;AACA;AACA;AAIA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAIA;AAAA;AAAA;AACA;AAUA;AAEA;AAAA;AAAA;AACA;AAUA;AAEA;AACA;AAMA;AAEA;AAAA;AAAA;AACA;AASA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AAKA;AAEA;AAKA;AAEA;;;;;;;;;;;;;ACzlBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAiBA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAiBA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}