{"version":3,"file":"data-deletion.BVK04Q8E.js","sources":["../../../../pages/data-deletion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { User, getAuth, onAuthStateChanged, sendPasswordResetEmail, signInWithEmailAndPassword } from \"@firebase/auth\";\nimport { GoogleAuthProvider, OAuthProvider, signInWithPopup } from \"firebase/auth\";\nimport { FormKitIcon } from '@formkit/vue'\n\nconst nuxtApp = useNuxtApp()\n\nconst user = ref<User|null>();\nconst isLoading = ref(false)\nconst showPassword = ref(false)\nconst email = ref<string>()\nconst password = ref<string>()\n\nconst togglePassword = ()=>{\n\tshowPassword.value = !showPassword.value\n}\n\nonMounted(()=>{\n\t//user.value = nuxtApp.$auth.currentUser\n//\tconsole.log(\"onMounted:\", user.value)\n\n\tonAuthStateChanged(getAuth(), (usr) => {\n\t\tif (usr) {\n\t\t\t// User is signed in, see docs for a list of available properties\n\t\t\t// https://firebase.google.com/docs/reference/js/firebase.User\n\t\t\tconst uid = usr.uid;\n\t\t\tconsole.log(\"onAuthStateChanged\", uid)\n\t\t\tuser.value = usr\n\t\t} else {\n\t\t\t// User is signed out\n\t\t\t// ...\n\t\t\tconsole.log(\"onAuthStateChanged\", \"user is signed out\")\n\t\t\tuser.value = null\n\t\t}\n\t});\n})\n\n\n\nconst signIn = ()=>{\n\t\t//TODO check if email and password are valid\n\tisLoading.value = true\n\tconsole.log(\"signIn:\", email.value, password.value)\n\n\tsignInWithEmailAndPassword(nuxtApp.$auth, email.value, password.value)\n\t\t.then((userCredential) => {\n\t\t\t// Signed in \n\t\t\tuser.value = userCredential.user;\n\t\t\tconsole.log(\"user\", user)\n\t\t\tisLoading.value = false\n\t\t})\n\t\t.catch((error) => {\n\t\t\tconst errorCode = error.code;\n\t\t\tconst errorMessage = error.message;\n\t\t\tconsole.log(\"error\", errorCode, errorMessage)\n\t\t\tisLoading.value = false\n\t\t});\n}\n\nconst resetPassword = ()=>{\n\tconsole.log(\"showDialogForgotPassword\")\n\t\n\tsendPasswordResetEmail(getAuth(), email.value, {\n\t\t\t\t\turl: \"https://www.smoxy.app/data-deletion\",\n\t\t\t\t\thandleCodeInApp: false,\n\t\t\t\t})\n        .then(() => {\n          //TODO translate this\n          //isLoading.value = false\n\t\t\t\t\tnavigateTo(\"/success-reset-password\")\n          \n        })\n        .catch((error) => {\n          isLoading.value = false\n        });\n}\n\nconst logout = ()=>{\n\tconsole.log(\"logout\")\n\tnuxtApp.$auth.signOut()\n}\n\nconst deleteUserData = ()=>{\n\tconsole.log(\"deleteUserData\")\n\tuser.value!.delete()\n\t\t.then(() => {\n\t\t\t// User deleted.\n\t\t\tconsole.log(\"user deleted\")\n\t\t\tnavigateTo(\"/success-delete-account\")\n\n\t\t}).catch((error) => {\n\t\t\t// An error ocurred\n\t\t\t// ...\n\t\t\tconsole.error(\"error\", error)\n\t\t});\n}\n\nconst loginWithGmail = ()=>{\n\tconsole.log(\"loginWithGmail\")\n\tconst provider = new GoogleAuthProvider();\n\tsignInWithPopup(getAuth(), provider)\n\t\t.then((result) => {\n\t\t\t// This gives you a Google Access Token. You can use it to access the Google API.\n\t\t\tconst credential = GoogleAuthProvider.credentialFromResult(result);\n\t\t\tconst token = credential?.accessToken;\n\t\t\t// The signed-in user info.\n\t\t\tuser.value = result.user;\n\t\t\tconsole.log(\"user\", user.value)\n\t\t\t// ...\t\n\t\t}).catch((error) => {\n\t\t\t// Handle Errors here.\n\t\t\tconst errorCode = error.code;\n\t\t\tconst errorMessage = error.message;\n\t\t\t// The email of the user's account used.\n\t\t\tconst email = error.email;\n\t\t\t// The AuthCredential type that was used.\n\t\t\tconst credential = GoogleAuthProvider.credentialFromError(error);\n\t\t\tconsole.error(\"error\", errorCode, errorMessage, email, credential)\n\t\t\t// ...\n\t\t});\n}\n\nconst loginWithApple = ()=>{\n\tconsole.log(\"loginWithApple\")\n\tconst provider = new OAuthProvider('apple.com');\n\tprovider.addScope('email');\n\tprovider.addScope('name');\n\n\tsignInWithPopup(getAuth(), provider)\n\t\t.then((result) => {\n\t\t\t// This gives you a Google Access Token. You can use it to access the Google API.\n\t\t\tconst credential = OAuthProvider.credentialFromResult(result);\n\t\t\tconst token = credential?.accessToken;\n\t\t\t// The signed-in user info.\n\t\t\tuser.value = result.user;\n\t\t\tconsole.log(\"user\", user.value)\n\t\t\t// ...\t\n\t\t}).catch((error) => {\n\t\t\t// Handle Errors here.\n\t\t\tconst errorCode = error.code;\n\t\t\tconst errorMessage = error.message;\n\t\t\t// The email of the user's account used.\n\t\t\tconst email = error.email;\n\t\t\t// The AuthCredential type that was used.\n\t\t\tconst credential = OAuthProvider.credentialFromError(error);\n\t\t\tconsole.error(\"error\", errorCode, errorMessage, email, credential)\n\t\t\t// ...\n\t\t});\n\n}\n\nconst accountName = ()=>{\n\tconst usr = user.value!\n\tif(usr.email && !usr.email.includes(\"privaterelay.appleid.com\")){\n\t\treturn usr.email\n\t}\n\tif(usr.displayName && usr.displayName?.length > 0){\n\t\treturn usr.displayName + \" uid: \" + usr.uid \n\t}\n\treturn usr.email ?? usr.uid\n}\n\n</script>\n\n<template>\n\t<div class=\"overflow-x-hidden\">\n\t\t<Header theme=\"light\" />\n\t\t<div class=\"md:max-w-screen-xl mx-auto px-10 md:px-0 \">\n\t\t\t<h1 class=\"text-4xl mx-10\">User Data deletion</h1>\n\t\t\n\n\t\t\t<!-- Login Form -->\n\t\t\t<div v-if=\"!user\" class=\"h-auto my-4 mx-6 sm:mx-10 lg:max-w-lg\" >\n\t\t\t\t<p class=\"text-md\">Please login to delete your data</p>\t\n\t\t\t\t<FormKit \n\t\t\t\t\ttype=\"form\"\n\t\t\t\t\t:actions=\"false\"\n\t\t\t\t\t#default=\"{ state: { dirty } }\"\n\t\t\t\t\tdirty-behavior=\"compare\"\n\t\t\t\t\t@submit=\"signIn\"\n\t\t\t\t\n\t\t\t\t >\n      \n       \n        <div class=\"mt-4\">\n       \n          <FormKit \n\t\t\t\t\t\ttype=\"email\" \n\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\tv-model=\"email\"\n\t\t\t\t\t\tvalidation=\"required|email\"\n  \t\t\t\t\tvalidation-visibility=\"live\"\n\t\t\t\t\t\tlabel=\"Email\"\n\t\t\t\t\t\tplaceholder=\"e.g. example@email.com\"\n\t\t\t\t\t\touter-class=\"mb-5\"\n\t\t\t\t\t\tlabel-class=\"block mb-1 font-bold text-sm\"\n\t\t\t\t\t\tinner-class=\"border border-gray-300 rounded mb-1 overflow-hidden focus-within:border-violet-700\"\n\t\t\t\t\t\tinput-class=\"form-group bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border rounded py-2 px-4 block w-full appearance-none\"\n\t\t\t\t\t\thelp-class=\"text-xs text-gray-400\"\n\t\t\t\t\t\t/>\n              <!-- error message -->\n        </div>\n\n        <div class=\"mt-4\">\n            <div class=\"flex justify-end\">\n              <a href=\"#\" @enabled=\"dirty\" @click=\"resetPassword\" data-ignore-default-submit class=\"text-xs text-gray-500 disabled:text-gray-300\">Forget Password</a>\n            </div>\n\n\t\t\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t\t\t<FormKit \n\t\t\t\t\t\t\t\t:type=\"showPassword ? 'text' : 'password'\"\n\t\t\t\t\t\t\t\tlabel=\"Password\"\n\t\t\t\t\t\t\t\tname=\"password\"\n\t\t\t\t\t\t\t\tv-model=\"password\"\n\t\t\t\t\t\t\t\tvalidation=\"required\"\n\t\t\t\t\t\t\t\tvalidation-visibility=\"live\"\n\t\t\t\t\t\t\t\touter-class=\"mb-5\"\n\t\t\t\t\t\t\t\tlabel-class=\"block mb-1 font-bold text-sm\"\n\t\t\t\t\t\t\t\tinner-class=\"border border-gray-300 rounded mb-1 overflow-hidden focus-within:border-violet-700\"\n\t\t\t\t\t\t\t\tinput-class=\"form-group bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border rounded py-2 px-4 block w-full appearance-none\"\n\t\t\t\t\t\t\t\thelp-class=\"text-xs text-gray-400\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"w-8 h-8 absolute right-2 top-[30px]\" @click=\"togglePassword\">\n\t\t\t\t\t\t\t\t<FormKitIcon :icon=\"showPassword ? 'eyeClosed' : 'eye'\" class=\"text-slate-400\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t<!-- <pre wrap>{{ value }}</pre> -->\n\n            <!-- <input v-model=\"password\" class=\"bg-gray-200 text-gray-700 focus:border-violet-700 focus:outline-none focus:shadow-outline border border-gray-300 rounded py-2 px-4 block w-full appearance-none\" type=\"password\"> -->\n        </div>\n\n        <div class=\"mt-8\">\n          <!-- <button type=\"submit\" @click=\"signIn\" :disabled=\"invalid\" class=\"rounded-lg bg-violet-700 text-white font-bold py-4 px-4 w-full disabled:bg-slate-500\" >Login</button>     -->\n        \n\t\t\t\t\t<FormKit\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t:disabled=\"!dirty\"\n\t\t\t\t\t\tlabel=\"Login\"\n\t\t\t\t\t\t:classes=\"{\n\t\t\t\t\t\touter: 'mb-0',\n\t\t\t\t\t\tinput: 'rounded-lg bg-violet-700 text-center text-white font-bold py-4 px-4 w-full disabled:bg-slate-500',\n\t\t\t\t\t}\"\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n       \n        \n      </FormKit>\n\n\t\t\t<p class=\"p-8 text-center w-full text-sm text-slate-400\">Or</p>\n\t\t\t<div class=\"flex flex-col sm:flex-row gap-4\">\t\t\n\t\t\t\t<button @click=\"loginWithGmail\" type=\"button\" class=\"rounded-lg bg-black text-white font-bold py-4 px-4 w-full text-sm disabled:bg-slate-500\">Sign in with Google</button>\n\t\t\t\t<button @click=\"loginWithApple\" type=\"button\" class=\"rounded-lg bg-black text-white font-bold py-4 px-4 w-full text-sm disabled:bg-slate-500\">Sign in with Apple</button>\n\t\t\t</div>\n\t\t</div>\t\n\n\t\t\t<div v-if=\"user\" class=\"h-auto my-4 mx-6 sm:mx-10 lg:max-w-lg\">\n\t\t\t\t<p class=\"mb-8 text-xl\">Are you sure you want to delete your account and all user data for <span class=\"text-bold text-primary-500\">{{accountName()}}</span>? </p>\n\t\t\t\t<button @click=\"deleteUserData\" type=\"button\" class=\"rounded-lg bg-red-500 text-white font-bold py-4 px-4 w-full disabled:bg-slate-500\">Yes, delete this user account</button>\n\t\t\t\t<button class=\"text-slate-500 mx-auto my-6 w-full\" @click=\"logout\">No, Change Account</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\t\n</template>"],"names":["nuxtApp","useNuxtApp","user","ref","isLoading","showPassword","email","password","togglePassword","value","onMounted","onAuthStateChanged","getAuth","usr","uid","signIn","signInWithEmailAndPassword","$auth","then","userCredential","catch","error","code","message","resetPassword","sendPasswordResetEmail","url","handleCodeInApp","navigateTo","logout","signOut","deleteUserData","delete","loginWithGmail","provider","GoogleAuthProvider","signInWithPopup","result","credential","credentialFromResult","accessToken","credentialFromError","loginWithApple","OAuthProvider","addScope","accountName","includes","displayName","_a","length"],"mappings":"mzBAKA,MAAMA,EAAUC,IAEVC,EAAOC,IACPC,EAAYD,GAAI,GAChBE,EAAeF,GAAI,GACnBG,EAAQH,IACRI,EAAWJ,IAEXK,EAAiB,KACTH,EAAAI,OAASJ,EAAaI,KAAA,EAGpCC,GAAU,KAIUC,EAAAC,KAAYC,IAC9B,GAAIA,EAAK,CAGIA,EAAIC,IAEhBZ,EAAKO,MAAQI,CAAA,MAKbX,EAAKO,MAAQ,IACd,GACA,IAKF,MAAMM,EAAS,KAEdX,EAAUK,OAAQ,EAGSO,EAAAhB,EAAQiB,MAAOX,EAAMG,MAAOF,EAASE,OAC9DS,MAAMC,IAENjB,EAAKO,MAAQU,EAAejB,KAE5BE,EAAUK,OAAQ,CAAA,IAElBW,OAAOC,IACWA,EAAMC,KACHD,EAAME,QAE3BnB,EAAUK,OAAQ,CAAA,GAClB,EAGGe,EAAgB,KAGEC,EAAAb,IAAWN,EAAMG,MAAO,CAC3CiB,IAAK,sCACLC,iBAAiB,IAEbT,MAAK,KAGTU,EAAW,0BAAyB,IAGhCR,OAAOC,IACNjB,EAAUK,OAAQ,CAAA,GACnB,EAGHoB,EAAS,KAEd7B,EAAQiB,MAAMa,WAGTC,EAAiB,KAEtB7B,EAAKO,MAAOuB,SACVd,MAAK,KAGLU,EAAW,0BAAyB,IAElCR,OAAOC,IAGmB,GAC5B,EAGGY,EAAiB,KAEhB,MAAAC,EAAW,IAAIC,EACrBC,EAAgBxB,IAAWsB,GACzBhB,MAAMmB,IAEA,MAAAC,EAAaH,EAAmBI,qBAAqBF,GACjC,MAAAC,GAAAA,EAAAE,YAE1BtC,EAAKO,MAAQ4B,EAAOnC,IACU,IAE5BkB,OAAOC,IAESA,EAAMC,KACHD,EAAME,QAEbF,EAAMf,MAED6B,EAAmBM,oBAAoBpB,EACO,GAEjE,EAGGqB,EAAiB,KAEhB,MAAAR,EAAW,IAAIS,EAAc,aACnCT,EAASU,SAAS,SAClBV,EAASU,SAAS,QAElBR,EAAgBxB,IAAWsB,GACzBhB,MAAMmB,IAEA,MAAAC,EAAaK,EAAcJ,qBAAqBF,GAC5B,MAAAC,GAAAA,EAAAE,YAE1BtC,EAAKO,MAAQ4B,EAAOnC,IACU,IAE5BkB,OAAOC,IAESA,EAAMC,KACHD,EAAME,QAEbF,EAAMf,MAEDqC,EAAcF,oBAAoBpB,EACY,GAEjE,EAIGwB,EAAc,WACnB,MAAMhC,EAAMX,EAAKO,MACjB,OAAGI,EAAIP,QAAUO,EAAIP,MAAMwC,SAAS,4BAC5BjC,EAAIP,MAETO,EAAIkC,cAAe,OAAAC,EAAAnC,EAAIkC,kBAAJ,EAAAC,EAAiBC,QAAS,EACxCpC,EAAIkC,YAAc,SAAWlC,EAAIC,IAElCD,EAAIP,OAASO,EAAIC,GAAA"}