{"version":3,"sources":["webpack:///./src/views/RegisterPage.vue?f36c","webpack:///src/views/RegisterPage.vue","webpack:///./src/views/RegisterPage.vue?6863","webpack:///./src/views/RegisterPage.vue?36db","webpack:///./src/views/RegisterPage.vue?82b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","title","countryCodes","model","value","callback","$$v","selectedCountryCode","expression","_e","ref","$vuetify","t","phoneNumberErrors","on","validatePhoneOnBlur","telephone","staticStyle","isRegisterLoading","onRegister","buttonTitle","staticRenderFns","name","components","StoreSubHeader","Cart","PopupModal","data","showCountryCode","computed","created","loadCountryCodes","methods","allowedAreaCodes","length","map","validatePhone","replace","input","push","validatePhoneLength","strippedNumber","component"],"mappings":"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","file":"js/register.ce77dc39.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"pa-4\",attrs:{\"fluid\":\"\"}},[_c('store-sub-header'),_c('v-card',{staticClass:\"mx-auto my-4\",attrs:{\"max-width\":\"600\"}},[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\"\\n      \"+_vm._s(_vm.title)+\"\\n    \")]),_c('v-divider'),_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[(_vm.showCountryCode)?_c('v-select',{staticClass:\"mb-4\",attrs:{\"items\":_vm.countryCodes,\"label\":\"Country Code\"},model:{value:(_vm.selectedCountryCode),callback:function ($$v) {_vm.selectedCountryCode=$$v},expression:\"selectedCountryCode\"}}):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{ref:\"txtPhoneNumber\",staticClass:\"mt-0\",attrs:{\"name\":\"phone_number\",\"label\":_vm.$vuetify.t('$vuetify.common.mobileNumber'),\"error-messages\":_vm.phoneNumberErrors,\"mask\":\"NNNNNNNNNN\",\"return-masked-value\":\"\",\"type\":\"text\",\"autocomplete\":\"tel\"},on:{\"blur\":_vm.validatePhoneOnBlur},model:{value:(_vm.telephone),callback:function ($$v) {_vm.telephone=$$v},expression:\"telephone\"}}),_c('div',{staticClass:\"disclaimer\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$vuetify.t('$vuetify.common.disclaimer.register'))+\"\\n          \")])],1)],1)],1),_c('v-card-actions',{staticClass:\"d-flex justify-end\",staticStyle:{\"padding\":\"10px\",\"padding-bottom\":\"20px\"}},[_c('v-btn',{attrs:{\"disabled\":_vm.isRegisterLoading,\"loading\":_vm.isRegisterLoading,\"color\":\"primary\"},on:{\"click\":_vm.onRegister}},[_vm._v(_vm._s(_vm.buttonTitle)+\" \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"pa-4\">\n    <store-sub-header />\n    <v-card class=\"mx-auto my-4\" max-width=\"600\">\n      <v-card-title class=\"headline\">\n        {{ title }}\n      </v-card-title>\n      <v-divider></v-divider>\n      <v-card-text>\n        <v-row>\n          <v-col cols=\"12\" md=\"6\">\n            <v-select\n              v-if=\"showCountryCode\"\n              v-model=\"selectedCountryCode\"\n              :items=\"countryCodes\"\n              label=\"Country Code\"\n              class=\"mb-4\"\n            ></v-select>\n          </v-col>\n          <v-col cols=\"12\" md=\"6\">\n            <v-text-field\n              class=\"mt-0\"\n              name=\"phone_number\"\n              :label=\"$vuetify.t('$vuetify.common.mobileNumber')\"\n              v-model=\"telephone\"\n              :error-messages=\"phoneNumberErrors\"\n              ref=\"txtPhoneNumber\"\n              mask=\"NNNNNNNNNN\"\n              return-masked-value\n              type=\"text\"\n              autocomplete=\"tel\"\n              @blur=\"validatePhoneOnBlur\"\n            ></v-text-field>\n            <div class=\"disclaimer\">\n              {{ $vuetify.t('$vuetify.common.disclaimer.register') }}\n            </div>\n          </v-col>\n        </v-row>\n      </v-card-text>\n      <v-card-actions style=\"padding: 10px; padding-bottom: 20px;\" class=\"d-flex justify-end\">\n        <v-btn :disabled=\"isRegisterLoading\" :loading=\"isRegisterLoading\" color=\"primary\" @click=\"onRegister\">{{ buttonTitle }} </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-container>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport get from 'lodash/get';\nimport StoreSubHeader from '@/components/StoreSubHeader.vue'\nimport Cart from '@/components/Cart.vue'\nimport PopupModal from '@/views/PopupModal.vue'\n\nexport default {\n  name: 'Register',\n  components: {\n    StoreSubHeader,\n    Cart,\n    PopupModal\n  },\n  data() {\n    return {\n      title: 'Member Registration',\n      telephone: '',\n      showCountryCode: false,\n      countryCodes: [],\n      selectedCountryCode: '',\n      phoneNumberErrors: [],\n      buttonTitle: 'Register',\n      isRegisterLoading: false\n    };\n  },\n\n  computed: {\n    ...mapGetters([\n      'getStore'\n    ])\n  },\n  created() {\n    this.loadCountryCodes();\n  },\n  methods: {\n    loadCountryCodes() {\n      const allowedAreaCodes = get(this.getStore, 'features.allowedInternationAreaCodes', []);\n      if (allowedAreaCodes && allowedAreaCodes.length > 0) {\n        this.showCountryCode = allowedAreaCodes.length > 1;\n        this.countryCodes = allowedAreaCodes.map(code => `+${code}`);\n        this.selectedCountryCode = this.countryCodes[0];\n      }\n    },\n    validatePhoneOnBlur() {\n      this.validatePhone(this.telephone.replace(/\\D/g, ''));\n    },\n    validatePhone(input) {\n      this.phoneNumberErrors = [];\n      if (!input) {\n        this.phoneNumberErrors.push('Phone number is required.');\n        return false;\n      }\n      const strippedNumber = input.replace(/\\D/g, '');\n      if (!this.validatePhoneLength(strippedNumber)) {\n        this.phoneNumberErrors.push('Invalid phone number length.');\n        return false;\n      }\n      return true;\n    },\n    validatePhoneLength(strippedNumber) {\n      return this.selectedCountryCode === '+86' ? strippedNumber.length === 13 : strippedNumber.length === 10;\n    },\n    async onRegister() {\n      const tel = this.telephone.replace(/\\D/g, '');\n      this.phoneNumberErrors = [];\n\n      if (!this.validatePhone(tel)) {\n        return;\n      }\n\n      this.isRegisterLoading = true;\n      const data = {\n        telephone: tel,\n        memberAttributes: {}\n      };\n      try {\n        const baseUrl = process.env.VUE_APP_API;\n        const url = `${baseUrl.replace('/owa', '/rwa')}/membership/register`;\n        const response = await this.$api.post(url, data);\n        this.isRegisterLoading = false;\n        this.$store.dispatch('showSnack', {\n          text: 'Member registration successful.',\n          color: 'success'\n        });\n        const { gid, sid, mid } = this.$route.params;\n        this.$router.push({\n          name: 'store',\n          params: {\n            gid,\n            sid,\n            mid,\n            restaurantSlug: this.getStore.slug\n          }\n        });\n      } catch (error) {\n        this.isRegisterLoading = false;\n        const errorMsg = error.response && error.response.data && error.response.data.errorMsg\n          ? error.response.data.errorMsg\n          : 'An error occurred';\n        \n        this.$store.dispatch('showSnack', {\n          text: errorMsg,\n          color: 'error'\n        });\n      } \n    }\n  }\n};\n</script>\n\n<style scoped>\n.v-card {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n.headline {\n  font-weight: 500;\n}\n.mb-4 {\n  margin-bottom: 16px;\n}\n.disclaimer {\n  margin-top: 5px;\n  font-size: 0.875rem;\n  text-align: left;\n}\n</style>\n","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!./RegisterPage.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!./RegisterPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisterPage.vue?vue&type=template&id=a690f7dc&scoped=true&\"\nimport script from \"./RegisterPage.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisterPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisterPage.vue?vue&type=style&index=0&id=a690f7dc&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  \"a690f7dc\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./RegisterPage.vue?vue&type=style&index=0&id=a690f7dc&scoped=true&lang=css&\"; export default mod; 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!./RegisterPage.vue?vue&type=style&index=0&id=a690f7dc&scoped=true&lang=css&\""],"sourceRoot":""}