{"version":3,"sources":["webpack:///./src/views/pages/Buy3.vue","webpack:///src/views/pages/Buy3.vue","webpack:///./src/views/pages/Buy3.vue?89f7","webpack:///./src/views/pages/Buy3.vue?edd5","webpack:///./src/components/global/Newsletter.vue","webpack:///src/components/global/Newsletter.vue","webpack:///./src/components/global/Newsletter.vue?2755","webpack:///./src/components/global/Newsletter.vue?855a","webpack:///./src/components/mixins/phoneMixin.js","webpack:///./src/components/global/Newsletter.vue?c76a"],"names":["render","_vm","this","_c","_self","staticRenderFns","name","components","Newsletter","TheHomePage3","component","staticClass","attrs","_v","_s","$t","domProps","on","$event","preventDefault","handleForm","directives","rawName","value","form","email","expression","emailFormat","test","target","composing","$set","$store","getters","country","Code","countrySelectorLabel","countrySelectorError","phoneNumberLabel","example","setMobilePayload","model","phone","callback","$$v","errorMessage","_e","scopedSlots","_u","key","fn","hide","$router","go","VuePhoneNumberInput","mixins","data","modalContent","methods","CountryCode","Subject","payload","console","window","computed","validMobile","mobilePayload","isValid","event","phoneNumber","mobileNumber","parsePhoneNumber","toString","countryCode","countryCallingCode","formatInternational","formatNational","number","formattedNumber","uri","getURI","e164","ext"],"mappings":"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","file":"assets/js/buy.b94fda3e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('TheHomePage3'),_c('Newsletter')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <TheHomePage3 />\r\n    <Newsletter />\r\n  </div>\r\n</template>\r\n<script>\r\nimport Newsletter from \"@/components/global/Newsletter\";\r\nexport default {\r\n  name: \"Home\",\r\n  components: {\r\n    // TheHeader,\r\n    // TheBody,\r\n    Newsletter,\r\n    TheHomePage3: () => import(\"@/components/home/TheHomePage3.vue\"),\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Buy3.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Buy3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Buy3.vue?vue&type=template&id=459c0d26&\"\nimport script from \"./Buy3.vue?vue&type=script&lang=js&\"\nexport * from \"./Buy3.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-container\",attrs:{\"id\":\"newsletter\"}},[_c('div',{staticClass:\"container d-flex flex-column justify-center rounded\"},[_c('div',{staticClass:\"text-center text-white\"},[_c('div',{staticClass:\"mb-4\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"Newsletter.SignUp\")))]),_c('h6',{domProps:{\"innerHTML\":_vm._s(_vm.$t(\"Newsletter.EmailOrPhone\"))}})]),_c('form',{staticClass:\"container px-4 d-md-none d-flex flex-column flex-md-row gap-2 mx-auto\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleForm()}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"}],staticClass:\"form-control p-4 rounded-pill\",attrs:{\"autocomplete\":\"off\",\"type\":\"email\",\"placeholder\":_vm.$t('Newsletter.EmailPlaceholder'),\"state\":_vm.form.email ? _vm.emailFormat.test(_vm.form.email) : null,\"required\":\"\"},domProps:{\"value\":(_vm.form.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('VuePhoneNumberInput',{staticClass:\"p-1 form-control\",attrs:{\"id\":\"userMobile\",\"placeholder\":_vm.$t('Newsletter.PhonePlaceholder'),\"default-country-code\":_vm.$store.getters.country && _vm.$store.getters.country.Code\n                      ? _vm.$store.getters.country.Code\n                      : 'CA',\"translations\":{\n                    countrySelectorLabel: _vm.$t('Contact.countrySelectorLabel'),\n                    countrySelectorError: _vm.$t('Contact.countrySelectorError'),\n                    phoneNumberLabel: _vm.$t('Contact.phoneNumberLabel'),\n                    example: 'Ex.',\n                  }},on:{\"update\":function($event){return _vm.setMobilePayload($event)}},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}}),_c('button',{staticClass:\"btn btn-warning rounded-pill py-3 w-100\",attrs:{\"type\":\"submit\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Newsletter.Subscribe'))+\" \")])],1),_c('b-form',{staticClass:\"d-none d-md-block d-md-flex flex-column flex-md-row rounded-pill gap-2 w-75 mx-auto\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleForm()}}},[_c('div',{staticClass:\"input-group p-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"}],staticClass:\"form-control p-4 rounded-pill-left\",attrs:{\"autocomplete\":\"off\",\"type\":\"email\",\"placeholder\":_vm.$t('Newsletter.EmailPlaceholder')},domProps:{\"value\":(_vm.form.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('VuePhoneNumberInput',{staticClass:\"p-0 form-control rounded-0\",attrs:{\"id\":\"userMobile\",\"placeholder\":_vm.$t('Newsletter.PhonePlaceholder'),\"default-country-code\":_vm.$store.getters.country && _vm.$store.getters.country.Code\n                      ? _vm.$store.getters.country.Code\n                      : 'CA',\"translations\":{\n                    countrySelectorLabel: _vm.$t('Contact.countrySelectorLabel'),\n                    countrySelectorError: _vm.$t('Contact.countrySelectorError'),\n                    phoneNumberLabel: _vm.$t('Contact.phoneNumberLabel'),\n                    example: 'Ex.',\n                  }},on:{\"update\":function($event){_vm.setMobilePayload($event), _vm.errorMessage = null}},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}}),_c('button',{staticClass:\"btn btn-warning rounded-pill-right py-3 mx-auto\",attrs:{\"type\":\"submit\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Newsletter.Subscribe'))+\" \")])],1)]),(_vm.errorMessage)?_c('div',{staticClass:\"text-warning mt-3\"},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")]):_vm._e()],1)]),_c('b-modal',{attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\",\"centered\":\"\",\"id\":\"newsletterModal\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ hide }){return [_c('div',[_c('b-button',{staticClass:\"close px-2 pb-2\",on:{\"click\":function($event){return hide()}}},[_vm._v(\"x\")])],1),_c('div',{staticClass:\"text-center m-3\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"Contact.MessageSuccess\")))]),_c('div',{staticClass:\"mt-4\"},[_c('b-link',{on:{\"click\":function($event){return _vm.$router.go(0)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Contact.BackLinkText\"))+\" \")])],1)])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"newsletter\" class=\"section-container\">\r\n    <div class=\"container d-flex flex-column justify-center rounded\">\r\n        <div class=\"text-center text-white\">\r\n            <div class=\"mb-4\">\r\n                <h2>{{ $t(\"Newsletter.SignUp\") }}</h2>\r\n                <h6 v-html='$t(\"Newsletter.EmailOrPhone\")'></h6>\r\n            </div>\r\n            <!-- mobile form -->\r\n            <form class=\"container px-4 d-md-none d-flex flex-column flex-md-row gap-2 mx-auto\" @submit.prevent=\"handleForm()\">\r\n              <input\r\n                      v-model=\"form.email\"\r\n                      autocomplete=\"off\"\r\n                      type=\"email\"\r\n                      class=\"form-control p-4 rounded-pill\"\r\n                      :placeholder=\"$t('Newsletter.EmailPlaceholder')\"\r\n                      :state=\"form.email ? emailFormat.test(form.email) : null\"\r\n                      required\r\n                  />\r\n                <VuePhoneNumberInput\r\n                id=\"userMobile\"\r\n                class=\"p-1 form-control\"\r\n                v-model=\"form.phone\"\r\n                    :placeholder=\"$t('Newsletter.PhonePlaceholder')\"\r\n                    :default-country-code=\"\r\n                      $store.getters.country && $store.getters.country.Code\r\n                        ? $store.getters.country.Code\r\n                        : 'CA'\r\n                    \"\r\n                    @update=\"setMobilePayload($event)\"\r\n                    :translations=\"{\r\n                      countrySelectorLabel: $t('Contact.countrySelectorLabel'),\r\n                      countrySelectorError: $t('Contact.countrySelectorError'),\r\n                      phoneNumberLabel: $t('Contact.phoneNumberLabel'),\r\n                      example: 'Ex.',\r\n                    }\"\r\n                  />\r\n                  <button\r\n                    type=\"submit\"\r\n                    class=\"btn btn-warning rounded-pill py-3 w-100\"\r\n                    >\r\n                    {{ $t('Newsletter.Subscribe') }}\r\n                </button>\r\n            </form>\r\n            <!-- tablet/desktop form -->\r\n            <b-form class=\"d-none d-md-block d-md-flex flex-column flex-md-row rounded-pill gap-2 w-75 mx-auto\" @submit.prevent=\"handleForm()\">\r\n              <div class=\"input-group p-0\">\r\n                <input\r\n                      v-model=\"form.email\"\r\n                      autocomplete=\"off\"\r\n                      type=\"email\"\r\n                      class=\"form-control p-4 rounded-pill-left\"\r\n                      :placeholder=\"$t('Newsletter.EmailPlaceholder')\"\r\n                  />\r\n                <VuePhoneNumberInput\r\n                id=\"userMobile\"\r\n                class=\"p-0 form-control rounded-0\"\r\n                v-model=\"form.phone\"\r\n                    :placeholder=\"$t('Newsletter.PhonePlaceholder')\"\r\n                    :default-country-code=\"\r\n                      $store.getters.country && $store.getters.country.Code\r\n                        ? $store.getters.country.Code\r\n                        : 'CA'\r\n                    \"\r\n                    @update=\"setMobilePayload($event), errorMessage = null\"\r\n                    :translations=\"{\r\n                      countrySelectorLabel: $t('Contact.countrySelectorLabel'),\r\n                      countrySelectorError: $t('Contact.countrySelectorError'),\r\n                      phoneNumberLabel: $t('Contact.phoneNumberLabel'),\r\n                      example: 'Ex.',\r\n                    }\"\r\n                  />\r\n                  <button\r\n                    type=\"submit\"\r\n                    class=\"btn btn-warning rounded-pill-right py-3 mx-auto\"\r\n                    >\r\n                    {{ $t('Newsletter.Subscribe') }}\r\n                </button>\r\n              </div>\r\n            </b-form>\r\n            <div class=\"text-warning mt-3\" v-if=\"errorMessage\">\r\n              {{ errorMessage }}\r\n            </div>\r\n        </div>\r\n    </div>\r\n      <b-modal\r\n        hide-header\r\n        hide-footer\r\n        no-close-on-backdrop\r\n        no-close-on-esc\r\n        centered\r\n        \r\n        id=\"newsletterModal\"\r\n      >\r\n        <template #default=\"{ hide }\">\r\n          <div>\r\n            <b-button class=\"close px-2 pb-2\" @click=\"hide()\">x</b-button>\r\n          </div>\r\n          <div class=\"text-center m-3\">\r\n            <h3>{{ $t(\"Contact.MessageSuccess\") }}</h3>\r\n\r\n            <div class=\"mt-4\">\r\n              <b-link @click=\"$router.go(0)\">\r\n                {{ $t(\"Contact.BackLinkText\") }}\r\n              </b-link>\r\n            </div>\r\n          </div>\r\n        </template>\r\n      </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VuePhoneNumberInput from \"vue-phone-number-input\";\r\nimport phoneMixin from \"@/components/mixins/phoneMixin\"\r\nimport axios from 'axios'\r\n// import emailPhone from \"@/components/mixins/emailPhone\";\r\n\r\nexport default {\r\n    name: \"Newsletter\",\r\n    components: {\r\n        VuePhoneNumberInput\r\n    },\r\n    mixins: [phoneMixin],\r\n    data() {\r\n        return {\r\n            form: {},\r\n            emailFormat: /\\S+@\\S+\\.\\S+/,\r\n            modalContent: null,\r\n            errorMessage: null\r\n        }\r\n    },\r\n    methods: {\r\n      async handleForm() {\r\n        try {\r\n          if (this.form.email || this.form.phone) {\r\n            let payload = {\r\n              CountryCode: $store.getters.country.Code,\r\n              Subject: \"Newsletter\"\r\n            }\r\n            if (this.form.email) {\r\n              if (!this.emailFormat.test(this.form.email)) {\r\n                return this.errorMessage = this.$t(\"Validations.email.pleaseEnter\");\r\n              }\r\n                payload.Email = this.form.email\r\n            }\r\n            if (this.form.phone) {\r\n              if (!this.validMobile) {\r\n                return this.errorMessage = this.$t(\"Validations.mobile.validNumber\");\r\n              }\r\n              payload.Mobile = this.mobilePayload.formattedNumber\r\n            }\r\n            this.errorMessage = null;\r\n            let response = await axios.post(\"basic/SubscribeNewsletter\", payload)\r\n            console.log(response)\r\n            this.$bvModal.show(\"newsletterModal\");\r\n            window.scrollTo(0,0)\r\n          }\r\n      } catch (err) {\r\n        console.log(err)\r\n        this.errorMessage = \"An error has occured, please try again later\"\r\n      }\r\n    }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#newsletter {\r\n  background-color:$light-blue;\r\n}\r\nh2 {\r\n  @media screen and (min-width:992px) {\r\n    font-size: 24px!important;\r\n  }\r\n  @media screen and (min-width:1200px) {\r\n    font-size: 34px!important;\r\n  }\r\n}\r\n#userMobile {\r\n  height:100%!important;\r\n}\r\n\r\nform {\r\n  /* max-width:762px; */\r\n}\r\n</style>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Newsletter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Newsletter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Newsletter.vue?vue&type=template&id=73f5f268&scoped=true&\"\nimport script from \"./Newsletter.vue?vue&type=script&lang=js&\"\nexport * from \"./Newsletter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Newsletter.vue?vue&type=style&index=0&id=73f5f268&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73f5f268\",\n  null\n  \n)\n\nexport default component.exports","import parsePhoneNumber from \"libphonenumber-js\";\r\n\r\nexport default {\r\n    computed: {\r\n        validMobile() {\r\n            if (this.mobilePayload) {\r\n              if (this.mobilePayload.isValid) {\r\n                return true;\r\n              }\r\n            }\r\n            return false;\r\n          }\r\n    },\r\n    data() {\r\n        return {\r\n            mobilePayload: null,\r\n        }\r\n    },\r\n    methods: {\r\n        setMobilePayload(event) {\r\n            if(!event.phoneNumber) return false\r\n            const mobileNumber = parsePhoneNumber(event.phoneNumber.toString(), event.countryCode);\r\n            if(mobileNumber) {\r\n              const payload = {\r\n                ...mobileNumber,\r\n                isValid: mobileNumber ? mobileNumber.isValid() : false,\r\n                countryCallingCode: mobileNumber.countryCallingCode,\r\n                formatInternational: mobileNumber.formatInternational(),\r\n                formatNational: mobileNumber.number,\r\n                formattedNumber: mobileNumber.number,\r\n                uri: mobileNumber.getURI(),\r\n                e164: mobileNumber.ext\r\n              }\r\n              this.mobilePayload = payload;\r\n            }\r\n          },\r\n    }\r\n}","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/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/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Newsletter.vue?vue&type=style&index=0&id=73f5f268&prod&lang=scss&scoped=true&\""],"sourceRoot":""}