{"version":3,"sources":["webpack:///./src/views/unsub.vue","webpack:///./src/views/unsub.vue?73d4","webpack:///./src/views/unsub.vue?e6d9","webpack:///./src/views/unsub.vue?9bba"],"names":["class","close","type","name","id","email","placeholder","validemail","style","password","bgColor","txtColor","shadow","unsubscribe","apiurl","components","Icon","Button","props","emit","route","event","undefined","query","value","toString","re","test","String","toLowerCase","baseURL","url","method","data","then","res","catch","err","console","log","render","__scopeId"],"mappings":"8OACOA,MAAM,a,GAGJA,MAAM,a,EACT,eAAmC,MAA/BA,MAAM,UAAS,eAAW,G,EAC9B,eAAwD,OAAnDA,MAAM,QAAO,oCAAgC,G,GAE7CA,MAAM,Q,GACJA,MAAM,U,iBAQkD,Q,GAM1DA,MAAM,Y,iBAAW,c,iBAcjB,e,6HApCT,eA0CM,MA1CN,EA0CM,CAzCJ,eAAuC,OAAlCA,MAAM,OAAQ,QAAK,oBAAE,EAAAC,OAAA,EAAAA,SAAA,MAE1B,eAoCM,MApCN,EAoCM,CAnCJ,EACA,EAEA,eAcM,MAdN,EAcM,CAbJ,eAYM,MAZN,EAYM,C,eAXJ,eAME,SALAC,KAAK,QACLC,KAAK,GACLC,GAAG,Q,qCACM,EAAAC,MAAK,GACdC,YAAY,oB,mBADH,EAAAD,SAGC,EAAAE,Y,iBAAZ,eAAsE,G,MAA9CC,MAAA,gBAAqBR,MAAM,S,WAAQ,IAAI,C,qCAMnE,eAOM,MAPN,EAOM,C,iBANK,eAKP,SAJAE,KAAK,WACLC,KAAK,G,qCACI,EAAAM,SAAQ,GACjBL,GAAG,Y,mBADM,EAAAK,cAIb,eAQM,YAPJ,eAMC,GALCC,QAAQ,0BACRC,SAAS,UACTC,OAAO,sBACN,QAAO,EAAAC,a,WACP,IAAW,C,6FC9BtB,MAAMC,EAAS,yBAGA,qBAAgB,CAC7BC,WAAY,CAAEC,OAAA,KAAMC,SAAA,MACpBC,MAAO,GACP,MAAMA,GAAO,KAAEC,IACb,MAAMC,EAAQ,iBAERnB,EAASoB,IACbF,EAAK,UAEDd,EAAQ,eAAI,IACZI,EAAW,eAAI,IACrB,eAAU,UACiBa,GAArBF,EAAMG,MAAMlB,QACdA,EAAMmB,MAAQJ,EAAMG,MAAMlB,MAAMoB,cAIpC,MAAMlB,EAAa,eAAS,KAC1B,MAAMmB,EACJ,wJACF,OAAOA,EAAGC,KAAKC,OAAOvB,EAAMmB,OAAOK,iBAG/BhB,EAAc,KACM,GAApBN,EAAWiB,OACb,IAAM,CACJM,QAAShB,EACTiB,IAAK,eACLC,OAAQ,OACRC,KAAM,CACJ5B,MAAOA,EAAMmB,SAGdU,KAAMC,OAGNC,MAAOC,IACNC,QAAQC,IAAIF,MAMpB,MAAO,CACLpC,QACAI,QACAI,WACAI,cACAN,iB,UCrDN,EAAOiC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/unsub.c8648d60.js","sourcesContent":["<template>\n  <div class=\"container\">\n    <div class=\"blur\" @click=\"close\"></div>\n    <!-- <transition name=\"fade\"> -->\n    <div class=\"subscribe\">\n      <h1 class=\"header\">Unsubscribe</h1>\n      <div class=\"info\">Remove all update mails from us.</div>\n\n      <div class=\"form\">\n        <div class=\"e-mail\">\n          <input\n            type=\"email\"\n            name=\"\"\n            id=\"email\"\n            v-model=\"email\"\n            placeholder=\"email@domain.com\"\n          />\n          <Icon v-if=\"validemail\" style=\"color: green\" class=\"valid\">done</Icon>\n          <!-- <Icon v-if=\"!validemail\" style=\"color: red\" class=\"valid\"\n            >priority_high</Icon\n          > -->\n        </div>\n      </div>\n      <div class=\"password\">\n        Password:<input\n          type=\"password\"\n          name=\"\"\n          v-model=\"password\"\n          id=\"password\"\n        />\n      </div>\n      <div>\n        <Button\n          bgColor=\"var(--color-dark-green)\"\n          txtColor=\"#ffffff\"\n          shadow=\"var(--shadow-green)\"\n          @click=\"unsubscribe\"\n          >Unsubscribe</Button\n        >\n      </div>\n    </div>\n    <!-- </div> -->\n    <!-- </transition> -->\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted } from \"vue\"\nimport { useRoute } from \"vue-router\"\nimport Icon from \"./../components/Icon.vue\"\nimport Button from \"./../components/Button.vue\"\nimport axios from \"axios\"\n\nconst apiurl = \"https://api.otonomi.no\"\n// const apiurl = \"http://localhost:8085\"\n\nexport default defineComponent({\n  components: { Icon, Button },\n  props: {},\n  setup(props, { emit }) {\n    const route = useRoute()\n\n    const close = (event: any) => {\n      emit(\"close\")\n    }\n    const email = ref(\"\")\n    const password = ref(\"\")\n    onMounted(() => {\n      if (route.query.email != undefined) {\n        email.value = route.query.email.toString()\n      }\n    })\n\n    const validemail = computed(() => {\n      const re =\n        /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n      return re.test(String(email.value).toLowerCase())\n    })\n\n    const unsubscribe = () => {\n      if (validemail.value == true) {\n        axios({\n          baseURL: apiurl,\n          url: \"/unsubscribe\",\n          method: \"post\",\n          data: {\n            email: email.value,\n          },\n        })\n          .then((res) => {\n            return\n          })\n          .catch((err) => {\n            console.log(err)\n          })\n        // emit(\"close\")\n      }\n    }\n\n    return {\n      close,\n      email,\n      password,\n      unsubscribe,\n      validemail,\n    }\n  },\n})\n</script>\n<style lang=\"scss\" scoped>\n.blur {\n  position: fixed;\n  backdrop-filter: blur(6px);\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.container {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .subscribe {\n    width: 600px;\n    padding: 40px 50px;\n    background-color: white;\n    border-radius: 12px;\n    box-shadow: var(--shadow-dark);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-evenly;\n    @media (max-width: 800px) {\n      width: 500px;\n      padding: 40px 40px;\n    }\n    @media (max-width: 600px) {\n      width: 400px;\n      padding: 40px 20px;\n    }\n\n    h1 {\n      margin-bottom: 1.2rem;\n    }\n\n    .info {\n      margin: 0 auto 1.5rem;\n    }\n\n    .close {\n      position: absolute;\n      right: 30px;\n      top: 30px;\n      font-size: 2rem;\n      cursor: pointer;\n    }\n\n    .form {\n      margin-bottom: 2rem;\n    }\n  }\n}\n.e-mail {\n  // background-color: lightgray;\n  position: relative;\n  width: 60%;\n\n  margin: 10px auto;\n}\n.valid {\n  position: absolute;\n  top: 15px;\n  right: -20px;\n}\n.button {\n  padding: 5px 5px;\n}\ninput {\n  background-color: #eee;\n  border: none;\n  padding: 12px 15px;\n  margin: 8px 0;\n  width: 100%;\n}\n.password {\n  height: 0px;\n  opacity: 0;\n  display: none;\n}\n</style>\n","\nimport { defineComponent, ref, computed, onMounted } from \"vue\"\nimport { useRoute } from \"vue-router\"\nimport Icon from \"./../components/Icon.vue\"\nimport Button from \"./../components/Button.vue\"\nimport axios from \"axios\"\n\nconst apiurl = \"https://api.otonomi.no\"\n// const apiurl = \"http://localhost:8085\"\n\nexport default defineComponent({\n  components: { Icon, Button },\n  props: {},\n  setup(props, { emit }) {\n    const route = useRoute()\n\n    const close = (event: any) => {\n      emit(\"close\")\n    }\n    const email = ref(\"\")\n    const password = ref(\"\")\n    onMounted(() => {\n      if (route.query.email != undefined) {\n        email.value = route.query.email.toString()\n      }\n    })\n\n    const validemail = computed(() => {\n      const re =\n        /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n      return re.test(String(email.value).toLowerCase())\n    })\n\n    const unsubscribe = () => {\n      if (validemail.value == true) {\n        axios({\n          baseURL: apiurl,\n          url: \"/unsubscribe\",\n          method: \"post\",\n          data: {\n            email: email.value,\n          },\n        })\n          .then((res) => {\n            return\n          })\n          .catch((err) => {\n            console.log(err)\n          })\n        // emit(\"close\")\n      }\n    }\n\n    return {\n      close,\n      email,\n      password,\n      unsubscribe,\n      validemail,\n    }\n  },\n})\n","import { render } from \"./unsub.vue?vue&type=template&id=4844a222&scoped=true\"\nimport script from \"./unsub.vue?vue&type=script&lang=ts\"\nexport * from \"./unsub.vue?vue&type=script&lang=ts\"\n\nimport \"./unsub.vue?vue&type=style&index=0&id=4844a222&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4844a222\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./unsub.vue?vue&type=style&index=0&id=4844a222&lang=scss&scoped=true\""],"sourceRoot":""}