{"version":3,"sources":["webpack:///./src/components/authentication/TokenStatus.vue","webpack:///./src/components/authentication/TokenStatus.vue?7852","webpack:///./src/views/authentication/ChangeAccountEmailWithToken.vue","webpack:///./src/views/authentication/ChangeAccountEmailWithToken.vue?47bc"],"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","changeAccountEmailToken","onTokenIsValid","_cache","$setup","onTokenIsInvalid","onTokenHasExpired","_Transition","_hoisted_2","_createElementVNode","TokenStatus","inputError","reactive","email","onEmailChange","isEmailAddress","ref","setMessage","deleteMessage","useStatusMessage","CONFIRM_CHANGE_EMAIL","isSuccess","body","isError"],"mappings":"2IACSA,MAAM,e,+GAAXC,gCAEM,MAFNC,EAEM,CADFC,yBAAsDC,EAAA,CAAtCC,UAAWC,EAAAD,WAAS,wB,wCAU7B,GACXE,KAAM,cACNC,MAAO,CAAC,oBAAqB,iBAAkB,oBAC/CC,WAAY,CACRC,sBAEJC,MAAO,CACHN,UAAW,CACPO,KAAMC,OACNC,UAAU,EACVC,UAAWC,KAAWC,EAAgBD,IAE1CE,MAAO,CACHN,KAAMC,OACNC,UAAU,GAEdK,UAAW,CACPP,KAAMC,OACNC,UAAU,GAEdM,iBAAkB,CACdR,KAAMS,QACNC,SAAS,IAGjBC,MAAMZ,GAAO,KAACa,IACV,MAAMC,EAAQC,wBAEPD,EAAME,MAAMC,OAAOjB,EAAMN,WAE5BM,EAAMS,kBAAkBK,EAAMI,SAASlB,EAAMN,UAAW,CACxD,CAACM,EAAMQ,WAAYR,EAAMO,QAG7B,MAAMY,EAAkBC,sBAAS,SAAAC,EAAA,OAAyC,QAAzCA,EAAMP,EAAME,MAAMC,OAAOjB,EAAMN,kBAAU,IAAA2B,OAAA,EAAnCA,EAAqCC,aACtEC,EAAeH,sBAAS,SAAAI,EAAA,OAAyC,QAAzCA,EAAMV,EAAME,MAAMC,OAAOjB,EAAMN,kBAAU,IAAA8B,OAAA,EAAnCA,EAAqCC,UACnEC,EAAiBN,sBAAS,SAAAO,EAAA,OAAyC,QAAzCA,EAAMb,EAAME,MAAMC,OAAOjB,EAAMN,kBAAU,IAAAiC,OAAA,EAAnCA,EAAqCC,YAY3E,OAVAC,mBAAMN,EAAclB,IACZA,GAAOQ,EAAK,oBAEpBgB,mBAAMV,EAAiBd,IACfA,GAAOQ,EAAK,uBAEpBgB,mBAAMH,EAAgBrB,IACdA,GAAOQ,EAAK,sBAGb,CACHM,kBACAI,eACAG,oB,qBC1DZ,MAAMI,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,kECNR1C,MAAM,gE,SAaHA,MAAM,Q,6GAbdC,gCA2BM,MA3BNC,EA2BM,CA1BJC,yBAOewC,EAAA,CANXtC,UAAU,uBACTa,MAAOZ,EAAAsC,wBACRzB,UAAU,0BACT0B,eAAcC,EAAA,KAAAA,EAAA,OAAQC,EAAAb,cAAY,GAClCc,iBAAgBF,EAAA,KAAAA,EAAA,OAAQC,EAAAb,cAAY,GACpCe,kBAAiBH,EAAA,KAAAA,EAAA,OAAQC,EAAAb,cAAY,I,kBAE1C/B,yBAiBa+C,gBAAA,M,6BAfX,IAcO,CAbGH,EAAAb,c,yBADVjC,gCAcO,OAdPkD,EAcOL,EAAA,KAAAA,EAAA,IAVLM,gCAEK,MAFDpD,MAAM,YAAU,C,6BAAC,gDACnBoD,gCAAyB,MAArBpD,MAAM,mB,GAEZoD,gCAMM,OANDpD,MAAM,qCAAmC,CAC5CoD,gCAIS,UAHLpD,MAAM,iBACNY,KAAK,UAAS,sC,4GAgBb,GACbL,KAAM,8BACNE,WAAY,CACV4C,oBAEF1C,MAAO,CACLiC,wBAAyB,CACvBhC,KAAMC,OACNC,UAAU,IAGdS,QACE,MAAM+B,EAAaC,sBAAS,CAC1BC,MAAO,KAEHC,EAAiBD,IAChBE,eAAeF,GAGlBF,EAAWE,MAAQ,GAFnBF,EAAWE,MAAQ,sCAMjBtB,EAAeyB,iBAAI,OACnB,WAACC,EAAU,cAAEC,GAAiBC,eAAiBC,2BAYrD,OAVAF,IAEArB,mBAAMN,EAAclB,KACJ,IAAVA,EAAgB4C,EAAW,CAACI,WAAW,EAAMC,KAAM,0BACpC,IAAVjD,GAAiB4C,EAAW,CACnCM,SAAS,EACTD,KAAM,oGAIH,CACLX,aACAG,gBACAvB,kB,qBCxEN,MAAMO,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-5c84023a.047a9395.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=\"changeAccountEmailWithToken flex justify-center items-center\">\n    <TokenStatus\n        operation=\"CONFIRM_CHANGE_EMAIL\"\n        :token=\"changeAccountEmailToken\"\n        tokenName=\"changeAccountEmailToken\"\n        @token-is-valid=\"() => tokenIsValid=true\"\n        @token-is-invalid=\"() => tokenIsValid=false\"\n        @token-has-expired=\"() => tokenIsValid=false\"\n    ></TokenStatus>\n    <Transition>\n      <!--  Form to change your email adress -->\n      <form\n          v-if=\"tokenIsValid\"\n          class=\"form\"\n      >\n        <h1 class=\"heading2\">Confirm changing your account email address\n          <hr class=\"gradientLine\">\n        </h1>\n        <div class=\"flex items-center justify-between\">\n          <button\n              class=\"button primary\"\n              type=\"button\">\n            Yes, I want to change my email\n          </button>\n        </div>\n      </form>\n    </Transition>\n  </div>\n</template>\n\n<script>\nimport {reactive, ref, watch} from \"vue\";\nimport {isEmailAddress} from \"@/lib/typeHelpers/stringFunctions/isEmailAddress\";\nimport TokenStatus from \"@/components/authentication/TokenStatus.vue\";\nimport {useStatusMessage} from \"@/composables/useStatusMessage\";\nimport {CONFIRM_CHANGE_EMAIL} from \"@/store/operations\";\n\nexport default {\n  name: \"ChangeAccountEmailWithToken\",\n  components: {\n    TokenStatus,\n  },\n  props: {\n    changeAccountEmailToken: {\n      type: String,\n      required: true\n    }\n  },\n  setup() {\n    const inputError = reactive({\n      email: \"\",\n    });\n    const onEmailChange = (email) => {\n      if (!isEmailAddress(email)) {\n        inputError.email = \"Please enter a valid email address\";\n      } else {\n        inputError.email = \"\";\n      }\n    };\n\n    const tokenIsValid = ref(null)\n    const {setMessage, deleteMessage} = useStatusMessage(CONFIRM_CHANGE_EMAIL)\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. It may have been used before or it may have expired. Please try again.'\n      })\n    })\n\n    return {\n      inputError,\n      onEmailChange,\n      tokenIsValid,\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./ChangeAccountEmailWithToken.vue?vue&type=template&id=c04c2c0e\"\nimport script from \"./ChangeAccountEmailWithToken.vue?vue&type=script&lang=js\"\nexport * from \"./ChangeAccountEmailWithToken.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":""}