{"version":3,"sources":["webpack:///./src/view/authentication/ForgotPassword.vue","webpack:///./src/view/authentication/ForgotPassword.vue?99a9","webpack:///./src/view/authentication/style.js"],"names":["class","handleSubmit","model","formState","layout","as","$t","label","name","type","value","email","placeholder","htmlType","size","disabled","isLoading","to","components","AuthWrapper","data","methods","this","a","post","$endpoints","auth_password_forgot","then","response","status","notification","success","message","error","catch","e","__exports__","render","Styled","div","theme"],"mappings":"4IAESA,MAAM,iB,GAGJA,MAAM,e,GAWNA,MAAM,e,uXAff,yBAkBc,Q,8BAjBZ,iBAgBM,CAhBN,yBAgBM,MAhBN,EAgBM,CAfJ,yBAcS,GAdA,SAAQ,EAAAC,aAAeC,MAAO,EAAAC,UAAWC,OAAO,Y,+BACvD,iBAAsE,CAAtE,yBAAsE,GAA3DC,GAAG,MAAI,C,8BAAC,iBAAuC,C,0DAApC,EAAAC,GAAE,uC,MACxB,yBAEI,IAFJ,EAEI,6BADC,EAAAA,GAAE,yCAEP,yBAEc,GAFAC,MAAO,EAAAD,GAAE,uCAAyCE,KAAK,S,+BACnE,iBAAqH,CAArH,yBAAqH,GAA5GC,KAAK,QAAgBC,MAAO,EAAAP,UAAUQ,M,gDAAV,EAAAR,UAAUQ,MAAK,IAAGC,YAAa,EAAAN,GAAE,4C,sDAExE,yBAIc,Q,8BAHZ,iBAEW,CAFX,yBAEW,GAFDN,MAAM,YAAYa,SAAS,SAASJ,KAAK,UAAUK,KAAK,QAASC,SAAU,EAAAC,W,+BACnF,iBAA8E,C,0DAA3E,EAAAA,UAAY,EAAAV,GAAE,kBAAqB,EAAAA,GAAE,2C,+BAG5C,yBAAwJ,IAAxJ,EAAwJ,C,0DAA/H,EAAAA,GAAE,oCAAqC,IAAC,4BAAmF,GAAtEW,GAAG,eAAa,C,8BAAC,iBAAuC,C,0DAArC,EAAAX,GAAE,yC,gHAU5F,GACbE,KAAM,iBACNU,WAAY,CAAEC,YAAA,kBACdC,KAHa,WAIX,MAAO,CACLjB,UAAW,CACTQ,MAAO,IAETK,WAAW,IAGfK,QAAS,CACPpB,aADO,WACQ,WACbqB,KAAKN,WAAY,EACjB,EAAAO,EACGC,KAAK,gCAAmCF,KAAKG,WAAWC,qBAAsBJ,KAAKnB,WACnFwB,MAAK,SAAAC,IACyB,IAAzBA,EAASR,KAAKS,OAChBC,EAAA,KAAaC,QAAQ,CACnBC,QAAS,EAAK1B,GAAG,wCAGnBwB,EAAA,KAAaG,MAAM,CACjBD,QAAS,UAGb,EAAKhB,WAAY,KAElBkB,OAAM,SAAAC,GACLL,EAAA,KAAaG,MAAM,CACjBD,QAAS,UAEX,EAAKhB,WAAY,Q,qBCrD3B,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,qHCLTlB,EAAcmB,OAAOC,IAAV,s6JAaJ,gBAAGC,EAAH,EAAGA,MAAH,OAAeA,EAAM,iBAsCf,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,wBAiCzB,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,iBAad,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,yBAoBN,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,kBAclC,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,qBAC1B,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,iBAkDhB,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,qBAC1B,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,iBAwBhB,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM,qBAC1B,gBAAGA,EAAH,EAAGA,MAAH,OAAeA,EAAM","file":"js/forgotPassword.b6c75197.js","sourcesContent":["<template>\r\n  <AuthWrapper>\r\n    <div class=\"auth-contents\">\r\n      <a-form @finish=\"handleSubmit\" :model=\"formState\" layout=\"vertical\">\r\n        <sdHeading as=\"h3\">{{ $t('pages.forgot-password.title') }}</sdHeading>\r\n        <p class=\"forgot-text\">\r\n          {{ $t('pages.forgot-password.forgot-text') }}\r\n        </p>\r\n        <a-form-item :label=\"$t('pages.forgot-password.email-address')\" name=\"email\">\r\n          <a-input type=\"email\" v-model:value=\"formState.email\" :placeholder=\"$t('pages.forgot-password.email-placeholder')\" />\r\n        </a-form-item>\r\n        <a-form-item>\r\n          <sdButton class=\"btn-reset\" htmlType=\"submit\" type=\"primary\" size=\"large\" :disabled=\"isLoading\">\r\n            {{ isLoading ? $t('common.loading') : $t('pages.forgot-password.btn-reset') }}\r\n          </sdButton>\r\n        </a-form-item>\r\n        <p class=\"return-text\">{{$t('pages.forgot-password.return-to')}} <router-link to=\"/auth/login\">{{$t('pages.forgot-password.sign-in')}}</router-link></p>\r\n      </a-form>\r\n    </div>\r\n  </AuthWrapper>\r\n</template>\r\n<script>\r\nimport { AuthWrapper } from './style';\r\nimport axios from 'axios';\r\nimport { notification } from 'ant-design-vue';\r\n\r\nexport default {\r\n  name: 'ForgotPassword',\r\n  components: { AuthWrapper },\r\n  data() {\r\n    return {\r\n      formState: {\r\n        email: '',\r\n      },\r\n      isLoading: false,\r\n    };\r\n  },\r\n  methods: {\r\n    handleSubmit() {\r\n      this.isLoading = true;\r\n      axios\r\n        .post(process.env.VUE_APP_API_ENDPOINT + this.$endpoints.auth_password_forgot, this.formState)\r\n        .then(response => {\r\n          if (response.data.status === true) {\r\n            notification.success({\r\n              message: this.$t('pages.forgot-password.success-text'),\r\n            });\r\n          } else {\r\n            notification.error({\r\n              message: 'Error',\r\n            });\r\n          }\r\n          this.isLoading = false;\r\n        })\r\n        .catch(e => {\r\n          notification.error({\r\n            message: 'Error',\r\n          });\r\n          this.isLoading = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./ForgotPassword.vue?vue&type=template&id=bd02d524\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\omer\\\\Desktop\\\\Projeler\\\\tsoftapps-dev-panel\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import Styled from 'vue3-styled-components';\r\n\r\nconst AuthWrapper = Styled.div`\r\n  height: 100%;\r\n  padding: 40px;\r\n  @media only screen and (max-width: 1599px){\r\n    padding: 25px;\r\n  }\r\n\r\n  @media only screen and (max-width: 767px){\r\n    text-align: center;\r\n  }\r\n  .auth-notice{\r\n    text-align: right;\r\n    font-weight: 500;\r\n    color: ${({ theme }) => theme['gray-color']};\r\n    @media only screen and (max-width: 767px){\r\n      text-align: center;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n  button{\r\n    &.btn-signin{\r\n      min-width: 185px;\r\n    }\r\n    &.btn-create{\r\n      border-radius: 8px;\r\n      min-width: 205px;\r\n    }\r\n    &.btn-reset{\r\n      border-radius: 8px;\r\n      min-width: 260px;\r\n    }\r\n    &.ant-btn-lg{\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      height: 48px;\r\n    }\r\n  }\r\n  .auth-contents{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    form{\r\n      width: 420px;\r\n      h1{\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        margin-bottom: 45px;\r\n        @media only screen and (max-width: 767px){\r\n          margin-bottom: 28px;\r\n        }\r\n        input::placeholder{\r\n          color: ${({ theme }) => theme['extra-light-color']};\r\n        }\r\n      }\r\n      .ant-input{\r\n        padding: 12px 11px;\r\n      }\r\n      .auth-form-action{\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        @media only screen and (max-width: 379px){\r\n          flex-flow: column;\r\n          .forgot-pass-link{\r\n            margin-top: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .ant-form{\r\n      .ant-form-item{\r\n        margin-bottom: 14px;\r\n      }\r\n    }\r\n    #forgotPass{\r\n      .forgot-text{\r\n        margin-bottom: 25px;\r\n      }\r\n      .return-text{\r\n        margin-top: 35px;\r\n      }\r\n    }\r\n    .form-divider{\r\n      font-size: 13px;\r\n      color: ${({ theme }) => theme['gray-solid']};\r\n      text-align: center;\r\n      position: relative;\r\n      margin-bottom: 25px;\r\n      &:before{\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%;\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 1;\r\n        height: 1px;\r\n        background: ${({ theme }) => theme['border-color-light']};\r\n      }\r\n      span{\r\n        background: #fff;\r\n        padding: 0 15px;\r\n        display: inline-block;\r\n        position: relative;\r\n        z-index: 2;\r\n      }\r\n    }\r\n    .social-login{\r\n      display: flex;\r\n      align-items: center;\r\n      margin: -6px -6px 14px -6px;\r\n      @media only screen and (max-width: 767px){\r\n        justify-content: center;\r\n      }\r\n      &.signin-social{\r\n        li{\r\n          a{\r\n            box-shadow: 0 5px 15px ${({ theme }) => theme['light-color']}10;\r\n            background-color: #fff;\r\n          }\r\n        }\r\n      }\r\n      li{\r\n        padding:6px;\r\n        a{\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          border-radius: 6px;\r\n          height: 48px;\r\n          padding: 0 15px;\r\n          background: ${({ theme }) => theme['bg-color-light']};\r\n          color: ${({ theme }) => theme['text-color']};\r\n          font-weight: 500;\r\n          @media only screen and (max-width: 379px){\r\n            height: 44px;\r\n            padding: 0 12px;\r\n          }\r\n          span:not(.anticon){\r\n            display: inline-block;\r\n            margin-left: 5px;\r\n          }\r\n          svg,\r\n          i{\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n          &.google-signup,\r\n          &.google-signin{\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 30px;\r\n            @media only screen and (max-width: 379px){\r\n              padding: 0 5px;\r\n            }\r\n            img{\r\n              margin-right: 8px;\r\n              @media only screen and (max-width: 379px){\r\n                margin-right: 4px;\r\n              }\r\n            }\r\n          }\r\n          &.facebook-sign{\r\n            color: #475993;\r\n          }\r\n          &.twitter-sign{\r\n            color: #03A9F4;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .auth0-login{\r\n      margin: -6px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      a{\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          border-radius: 6px;\r\n          height: 48px;\r\n          padding: 0 30px;\r\n          background: ${({ theme }) => theme['bg-color-light']};\r\n          color: ${({ theme }) => theme['text-color']};\r\n          font-weight: 500;\r\n          border: 0 none;\r\n          border-radius: 5px;\r\n          margin: 6px;\r\n          flex: 1;\r\n          @media (max-width:480px){\r\n            flex: none;\r\n            width: 100%;\r\n          }\r\n      }\r\n    }\r\n  }\r\n  .auth0-login{\r\n      margin: -6px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      a{\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          border-radius: 6px;\r\n          height: 48px;\r\n          padding: 0 30px;\r\n          background: ${({ theme }) => theme['bg-color-light']};\r\n          color: ${({ theme }) => theme['text-color']};\r\n          font-weight: 500;\r\n          border: 0 none;\r\n          border-radius: 5px;\r\n          margin: 6px;\r\n          flex: 1;\r\n          @media (max-width:480px){\r\n            flex: none;\r\n            width: 100%;\r\n          }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport { AuthWrapper };\r\n"],"sourceRoot":""}