{"version":3,"file":"CsoLoginRoute.js","sources":["../../../src/components/core/business/CsoLogin/CsoLoginWithLink.vue","../../../src/components/core/business/CsoLogin/CsoLoginWithLink.vue","../../../src/components/core/business/CsoLogin/CsoLoginWithPassword.vue","../../../src/components/core/business/CsoLogin/CsoLoginWithPassword.vue","../../../src/components/core/business/CsoLogin/CsoLogin.vue","../../../src/components/core/business/CsoLogin/CsoLogin.vue","../../../src/components/routes/login/CsoLoginRoute.vue","../../../src/components/routes/login/CsoLoginRoute.vue"],"sourcesContent":["<template>\r\n  <div class=\"cso-login-with-link\">\r\n    <cso-component-state :componentState=\"state\">\r\n      <template v-slot:login>\r\n        <div v-if=\"termsAndConditionsOutdated\">\r\n          <cso-login-terms-and-conditions\r\n            :error-text=\"tacError\"\r\n            @termsAndConditionsAccepted=\"termsAndConditionsAccepted\"\r\n            @termsAndConditionsDenied=\"termsAndConditionsDenied\" />\r\n        </div>\r\n        <form @submit.prevent=\"sendMagicLink\" class=\"hidden-print\">\r\n          <fieldset>\r\n            <legend>{{ isDoubleLogin ? $t('login.title.withLink') : $t('login.title.justLink') }}</legend>\r\n            <h3>\r\n              {{ isDoubleLogin ? $t('login.title.withLink') : $t('login.title.justLink') }}\r\n            </h3>\r\n\r\n            <div class=\"input--wrapper\">\r\n              <h4 class=\"normal-text\">\r\n                {{ $t('login.texts.withLinkMoreInfo') }}\r\n                <cso-info-icon :content=\"$t('login.texts.infoIconText')\" />\r\n              </h4>\r\n              <cso-input name=\"username\"\r\n                           class=\"custom-margin\"\r\n                           :label=\"$t('login.labels.username')\"\r\n                           validationName=\"login.validations.username\"\r\n                           :validation=\"v$.username\"\r\n                           :isErrorMessage=\"!!error\"\r\n                           v-model=\"username\">\r\n              </cso-input>\r\n              <div v-if=\"error\"\r\n                 class=\"error-text\">\r\n              <p>{{ error }}</p>\r\n              </div>\r\n            </div>\r\n            <cso-button modifier=\"secondary\"\r\n                        type=\"submit\"\r\n                        :label=\"$t('login.buttons.send')\"\r\n                        class=\"custom-width\">\r\n            </cso-button>\r\n          </fieldset>\r\n        </form>\r\n      </template>\r\n      <template v-slot:finished>\r\n        <div class=\"cso-login-sent-link\">\r\n          <div class=\"text-wrapper\">\r\n            <h3>\r\n              <i class=\"icon\"></i>\r\n              {{ $t('login.title.sentLink') }}\r\n            </h3>\r\n            <div class=\"text-container\">\r\n              <p>{{ $t('login.texts.sentLinkHeader') }}</p>\r\n              <p>{{ $t('login.texts.sentLink') }}</p>\r\n              <p class=\"username\">{{ usernameHashed }}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"buttons\">\r\n            <cso-button modifier=\"custom-dark\"\r\n                        type=\"submit\"\r\n                        @click=\"back\"\r\n                        class=\"back-link custom-width\"\r\n                        :label=\"$t('login.buttons.back')\">\r\n            </cso-button>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </cso-component-state>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { useVuelidate } from '@vuelidate/core'\r\nimport { required } from '@vuelidate/validators'\r\n\r\nimport * as DI from '@/api/digital-interface/client'\r\nimport di from '@/api/digital-interface'\r\nimport LoggingService from '@/common/LoggingService'\r\nimport Utils from '@/common/Utils'\r\nimport ComponentsStates from '@/common/ComponentsStates'\r\nimport Authentication from '@/common/Authentication'\r\n\r\nimport CsoComponentState from '@/components/core/composition/CsoComponentState.vue'\r\nimport CsoInfoIcon from '@/components/core/composition/CsoInfoIcon.vue'\r\nimport CsoInput from '@/components/core/form/CsoInput.vue'\r\nimport CsoLoginTermsAndConditions from './CsoLoginTermsAndConditions.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginWithLink',\r\n\r\n  components: {\r\n    CsoComponentState,\r\n    CsoInput,\r\n    CsoInfoIcon,\r\n    CsoLoginTermsAndConditions\r\n  },\r\n\r\n  props: {\r\n    isDoubleLogin: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      state: ComponentsStates.login,\r\n      username: '',\r\n      error: '',\r\n      currentLocation: location.href,\r\n      termsAndConditionsOutdated: false,\r\n      termsAndConditionsConfirmed: false,\r\n      tacError: ''\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    code (): string {\r\n      return this.$route.query.id as string\r\n    },\r\n\r\n    usernameHashed (): string {\r\n      return Utils.hashEmail(this.username) || ''\r\n    },\r\n\r\n    demo (): boolean {\r\n      return 'demo' in this.$route.query\r\n    }\r\n  },\r\n\r\n  setup () {\r\n    return {\r\n      v$: useVuelidate()\r\n    }\r\n  },\r\n\r\n  async created () {\r\n    if (this.code) {\r\n      await this.loginUser()\r\n    } else if (this.demo) {\r\n      await this.loginDemo()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async loginUser () {\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      try {\r\n        this.termsAndConditionsOutdated = false\r\n        await Authentication.login({\r\n          code: this.code,\r\n          termsAndConditionsConfirmed: this.termsAndConditionsConfirmed\r\n        })\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    async loginDemo () {\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      try {\r\n        await Authentication.login({ demo: true })\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    async sendMagicLink () {\r\n      this.username = Utils.killSpace(this.username)\r\n      if (!this.validate()) {\r\n        return\r\n      }\r\n      this.pushToDataLayer()\r\n      LoggingService.log(LoggingService.eventTypes.userEvent, 'Sent request for magic link')\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      const currentToken = di.token\r\n      try {\r\n        const prozesse = await di.v13.getProzesse([], ['MAGICLINK'])\r\n        if (prozesse.isEnabled('MAGICLINK')) {\r\n          await di.v13.authenticateAnonymous()\r\n          await di.v13.sendMagicLink(this.username)\r\n        } else {\r\n          this.error = prozesse.getError('MAGICLINK')\r\n        }\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      di.token = currentToken\r\n      Utils.windowLoading(false)\r\n      if (this.error) {\r\n        return\r\n      }\r\n      this.state = ComponentsStates.finished\r\n      this.$emit('send')\r\n    },\r\n\r\n    validate () {\r\n      this.v$.$touch()\r\n      return !this.v$.$invalid\r\n    },\r\n\r\n    back () {\r\n      this.clear()\r\n      this.state = ComponentsStates.login\r\n      this.$emit('back')\r\n    },\r\n\r\n    clear () {\r\n      this.username = ''\r\n      this.v$.$reset()\r\n    },\r\n\r\n    pushToDataLayer () {\r\n      const data = {\r\n        event: 'magic_link'\r\n      }\r\n      Utils.pushToDataLayer(data)\r\n    },\r\n\r\n    handleError (error: Error) {\r\n      LoggingService.error(LoggingService.eventTypes.authentication, 'Magic login error', error)\r\n      if (error instanceof DI.ErrorResponse) {\r\n        if (error.code === 'ERROR_NUTZUNGSBEDINGUNGEN_BESTAETIGUNG_ERFORDERLICH') {\r\n          this.termsAndConditionsOutdated = true\r\n          this.tacError = error.text\r\n        } else {\r\n          this.error = error.text\r\n        }\r\n      } else {\r\n        throw error\r\n      }\r\n    },\r\n\r\n    termsAndConditionsAccepted () {\r\n      this.termsAndConditionsConfirmed = true\r\n      this.loginUser()\r\n    },\r\n\r\n    termsAndConditionsDenied () {\r\n      this.termsAndConditionsOutdated = false\r\n    }\r\n  },\r\n\r\n  validations () {\r\n    return {\r\n      username: {\r\n        required\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cso-login-with-link {\r\n\r\n  .custom-margin {\r\n    margin: 28px 0 12px 0;\r\n\r\n    @include md-1 {\r\n      margin-top: 10px;\r\n    }\r\n\r\n  }\r\n\r\n  fieldset {\r\n    padding: 0 30px;\r\n\r\n    @include md {\r\n      padding: 24px 6px;\r\n    }\r\n  }\r\n\r\n  button.custom-width {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include sm {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  h3 {\r\n    text-align: left;\r\n    font-size: 24px;\r\n    font-family: $font-family-bold;\r\n    font-weight: normal;\r\n    margin: 0 0 16px 0;\r\n\r\n    @include sm {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .show-mobile {\r\n      display: none;\r\n\r\n      @include md {\r\n        display: inline;\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include xs {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .error-text {\r\n    color: $red;\r\n    line-height: 60px;\r\n    min-height: 60px;\r\n\r\n    p {\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n  }\r\n\r\n  .input--wrapper {\r\n    height: 210px;\r\n\r\n    @include md {\r\n      height: auto;\r\n    }\r\n  }\r\n\r\n  .cso-login-sent-link {\r\n    padding: 0 24px;\r\n\r\n    @include md-1 {\r\n      padding: 24px 6px 0;\r\n    }\r\n\r\n    .text-wrapper {\r\n      min-height: 248px;\r\n\r\n      @include md-1 {\r\n        min-height: 0;\r\n      }\r\n    }\r\n\r\n    h3 {\r\n      position: relative;\r\n      margin: 0 0 16px;\r\n      padding-left: 56px;\r\n\r\n      i.icon {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translate(0,-50%);\r\n        height: 42px;\r\n        width: 42px;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-color: transparent;\r\n        background-image: url(/static/icons/success.svg);\r\n      }\r\n    }\r\n\r\n    .text-container {\r\n      padding-bottom: 16px;\r\n\r\n      @include sm {\r\n        padding: 0;\r\n      }\r\n\r\n      p {\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        padding-bottom: 16px;\r\n        margin: 0;\r\n\r\n        @include sm {\r\n          padding-bottom: 12px;\r\n        }\r\n      }\r\n\r\n      .username {\r\n        color: $blue;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n\r\n    .back-link {\r\n      @include hidden-print;\r\n      margin-bottom: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"cso-login-with-link\">\r\n    <cso-component-state :componentState=\"state\">\r\n      <template v-slot:login>\r\n        <div v-if=\"termsAndConditionsOutdated\">\r\n          <cso-login-terms-and-conditions\r\n            :error-text=\"tacError\"\r\n            @termsAndConditionsAccepted=\"termsAndConditionsAccepted\"\r\n            @termsAndConditionsDenied=\"termsAndConditionsDenied\" />\r\n        </div>\r\n        <form @submit.prevent=\"sendMagicLink\" class=\"hidden-print\">\r\n          <fieldset>\r\n            <legend>{{ isDoubleLogin ? $t('login.title.withLink') : $t('login.title.justLink') }}</legend>\r\n            <h3>\r\n              {{ isDoubleLogin ? $t('login.title.withLink') : $t('login.title.justLink') }}\r\n            </h3>\r\n\r\n            <div class=\"input--wrapper\">\r\n              <h4 class=\"normal-text\">\r\n                {{ $t('login.texts.withLinkMoreInfo') }}\r\n                <cso-info-icon :content=\"$t('login.texts.infoIconText')\" />\r\n              </h4>\r\n              <cso-input name=\"username\"\r\n                           class=\"custom-margin\"\r\n                           :label=\"$t('login.labels.username')\"\r\n                           validationName=\"login.validations.username\"\r\n                           :validation=\"v$.username\"\r\n                           :isErrorMessage=\"!!error\"\r\n                           v-model=\"username\">\r\n              </cso-input>\r\n              <div v-if=\"error\"\r\n                 class=\"error-text\">\r\n              <p>{{ error }}</p>\r\n              </div>\r\n            </div>\r\n            <cso-button modifier=\"secondary\"\r\n                        type=\"submit\"\r\n                        :label=\"$t('login.buttons.send')\"\r\n                        class=\"custom-width\">\r\n            </cso-button>\r\n          </fieldset>\r\n        </form>\r\n      </template>\r\n      <template v-slot:finished>\r\n        <div class=\"cso-login-sent-link\">\r\n          <div class=\"text-wrapper\">\r\n            <h3>\r\n              <i class=\"icon\"></i>\r\n              {{ $t('login.title.sentLink') }}\r\n            </h3>\r\n            <div class=\"text-container\">\r\n              <p>{{ $t('login.texts.sentLinkHeader') }}</p>\r\n              <p>{{ $t('login.texts.sentLink') }}</p>\r\n              <p class=\"username\">{{ usernameHashed }}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"buttons\">\r\n            <cso-button modifier=\"custom-dark\"\r\n                        type=\"submit\"\r\n                        @click=\"back\"\r\n                        class=\"back-link custom-width\"\r\n                        :label=\"$t('login.buttons.back')\">\r\n            </cso-button>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </cso-component-state>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { useVuelidate } from '@vuelidate/core'\r\nimport { required } from '@vuelidate/validators'\r\n\r\nimport * as DI from '@/api/digital-interface/client'\r\nimport di from '@/api/digital-interface'\r\nimport LoggingService from '@/common/LoggingService'\r\nimport Utils from '@/common/Utils'\r\nimport ComponentsStates from '@/common/ComponentsStates'\r\nimport Authentication from '@/common/Authentication'\r\n\r\nimport CsoComponentState from '@/components/core/composition/CsoComponentState.vue'\r\nimport CsoInfoIcon from '@/components/core/composition/CsoInfoIcon.vue'\r\nimport CsoInput from '@/components/core/form/CsoInput.vue'\r\nimport CsoLoginTermsAndConditions from './CsoLoginTermsAndConditions.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginWithLink',\r\n\r\n  components: {\r\n    CsoComponentState,\r\n    CsoInput,\r\n    CsoInfoIcon,\r\n    CsoLoginTermsAndConditions\r\n  },\r\n\r\n  props: {\r\n    isDoubleLogin: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      state: ComponentsStates.login,\r\n      username: '',\r\n      error: '',\r\n      currentLocation: location.href,\r\n      termsAndConditionsOutdated: false,\r\n      termsAndConditionsConfirmed: false,\r\n      tacError: ''\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    code (): string {\r\n      return this.$route.query.id as string\r\n    },\r\n\r\n    usernameHashed (): string {\r\n      return Utils.hashEmail(this.username) || ''\r\n    },\r\n\r\n    demo (): boolean {\r\n      return 'demo' in this.$route.query\r\n    }\r\n  },\r\n\r\n  setup () {\r\n    return {\r\n      v$: useVuelidate()\r\n    }\r\n  },\r\n\r\n  async created () {\r\n    if (this.code) {\r\n      await this.loginUser()\r\n    } else if (this.demo) {\r\n      await this.loginDemo()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async loginUser () {\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      try {\r\n        this.termsAndConditionsOutdated = false\r\n        await Authentication.login({\r\n          code: this.code,\r\n          termsAndConditionsConfirmed: this.termsAndConditionsConfirmed\r\n        })\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    async loginDemo () {\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      try {\r\n        await Authentication.login({ demo: true })\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    async sendMagicLink () {\r\n      this.username = Utils.killSpace(this.username)\r\n      if (!this.validate()) {\r\n        return\r\n      }\r\n      this.pushToDataLayer()\r\n      LoggingService.log(LoggingService.eventTypes.userEvent, 'Sent request for magic link')\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      const currentToken = di.token\r\n      try {\r\n        const prozesse = await di.v13.getProzesse([], ['MAGICLINK'])\r\n        if (prozesse.isEnabled('MAGICLINK')) {\r\n          await di.v13.authenticateAnonymous()\r\n          await di.v13.sendMagicLink(this.username)\r\n        } else {\r\n          this.error = prozesse.getError('MAGICLINK')\r\n        }\r\n      } catch (error) {\r\n        this.handleError(error as Error)\r\n      }\r\n      di.token = currentToken\r\n      Utils.windowLoading(false)\r\n      if (this.error) {\r\n        return\r\n      }\r\n      this.state = ComponentsStates.finished\r\n      this.$emit('send')\r\n    },\r\n\r\n    validate () {\r\n      this.v$.$touch()\r\n      return !this.v$.$invalid\r\n    },\r\n\r\n    back () {\r\n      this.clear()\r\n      this.state = ComponentsStates.login\r\n      this.$emit('back')\r\n    },\r\n\r\n    clear () {\r\n      this.username = ''\r\n      this.v$.$reset()\r\n    },\r\n\r\n    pushToDataLayer () {\r\n      const data = {\r\n        event: 'magic_link'\r\n      }\r\n      Utils.pushToDataLayer(data)\r\n    },\r\n\r\n    handleError (error: Error) {\r\n      LoggingService.error(LoggingService.eventTypes.authentication, 'Magic login error', error)\r\n      if (error instanceof DI.ErrorResponse) {\r\n        if (error.code === 'ERROR_NUTZUNGSBEDINGUNGEN_BESTAETIGUNG_ERFORDERLICH') {\r\n          this.termsAndConditionsOutdated = true\r\n          this.tacError = error.text\r\n        } else {\r\n          this.error = error.text\r\n        }\r\n      } else {\r\n        throw error\r\n      }\r\n    },\r\n\r\n    termsAndConditionsAccepted () {\r\n      this.termsAndConditionsConfirmed = true\r\n      this.loginUser()\r\n    },\r\n\r\n    termsAndConditionsDenied () {\r\n      this.termsAndConditionsOutdated = false\r\n    }\r\n  },\r\n\r\n  validations () {\r\n    return {\r\n      username: {\r\n        required\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cso-login-with-link {\r\n\r\n  .custom-margin {\r\n    margin: 28px 0 12px 0;\r\n\r\n    @include md-1 {\r\n      margin-top: 10px;\r\n    }\r\n\r\n  }\r\n\r\n  fieldset {\r\n    padding: 0 30px;\r\n\r\n    @include md {\r\n      padding: 24px 6px;\r\n    }\r\n  }\r\n\r\n  button.custom-width {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include sm {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  h3 {\r\n    text-align: left;\r\n    font-size: 24px;\r\n    font-family: $font-family-bold;\r\n    font-weight: normal;\r\n    margin: 0 0 16px 0;\r\n\r\n    @include sm {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .show-mobile {\r\n      display: none;\r\n\r\n      @include md {\r\n        display: inline;\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include xs {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .error-text {\r\n    color: $red;\r\n    line-height: 60px;\r\n    min-height: 60px;\r\n\r\n    p {\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n  }\r\n\r\n  .input--wrapper {\r\n    height: 210px;\r\n\r\n    @include md {\r\n      height: auto;\r\n    }\r\n  }\r\n\r\n  .cso-login-sent-link {\r\n    padding: 0 24px;\r\n\r\n    @include md-1 {\r\n      padding: 24px 6px 0;\r\n    }\r\n\r\n    .text-wrapper {\r\n      min-height: 248px;\r\n\r\n      @include md-1 {\r\n        min-height: 0;\r\n      }\r\n    }\r\n\r\n    h3 {\r\n      position: relative;\r\n      margin: 0 0 16px;\r\n      padding-left: 56px;\r\n\r\n      i.icon {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translate(0,-50%);\r\n        height: 42px;\r\n        width: 42px;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-color: transparent;\r\n        background-image: url(/static/icons/success.svg);\r\n      }\r\n    }\r\n\r\n    .text-container {\r\n      padding-bottom: 16px;\r\n\r\n      @include sm {\r\n        padding: 0;\r\n      }\r\n\r\n      p {\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        padding-bottom: 16px;\r\n        margin: 0;\r\n\r\n        @include sm {\r\n          padding-bottom: 12px;\r\n        }\r\n      }\r\n\r\n      .username {\r\n        color: $blue;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n\r\n    .back-link {\r\n      @include hidden-print;\r\n      margin-bottom: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <form class=\"cso-login-with-password\"\r\n        @submit.prevent=\"login\">\r\n    <fieldset>\r\n      <legend>{{ $t(header) }}</legend>\r\n      <div v-if=\"termsAndConditionsOutdated\">\r\n        <cso-login-terms-and-conditions\r\n          :error-text=\"tacError\"\r\n          @termsAndConditionsAccepted=\"termsAndConditionsAccepted\"\r\n          @termsAndConditionsDenied=\"termsAndConditionsDenied\" />\r\n      </div>\r\n      <div class=\"hidden-print\">\r\n        <h3>{{ $t(header) }}</h3>\r\n        <h4 class=\"normal-text\">\r\n          {{ $t('login.title.instructionToLoginWithPassword') }}\r\n        </h4>\r\n        <cso-input name=\"loginModel.username\"\r\n                   :label=\"$t('login.labels.username')\"\r\n                   class=\"custom-margin\"\r\n                   ref=\"inputUsername\"\r\n                   maxlength=\"200\"\r\n                   validationName=\"login.validations.username\"\r\n                   :validation=\"v$.username\"\r\n                   v-model=\"username\">\r\n        </cso-input>\r\n        <cso-input type=\"password\"\r\n                   name=\"loginModel.password\"\r\n                   :label=\"$t('login.labels.password')\"\r\n                   :hint=\"$t('login.tooltips.password')\"\r\n                   maxlength=\"35\"\r\n                   validationName=\"login.validations.password\"\r\n                   :validation=\"v$.password\"\r\n                   v-model=\"password\">\r\n        </cso-input>\r\n        <div class=\"buttons\">\r\n          <cso-button modifier=\"secondary\"\r\n                      type=\"submit\"\r\n                      class=\"custom-width\"\r\n                      :label=\"$t('login.buttons.login')\">\r\n          </cso-button>\r\n          <cso-link :link=\"StaticUrls.forgottenPassword\"\r\n                    class=\"link-password-forgotten\"\r\n                    :label=\"$t('login.buttons.forgottenPassword')\" />\r\n        </div>\r\n        <div class=\"footer\">\r\n          <h4 class=\"paragraph\">{{ $t('login.registration') }}</h4>\r\n          <cso-link :link=\"StaticUrls.register\"\r\n                    :label=\"$t('login.buttons.register')\" />\r\n        </div>\r\n      </div>\r\n    </fieldset>\r\n  </form>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { useVuelidate } from '@vuelidate/core'\r\nimport { required } from '@vuelidate/validators'\r\n\r\nimport * as DI from '@/api/digital-interface/client'\r\nimport Utils from '@/common/Utils'\r\nimport StaticUrls from '@/common/StaticUrls'\r\nimport LoggingService from '@/common/LoggingService'\r\nimport Authentication from '@/common/Authentication'\r\n\r\nimport CsoInput from '@/components/core/form/CsoInput.vue'\r\nimport CsoLoginTermsAndConditions from './CsoLoginTermsAndConditions.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginWithPassword',\r\n  components: {\r\n    CsoInput,\r\n    CsoLoginTermsAndConditions\r\n  },\r\n  props: {\r\n    header: {\r\n      type: String,\r\n      required: false,\r\n      default: 'login.title.justPassword'\r\n    },\r\n    showRegisterButton: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      url: 'https://www.vattenfall.de/agb',\r\n      error: '',\r\n      StaticUrls,\r\n      checkOnlyUserId: false,\r\n      termsAndConditionsOutdated: false,\r\n      termsAndConditionsConfirmed: false,\r\n      tacError: '',\r\n      username: '',\r\n      password: ''\r\n    }\r\n  },\r\n\r\n  validations () {\r\n    return {\r\n      username: {\r\n        required\r\n      },\r\n      password: {\r\n        required\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async login () {\r\n      this.v$.$touch()\r\n      if (this.v$.$invalid) {\r\n        return\r\n      }\r\n      LoggingService.log(LoggingService.eventTypes.authentication, 'Login attempt with password')\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      this.username = Utils.killSpace(this.username)\r\n      try {\r\n        this.termsAndConditionsOutdated = false\r\n        await Authentication.login({\r\n          username: this.username,\r\n          password: this.password,\r\n          twoStepAuth: true,\r\n          checkOnlyUserId: this.checkOnlyUserId,\r\n          termsAndConditionsConfirmed: this.termsAndConditionsConfirmed\r\n        })\r\n      } catch (error) {\r\n        LoggingService.error(LoggingService.eventTypes.authentication, 'Login failed', error)\r\n        if (error instanceof DI.ErrorHttp && error.status === 403) {\r\n          this.error = this.$t('general.ipBlocked') as string\r\n        } else if (error instanceof DI.ErrorResponse) {\r\n          if (error.code === 'ERROR_USER_USERNAME_NEEDED') {\r\n            this.checkOnlyUserId = true\r\n            this.error = error.text\r\n          } else if (error.code === 'ERROR_NUTZUNGSBEDINGUNGEN_BESTAETIGUNG_ERFORDERLICH') {\r\n            this.termsAndConditionsOutdated = true\r\n            this.tacError = error.text\r\n          } else {\r\n            this.checkOnlyUserId = false\r\n            this.termsAndConditionsConfirmed = false\r\n            this.termsAndConditionsOutdated = false\r\n            this.username = ''\r\n            this.password = ''\r\n            this.error = error.text\r\n            this.v$.$reset()\r\n          }\r\n        } else {\r\n          throw error\r\n        }\r\n      }\r\n      this.$emit('server-error', this.error)\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    termsAndConditionsAccepted () {\r\n      this.termsAndConditionsConfirmed = true\r\n      this.login()\r\n    },\r\n\r\n    termsAndConditionsDenied () {\r\n      this.termsAndConditionsOutdated = false\r\n    },\r\n\r\n    goToFaq () {\r\n      let element = document.querySelector('.cso-faq')\r\n      if (element && element.scrollIntoView) {\r\n        setTimeout(function () {\r\n          element?.scrollIntoView({\r\n            behavior: 'smooth'\r\n          })\r\n        }, 0)\r\n      }\r\n    }\r\n\r\n  },\r\n\r\n  setup () {\r\n    return {\r\n      v$: useVuelidate()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.cso-login-with-password {\r\n\r\n  .custom-margin {\r\n    margin: 28px 0 24px 0;\r\n\r\n    @include md-1 {\r\n      margin-top: 10px;\r\n    }\r\n\r\n  }\r\n\r\n  h3 {\r\n    text-align: left;\r\n    font-size: 24px;\r\n    font-family: $font-family-bold;\r\n    font-weight: normal;\r\n    margin: 0 0 16px 0;\r\n\r\n    @include md {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include xs {\r\n        font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .buttons {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 28px 0;\r\n    font-size: 16px;\r\n\r\n    @include sm {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      margin: 0;\r\n    }\r\n\r\n    button.custom-width {\r\n      font-size: 16px;\r\n      font-weight: normal;\r\n\r\n      @include sm {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    .link-password-forgotten {\r\n\r\n      @include sm {\r\n        margin: 16px 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    display: flex;\r\n    justify-content: left;\r\n    margin-top: 12px;\r\n    font-size: 16px;\r\n\r\n    .paragraph {\r\n      margin-right: 5px;\r\n    }\r\n\r\n    @include sm {\r\n      flex-direction: column;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  .terms-and-conditions {\r\n    padding: 10px 0 15px 0;\r\n  }\r\n\r\n  fieldset {\r\n    border-right: 1px solid $gray-light;\r\n    padding: 0 44px 0 34px;\r\n\r\n    @include md-1 {\r\n      border-right: 0;\r\n      border-bottom: 1px solid $gray-light;\r\n      padding: 24px 6px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <form class=\"cso-login-with-password\"\r\n        @submit.prevent=\"login\">\r\n    <fieldset>\r\n      <legend>{{ $t(header) }}</legend>\r\n      <div v-if=\"termsAndConditionsOutdated\">\r\n        <cso-login-terms-and-conditions\r\n          :error-text=\"tacError\"\r\n          @termsAndConditionsAccepted=\"termsAndConditionsAccepted\"\r\n          @termsAndConditionsDenied=\"termsAndConditionsDenied\" />\r\n      </div>\r\n      <div class=\"hidden-print\">\r\n        <h3>{{ $t(header) }}</h3>\r\n        <h4 class=\"normal-text\">\r\n          {{ $t('login.title.instructionToLoginWithPassword') }}\r\n        </h4>\r\n        <cso-input name=\"loginModel.username\"\r\n                   :label=\"$t('login.labels.username')\"\r\n                   class=\"custom-margin\"\r\n                   ref=\"inputUsername\"\r\n                   maxlength=\"200\"\r\n                   validationName=\"login.validations.username\"\r\n                   :validation=\"v$.username\"\r\n                   v-model=\"username\">\r\n        </cso-input>\r\n        <cso-input type=\"password\"\r\n                   name=\"loginModel.password\"\r\n                   :label=\"$t('login.labels.password')\"\r\n                   :hint=\"$t('login.tooltips.password')\"\r\n                   maxlength=\"35\"\r\n                   validationName=\"login.validations.password\"\r\n                   :validation=\"v$.password\"\r\n                   v-model=\"password\">\r\n        </cso-input>\r\n        <div class=\"buttons\">\r\n          <cso-button modifier=\"secondary\"\r\n                      type=\"submit\"\r\n                      class=\"custom-width\"\r\n                      :label=\"$t('login.buttons.login')\">\r\n          </cso-button>\r\n          <cso-link :link=\"StaticUrls.forgottenPassword\"\r\n                    class=\"link-password-forgotten\"\r\n                    :label=\"$t('login.buttons.forgottenPassword')\" />\r\n        </div>\r\n        <div class=\"footer\">\r\n          <h4 class=\"paragraph\">{{ $t('login.registration') }}</h4>\r\n          <cso-link :link=\"StaticUrls.register\"\r\n                    :label=\"$t('login.buttons.register')\" />\r\n        </div>\r\n      </div>\r\n    </fieldset>\r\n  </form>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { useVuelidate } from '@vuelidate/core'\r\nimport { required } from '@vuelidate/validators'\r\n\r\nimport * as DI from '@/api/digital-interface/client'\r\nimport Utils from '@/common/Utils'\r\nimport StaticUrls from '@/common/StaticUrls'\r\nimport LoggingService from '@/common/LoggingService'\r\nimport Authentication from '@/common/Authentication'\r\n\r\nimport CsoInput from '@/components/core/form/CsoInput.vue'\r\nimport CsoLoginTermsAndConditions from './CsoLoginTermsAndConditions.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginWithPassword',\r\n  components: {\r\n    CsoInput,\r\n    CsoLoginTermsAndConditions\r\n  },\r\n  props: {\r\n    header: {\r\n      type: String,\r\n      required: false,\r\n      default: 'login.title.justPassword'\r\n    },\r\n    showRegisterButton: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      url: 'https://www.vattenfall.de/agb',\r\n      error: '',\r\n      StaticUrls,\r\n      checkOnlyUserId: false,\r\n      termsAndConditionsOutdated: false,\r\n      termsAndConditionsConfirmed: false,\r\n      tacError: '',\r\n      username: '',\r\n      password: ''\r\n    }\r\n  },\r\n\r\n  validations () {\r\n    return {\r\n      username: {\r\n        required\r\n      },\r\n      password: {\r\n        required\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    async login () {\r\n      this.v$.$touch()\r\n      if (this.v$.$invalid) {\r\n        return\r\n      }\r\n      LoggingService.log(LoggingService.eventTypes.authentication, 'Login attempt with password')\r\n      Utils.windowLoading(true)\r\n      this.error = ''\r\n      this.username = Utils.killSpace(this.username)\r\n      try {\r\n        this.termsAndConditionsOutdated = false\r\n        await Authentication.login({\r\n          username: this.username,\r\n          password: this.password,\r\n          twoStepAuth: true,\r\n          checkOnlyUserId: this.checkOnlyUserId,\r\n          termsAndConditionsConfirmed: this.termsAndConditionsConfirmed\r\n        })\r\n      } catch (error) {\r\n        LoggingService.error(LoggingService.eventTypes.authentication, 'Login failed', error)\r\n        if (error instanceof DI.ErrorHttp && error.status === 403) {\r\n          this.error = this.$t('general.ipBlocked') as string\r\n        } else if (error instanceof DI.ErrorResponse) {\r\n          if (error.code === 'ERROR_USER_USERNAME_NEEDED') {\r\n            this.checkOnlyUserId = true\r\n            this.error = error.text\r\n          } else if (error.code === 'ERROR_NUTZUNGSBEDINGUNGEN_BESTAETIGUNG_ERFORDERLICH') {\r\n            this.termsAndConditionsOutdated = true\r\n            this.tacError = error.text\r\n          } else {\r\n            this.checkOnlyUserId = false\r\n            this.termsAndConditionsConfirmed = false\r\n            this.termsAndConditionsOutdated = false\r\n            this.username = ''\r\n            this.password = ''\r\n            this.error = error.text\r\n            this.v$.$reset()\r\n          }\r\n        } else {\r\n          throw error\r\n        }\r\n      }\r\n      this.$emit('server-error', this.error)\r\n      Utils.windowLoading(false)\r\n    },\r\n\r\n    termsAndConditionsAccepted () {\r\n      this.termsAndConditionsConfirmed = true\r\n      this.login()\r\n    },\r\n\r\n    termsAndConditionsDenied () {\r\n      this.termsAndConditionsOutdated = false\r\n    },\r\n\r\n    goToFaq () {\r\n      let element = document.querySelector('.cso-faq')\r\n      if (element && element.scrollIntoView) {\r\n        setTimeout(function () {\r\n          element?.scrollIntoView({\r\n            behavior: 'smooth'\r\n          })\r\n        }, 0)\r\n      }\r\n    }\r\n\r\n  },\r\n\r\n  setup () {\r\n    return {\r\n      v$: useVuelidate()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.cso-login-with-password {\r\n\r\n  .custom-margin {\r\n    margin: 28px 0 24px 0;\r\n\r\n    @include md-1 {\r\n      margin-top: 10px;\r\n    }\r\n\r\n  }\r\n\r\n  h3 {\r\n    text-align: left;\r\n    font-size: 24px;\r\n    font-family: $font-family-bold;\r\n    font-weight: normal;\r\n    margin: 0 0 16px 0;\r\n\r\n    @include md {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    @include xs {\r\n        font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .buttons {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 28px 0;\r\n    font-size: 16px;\r\n\r\n    @include sm {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      margin: 0;\r\n    }\r\n\r\n    button.custom-width {\r\n      font-size: 16px;\r\n      font-weight: normal;\r\n\r\n      @include sm {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    .link-password-forgotten {\r\n\r\n      @include sm {\r\n        margin: 16px 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    display: flex;\r\n    justify-content: left;\r\n    margin-top: 12px;\r\n    font-size: 16px;\r\n\r\n    .paragraph {\r\n      margin-right: 5px;\r\n    }\r\n\r\n    @include sm {\r\n      flex-direction: column;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  .terms-and-conditions {\r\n    padding: 10px 0 15px 0;\r\n  }\r\n\r\n  fieldset {\r\n    border-right: 1px solid $gray-light;\r\n    padding: 0 44px 0 34px;\r\n\r\n    @include md-1 {\r\n      border-right: 0;\r\n      border-bottom: 1px solid $gray-light;\r\n      padding: 24px 6px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div>\r\n    <h2 class=\"main-title hidden-print\">{{ $t('login.title.main') }}</h2>\r\n    <div class=\"cso-double-login-component\">\r\n      <div v-if=\"sessionLost\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p>{{ $t('login.sessionLostMessage') }}</p>\r\n      </div>\r\n      <div v-if=\"accountLogout\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p class=\"title-message\">{{ $t('login.accountLogoutTitle') }}</p>\r\n        <p>{{ $t('login.accountLogoutMessage') }}</p>\r\n      </div>\r\n      <div v-if=\"serverErrors\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p>{{ serverErrors }}</p>\r\n      </div>\r\n      <cso-grid-column l=\"6\"\r\n                       m=\"6\"\r\n                       s=\"12\"\r\n                       xs=\"12\"\r\n                       class=\"grid-column-wrapper\">\r\n        <cso-login-with-password :show-register-button=\"true\"\r\n                                @serverError=\"getServerError\"\r\n                                 header=\"login.title.withPassword\" />\r\n      </cso-grid-column>\r\n      <cso-grid-column l=\"6\"\r\n                       m=\"6\"\r\n                       s=\"12\"\r\n                       xs=\"12\"\r\n                       class=\"grid-column-wrapper\">\r\n        <cso-login-with-link\r\n                              :show-register-button=\"false\"\r\n                             @send=\"onSend\"\r\n                             :is-double-login=\"true\" />\r\n      </cso-grid-column>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport StaticUrls from '@/common/StaticUrls'\r\n\r\nimport CsoLoginWithLink from './CsoLoginWithLink.vue'\r\nimport CsoLoginWithPassword from './CsoLoginWithPassword.vue'\r\n\r\nexport default {\r\n  name: 'CsoLogin',\r\n  components: {\r\n    CsoLoginWithLink,\r\n    CsoLoginWithPassword\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      StaticUrls,\r\n      currentLocation: location.href,\r\n      sessionLost: false,\r\n      accountLogout: false,\r\n      deepLink: '/vertragskonto',\r\n      serverErrors: ''\r\n    }\r\n  },\r\n  methods: {\r\n    getUrlId () {\r\n      if (this.currentLocation.indexOf('?sessionLost') !== -1) {\r\n        this.sessionLost = true\r\n      } else {\r\n        this.sessionLost = false\r\n      }\r\n      if (this.currentLocation.indexOf('?accountLogout') !== -1) {\r\n        this.accountLogout = true\r\n      } else {\r\n        this.accountLogout = false\r\n      }\r\n    },\r\n    onSend () {\r\n      this.clearAllWarningMessages()\r\n    },\r\n    scrollToFaq () {\r\n      document.querySelector('.cso-faq')?.scrollIntoView()\r\n    },\r\n    getServerError (errors: string) {\r\n      this.clearAllWarningMessages()\r\n      this.serverErrors = errors\r\n    },\r\n    clearAllWarningMessages () {\r\n      this.serverErrors = ''\r\n      this.sessionLost = false\r\n      this.accountLogout = false\r\n    }\r\n  },\r\n  created () {\r\n    this.getUrlId()\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.main-title {\r\n    font-family: $font-family-bold;\r\n    font-size: 48px;\r\n    margin-top: 18px;\r\n    margin-bottom: 32px;\r\n\r\n    @include sm {\r\n      font-size: 28px;\r\n      margin: 20px 6px 24px 6px;\r\n    }\r\n}\r\n\r\n.cso-double-login-component {\r\n  padding: 22px 0;\r\n\r\n  background-color: $white;\r\n  color: $black;\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 400px;\r\n  font-family: $font-family-regular;\r\n\r\n  @include md-1 {\r\n    height: auto;\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .custom-message-wrapper {\r\n    background-color: $light-red;\r\n    margin: 0 3em 1em 3em;\r\n    text-align: left;\r\n    position: relative;\r\n    padding: 8px 12px;\r\n\r\n    p.title-message {\r\n      font-family: $font-family-bold;\r\n    }\r\n\r\n    p {\r\n      margin: 0;\r\n    }\r\n\r\n    @include md {\r\n      margin: 0 1rem;\r\n    }\r\n  }\r\n\r\n  .grid-column-wrapper {\r\n    position: relative;\r\n\r\n    @include sm {\r\n      margin: 0;\r\n    }\r\n\r\n    & > h3 {\r\n      position: absolute;\r\n      top: -2em;\r\n      width: 100%;\r\n      text-align: center;\r\n      left: -50%;\r\n      margin: 0;\r\n      z-index: 20;\r\n\r\n      @include md {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  header {\r\n    padding: 0.5em 1em;\r\n    position: absolute;\r\n    width: 100%;\r\n    margin: 0 10px;\r\n    z-index: 20;\r\n\r\n    h2 {\r\n      text-align: center;\r\n\r\n      @include sm {\r\n        text-align: center;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n\r\n    a {\r\n      position: absolute;\r\n      top: 0.9em;\r\n      right: 0.9em;\r\n    }\r\n    a.faq {\r\n      top: 1.5em;\r\n      right: initial;\r\n      display: none;\r\n\r\n      @include sm {\r\n        display: initial;\r\n      }\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    position: absolute;\r\n    top: -4em;\r\n    left: 10px;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 10;\r\n    background-color: rgba(230, 230, 230, 0.7);\r\n\r\n    @include md {\r\n      right: 10px;\r\n    }\r\n\r\n    @include sm {\r\n      top: -2em;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div>\r\n    <h2 class=\"main-title hidden-print\">{{ $t('login.title.main') }}</h2>\r\n    <div class=\"cso-double-login-component\">\r\n      <div v-if=\"sessionLost\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p>{{ $t('login.sessionLostMessage') }}</p>\r\n      </div>\r\n      <div v-if=\"accountLogout\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p class=\"title-message\">{{ $t('login.accountLogoutTitle') }}</p>\r\n        <p>{{ $t('login.accountLogoutMessage') }}</p>\r\n      </div>\r\n      <div v-if=\"serverErrors\"\r\n                       xs=\"12\"\r\n                       class=\"custom-message-wrapper\">\r\n        <p>{{ serverErrors }}</p>\r\n      </div>\r\n      <cso-grid-column l=\"6\"\r\n                       m=\"6\"\r\n                       s=\"12\"\r\n                       xs=\"12\"\r\n                       class=\"grid-column-wrapper\">\r\n        <cso-login-with-password :show-register-button=\"true\"\r\n                                @serverError=\"getServerError\"\r\n                                 header=\"login.title.withPassword\" />\r\n      </cso-grid-column>\r\n      <cso-grid-column l=\"6\"\r\n                       m=\"6\"\r\n                       s=\"12\"\r\n                       xs=\"12\"\r\n                       class=\"grid-column-wrapper\">\r\n        <cso-login-with-link\r\n                              :show-register-button=\"false\"\r\n                             @send=\"onSend\"\r\n                             :is-double-login=\"true\" />\r\n      </cso-grid-column>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport StaticUrls from '@/common/StaticUrls'\r\n\r\nimport CsoLoginWithLink from './CsoLoginWithLink.vue'\r\nimport CsoLoginWithPassword from './CsoLoginWithPassword.vue'\r\n\r\nexport default {\r\n  name: 'CsoLogin',\r\n  components: {\r\n    CsoLoginWithLink,\r\n    CsoLoginWithPassword\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      StaticUrls,\r\n      currentLocation: location.href,\r\n      sessionLost: false,\r\n      accountLogout: false,\r\n      deepLink: '/vertragskonto',\r\n      serverErrors: ''\r\n    }\r\n  },\r\n  methods: {\r\n    getUrlId () {\r\n      if (this.currentLocation.indexOf('?sessionLost') !== -1) {\r\n        this.sessionLost = true\r\n      } else {\r\n        this.sessionLost = false\r\n      }\r\n      if (this.currentLocation.indexOf('?accountLogout') !== -1) {\r\n        this.accountLogout = true\r\n      } else {\r\n        this.accountLogout = false\r\n      }\r\n    },\r\n    onSend () {\r\n      this.clearAllWarningMessages()\r\n    },\r\n    scrollToFaq () {\r\n      document.querySelector('.cso-faq')?.scrollIntoView()\r\n    },\r\n    getServerError (errors: string) {\r\n      this.clearAllWarningMessages()\r\n      this.serverErrors = errors\r\n    },\r\n    clearAllWarningMessages () {\r\n      this.serverErrors = ''\r\n      this.sessionLost = false\r\n      this.accountLogout = false\r\n    }\r\n  },\r\n  created () {\r\n    this.getUrlId()\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.main-title {\r\n    font-family: $font-family-bold;\r\n    font-size: 48px;\r\n    margin-top: 18px;\r\n    margin-bottom: 32px;\r\n\r\n    @include sm {\r\n      font-size: 28px;\r\n      margin: 20px 6px 24px 6px;\r\n    }\r\n}\r\n\r\n.cso-double-login-component {\r\n  padding: 22px 0;\r\n\r\n  background-color: $white;\r\n  color: $black;\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 400px;\r\n  font-family: $font-family-regular;\r\n\r\n  @include md-1 {\r\n    height: auto;\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .custom-message-wrapper {\r\n    background-color: $light-red;\r\n    margin: 0 3em 1em 3em;\r\n    text-align: left;\r\n    position: relative;\r\n    padding: 8px 12px;\r\n\r\n    p.title-message {\r\n      font-family: $font-family-bold;\r\n    }\r\n\r\n    p {\r\n      margin: 0;\r\n    }\r\n\r\n    @include md {\r\n      margin: 0 1rem;\r\n    }\r\n  }\r\n\r\n  .grid-column-wrapper {\r\n    position: relative;\r\n\r\n    @include sm {\r\n      margin: 0;\r\n    }\r\n\r\n    & > h3 {\r\n      position: absolute;\r\n      top: -2em;\r\n      width: 100%;\r\n      text-align: center;\r\n      left: -50%;\r\n      margin: 0;\r\n      z-index: 20;\r\n\r\n      @include md {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  header {\r\n    padding: 0.5em 1em;\r\n    position: absolute;\r\n    width: 100%;\r\n    margin: 0 10px;\r\n    z-index: 20;\r\n\r\n    h2 {\r\n      text-align: center;\r\n\r\n      @include sm {\r\n        text-align: center;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n\r\n    a {\r\n      position: absolute;\r\n      top: 0.9em;\r\n      right: 0.9em;\r\n    }\r\n    a.faq {\r\n      top: 1.5em;\r\n      right: initial;\r\n      display: none;\r\n\r\n      @include sm {\r\n        display: initial;\r\n      }\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    position: absolute;\r\n    top: -4em;\r\n    left: 10px;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 10;\r\n    background-color: rgba(230, 230, 230, 0.7);\r\n\r\n    @include md {\r\n      right: 10px;\r\n    }\r\n\r\n    @include sm {\r\n      top: -2em;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"cso-login-page cso-page\">\r\n    <div class=\"container\">\r\n      <div class=\"logout-header\"\r\n           v-if=\"isDemoThankYouPage\">\r\n        <p class=\"header\">{{ $t('logoutPage.header') }}</p>\r\n        <p class=\"subheader\">{{ $t('logoutPage.subheader') }}</p>\r\n      </div>\r\n      <section class=\"cso-page-structure\">\r\n        <cso-login />\r\n      </section>\r\n      <section class=\"cso-page-structure row hidden-print\">\r\n        <cso-teaser-container isOpenArea/>\r\n      </section>\r\n      <section class=\"cso-page-structure\">\r\n        <cso-faq name=\"FAQ_LOGIN\" />\r\n      </section>\r\n      <section class=\"cso-page-structure\"\r\n               v-if=\"isDemoThankYouPage\">\r\n        <div class=\"row\">\r\n          <cso-grid-column s=\"6\"\r\n                           xs=\"12\">\r\n            <cso-box>\r\n              <div class=\"left-box\">\r\n                <h3>{{ $t('logoutPage.advertBoxes.leftBox.header') }}</h3>\r\n                <p>{{ $t('logoutPage.advertBoxes.leftBox.message') }}</p>\r\n                <cso-link :label=\"$t('logoutPage.advertBoxes.leftBox.button')\"\r\n                          modifier=\"primary\"\r\n                          :is-button=\"true\"\r\n                          :link=\"StaticUrls.mobileAppVouchers\">\r\n                </cso-link>\r\n              </div>\r\n            </cso-box>\r\n          </cso-grid-column>\r\n          <cso-grid-column s=\"6\"\r\n                           xs=\"12\">\r\n            <cso-box>\r\n              <div class=\"right-box\">\r\n                <h3>{{ $t('logoutPage.advertBoxes.rightBox.header') }}</h3>\r\n                <p>{{ $t('logoutPage.advertBoxes.rightBox.message') }}</p>\r\n                <cso-link :label=\"$t('logoutPage.advertBoxes.rightBox.button')\"\r\n                          modifier=\"primary\"\r\n                          :is-button=\"true\"\r\n                          :link=\"StaticUrls.loginDemo\">\r\n                </cso-link>\r\n              </div>\r\n            </cso-box>\r\n          </cso-grid-column>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport StaticUrls from '@/common/StaticUrls'\r\n\r\nimport CsoTeaserContainer from '@/components/core/business/CsoTeaser/CsoTeaserContainer.vue'\r\nimport CsoFaq from '@/components/core/business/CsoFaq.vue'\r\nimport CsoLogin from '@/components/core/business/CsoLogin/CsoLogin.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginRoute',\r\n  components: {\r\n    CsoLogin,\r\n    CsoTeaserContainer,\r\n    CsoFaq\r\n  },\r\n  data () {\r\n    return {\r\n      StaticUrls\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    isDemoThankYouPage: function () {\r\n      return location.href ? location.href.indexOf('?demoThankYou') !== -1 : false\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.cso-login-page {\r\n  background: $page-wrapper;\r\n  height: 100%;\r\n  max-width: 1300px;\r\n  margin: auto;\r\n\r\n  .logout-header {\r\n    padding: 20px;\r\n    text-align: center;\r\n    color: $blue-night;\r\n\r\n    .header {\r\n      font-size: 36px;\r\n      line-height: 40px;\r\n      background: none;\r\n\r\n      @include xs {\r\n        font-size: 26px;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n\r\n    .subheader {\r\n      font-size: 24px;\r\n      line-height: 30px;\r\n\r\n      @include xs {\r\n        font-size: 18px;\r\n        line-height: 26px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left-box,\r\n  .right-box {\r\n    color: $blue-night;\r\n    p {\r\n      padding-bottom: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"cso-login-page cso-page\">\r\n    <div class=\"container\">\r\n      <div class=\"logout-header\"\r\n           v-if=\"isDemoThankYouPage\">\r\n        <p class=\"header\">{{ $t('logoutPage.header') }}</p>\r\n        <p class=\"subheader\">{{ $t('logoutPage.subheader') }}</p>\r\n      </div>\r\n      <section class=\"cso-page-structure\">\r\n        <cso-login />\r\n      </section>\r\n      <section class=\"cso-page-structure row hidden-print\">\r\n        <cso-teaser-container isOpenArea/>\r\n      </section>\r\n      <section class=\"cso-page-structure\">\r\n        <cso-faq name=\"FAQ_LOGIN\" />\r\n      </section>\r\n      <section class=\"cso-page-structure\"\r\n               v-if=\"isDemoThankYouPage\">\r\n        <div class=\"row\">\r\n          <cso-grid-column s=\"6\"\r\n                           xs=\"12\">\r\n            <cso-box>\r\n              <div class=\"left-box\">\r\n                <h3>{{ $t('logoutPage.advertBoxes.leftBox.header') }}</h3>\r\n                <p>{{ $t('logoutPage.advertBoxes.leftBox.message') }}</p>\r\n                <cso-link :label=\"$t('logoutPage.advertBoxes.leftBox.button')\"\r\n                          modifier=\"primary\"\r\n                          :is-button=\"true\"\r\n                          :link=\"StaticUrls.mobileAppVouchers\">\r\n                </cso-link>\r\n              </div>\r\n            </cso-box>\r\n          </cso-grid-column>\r\n          <cso-grid-column s=\"6\"\r\n                           xs=\"12\">\r\n            <cso-box>\r\n              <div class=\"right-box\">\r\n                <h3>{{ $t('logoutPage.advertBoxes.rightBox.header') }}</h3>\r\n                <p>{{ $t('logoutPage.advertBoxes.rightBox.message') }}</p>\r\n                <cso-link :label=\"$t('logoutPage.advertBoxes.rightBox.button')\"\r\n                          modifier=\"primary\"\r\n                          :is-button=\"true\"\r\n                          :link=\"StaticUrls.loginDemo\">\r\n                </cso-link>\r\n              </div>\r\n            </cso-box>\r\n          </cso-grid-column>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport StaticUrls from '@/common/StaticUrls'\r\n\r\nimport CsoTeaserContainer from '@/components/core/business/CsoTeaser/CsoTeaserContainer.vue'\r\nimport CsoFaq from '@/components/core/business/CsoFaq.vue'\r\nimport CsoLogin from '@/components/core/business/CsoLogin/CsoLogin.vue'\r\n\r\nexport default {\r\n  name: 'CsoLoginRoute',\r\n  components: {\r\n    CsoLogin,\r\n    CsoTeaserContainer,\r\n    CsoFaq\r\n  },\r\n  data () {\r\n    return {\r\n      StaticUrls\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    isDemoThankYouPage: function () {\r\n      return location.href ? location.href.indexOf('?demoThankYou') !== -1 : false\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.cso-login-page {\r\n  background: $page-wrapper;\r\n  height: 100%;\r\n  max-width: 1300px;\r\n  margin: auto;\r\n\r\n  .logout-header {\r\n    padding: 20px;\r\n    text-align: center;\r\n    color: $blue-night;\r\n\r\n    .header {\r\n      font-size: 36px;\r\n      line-height: 40px;\r\n      background: none;\r\n\r\n      @include xs {\r\n        font-size: 26px;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n\r\n    .subheader {\r\n      font-size: 24px;\r\n      line-height: 30px;\r\n\r\n      @include xs {\r\n        font-size: 18px;\r\n        line-height: 26px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .left-box,\r\n  .right-box {\r\n    color: $blue-night;\r\n    p {\r\n      padding-bottom: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["_sfc_main$3","CsoComponentState","CsoInput","CsoInfoIcon","CsoLoginTermsAndConditions","ComponentsStates","Utils","useVuelidate","Authentication","error","LoggingService","currentToken","di","prozesse","data","DI.ErrorResponse","required","_hoisted_1","_hoisted_2","_hoisted_5","_withScopeId","_createElementVNode","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_cso_component_state","$data","_withCtx","_component_cso_login_terms_and_conditions","$options","_createCommentVNode","_cache","_withModifiers","args","_toDisplayString","$props","_ctx","_hoisted_3","_hoisted_4","_createTextVNode","_component_cso_info_icon","_component_cso_input","$setup","$event","_component_cso_button","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_11","_sfc_main$2","StaticUrls","DI.ErrorHttp","element","_component_cso_link","_sfc_main$1","CsoLoginWithLink","CsoLoginWithPassword","_a","errors","_component_cso_grid_column","_component_cso_login_with_password","_component_cso_login_with_link","_sfc_main","CsoLogin","CsoTeaserContainer","CsoFaq","_component_cso_login","_component_cso_teaser_container","_component_cso_faq","_hoisted_10","_component_cso_box","_hoisted_12"],"mappings":"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"}