{"version":3,"sources":["webpack:///./src/components/authentication/TokenStatus.vue","webpack:///./src/components/authentication/TokenStatus.vue?7852","webpack:///./src/views/authentication/ResetPassphraseWithToken.vue","webpack:///./src/views/authentication/ResetPassphraseWithToken.vue?17fb"],"names":["class","_createElementBlock","_hoisted_1","_createVNode","_component_StatusMessage","operation","$props","name","emits","components","StatusMessage","props","type","String","required","validator","value","tokenOperations","token","tokenName","checkImmediately","Boolean","default","setup","emit","store","useStore","state","status","dispatch","tokenHasExpired","computed","_store$state$status$p","hasExpired","tokenIsValid","_store$state$status$p2","isValid","tokenIsInValid","_store$state$status$p3","isInValid","watch","__exports__","render","_component_TokenStatus","resetPassphraseToken","onTokenIsValid","_cache","$setup","onTokenIsInvalid","onTokenHasExpired","_Transition","_hoisted_2","_createElementVNode","for","_component_TextInput","tabIndex","id","placeholder","_component_LFieldError","tabindex","TextInput","LFieldError","TokenStatus","ref","setMessage","deleteMessage","useStatusMessage","CONFIRM_RESET_PASSPHRASE","isSuccess","body","isError"],"mappings":"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","file":"js/chunk-5c568c80.0558c395.js","sourcesContent":["<template>\n    <div class=\"tokenStatus\">\n        <StatusMessage :operation=\"operation\"></StatusMessage>\n    </div>\n</template>\n\n<script>\nimport StatusMessage from \"@/components/status/StatusMessage.vue\";\nimport * as tokenOperations from \"@/store/operations\";\nimport {useStore} from \"vuex\";\nimport {computed, watch} from \"vue\";\n\nexport default {\n    name: \"TokenStatus\",\n    emits: ['token-has-expired', 'token-is-valid', \"token-is-invalid\"],\n    components: {\n        StatusMessage,\n    },\n    props: {\n        operation: {\n            type: String,\n            required: true,\n            validator: value => !!tokenOperations[value]\n        },\n        token: {\n            type: String,\n            required: true\n        },\n        tokenName: {\n            type: String,\n            required: true\n        },\n        checkImmediately: {\n            type: Boolean,\n            default: true\n        }\n    },\n    setup(props, {emit}) {\n        const store = useStore()\n\n        delete store.state.status[props.operation]\n\n        if (props.checkImmediately) store.dispatch(props.operation, {\n            [props.tokenName]: props.token\n        })\n\n        const tokenHasExpired = computed(() => store.state.status[props.operation]?.hasExpired)\n        const tokenIsValid = computed(() => store.state.status[props.operation]?.isValid)\n        const tokenIsInValid = computed(() => store.state.status[props.operation]?.isInValid)\n\n        watch(tokenIsValid, value => {\n            if (value) emit('token-is-valid')\n        })\n        watch(tokenHasExpired, value => {\n            if (value) emit('token-has-expired')\n        })\n        watch(tokenIsInValid, value => {\n            if (value) emit('token-is-invalid')\n        })\n\n        return {\n            tokenHasExpired,\n            tokenIsValid,\n            tokenIsInValid,\n        };\n    },\n};\n\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./TokenStatus.vue?vue&type=template&id=cdb332e6\"\nimport script from \"./TokenStatus.vue?vue&type=script&lang=js\"\nexport * from \"./TokenStatus.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/chi/client/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"resetPassphraseWithToken flex justify-center items-center\">\n    <TokenStatus\n        operation=\"CONFIRM_RESET_PASSPHRASE\"\n        :token=\"resetPassphraseToken\"\n        tokenName=\"resetPassphraseToken\"\n        @token-is-valid=\"() => tokenIsValid=true\"\n        @token-is-invalid=\"() => tokenIsValid=false\"\n        @token-has-expired=\"() => tokenIsValid=false\"\n    ></TokenStatus>\n\n    <Transition>\n      <!--  Form to reset password -->\n      <form\n          v-if=\"tokenIsValid\"\n          class=\"form\"\n      >\n        <h1 class=\"heading2\">Change Password\n          <hr class=\"gradientLine\">\n        </h1>\n\n        <div>\n          <label for=\"password\">Password</label>\n          <TextInput\n              :tabIndex=\"1\"\n              id=\"password\"\n              name=\"password\"\n              type=\"password\"\n              placeholder=\"Your passphrase\"\n          ></TextInput>\n          <LFieldError></LFieldError>\n        </div>\n        <div>\n          <label for=\"passwordRepeat\">Confirm Password</label>\n          <TextInput\n              :tabindex=\"2\"\n              id=\"passwordRepeat\"\n              name=\"passwordRepeat\"\n              type=\"password\"\n              placeholder=\"Repeat your passphrase\"\n          >\n          </TextInput>\n          <LFieldError></LFieldError>\n        </div>\n\n        <div class=\"flex items-center justify-between\">\n          <button\n              class=\"button primary\"\n              type=\"button\"\n              :tabindex=\"2\">\n            Change password\n          </button>\n        </div>\n      </form>\n    </Transition>\n  </div>\n</template>\n\n<script>\nimport TextInput from \"@/components/forms/TextInput.vue\";\nimport LFieldError from \"@/components/layout/LFieldError\";\nimport {ref, watch} from \"vue\";\nimport TokenStatus from \"@/components/authentication/TokenStatus.vue\";\nimport {CONFIRM_RESET_PASSPHRASE} from \"@/store/operations\";\nimport {useStatusMessage} from \"@/composables/useStatusMessage\";\n\nexport default {\n  name: \"ResetPassphraseWithToken\",\n  components: {\n    TextInput,\n    LFieldError,\n    TokenStatus,\n  },\n  props: {\n    resetPassphraseToken: {\n      type: String,\n      required: true\n    },\n  },\n  setup() {\n    const tokenIsValid = ref(null)\n    const {setMessage, deleteMessage} = useStatusMessage(CONFIRM_RESET_PASSPHRASE)\n\n    deleteMessage()\n\n    watch(tokenIsValid, value => {\n      if (value === true) setMessage({isSuccess: true, body: \"Your token is valid.\"})\n      else if (value === false) setMessage({\n        isError: true,\n        body: 'Your token is invalid. Please <a href=\"/#/forgotPassword\">request a new one</a>.'\n      })\n    })\n\n    return {\n      tokenIsValid,\n    }\n  }\n\n\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./ResetPassphraseWithToken.vue?vue&type=template&id=7f380d88\"\nimport script from \"./ResetPassphraseWithToken.vue?vue&type=script&lang=js\"\nexport * from \"./ResetPassphraseWithToken.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/chi/client/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}