{"version":3,"sources":["webpack:///./src/components/h/ContactUs.vue","webpack:///./src/components/h/ContactUs.vue?b0a5","webpack:///./node_modules/core-js/modules/es.function.name.js"],"names":["class","style","for","error","success","name","id","type","email","company","message","rows","isLoading","submit","components","data","created","methods","a","post","result","__exports__","render","DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","this"],"mappings":"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","file":"js/chunk-28f92fb6.3734b9e8.js","sourcesContent":["<template>\n  <div>\n    <div class=\"text-700 text-center my-3\">\n      <div class=\"text-900 font-bold text-5xl\">Contact Us</div>\n    </div>\n    <div class=\"m-auto md:col-12 lg:col-7\">\n      <div class=\"surface-section px-3 py-6 lg:px-8\">\n\n        <!-- Error -->\n        <div v-if=\"error\" class=\"mb-5\">\n          <div\n            class=\"\n              flex\n              align-items-start\n              p-4\n              bg-pink-100\n              border-round border-1 border-pink-300\n            \"\n          >\n            <i class=\"pi pi-times-circle text-pink-900 text-2xl mr-3\"></i>\n            <div class=\"mr-3\">\n              <div class=\"text-pink-900 font-medium text-xl mb-3 line-height-1\">\n                Error\n              </div>\n              <ul class=\"m-0 p-0 text-pink-700 ml-3\">\n                <li class=\"p-1\">\n                  {{ error }}\n                </li>\n              </ul>\n            </div>\n            <div class=\"ml-auto\">\n              <a\n                class=\"\n                  inline-flex\n                  align-items-center\n                  justify-content-center\n                  ml-auto\n                  border-circle\n                  hover:bg-pink-50\n                  no-underline\n                  cursor-pointer\n                  transition-colors transition-duration-150\n                  p-ripple\n                \"\n                style=\"width: 1.5rem; height: 1.5rem\"\n                ><i class=\"pi pi-times text-pink-900\"></i\n                ><span class=\"p-ink\"></span\n              ></a>\n            </div>\n          </div>\n        </div>\n\n\n        <!-- Success-->\n        <div\n          v-if=\"success === true\"\n          class=\"\n            flex\n            align-items-start\n            p-4\n            bg-green-100\n            border-round border-1 border-green-300\n            mb-6\n          \"\n        >\n          <i class=\"pi pi-check-circle text-green-900 text-2xl mr-3\"></i>\n          <div class=\"mr-3\">\n            <div class=\"text-green-900 font-medium text-xl mb-2 line-height-1\">\n              Message sent\n            </div>\n            <p class=\"m-0 p-0 text-green-700 line-height-3\">\n              We have recieved your message and will get back to you as soon as\n              possible.\n            </p>\n          </div>\n          <div class=\"ml-auto\">\n            <a\n              class=\"\n                inline-flex\n                align-items-center\n                justify-content-center\n                ml-auto\n                border-circle\n                hover:bg-green-50\n                no-underline\n                cursor-pointer\n                transition-colors transition-duration-150\n                p-ripple\n              \"\n              style=\"width: 1.5rem; height: 1.5rem\"\n              ><span class=\"p-ink\"></span\n            ></a>\n          </div>\n        </div>\n\n        <p class=\"line-height-3 text-600 text-2xl mb-5\">\n          Please fill in the form below and we will get back to you as soon as\n          possible.<br />\n        </p>\n\n        <div class=\"grid\">\n          <div class=\"col-12 md:col-12\">\n            <div class=\"p-fluid pr-0 md:pr-6\">\n              <div class=\"field\">\n                <label for=\"name\" class=\"font-medium\"\n                  >Name <small class=\"text-danger\">* Required</small></label\n                ><input\n                  v-model=\"name\"\n                  class=\"\n                    p-inputtext p-component\n                    py-3\n                    px-2\n                    text-lg\n                    py-3\n                    px-2\n                    text-lg\n                  \"\n                  id=\"name\"\n                  type=\"text\"\n                />\n              </div>\n              <div class=\"field\">\n                <label for=\"email\" class=\"font-medium\"\n                  >Email <small class=\"text-danger\">* Required</small></label\n                ><input\n                  v-model=\"email\"\n                  class=\"\n                    p-inputtext p-component\n                    py-3\n                    px-2\n                    text-lg\n                    py-3\n                    px-2\n                    text-lg\n                  \"\n                  id=\"email\"\n                  type=\"text\"\n                />\n              </div>\n              <div class=\"field\">\n                <label for=\"company\" class=\"font-medium\">Company</label\n                ><input\n                  v-model=\"company\"\n                  class=\"\n                    p-inputtext p-component\n                    py-3\n                    px-2\n                    text-lg\n                    py-3\n                    px-2\n                    text-lg\n                  \"\n                  id=\"company\"\n                  type=\"text\"\n                />\n              </div>\n              <div class=\"field\">\n                <label for=\"message\" class=\"font-medium\"\n                  >Message <small class=\"text-red-700\">* Required</small></label\n                ><textarea\n                  v-model=\"message\"\n                  class=\"\n                    p-inputtextarea\n                    p-inputtext\n                    p-component\n                    p-inputtextarea-resizable\n                    py-3\n                    px-2\n                    text-lg\n                    py-3\n                    px-2\n                    text-lg\n                  \"\n                  id=\"message\"\n                  rows=\"6\"\n                  style=\"height: calc(160px); overflow: hidden\"\n                ></textarea>\n              </div>\n\n              <div v-if=\"isLoading\" class=\"my-5\">\n                <ProgressSpinner />\n              </div>\n\n              <button\n                v-if=\"!isLoading\"\n                @click=\"submit\"\n                class=\"p-button p-component w-auto\"\n                type=\"button\"\n              >\n                <span class=\"pi pi-send p-button-icon p-button-icon-left\"></span\n                ><span class=\"p-button-label\">Send Message</span\n                ><span class=\"p-ink\"></span>\n              </button>\n            </div>\n          </div>\n          <!-- <div\n        class=\"col-12 md:col-6 bg-no-repeat bg-right-bottom\"\n        style=\"background-image: url('images/blocks/contact/contact-1.png')\"\n      >\n        <div class=\"text-900 text-2xl font-medium mb-6\">Contact Us</div>\n        <div class=\"text-700 line-height-3 mb-6\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua.\n        </div>\n        <a\n          class=\"\n            inline-flex\n            align-items-center\n            text-blue-600\n            font-bold\n            no-underline\n            cursor-pointer\n          \"\n          ><span class=\"mr-3\">View Address on Google Maps</span\n          ><i class=\"pi pi-arrow-right\"></i\n        ></a>\n        <ul class=\"list-none p-0 m-0 mt-6 text-700\">\n          <li class=\"flex align-items-center mb-3\">\n            <i class=\"pi pi-phone mr-2\"></i><span>+123456789</span>\n          </li>\n          <li class=\"flex align-items-center mb-3\">\n            <i class=\"pi pi-twitter mr-2\"></i><span>@prime_ng</span>\n          </li>\n          <li class=\"flex align-items-center\">\n            <i class=\"pi pi-inbox mr-2\"></i><span>contact@primetek.com.tr</span>\n          </li>\n        </ul>\n      </div> -->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nexport default {\n  components: {},\n  data() {\n    return {\n      name: \"\",\n      email: \"\",\n      company: \"\",\n      message: \"\",\n      error: null,\n      isLoading: false,\n      success: false,\n    };\n  },\n  created() {},\n  methods: {\n    async submit() {\n      this.error = null;\n      this.isLoading = true;\n\n      if(!this.name || !this.email || !this.message) {\n        this.error = \"Please fill in all the required fields.\";\n        this.isLoading = false;\n        return;\n      }\n\n      var result = await axios.post(\"/api/contact-us\", {\n        name: this.name,\n        email: this.email,\n        company: this.company,\n        message: this.message,\n      });\n\n      if (result.data.error) {\n        this.error = result.data.error || \"There was an error\";\n      } else {\n        this.name = \"\";\n        this.email = \"\";\n        this.company = \"\";\n        this.message = \"\";\n\n        this.success = true;\n      }\n\n      this.isLoading = false;\n    },\n  },\n};\n</script>\n","import { render } from \"./ContactUs.vue?vue&type=template&id=416ddbd0\"\nimport script from \"./ContactUs.vue?vue&type=script&lang=js\"\nexport * from \"./ContactUs.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n"],"sourceRoot":""}