{"version":3,"file":"contact.js","sources":["../../client/contact/ContactMail.ts","../../client/contact/http.ts","../../client/contact/contact.vue","../../client/contact/index.ts"],"sourcesContent":["import { required, email, minLength } from \"@vuelidate/validators\";\r\nimport { notEqual } from \"../validators\";\r\nimport { subjects } from \"../lookups\";\r\nimport { useVuelidate } from \"@vuelidate/core\";\r\nimport isProduction from \"../helpers/isProduction\";\r\n\r\nexport default class ContactMail {\r\n\r\n  constructor() {\r\n    this.reset();\r\n  }\r\n\r\n  name = \"\";\r\n  email = \"\";\r\n  subject = \"\";\r\n  msg = \"\";\r\n\r\n  rules = {\r\n    name: { required, minLength: minLength(5) },\r\n    email: { required, email },\r\n    subject: {\r\n      required,\r\n      minLength: minLength(5),\r\n      notEqual: notEqual(subjects[0]),\r\n    },\r\n    msg: { required, minLength: minLength(20) }\r\n  };\r\n\r\n  getModel() {\r\n    return useVuelidate(this.rules, this, { $rewardEarly: true });\r\n  }\r\n\r\n  reset() {\r\n    if (isProduction) {\r\n      this.name = \"\";\r\n      this.email = \"\";\r\n      this.subject = \"\";\r\n      this.msg = \"\";\r\n    } \r\n  }\r\n}","import axios from \"axios\";\r\nimport { type Ref } from 'vue';\r\nimport ContactMail from './ContactMail';\r\n\r\nexport default {\r\n  sendMail: async (mail: Ref<ContactMail>) => {\r\n    try {\r\n      var result = await axios.post<boolean>(\"https://api.wilderminds.com/api/messenger?template=ContactTemplate.txt\", mail.value);\r\n      return result.data;\r\n    } catch {\r\n      return false;\r\n    } \r\n  }\r\n};","<script lang=\"ts\" setup>\r\nimport { ref } from \"vue\";\r\nimport ModelError from \"../components/ModelError.vue\";\r\nimport ContactMail from \"./ContactMail\";\r\nimport http from \"./http\";\r\nimport logger from \"../logger\";\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\nconst { t } = useI18n();\r\nconst error = ref(\"\");\r\nconst isBusy = ref(false);\r\nconst status = ref(\"\");\r\nconst mail = ref(new ContactMail());\r\nconst model = mail.value.getModel();\r\n\r\nasync function onSubmit() {\r\n  logger.log(`Starting Submit`);\r\n\r\n  // reset\r\n  status.value = \"\";\r\n  isBusy.value = false;\r\n  error.value = \"\";\r\n\r\n  // Validate\r\n  if (model.value.$validate && (await model.value.$validate())) {\r\n    // Save\r\n    isBusy.value = true;\r\n    logger.log(`Sending Mail...`, mail.value);\r\n    if (await http.sendMail(mail)) {\r\n      model.value.$reset();\r\n      mail.value.reset();\r\n      status.value = t(\"messagesent\");\r\n      logger.log(`Mail Sent`);\r\n    } else {\r\n      error.value = t(\"errorsent\");\r\n      logger.log(`Mail failed`);\r\n    }\r\n    isBusy.value = false;\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <div v-if=\"isBusy\"\r\n         class=\"w-full p-1 text-center text-gray-300 rounded mb-4\">\r\n      <svg class=\"h-5 animate-spin fill-gray-300 inline-block\"\r\n           xmlns=\"http://www.w3.org/2000/svg\"\r\n           viewBox=\"0 0 512 512\">\r\n        <path\r\n              d=\"M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z\" />\r\n      </svg>\r\n      {{ $t(\"sending\") }}\r\n    </div>\r\n\r\n    <form method=\"post\"\r\n          @submit.prevent=\"onSubmit()\"\r\n          id=\"contact-form\"\r\n          novalidate>\r\n      <p class=\"mb-0\"\r\n         id=\"error-msg\"></p>\r\n      <div id=\"simple-msg\"></div>\r\n      <div class=\"grid lg:grid-cols-12 lg:gap-5\">\r\n        <div class=\"lg:col-span-6 mb-5\">\r\n          <input name=\"name\"\r\n                 v-model=\"model.name.$model\"\r\n                 type=\"text\"\r\n                 class=\"form-input w-full py-2 px-3 border border-inherit dark:border-gray-800 dark:bg-slate-900 dark:text-slate-200 rounded h-10 outline-none bg-transparent focus:border-amber-500/50 dark:focus:border-amber-500/50 focus:shadow-none focus:ring-0 text-[15px]\"\r\n                 :placeholder=\"$t('name')\"\r\n                 :class=\"{ error: model.name.$error && model.name.$invalid }\">\r\n          <ModelError v-if=\"model.$error\"\r\n                      :model=\"model.name\" />\r\n        </div>\r\n\r\n        <div class=\"lg:col-span-6 mb-5\">\r\n          <input name=\"email\"\r\n                 v-model=\"model.email.$model\"\r\n                 type=\"email\"\r\n                 class=\"form-input w-full py-2 px-3 border border-inherit dark:border-gray-800 dark:bg-slate-900 dark:text-slate-200 rounded h-10 outline-none bg-transparent focus:border-amber-500/50 dark:focus:border-amber-500/50 focus:shadow-none focus:ring-0 text-[15px]\"\r\n                 :placeholder=\"$t('email')\"\r\n                 :class=\"{ error: model.$error && model.email.$invalid }\">\r\n          <ModelError v-if=\"model.$error\"\r\n                      :model=\"model.email\" />\r\n        </div><!--end col-->\r\n      </div>\r\n\r\n      <div class=\"grid grid-cols-1\">\r\n        <div class=\"mb-5\">\r\n          <input name=\"subject\"\r\n                 v-model=\"model.subject.$model\"\r\n                 class=\"form-input w-full py-2 px-3 border border-inherit dark:border-gray-800 dark:bg-slate-900 dark:text-slate-200 rounded h-10 outline-none bg-transparent focus:border-amber-500/50 dark:focus:border-amber-500/50 focus:shadow-none focus:ring-0 text-[15px]\"\r\n                 :placeholder=\"$t('subject')\"\r\n                 :class=\"{ error: model.$error && model.subject.$invalid }\">\r\n          <ModelError v-if=\"model.$error\"\r\n                      :model=\"model.subject\" />\r\n        </div>\r\n\r\n        <div class=\"mb-5\">\r\n          <textarea name=\"comments\"\r\n                    v-model=\"model.msg.$model\"\r\n                    class=\"form-input w-full py-2 px-3 border border-inherit dark:border-gray-800 dark:bg-slate-900 dark:text-slate-200 rounded h-28 outline-none bg-transparent focus:border-amber-500/50 dark:focus:border-amber-500/50 focus:shadow-none focus:ring-0 text-[15px]\"\r\n                    :placeholder=\"`${$t('comments')}:`\"\r\n                    :class=\"{ error: model.$error && model.msg.$invalid }\"></textarea>\r\n          <ModelError v-if=\"model.$error\"\r\n                      :model=\"model.msg\" />\r\n        </div>\r\n        <div class=\"flex justify-end\">\r\n          <button type=\"submit\"\r\n                  id=\"submit\"\r\n                  name=\"send\"\r\n                  :disabled=\"(model.$dirty && model.$invalid) || isBusy\"\r\n                  class=\"btn bg-amber-500 hover:bg-amber-600 disabled:bg-amber-200 disabled:text-gray-500 border-amber-500 hover:border-amber-600 text-white rounded-md h-11 justify-center flex items-center\">{{ $t(\"sendmessage\")}}</button>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div v-if=\"status\"\r\n             class=\"text-sm py-2 text-primary\">{{ status }}</div>\r\n        <div v-if=\"error\"\r\n             class=\"text-sm py-2 text-warning\">{{ error }}</div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</template>\r\na\r\n<style scoped>\r\n.error {\r\n\r\n  border-color: rgba(255, 0, 0, .5) !important;\r\n  /* border-width: 1px !important; */\r\n}\r\n</style>\r\n","import { createApp } from 'vue'\r\nimport Contact from './contact.vue'\r\nimport i18n from \"../locales\";\r\n\r\ncreateApp(Contact)\r\n  .use(i18n())\r\n  .mount('#contact-form')\r\n"],"names":["ContactMail","__publicField","required","minLength","email","notEqual","subjects","useVuelidate","http","mail","result","axios","t","useI18n","error","ref","isBusy","status","model","onSubmit","logger","createApp","Contact","i18n"],"mappings":"2ZAMA,MAAqBA,CAAY,CAE/B,aAAc,CAIdC,EAAA,YAAO,IACPA,EAAA,aAAQ,IACRA,EAAA,eAAU,IACVA,EAAA,WAAM,IAENA,EAAA,aAAQ,CACN,KAAM,CAAE,SAAAC,EAAU,UAAWC,EAAU,CAAC,CAAE,EAC1C,MAAO,CAAE,SAAAD,EAAU,MAAAE,CAAM,EACzB,QAAS,CACP,SAAAF,EACA,UAAWC,EAAU,CAAC,EACtB,SAAUE,EAASC,EAAS,CAAC,CAAC,CAChC,EACA,IAAK,CAAE,SAAAJ,EAAU,UAAWC,EAAU,EAAE,CAAE,CAC5C,GAjBE,KAAK,MAAM,CAAA,CAmBb,UAAW,CACT,OAAOI,EAAa,KAAK,MAAO,KAAM,CAAE,aAAc,GAAM,CAAA,CAG9D,OAAQ,CAEJ,KAAK,KAAO,GACZ,KAAK,MAAQ,GACb,KAAK,QAAU,GACf,KAAK,IAAM,EACb,CAEJ,CCpCA,MAAeC,EAAA,CACb,SAAU,MAAOC,GAA2B,CACtC,GAAA,CACF,IAAIC,EAAS,MAAMC,EAAM,KAAc,yEAA0EF,EAAK,KAAK,EAC3H,OAAOC,EAAO,IAAA,MACR,CACC,MAAA,EAAA,CACT,CAEJ,6dCLM,KAAA,CAAE,EAAAE,CAAE,EAAIC,EAAQ,EAChBC,EAAQC,EAAI,EAAE,EACdC,EAASD,EAAI,EAAK,EAClBE,EAASF,EAAI,EAAE,EACfN,EAAOM,EAAI,IAAIf,CAAa,EAC5BkB,EAAQT,EAAK,MAAM,SAAS,EAElC,eAAeU,GAAW,CAIxBF,EAAO,MAAQ,GACfD,EAAO,MAAQ,GACfF,EAAM,MAAQ,GAGVI,EAAM,MAAM,WAAc,MAAMA,EAAM,MAAM,cAE9CF,EAAO,MAAQ,GACRI,EAAA,IAAI,kBAAmBX,EAAK,KAAK,EACpC,MAAMD,EAAK,SAASC,CAAI,GAC1BS,EAAM,MAAM,OAAO,EACnBT,EAAK,MAAM,MAAM,EACVQ,EAAA,MAAQL,EAAE,aAAa,GAGxBE,EAAA,MAAQF,EAAE,WAAW,EAG7BI,EAAO,MAAQ,GACjB,k5GClCFK,EAAUC,EAAO,EACd,IAAIC,GAAM,EACV,MAAM,eAAe"}