{"version":3,"sources":["webpack:///./src/view/authentication/ForgotPassword.vue","webpack:///./src/view/authentication/ForgotPassword.vue?96c4","webpack:///./src/view/authentication/style.js"],"names":["class","_createElementVNode","_createBlock","_component_AuthWrapper","_hoisted_1","_createVNode","_component_a_form","onFinish","_ctx","model","layout","_component_sdHeading","as","_hoisted_2","_component_a_form_item","label","name","_component_a_input","type","value","email","placeholder","_component_sdButton","htmlType","size","_hoisted_3","_component_router_link","to","ForgotPassword","defineComponent","components","AuthWrapper","setup","handleSubmit","values","console","log","formState","reactive","__exports__","render","Styled","div","theme"],"mappings":"kJAESA,MAAM,iB,EAGPC,eAEI,KAFDD,MAAM,eAAc,8GAEvB,G,GAOGA,MAAM,e,wQAbfE,eAgBcC,Q,wBAfZ,IAcM,CAdNF,eAcM,MAdNG,EAcM,CAbJC,eAYSC,GAZAC,SAAQC,eAAeC,MAAOD,YAAWE,OAAO,Y,yBACvD,IAA+C,CAA/CL,eAA+CM,GAApCC,GAAG,MAAI,C,wBAAC,IAAgB,gBAAhB,sB,MACnBC,EAGAR,eAEcS,GAFDC,MAAM,gBAAgBC,KAAK,S,yBACtC,IAAuF,CAAvFX,eAAuFY,GAA9EC,KAAK,QAAgBC,MAAOX,YAAUY,M,gCAAVZ,YAAUY,MAAK,GAAEC,YAAY,oB,0BAEpEhB,eAEcS,Q,wBADZ,IAA8G,CAA9GT,eAA8GiB,GAApGtB,MAAM,YAAYuB,SAAS,SAASL,KAAK,UAAUM,KAAK,S,yBAAQ,IAAyB,gBAAzB,+B,cAE5EvB,eAAwF,IAAxFwB,EAAwF,gBAAjE,cAAU,eAAmDC,GAAtCC,GAAG,eAAa,C,wBAAC,IAAO,gBAAP,a,iEASvE,MAAMC,EAAiBC,eAAgB,CACrCb,KAAM,iBACNc,WAAY,CAAEC,oBACdC,QACE,MAAMC,EAAgBC,IACpBC,QAAQC,IAAIF,IAGRG,EAAYC,eAAS,CACzBlB,MAAO,KAGT,MAAO,CACLa,eACAI,gBAKST,Q,qBCrCf,MAAMW,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,oCCPf,kDAEA,MAAMT,EAAcU,OAAOC,GAAI;;;;;;;;;;;;;aAalB,EAAGC,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAsCf,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAiCzB,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;sBAad,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;qCAoBN,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;wBAclC,EAAGA,WAAYA,EAAM;mBAC1B,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkDhB,EAAGA,WAAYA,EAAM;mBAC1B,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;;;;wBAwBhB,EAAGA,WAAYA,EAAM;mBAC1B,EAAGA,WAAYA,EAAM","file":"js/forgotPassword.896fa123.js","sourcesContent":["<template>\n  <AuthWrapper>\n    <div class=\"auth-contents\">\n      <a-form @finish=\"handleSubmit\" :model=\"formState\" layout=\"vertical\">\n        <sdHeading as=\"h3\">Forgot Password?</sdHeading>\n        <p class=\"forgot-text\">\n          Enter the email address you used when you joined and we’ll send you instructions to reset your password.\n        </p>\n        <a-form-item label=\"Email Address\" name=\"email\">\n          <a-input type=\"email\" v-model:value=\"formState.email\" placeholder=\"name@example.com\" />\n        </a-form-item>\n        <a-form-item>\n          <sdButton class=\"btn-reset\" htmlType=\"submit\" type=\"primary\" size=\"large\"> Send Reset Instructions </sdButton>\n        </a-form-item>\n        <p class=\"return-text\">Return to <router-link to=\"/auth/login\">Sign In</router-link></p>\n      </a-form>\n    </div>\n  </AuthWrapper>\n</template>\n<script>\nimport { reactive, defineComponent } from 'vue';\nimport { AuthWrapper } from './style';\n\nconst ForgotPassword = defineComponent({\n  name: 'ForgotPassword',\n  components: { AuthWrapper },\n  setup() {\n    const handleSubmit = (values) => {\n      console.log(values);\n    };\n\n    const formState = reactive({\n      email: '',\n    });\n\n    return {\n      handleSubmit,\n      formState,\n    };\n  },\n});\n\nexport default ForgotPassword;\n</script>\n","import { render } from \"./ForgotPassword.vue?vue&type=template&id=3bcab550\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/kristofferrisa/Documents/GitHub/infovin/src/Vinfo.Web.Dashboard/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';\n\nconst AuthWrapper = Styled.div`\n  height: 100%;\n  padding: 40px;\n  @media only screen and (max-width: 1599px){\n    padding: 25px;\n  }\n\n  @media only screen and (max-width: 767px){\n    text-align: center;\n  }\n  .auth-notice{\n    text-align: right;\n    font-weight: 500;\n    color: ${({ theme }) => theme['gray-color']};\n    @media only screen and (max-width: 767px){\n      text-align: center;\n      margin-bottom: 10px;\n    }\n  }\n  button{\n    &.btn-signin{\n      min-width: 185px;\n    }\n    &.btn-create{\n      border-radius: 8px;\n      min-width: 205px;\n    }\n    &.btn-reset{\n      border-radius: 8px;\n      min-width: 260px;\n    }\n    &.ant-btn-lg{\n      font-size: 14px;\n      font-weight: 500;\n      height: 48px;\n    }\n  }\n  .auth-contents{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    form{\n      width: 420px;\n      h1{\n        font-size: 24px;\n        font-weight: 600;\n        margin-bottom: 45px;\n        @media only screen and (max-width: 767px){\n          margin-bottom: 28px;\n        }\n        input::placeholder{\n          color: ${({ theme }) => theme['extra-light-color']};\n        }\n      }\n      .ant-input{\n        padding: 12px 11px;\n      }\n      .auth-form-action{\n        margin-bottom: 20px;\n        display: flex;\n        justify-content: space-between;\n        @media only screen and (max-width: 379px){\n          flex-flow: column;\n          .forgot-pass-link{\n            margin-top: 15px;\n          }\n        }\n      }\n    }\n    .ant-form{\n      .ant-form-item{\n        margin-bottom: 14px;\n      }\n    }\n    #forgotPass{\n      .forgot-text{\n        margin-bottom: 25px;\n      }\n      .return-text{\n        margin-top: 35px;\n      }\n    }\n    .form-divider{\n      font-size: 13px;\n      color: ${({ theme }) => theme['gray-solid']};\n      text-align: center;\n      position: relative;\n      margin-bottom: 25px;\n      &:before{\n        content: '';\n        position: absolute;\n        width: 100%;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 1;\n        height: 1px;\n        background: ${({ theme }) => theme['border-color-light']};\n      }\n      span{\n        background: #fff;\n        padding: 0 15px;\n        display: inline-block;\n        position: relative;\n        z-index: 2;\n      }\n    }\n    .social-login{\n      display: flex;\n      align-items: center;\n      margin: -6px -6px 14px -6px;\n      @media only screen and (max-width: 767px){\n        justify-content: center;\n      }\n      &.signin-social{\n        li{\n          a{\n            box-shadow: 0 5px 15px ${({ theme }) => theme['light-color']}10;\n            background-color: #fff;\n          }\n        }\n      }\n      li{\n        padding:6px;\n        a{\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          border-radius: 6px;\n          height: 48px;\n          padding: 0 15px;\n          background: ${({ theme }) => theme['bg-color-light']};\n          color: ${({ theme }) => theme['text-color']};\n          font-weight: 500;\n          @media only screen and (max-width: 379px){\n            height: 44px;\n            padding: 0 12px;\n          }\n          span:not(.anticon){\n            display: inline-block;\n            margin-left: 5px;\n          }\n          svg,\n          i{\n            width: 20px;\n            height: 20px;\n          }\n          &.google-signup,\n          &.google-signin{\n            display: flex;\n            align-items: center;\n            padding: 0 30px;\n            @media only screen and (max-width: 379px){\n              padding: 0 5px;\n            }\n            img{\n              margin-right: 8px;\n              @media only screen and (max-width: 379px){\n                margin-right: 4px;\n              }\n            }\n          }\n          &.facebook-sign{\n            color: #475993;\n          }\n          &.twitter-sign{\n            color: #03A9F4;\n          }\n        }\n      }\n    }\n    .auth0-login{\n      margin: -6px;\n      display: flex;\n      flex-wrap: wrap;\n      a{\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          border-radius: 6px;\n          height: 48px;\n          padding: 0 30px;\n          background: ${({ theme }) => theme['bg-color-light']};\n          color: ${({ theme }) => theme['text-color']};\n          font-weight: 500;\n          border: 0 none;\n          border-radius: 5px;\n          margin: 6px;\n          flex: 1;\n          @media (max-width:480px){\n            flex: none;\n            width: 100%;\n          }\n      }\n    }\n  }\n  .auth0-login{\n      margin: -6px;\n      display: flex;\n      flex-wrap: wrap;\n      a{\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          border-radius: 6px;\n          height: 48px;\n          padding: 0 30px;\n          background: ${({ theme }) => theme['bg-color-light']};\n          color: ${({ theme }) => theme['text-color']};\n          font-weight: 500;\n          border: 0 none;\n          border-radius: 5px;\n          margin: 6px;\n          flex: 1;\n          @media (max-width:480px){\n            flex: none;\n            width: 100%;\n          }\n      }\n    }\n  }\n`;\n\nexport { AuthWrapper };\n"],"sourceRoot":""}