{"version":3,"sources":["webpack:///./src/views/Contact.vue?2df5","webpack:///./src/views/Contact.vue?7c82","webpack:///./src/views/Contact.vue","webpack:///src/views/Contact.vue","webpack:///./src/views/Contact.vue?c4e6","webpack:///./src/views/Contact.vue?6310"],"names":["render","_vm","this","_c","_self","attrs","$vuetify","breakpoint","mdAndUp","staticClass","class","headingContainer","headingContainerMobile","smAndDown","staticStyle","_v","ref","v","model","value","formData","fullName","callback","$$v","$set","expression","mobile","email","enquiries","enquiry_type","message","files","length","_l","file","key","name","_s","on","$event","$refs","fileUpload","click","filesSelected","checkbox","sendingEmailLoading","sendEmail","emailFormConfirmation","staticRenderFns","data","attachmentList","testimonials","src","text","computed","_objectSpread","mapGetters","user","services","categories","categoriesByName","methods","e","_this","target","reader","FileReader","fileData","meta","type","onload","readerFile","result","push","JSON","parse","stringify","readAsDataURL","_sendEmail","_asyncToGenerator","regeneratorRuntime","mark","_callee","_this2","wrap","_context","prev","next","enquiryForm","validate","$store","dispatch","then","reset","stop","apply","arguments","component"],"mappings":"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","file":"js/chunk-0b641e8c.15e0ccc4.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&id=85694b10&prod&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=1&id=85694b10&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-layout',[_c('section',{attrs:{\"id\":\"contactSectionHeader\"}},[(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-img',{staticClass:\"backgroundImg\",attrs:{\"src\":'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fb-CA27K8_adobespark.jpg?alt=media&token=217dc283-ccbc-408b-8719-54e95588960a',\"height\":\"400\",\"max-height\":\"calc(100vh - 75px) !important\",\"position\":\"top\"}},[_c('div',{class:{\n            headingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n            headingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n          }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"#4cc7e8\"}},[_vm._v(\"Contact us\")])]),_c('div',{staticClass:\"headingParagraph mb-5\"},[_c('p',{staticClass:\"mb-0\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"\\n              We are here to help, and would love to hear from you. Send us an\\n              enquiry below.\\n            \")])])])]):_c('div',[_c('v-img',{staticClass:\"backgroundImg\",attrs:{\"src\":'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FErC89TBY.jpeg?alt=media&token=132566cf-f22c-4e97-b0c5-11a7fbe59379',\"height\":\"800\",\"max-height\":\"calc(100vh - 75px) !important\",\"position\":\"top\"}},[_c('div',{class:{\n              headingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n              headingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n            }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"#4cc7e8\"}},[_vm._v(\"Contact us\")])]),_c('div',{staticClass:\"headingParagraph mb-5\"},[_c('p',{staticClass:\"mb-0\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"\\n                We are here to help, and would love to hear from you. Send us\\n                an enquiry below.\\n              \")])])])])],1)],1)]),_c('v-layout',{staticClass:\"pa-4\",staticStyle:{\"max-width\":\"1600px\",\"margin\":\"auto\"}},[_c('v-flex',{staticStyle:{\"margin-top\":\"30px\"},attrs:{\"xs12\":\"\",\"id\":\"contactForm\"}},[_c('v-form',{ref:\"enquiryForm\"},[_c('v-layout',{staticClass:\"contactBody\",attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('h1',[_vm._v(\"Send us an Enquiry\")])]),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-text-field',{attrs:{\"rules\":[(v) => !!v || 'Full Name is required'],\"label\":\"Full Name\"},model:{value:(_vm.formData.fullName),callback:function ($$v) {_vm.$set(_vm.formData, \"fullName\", $$v)},expression:\"formData.fullName\"}})],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-text-field',{attrs:{\"rules\":[(v) => !!v || 'Phone number is required'],\"label\":\"Mobile / Phone Number\"},model:{value:(_vm.formData.mobile),callback:function ($$v) {_vm.$set(_vm.formData, \"mobile\", $$v)},expression:\"formData.mobile\"}})],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-text-field',{attrs:{\"label\":\"Email\",\"rules\":[(v) => !!v || 'An email address is required']},model:{value:(_vm.formData.email),callback:function ($$v) {_vm.$set(_vm.formData, \"email\", $$v)},expression:\"formData.email\"}})],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"sm6\":\"\",\"id\":\"contactEnquiryType\"}},[_c('v-select',{attrs:{\"items\":_vm.enquiries,\"label\":\"Enquiry Type\"},model:{value:(_vm.formData.enquiry_type),callback:function ($$v) {_vm.$set(_vm.formData, \"enquiry_type\", $$v)},expression:\"formData.enquiry_type\"}})],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\"}},[_c('v-textarea',{attrs:{\"rules\":[(v) => !!v || 'Message is required'],\"label\":\"Message\"},model:{value:(_vm.formData.message),callback:function ($$v) {_vm.$set(_vm.formData, \"message\", $$v)},expression:\"formData.message\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('label',{staticStyle:{\"color\":\"#4cc7e8\"},attrs:{\"for\":\"file\"}},[_c('span',{staticStyle:{\"font-weight\":\"bold\",\"font-family\":\"Gotham !important\"}},[_vm._v(\"\\n                Add attachment\\n              \")]),_vm._v(\"\\n              (optional)\\n              \"),_c('br')]),(!_vm.files || !_vm.files.length)?_c('p',[_vm._v(\"No files selected\")]):_c('ul',_vm._l((_vm.files),function(file){return _c('li',{key:file.name},[_vm._v(_vm._s(file.name))])}),0),_c('v-btn',{staticClass:\"attachBtn text-capitalize ma-0 mt-4\",staticStyle:{\"background-color\":\"#162c47\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.$refs.fileUpload.click()}}},[_vm._v(\"\\n              Choose file\\n            \")]),_c('input',{ref:\"fileUpload\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"id\":\"file\",\"name\":\"attachment\"},on:{\"change\":_vm.filesSelected}})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-checkbox',{attrs:{\"rules\":[\n                (v) =>\n                  v || 'You need to agree to the privacy policy to progress',\n              ],\"label\":`I agree to the Upstream \n                privacy policy. I understand that Upstream is a copied recipient of this email, \n                in order to provide evidence that generates impact for our Good Causes.`},model:{value:(_vm.checkbox),callback:function ($$v) {_vm.checkbox=$$v},expression:\"checkbox\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"text-xs-right\":\"\"}},[_c('v-btn',{staticClass:\"info text-capitalize pa-4\",attrs:{\"loading\":_vm.sendingEmailLoading,\"depressed\":\"\"},on:{\"click\":function($event){return _vm.sendEmail()}}},[_vm._v(\"\\n              Send Enquiry\\n            \")])],1)],1)],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"350px\"},model:{value:(_vm.emailFormConfirmation),callback:function ($$v) {_vm.emailFormConfirmation=$$v},expression:\"emailFormConfirmation\"}},[_c('v-card',[_c('v-card-text',[(_vm.formData.enquiry_type == 'business')?_c('p',[_vm._v(\"\\n          Thank you for requesting an information pack about being an Upstream\\n          business. We will send one to this address ASAP.\\n        \")]):(_vm.formData.enquiry_type == 'goodcause')?_c('p',[_vm._v(\"\\n          Thank you for enquiring about the opportunity to know more about\\n          being an Upstream Good Cause. We will be in touch ASAP to discuss.\\n        \")]):_c('p',[_vm._v(\"\\n          Thank you for your email. We aim to respond to all emails ASAP\\n        \")]),_c('p',{staticClass:\"material-icon\"},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 130.2 130.2\"}},[_c('circle',{staticClass:\"path circle\",attrs:{\"fill\":\"none\",\"stroke\":\"#73AF55\",\"stroke-width\":\"6\",\"stroke-miterlimit\":\"10\",\"cx\":\"65.1\",\"cy\":\"65.1\",\"r\":\"62.1\"}}),_c('polyline',{staticClass:\"path check\",attrs:{\"fill\":\"none\",\"stroke\":\"#73AF55\",\"stroke-width\":\"6\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"points\":\"100.2,40.2 51.5,88.8 29.8,67.5 \"}})])])]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"flat\":\"\"},on:{\"click\":function($event){_vm.emailFormConfirmation = false}}},[_vm._v(\"Close\")]),_c('v-spacer')],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-layout>\n      <!-- <section style=\"position:relative;min-width:100vw;margin-top:-24px;height:300px\">\n        <v-img width=\"100%\" height=\"300\">\n          <div\n            class=\"display-3 white--text justify-center align-center\"\n            style=\"text-align: center;height: 100%;display: flex;\"\n      >Contact UpstreamNZ</div>-->\n      <!-- </v-img> -->\n      <!-- </section> -->\n\n      <section id=\"contactSectionHeader\">\n        <v-img\n          v-if=\"$vuetify.breakpoint.mdAndUp\"\n          class=\"backgroundImg\"\n          :src=\"'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2Fb-CA27K8_adobespark.jpg?alt=media&token=217dc283-ccbc-408b-8719-54e95588960a'\"\n          height=\"400\"\n          max-height=\"calc(100vh - 75px) !important\"\n          position=\"top\"\n        >\n          <div\n            :class=\"{\n              headingContainer: $vuetify.breakpoint.mdAndUp,\n              headingContainerMobile: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <div class=\"headingHeader mb-3\">\n              <h1 class=\"mb-4\" style=\"color: #4cc7e8\">Contact us</h1>\n            </div>\n            <div class=\"headingParagraph mb-5\">\n              <p class=\"mb-0\" style=\"color: white\">\n                We are here to help, and would love to hear from you. Send us an\n                enquiry below.\n              </p>\n            </div>\n          </div>\n        </v-img>\n        <div v-else>\n          <v-img\n            class=\"backgroundImg\"\n            :src=\"'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FErC89TBY.jpeg?alt=media&token=132566cf-f22c-4e97-b0c5-11a7fbe59379'\"\n            height=\"800\"\n            max-height=\"calc(100vh - 75px) !important\"\n            position=\"top\"\n          >\n            <div\n              :class=\"{\n                headingContainer: $vuetify.breakpoint.mdAndUp,\n                headingContainerMobile: $vuetify.breakpoint.smAndDown,\n              }\"\n            >\n              <div class=\"headingHeader mb-3\">\n                <h1 class=\"mb-4\" style=\"color: #4cc7e8\">Contact us</h1>\n              </div>\n              <div class=\"headingParagraph mb-5\">\n                <p class=\"mb-0\" style=\"color: white\">\n                  We are here to help, and would love to hear from you. Send us\n                  an enquiry below.\n                </p>\n              </div>\n            </div>\n          </v-img>\n        </div>\n      </section>\n    </v-layout>\n    <v-layout style=\"max-width: 1600px; margin: auto\" class=\"pa-4\">\n      <v-flex xs12 style=\"margin-top: 30px\" id=\"contactForm\">\n        <v-form ref=\"enquiryForm\">\n          <v-layout wrap class=\"contactBody\">\n            <v-flex xs12>\n              <h1>Send us an Enquiry</h1>\n            </v-flex>\n            <v-flex xs12 sm6 class=\"px-2\">\n              <v-text-field\n                v-model=\"formData.fullName\"\n                :rules=\"[(v) => !!v || 'Full Name is required']\"\n                label=\"Full Name\"\n              />\n            </v-flex>\n            <v-flex xs12 sm6 class=\"px-2\">\n              <v-text-field\n                v-model=\"formData.mobile\"\n                :rules=\"[(v) => !!v || 'Phone number is required']\"\n                label=\"Mobile / Phone Number\"\n              />\n            </v-flex>\n            <v-flex xs12 sm6 class=\"px-2\">\n              <v-text-field\n                v-model=\"formData.email\"\n                label=\"Email\"\n                :rules=\"[(v) => !!v || 'An email address is required']\"\n              />\n            </v-flex>\n            <v-flex xs12 sm6 id=\"contactEnquiryType\" class=\"px-2\">\n              <v-select\n                v-model=\"formData.enquiry_type\"\n                :items=\"enquiries\"\n                label=\"Enquiry Type\"\n              ></v-select>\n            </v-flex>\n            <v-flex xs12 class=\"px-2\">\n              <v-textarea\n                v-model=\"formData.message\"\n                :rules=\"[(v) => !!v || 'Message is required']\"\n                label=\"Message\"\n              ></v-textarea>\n            </v-flex>\n            <v-flex xs12 sm6>\n              <label for=\"file\" style=\"color: #4cc7e8\">\n                <span style=\"font-weight: bold; font-family: Gotham !important\">\n                  Add attachment\n                </span>\n                (optional)\n                <br />\n              </label>\n\n              <p v-if=\"!files || !files.length\">No files selected</p>\n              <ul v-else>\n                <li v-for=\"file in files\" :key=\"file.name\">{{ file.name }}</li>\n              </ul>\n\n              <v-btn\n                class=\"attachBtn text-capitalize ma-0 mt-4\"\n                style=\"background-color: #162c47; color: white\"\n                @click=\"$refs.fileUpload.click()\"\n              >\n                Choose file\n              </v-btn>\n\n              <input\n                type=\"file\"\n                id=\"file\"\n                name=\"attachment\"\n                ref=\"fileUpload\"\n                style=\"display: none\"\n                @change=\"filesSelected\"\n              />\n              <!-- <p v-if=\"$refs.fileUpload.files.length > 0\">\n                {{ $refs.fileUpload.value }}\n              </p> -->\n            </v-flex>\n\n            <!-- Additional Fields, based on enquiry_type -->\n            <!-- \n            <v-flex xs12 v-show=\"formData.enquiry_type == 'business'\">\n              <v-text-field v-model=\"formData.business_name\" label=\"Business Name\" />\n              <v-textarea v-model=\"formData.address\" label=\"Address\"></v-textarea>\n            </v-flex>\n\n            <v-flex xs12 v-show=\"formData.enquiry_type == 'goodcause'\">\n              <v-text-field v-model=\"formData.organisation_name\" label=\"Organisation Name\" />\n            </v-flex>-->\n\n            <v-flex xs12 sm6>\n              <v-checkbox\n                :rules=\"[\n                  (v) =>\n                    v || 'You need to agree to the privacy policy to progress',\n                ]\"\n                v-model=\"checkbox\"\n                :label=\"`I agree to the Upstream \n                  privacy policy. I understand that Upstream is a copied recipient of this email, \n                  in order to provide evidence that generates impact for our Good Causes.`\"\n              ></v-checkbox>\n            </v-flex>\n            <v-flex xs12 text-xs-right>\n              <v-btn\n                @click=\"sendEmail()\"\n                :loading=\"sendingEmailLoading\"\n                class=\"info text-capitalize pa-4\"\n                depressed\n              >\n                Send Enquiry\n              </v-btn>\n            </v-flex>\n          </v-layout>\n        </v-form>\n      </v-flex>\n\n      <!-- Upstream contact info & video section -->\n      <!-- <v-flex sm12 md6 style=\"margin-top: 30px\">\n        <h4\n          style=\"\n            font-family: 'Aleo' !important;\n            font-size: 20pt !important;\n            color: #4cc7e8;\n          \"\n        >\n          For enquiries with attachments\n        </h4>\n        <p>UpstreamNZ Charitable Foundation</p>\n        <p>\n          <a href=\"mailto:admin@upstreamnz.co.nz\">admin@upstreamnz.co.nz</a>\n        </p>\n        <h4\n          style=\"\n            font-family: 'Aleo' !important;\n            font-size: 20pt !important;\n            color: #4cc7e8;\n          \"\n        >\n          Speak to our Co-Founder\n        </h4>\n        <p>Mitch Shaw</p>\n        <p>\n          <a href=\"mailto:mitch@upstreamnz.co.nz\" style=\"margin-bottom: 20px\"\n            >mitch@upstreamnz.co.nz</a\n          >\n        </p>\n        <p><a href=\"tel:021411800\">(021) 411 800</a></p>\n\n        <p>Director and Co-Founder</p>\n        <silentbox-single src=\"https://www.youtube.com/watch?v=C-myus0ZRHw\">\n          <v-img\n            style=\"border-radius: 15px; max-width: 600px; margin: auto\"\n            src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FVideo%20image.png?alt=media&token=7a591be3-b07c-408d-acfe-a08762980f4e\"\n          />\n        </silentbox-single>\n        <!-<div class=\"video-container\"><iframe width=\"853\" height=\"480\" src=\"https://www.youtube.com/embed/C-myus0ZRHw?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen/></div>-->\n      <!-- </v-flex> -->\n\n      <!-- Find more info about section -->\n      <!-- <v-flex xs12 style=\"text-align: center\">\n        <h3\n          style=\"\n            font-weight: bold !important;\n            font-family: 'Aleo' !important;\n            font-size: 30pt !important;\n            color: #58595b;\n          \"\n        >\n          Find more info about\n        </h3>\n      </v-flex>\n      <v-flex xs6 md4 justify-space-around style=\"max-height: 200px\">\n        <v-card\n          tile\n          style=\"\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: none;\n          \"\n          @click=\"$router.push(`/SupplierJoin`)\"\n        >\n          <v-img\n            :src=\"require('../assets/Values/Approved_Supplier-04.png')\"\n            class=\"joinOptionCards\"\n            style=\"cursor: pointer; max-height: 200px\"\n            contain\n          />\n        </v-card>\n      </v-flex>\n      <v-flex xs6 md4 justify-space-around style=\"max-height: 200px\">\n        <v-card\n          tile\n          style=\"\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: none;\n          \"\n          @click=\"$router.push(`/GoodCauseJoin`)\"\n        >\n          <v-img\n            :src=\"require('../assets/Values/UpstreamNZ-Badge-03.png')\"\n            class=\"joinOptionCards\"\n            style=\"cursor: pointer; max-height: 200px\"\n            contain\n          />\n        </v-card>\n      </v-flex>\n      <v-flex\n        xs6\n        md4\n        justify-space-around\n        style=\"max-height: 200px; margin-bottom: 20px\"\n      >\n        <v-card\n          tile\n          style=\"\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: none;\n          \"\n          @click=\"$router.push(`/ImpactBusinessJoin`)\"\n        >\n          <v-img\n            :src=\"require('../assets/Values/UpstreamNZ Badges-05.png')\"\n            class=\"joinOptionCards\"\n            style=\"cursor: pointer; max-height: 200px\"\n            contain\n          />\n        </v-card>\n      </v-flex> -->\n    </v-layout>\n    <v-dialog v-model=\"emailFormConfirmation\" max-width=\"350px\">\n      <v-card>\n        <v-card-text>\n          <p v-if=\"formData.enquiry_type == 'business'\">\n            Thank you for requesting an information pack about being an Upstream\n            business. We will send one to this address ASAP.\n          </p>\n          <p v-else-if=\"formData.enquiry_type == 'goodcause'\">\n            Thank you for enquiring about the opportunity to know more about\n            being an Upstream Good Cause. We will be in touch ASAP to discuss.\n          </p>\n          <p v-else>\n            Thank you for your email. We aim to respond to all emails ASAP\n          </p>\n          <p class=\"material-icon\">\n            <svg\n              version=\"1.1\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 130.2 130.2\"\n            >\n              <circle\n                class=\"path circle\"\n                fill=\"none\"\n                stroke=\"#73AF55\"\n                stroke-width=\"6\"\n                stroke-miterlimit=\"10\"\n                cx=\"65.1\"\n                cy=\"65.1\"\n                r=\"62.1\"\n              />\n              <polyline\n                class=\"path check\"\n                fill=\"none\"\n                stroke=\"#73AF55\"\n                stroke-width=\"6\"\n                stroke-linecap=\"round\"\n                stroke-miterlimit=\"10\"\n                points=\"100.2,40.2 51.5,88.8 29.8,67.5 \"\n              />\n            </svg>\n          </p>\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer />\n          <v-btn\n            color=\"blue darken-1\"\n            flat\n            @click=\"emailFormConfirmation = false\"\n            >Close</v-btn\n          >\n          <v-spacer />\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  data: () => ({\n    files: null,\n    attachmentList: [],\n    formData: {\n      enquiry_type: \"general\",\n    },\n    sendingEmailLoading: false,\n    checkbox: true,\n    testimonials: [\n      {\n        name: \"Testimonial 1\",\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/testimonialImages%2FTestimonial%201.png?alt=media&token=a56dedff-7bdc-4172-99ba-5ac188b4a45f\",\n      },\n      {\n        name: \"Testimonial 2\",\n        src: \"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/testimonialImages%2FTestimonial%202.png?alt=media&token=2e8ee0f3-1b13-419e-9eec-9f86537b70c3\",\n      },\n    ],\n    enquiries: [\n      {\n        text: \"General Enquiry\",\n        value: \"general\",\n      },\n      {\n        text: \"Info on being a Good Cause\",\n        value: \"goodCauseInfo\",\n      },\n      {\n        text: \"Info on being a Supplier\",\n        value: \"supplierInfo\",\n      },\n      {\n        text: \"Info on being an Impact Buyer\",\n        value: \"impactbusinessInfo\",\n      },\n      {\n        text: \"Info on being a Sustainable Tradie\",\n        value: \"tradieInfo\",\n      },\n    ],\n    emailFormConfirmation: false,\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      services: \"business/services\",\n      categories: \"categories/list\",\n      categoriesByName: \"categories/byName\",\n    }),\n  },\n  methods: {\n    filesSelected(e) {\n      this.attachmentList = [];\n      this.files = e.target.files;\n\n      let file = e.target.files[0];\n      const reader = new FileReader();\n      let fileData = {\n        data: null,\n        meta: {\n          name: file.name,\n          type: file.type,\n        },\n      };\n      reader.onload = (readerFile) => {\n        fileData.data = readerFile.target.result;\n        this.attachmentList.push(JSON.parse(JSON.stringify(fileData)));\n      };\n\n      if (file) {\n        reader.readAsDataURL(file);\n      }\n    },\n    async sendEmail() {\n      if (this.$refs.enquiryForm.validate()) {\n        this.sendingEmailLoading = true;\n        if (this.attachmentList.length > 0) {\n          this.formData.file = this.attachmentList;\n        }\n        this.$store\n          .dispatch(\"emailSending/sendGeneralEnquiry\", this.formData)\n          .then(() => {\n            this.sendingEmailLoading = false;\n            this.$refs.enquiryForm.reset();\n            this.emailFormConfirmation = true;\n            this.files = null;\n            this.attachmentList = [];\n          });\n        // this.$refs.enquiryForm.reset();\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#contactSectionHeader {\n  position: relative;\n  width: 100vw;\n  max-height: calc(100vh - 75px) !important;\n  .headingContainer {\n    text-align: left;\n    max-width: 75%;\n    padding-top: 20px;\n    padding-bottom: 45px;\n    width: 500px;\n    top: 10%;\n    position: relative;\n    left: 10%;\n  }\n\n  .headingContainerMobile {\n    position: absolute;\n    text-align: left;\n    width: 80%;\n    top: 20%;\n    left: 50%;\n    -ms-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n  }\n}\n\n.material-icon {\n  text-align: center;\n}\n\nsvg {\n  width: 100px;\n  display: block;\n  margin: 40px auto 0;\n}\n\n.path {\n  stroke-dasharray: 1000;\n  stroke-dashoffset: 0;\n}\n.path.circle {\n  -webkit-animation: dash 0.9s ease-in-out;\n  animation: dash 0.9s ease-in-out;\n}\n.path.line {\n  stroke-dashoffset: 1000;\n  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;\n  animation: dash 0.9s 0.35s ease-in-out forwards;\n}\n.path.check {\n  stroke-dashoffset: -100;\n  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;\n  animation: dash-check 0.9s 0.35s ease-in-out forwards;\n}\n\n@-webkit-keyframes dash {\n  0% {\n    stroke-dashoffset: 1000;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dashoffset: 1000;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n@-webkit-keyframes dash-check {\n  0% {\n    stroke-dashoffset: -100;\n  }\n  100% {\n    stroke-dashoffset: 900;\n  }\n}\n@keyframes dash-check {\n  0% {\n    stroke-dashoffset: -100;\n  }\n  100% {\n    stroke-dashoffset: 900;\n  }\n}\n\n.application {\n  background-color: white !important;\n}\n\n.video-container {\n  position: relative;\n  padding-bottom: 56.25%;\n  padding-top: 30px;\n  height: 0;\n  overflow: hidden;\n}\n\n.video-container iframe,\n.video-container object,\n.video-container embed {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.nl2br {\n  white-space: pre-line;\n}\n\n.carouselItems {\n  width: 430px;\n  height: auto;\n  margin: auto;\n}\n\n@media only screen and (max-width: 445px) {\n  .carouselItems {\n    width: 300px !important;\n    height: 350px !important;\n  }\n}\n\n@media only screen and (min-width: 1904px) {\n  .pageContent {\n    max-width: 1200px;\n  }\n}\n\n@media only screen and (max-width: 600px) {\n  section#aboutSectionHeader {\n    height: 100% !important;\n  }\n}\n\n.display-3 {\n  font-family: Gotham !important;\n}\n\n#contactEnquiryType .theme--light.v-label {\n  font-family: Gotham !important;\n  color: #4cc7e8 !important;\n  font-weight: bold;\n}\n\n#contactForm .theme--light.v-text-field .v-input__slot::before {\n  border-color: #4cc7e8 !important;\n  font-weight: bold;\n}\n\n#contactForm .v-text-field__slot .v-label {\n  font-weight: bold;\n}\n\n#contactForm .v-text-field__slot .v-label,\ninput {\n  font-family: Gotham !important;\n  color: #4cc7e8 !important;\n  font-weight: bold;\n}\n</style>\n\n<style scoped>\nh1 {\n  color: #4cc7e8;\n  text-align: left;\n}\n\n#aboutSectionHeader {\n  background-color: #162c47;\n  color: white;\n  display: flex;\n}\n\n#aboutSectionHeader .v-responsive {\n  cursor: auto !important;\n}\n\n.contactBody h1 {\n  color: #162c47;\n}\n\n.headerContent {\n  position: absolute;\n  top: 160px;\n  left: 300px;\n  max-width: 500px;\n}\n\n@media screen and (max-width: 600px) {\n  .attachBtn {\n    margin: 20px 0 !important;\n    width: 100%;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=85694b10&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=85694b10&prod&lang=scss\"\nimport style1 from \"./Contact.vue?vue&type=style&index=1&id=85694b10&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"85694b10\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}