{"version":3,"sources":["webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue?8464","webpack:///./src/module/Settings/components/ProgressStep.vue?2854","webpack:///src/module/Settings/components/ProgressStep.vue","webpack:///./src/module/Settings/components/ProgressStep.vue?def3","webpack:///./src/module/Settings/components/ProgressStep.vue","webpack:///./src/module/Settings/components/ProgressStep.vue?c9c4","webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue?6ce2","webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue?a745","webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue?8c12","webpack:///src/module/Settings/AccountSetup/SelfOnBoard/Account.vue","webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue?a6b2","webpack:///./src/module/Settings/AccountSetup/SelfOnBoard/Account.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isCompanyDetail","checked","on","handleClickCompanyDetail","attrs","_v","_s","lbl","isLinkSetup","handleClickLinkSetup","staticRenderFns","name","mixins","data","props","edit","type","default","require","isCompany","isLink","mounted","methods","component","isEdit","form","handleSubmit","directives","rawName","value","initialValue","business_name","rules","required","message","expression","$event","handleGTMName","business_type","e","changeBusinessType","_l","item","index","key","isPreview","imgPreview","uploadArtWork","ref","onImgFileChange","sizeUpload","changeRadioMode","model","callback","$$v","radioCampaignMode","active","crmPlusRole","_e","isHideLoginTypeHeader","group","i","Details","checkLocalTH","Header","HeaderEN","radioLoginType","Id","slot","ToolTip","ToolTipEN","Name","isPH","NameEN","Detail","DetailEN","formState","isModalMode","otpDetails","getOTP","confirmOTP","gaback","changeCampaignMode","isEmailModal","ChamgeEmailmodal","confirmModalSetting","isOpenModal","modalType","title","details","backto","onConfirm","onCancel","disabledBtn","error","phoneState","maxlength","checkInput","phone","alertModalSetting","components","CampaignMode","ConfirmModal","AlertModal","EmailModal","ProgressStep","optionBusinessType","isTH","storeType","appId","brandId","params","params_reward","util","detail","confirm","OwnerContactNumber","LineMessageChannelId","timeinterval","baseradioCampaignMode","isOTPConfirm","settingSuccess","loginTypeList","computed","beforeCreate","created","init","getLoginTypeList","BzbsProfile","then","resolve","catch","reject","getCRMPlusProfile","confirmModalAction","alertModalAction","setTimeout","genDataProfile","Utility","id","contact_number","latitude","longtitude","isheadoffice","CRMUserCookie","Cache","app_id","channel","BzbsAuth","otp","refcode","countDownTimer","clearInterval","isJsonString","JSON","getBusinessType","lblmaximumConfig","fileReader","query","setting","setLogoUrl","Account","postReward"],"mappings":"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CA7D,cACAD,aACAK,cACAnB,iBACAO,iBACAd,UACAqD,eACAM,gBACAyB,aACAC,SACAC,WACArD,eACAsD,UACAC,iBACAC,YACA5B,qBACAG,SACA0B,UACA3B,aACAG,UACAyB,WACAxB,eACAC,cACAN,gBAEAa,mBACAX,SACA0B,UACA3B,aACAD,gBAEAU,aACAoB,wBACAlB,SACAmB,wBACAvC,cACAwC,kBACAC,2BACAC,gBACAC,kBACAC,iBACA/D,2BAGAgE,UACA9B,uBACA,gDAMAE,sBACA,wBACA,yBACA,sCAEAnB,qBACA,0BAEAb,wBACA,mCAOA6D,wBACA,sCACAjH,0BAGAkH,mBACA,sBACA,iDACA,cAEA,iDACA,cAEA,sBACA,uBACA,kBACA,eACA,KACA,WAEA,aAEAvG,SACAwG,gBACA,yBACA,yCACA,kEACA,oEACA,wBACA,uBACA,0BAEAC,4BAAA,WACA,kCACAC,0BACAC,kBAEA,kDAEA,iBACA,mEAEA,4BACAC,QAEAC,mBACA,oBAEA,2BACAC,YAIAC,6BAAA,WACA,gCACAL,2BACAC,kBACA,yBACA,oBAEAC,aAEAC,mBACA,oBAGAD,YAIAI,4BACA9C,EACAC,EACAF,EACAG,EACAJ,EACAK,EACAC,GAEA,iCACA,mCACA,qCACA,uCACA,kCACA,qCACA,qCAEA2C,mCAAA,WACA,+BACA,iCACA,mCACA,qCACA,iBACAC,uBACA,qCACA,KACAA,uBACA,6BACA,+BACA,mCACA,QAEA,GACAA,uBACA,qCACA,KACAA,uBACA,6BACA,+BACA,mCACA,QAGAC,2BAyBA,GAxBA,2BACA,uDACA,kCACA,kCAEA,8BACA,sBAEA,UACA,sBAEA,gCACAC,iDACA,EAGA,uDACA,2DACA,iCACA,wCACA,iDACA,6CACA,iDAEA,UACA,oCACA,OACAC,QACAhI,YACAiI,+BACAC,oBACAC,wBACAC,gCAIA,qCAGA,8BACA,mBACA,4BACAC,gBACAC,wBACA,oDAEAlE,kBAAA,WACA,uBACA,OACA6D,0BACAM,yCACAC,kBAEAC,wBACAnB,kBACA,oBACA,oBACA,iBACA,sBAEAE,kBACA,wBAGAnD,uBAAA,WACA,uBACA,OACA4D,0BACAM,yCACAC,iBACAE,MACAC,iCAEAF,wBACAnB,iBACA,oBACA,iBACA,kBACA,mBACA,kCACA,GACA,WACA,MAGAE,mBACA,oBACA,kBACA,mBACA,gCACArC,8BACA,SACA,OAIAG,uBACA,iDAEAhB,kBAAA,WACA,oBACA,wBACA,yBACA,qEACA,UACA,uCACA,GACA,WACA,WACA,wCAEA,WACA,qCACA,gDAIAsE,0BAAA,WACA,oDACA,0CACA,+BACA,gCAEAC,gCAEA,MAEAC,yBACA,IACAC,cACA,SACA,SAEA,UAEAC,2BACA,mDAEAnH,+BAEA,sBACA,uBACA,uBACA,sBACA,KACA,YAEA,sBAEAO,yBACA,sBACA,uBACA,uBACA,oBACA,KACA,YAEA,gCACA,8BAEAE,4BACA,wBACA,yCACA,6DACA,qBACA,YACA,WACA,qCACA,kEACA,0BACA,kBACA,2CACA,gCACA,uBACA,kBACAjC,cAEA,4CAEA,sBACA,mCACA4I,EACA,SACA,IAIAzG,4BAAA,WACA,sBACA,uBACA,uBACA,sBACA,KACA,YAGA,6CACA,qBAEA,qBAEA,qBAEA,sCACA,cACA,UAqCA,qBApCA,wBACA,4CACA,wBACA,qBACA,wBACA,UACA,uCACA,GACA,WACA,WACA,wCAEA,WACA,kBACA,4CACA,wCAKA,wBACA,uBACA,2BACA,UACA,uCACA,GACA,WACA,gBAAAxC,wBACA,wCAEA,WACA,0CASAuE,+BAEA,qBAUAE,6BAEA,qBACA,GAEA,sCACA,uBAGA,sCACA,uBAIA1D,yBAAA,WACAa,mBACA,sBACA,uBACA,uBACA,6BACA,KACA,YAEA,kBACA,mBAEA,yCACA,gBAEAsH,oDASA,OARA,6CACA,uCACA,uCACA,WACA,uCAGA,oBACA,iCACA,yBACA7B,oCACAC,kBACA,gBACA,eACA,oBACAC,aAEAC,mBACA,oBACA,mBACA,gCACArC,8BACA,SACA,GAEAoC,WAIA,yBACAF,oCACAC,kBACA,gBAEA,gBACAtH,uBACAmJ,OAAAC,cAGA,oBACA7B,aAEAC,mBACA,oBACA,mBACA,gCACArC,8BACA,SACA,GAEAoC,cAMA,mBACA,gCACA,mCACA,SACA,OAKA8B,uBAEA,yBACA,2BACAC,0BAGAC,sBAAA,WAGA,OADA,+CACA,yBACAlC,mCACAC,kBACA,gBACA,gBACAtH,yBAGA,oBACAuH,aAEAC,mBACA,oBACA,mBACA,gCACArC,8BACA,SACA,GAEAoC,YAIA7F,yBAEA,sBACA,uBACA,uBACA,sBACA,KACA,eCr8B8X,I,4CCU1Xd,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-acf076cc.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./Account.vue?vue&type=style&index=2&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"progress-step\"},[_c('div',{staticClass:\"progess\",class:{\n      'progess-active': _vm.isCompanyDetail,\n      'progress-success': _vm.checked,\n    },on:{\"click\":_vm.handleClickCompanyDetail}},[_c('div',{staticClass:\"number\"},[(_vm.checked)?_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/images/check-orange.svg\"),\"alt\":\"image\"}})]):_c('div',[_vm._v(\" \"+_vm._s('1')+\" \")])]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.lbl['company-detail-tab-connect']))])]),_c('div',{staticClass:\"next-step\"},[_vm._v(_vm._s('>'))]),_c('div',{staticClass:\"progess\",class:{ 'progess-active': _vm.isLinkSetup },on:{\"click\":_vm.handleClickLinkSetup}},[_c('div',{staticClass:\"number\"},[_vm._v(\"2\")]),_c('div',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s(_vm.lbl['link-setup-tab-connect'])+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"progress-step\">\r\n    <div\r\n      class=\"progess\"\r\n      :class=\"{\r\n        'progess-active': isCompanyDetail,\r\n        'progress-success': checked,\r\n      }\"\r\n      @click=\"handleClickCompanyDetail\"\r\n    >\r\n      <div class=\"number\">\r\n        <div v-if=\"checked\">\r\n          <img src=\"@/assets/images/check-orange.svg\" alt=\"image\" />\r\n        </div>\r\n        <div v-else>\r\n          {{ '1' }}\r\n        </div>\r\n      </div>\r\n      <div class=\"name\">{{ lbl['company-detail-tab-connect'] }}</div>\r\n    </div>\r\n    <div class=\"next-step\">{{ '>' }}</div>\r\n    <div\r\n      class=\"progess\"\r\n      :class=\"{ 'progess-active': isLinkSetup }\"\r\n      @click=\"handleClickLinkSetup\"\r\n    >\r\n      <div class=\"number\">2</div>\r\n      <div class=\"name\">\r\n        {{ lbl['link-setup-tab-connect'] }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\n\r\nexport default {\r\n  name: 'ProgressStep',\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      isCompanyDetail: false,\r\n      isLinkSetup: false,\r\n      checked: false,\r\n    }\r\n  },\r\n  props: {\r\n    edit: {\r\n      type: Boolean,\r\n      default: false,\r\n      require: false,\r\n    },\r\n    isCompany: {\r\n      type: Boolean,\r\n      default: false,\r\n      require: false,\r\n    },\r\n    isLink: {\r\n      type: Boolean,\r\n      default: false,\r\n      require: false,\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.setting) {\r\n      this.checked = true\r\n    }\r\n    if (this.isCompany) {\r\n      this.isCompanyDetail = true\r\n      this.isLinkSetup = false\r\n    } else if (this.isLink) {\r\n      this.isCompanyDetail = false\r\n      this.isLinkSetup = true\r\n    }\r\n  },\r\n  methods: {\r\n    handleClickCompanyDetail() {\r\n      this.isCompanyDetail = true\r\n      this.isLinkSetup = false\r\n      this.$router.push('/Settings/SelfOnBoard/AccountSetting')\r\n    },\r\n    handleClickLinkSetup() {\r\n      if (this.edit) {\r\n        this.isCompanyDetail = false\r\n        this.isLinkSetup = true\r\n        this.$router.push('/Settings/SelfOnBoard/ConnectSetting')\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.progress-step {\r\n  width: 100%;\r\n  justify-content: center;\r\n  display: flex;\r\n\r\n  .progess {\r\n    display: flex;\r\n    width: 200px;\r\n    align-items: center;\r\n    place-content: center;\r\n    color: rgba(0, 0, 0, 0.25);\r\n    padding: 12px 0;\r\n\r\n    .number {\r\n      width: 32px;\r\n      height: 32px;\r\n      line-height: 2.25;\r\n      border: solid 1px rgba(0, 0, 0, 0.25);\r\n      border-radius: 32px;\r\n      text-align: center;\r\n      margin-right: 8px;\r\n    }\r\n  }\r\n  .progess-active {\r\n    display: flex;\r\n    width: 200px;\r\n    align-items: center;\r\n    place-content: center;\r\n    border-bottom: 3px solid common.$primary;\r\n    .number {\r\n      width: 32px;\r\n      height: 32px;\r\n      background-color: common.$primary;\r\n      color: #ffffff;\r\n      border-radius: 32px;\r\n      border: 1px solid common.$primary;\r\n      text-align: center;\r\n      margin-right: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .name {\r\n      color: rgba(0, 0, 0, 0.85);\r\n    }\r\n  }\r\n  .progress-success {\r\n    .number {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 32px;\r\n      border: 1px solid common.$primary;\r\n      text-align: center;\r\n      margin-right: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .name {\r\n      color: rgba(0, 0, 0, 0.85);\r\n    }\r\n  }\r\n  .next-step {\r\n    align-self: center;\r\n    color: rgba(0, 0, 0, 0.25);\r\n  }\r\n}\r\n</style>\r\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!./ProgressStep.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!./ProgressStep.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressStep.vue?vue&type=template&id=17f31eaf&scoped=true&\"\nimport script from \"./ProgressStep.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressStep.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProgressStep.vue?vue&type=style&index=0&id=17f31eaf&lang=scss&scoped=true&\"\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  \"17f31eaf\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./ProgressStep.vue?vue&type=style&index=0&id=17f31eaf&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./Account.vue?vue&type=style&index=0&id=470c5753&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./Account.vue?vue&type=style&index=1&id=470c5753&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid account-setting-page-wrapper\"},[_c('Header',{staticClass:\"text-left\",attrs:{\"is-hide-menu\":true,\"is-hide-user\":false}}),_c('div',{staticClass:\"account-setting-body\"},[_c('ProgressStep',{attrs:{\"isCompany\":true,\"edit\":_vm.isEdit}}),_c('section',{staticClass:\"setting-container\"},[_c('a-form',{attrs:{\"form\":_vm.form},on:{\"submit\":_vm.handleSubmit}},[_c('div',{staticClass:\"detail-setting-container\"},[_c('a-form-item',{staticClass:\"business-name-container\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-your-business-name'])+\" \")]),_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                'business_name',\n                {\n                  initialValue: _vm.business_name,\n                  rules: [\n                    {\n                      required: true,\n                      message: '',\n                    } ],\n                } ]),expression:\"[\\n                'business_name',\\n                {\\n                  initialValue: business_name,\\n                  rules: [\\n                    {\\n                      required: true,\\n                      message: '',\\n                    },\\n                  ],\\n                },\\n              ]\"}],staticClass:\"form-control w-100\",attrs:{\"id\":\"account_setup_business_name_input\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.handleGTMName()}}})],1),_c('a-form-item',{staticClass:\"business-type-container\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-business-type'])+\" \")]),_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                'business_type',\n                {\n                  initialValue: _vm.business_type,\n                  rules: [\n                    {\n                      required: true,\n                      message: '',\n                    } ],\n                } ]),expression:\"[\\n                'business_type',\\n                {\\n                  initialValue: business_type,\\n                  rules: [\\n                    {\\n                      required: true,\\n                      message: '',\\n                    },\\n                  ],\\n                },\\n              ]\"}],attrs:{\"id\":\"account_setup_business_type_selection\",\"size\":\"large\"},on:{\"change\":function (e) {\n                  _vm.changeBusinessType(e)\n                }}},_vm._l((_vm.optionBusinessType),function(item,index){return _c('a-select-option',{key:index,attrs:{\"value\":item.value}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),1)],1)],1),_c('a-form-item',{staticClass:\"upload-logo-container\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-upload-your-logo'])+\" \")]),_c('span',{staticClass:\"sub-logo\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-upload-your-logo-leter'])+\" \")]),_c('div',{},[_c('div',{staticClass:\"field-upload\"},[_c('div',{staticClass:\"box-img\",class:{\n                  'box-img-border': _vm.isPreview,\n                  'none-border': _vm.imgPreview,\n                },attrs:{\"id\":\"account_setup_image_logo_preview\"}},[(!_vm.imgPreview)?_c('img',{staticClass:\"w-100\",attrs:{\"src\":require(\"@/assets/images/blank-photo.png\"),\"alt\":\"image\"}}):_c('img',{staticClass:\"w-100 h-100\",attrs:{\"src\":_vm.imgPreview,\"alt\":\"image\"}})]),_c('div',{staticClass:\"box-upload\"},[_c('div',{staticClass:\"btn-bg-upload\",attrs:{\"id\":\"account_setup_image_logo_input\"},on:{\"click\":function($event){return _vm.uploadArtWork($event)}}},[_c('input',{ref:\"uploadImg\",attrs:{\"type\":\"file\",\"accept\":\"image/jpeg, image/png, image/jpg\",\"hidden\":\"\"},on:{\"change\":function($event){return _vm.onImgFileChange($event)}}}),_c('img',{attrs:{\"src\":require(\"@/assets/images/accountsetup/account_upload.svg\"),\"alt\":\"image\",\"width\":\"24\",\"height\":\"24\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-upload-image'])+\" \")])]),_c('div',{staticClass:\"box-recommended\"},[_c('div',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-the-recommended'])+\" \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-upload-file-recommended'])+\" \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.sizeUpload)+\" \")])])])])])]),_c('div',[_c('a-form-item',{staticClass:\"field-item\"},[_c('strong',[_vm._v(_vm._s(_vm.lbl['account-setup-campaign-mode']))]),_c('div',{staticClass:\"radio-group-container\"},[(_vm.isEdit)?_c('a-radio-group',{staticClass:\"wrapper-radio-custom\",attrs:{\"id\":\"account_setup_campaign_mode_radio_group\"},on:{\"change\":_vm.changeRadioMode},model:{value:(_vm.radioCampaignMode),callback:function ($$v) {_vm.radioCampaignMode=$$v},expression:\"radioCampaignMode\"}},[_c('a-radio',{staticClass:\"radio-main\",class:{ active: _vm.radioCampaignMode == 'point' },attrs:{\"id\":\"account_setup_campaign_mode_point_radio\",\"disabled\":_vm.crmPlusRole !== 'Owner' && _vm.crmPlusRole !== 'admin',\"value\":'point'}},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-point'])+\" \")]),_c('div',{staticClass:\"mt-10\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-point-desc'])+\" \")])])]),(_vm.isPH)?_c('a-radio',{staticClass:\"radio-main\",class:{ active: _vm.radioCampaignMode == 'stamp' },attrs:{\"id\":\"account_setup_campaign_mode_stamp_radio\",\"disabled\":_vm.crmPlusRole !== 'Owner' && _vm.crmPlusRole !== 'admin',\"value\":'stamp'}},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-stamp'])+\" \")]),_c('div',{staticClass:\"mt-10\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-stamp-desc'])+\" \")])])]):_vm._e()],1):_c('a-radio-group',{staticClass:\"wrapper-radio-custom\",attrs:{\"id\":\"account_setup_campaign_mode_radio_group\"},on:{\"change\":_vm.changeRadioMode},model:{value:(_vm.radioCampaignMode),callback:function ($$v) {_vm.radioCampaignMode=$$v},expression:\"radioCampaignMode\"}},[_c('a-radio',{staticClass:\"radio-main\",class:{ active: _vm.radioCampaignMode == 'point' },attrs:{\"id\":\"account_setup_campaign_mode_point_radio\",\"value\":'point'}},[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-point'])+\" \"),_c('div',{staticClass:\"mt-10\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-point-desc'])+\" \")])])]),(_vm.isPH)?_c('a-radio',{staticClass:\"radio-main\",class:{ active: _vm.radioCampaignMode == 'stamp' },attrs:{\"id\":\"account_setup_campaign_mode_stamp_radio\",\"value\":'stamp'}},[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-stamp'])+\" \"),_c('div',{staticClass:\"mt-10\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-plan-mode-stamp-desc'])+\" \")])])]):_vm._e()],1)],1)])],1),(!_vm.isHideLoginTypeHeader)?_c('div',{staticClass:\"radio-group-container\"},[_c('a-form-item',{staticClass:\"field-item\"},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-consumer-login-type'])+\" \")]),_vm._l((_vm.loginTypeList),function(group,i){return _c('div',{key:i,staticClass:\"radio-group-container\"},[(group.Details.length)?_c('strong',[_vm._v(\" \"+_vm._s(_vm.checkLocalTH ? group.Header : group.HeaderEN)+\" \")]):_vm._e(),(group.Details.length)?_c('div',{staticClass:\"wrapper-radio-custom\"},_vm._l((group.Details),function(item,index){return _c('div',{key:index,staticClass:\"radio-main\",class:{\n                    active: _vm.radioLoginType == item.Id,\n                  },on:{\"click\":function($event){_vm.radioLoginType = item.Id}}},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.checkLocalTH ? item.ToolTip : item.ToolTipEN)+\" \")]),_c('div',{staticClass:\"login-type-card\",attrs:{\"id\":item.Name,\"disabled\":_vm.isEdit || _vm.isPH}},[_c('img',{staticClass:\"logintype-icon\",attrs:{\"src\":require((\"@/assets/images/loginTypeIcon/login_type_id_\" + (item.Id) + \".svg\")),\"alt\":\"login type icon\"}}),_c('strong',{staticClass:\"login-type-title\"},[_vm._v(\" \"+_vm._s(_vm.checkLocalTH ? item.Name : item.NameEN)+\" \")]),(item.Recommend)?_c('span',{staticClass:\"sub-description\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-login-type-recommend'])+\" \")]):_vm._e(),_c('div',{staticClass:\"mt-2 login-type-detail\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.checkLocalTH ? item.Detail : item.DetailEN)+\" \")])])])],2)],1)}),0):_vm._e()])})],2)],1):_vm._e(),_c('div',{staticClass:\"noted\"},[_vm._v(\" *\"+_vm._s(_vm.lbl['account-setup-change-store-mode-guide'])+\" \")]),_c('div',{staticClass:\"footer-wraper\"},[_c('b-button',{ref:\"submit\",staticClass:\"btn-submit float-right button\",attrs:{\"id\":\"account_setup_submit_button\",\"variant\":\"warning\",\"html-type\":\"submit\",\"type\":\"submit\",\"disabled\":_vm.formState}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-save-and-next'])+\" \")])],1)],1)],1)],1),_c('CampaignMode',{attrs:{\"show\":_vm.isModalMode,\"otpDetails\":_vm.otpDetails,\"getOTP\":_vm.getOTP,\"confirmOTP\":_vm.confirmOTP,\"gaback\":_vm.gaback},on:{\"changeCampaignMode\":function($event){return _vm.changeCampaignMode($event)}}}),_c('EmailModal',{attrs:{\"show\":_vm.isEmailModal},on:{\"ChamgeEmailmodal\":function($event){return _vm.ChamgeEmailmodal($event)}}}),_c('ConfirmModal',{attrs:{\"isOpenModal\":_vm.confirmModalSetting.isOpenModal,\"modalType\":_vm.confirmModalSetting.modalType,\"title\":_vm.confirmModalSetting.title,\"details\":_vm.confirmModalSetting.details,\"backto\":_vm.confirmModalSetting.backto,\"onConfirm\":_vm.confirmModalSetting.onConfirm,\"onCancel\":_vm.confirmModalSetting.onCancel,\"disabledConfirm\":!_vm.disabledBtn}},[(_vm.OwnerContactNumber)?_c('div',{staticClass:\"telcontainer mt-3\"},[_c('label',[_vm._v(_vm._s(_vm.lbl['otpentermobilenumber']))]),_c('div',{staticClass:\"inputcontainer\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/iPhone-X.svg\"),\"alt\":\"image\"}}),_c('a-input',{class:{ error: !_vm.phoneState },attrs:{\"maxLength\":_vm.maxlength,\"placeholder\":_vm.lbl['otpentermobilenumberPlaceHolder'],\"allow-clear\":\"\"},on:{\"input\":function($event){return _vm.checkInput($event)}},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1),(!_vm.phoneState && !!_vm.phone)?_c('div',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.lbl['worngphonenumber'])+\" \")]):_vm._e()]):_vm._e()]),_c('AlertModal',{attrs:{\"isOpenModal\":_vm.alertModalSetting.isOpenModal,\"modalType\":_vm.alertModalSetting.modalType,\"title\":_vm.alertModalSetting.title,\"details\":_vm.alertModalSetting.details}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid account-setting-page-wrapper\">\r\n    <Header :is-hide-menu=\"true\" :is-hide-user=\"false\" class=\"text-left\" />\r\n    <div class=\"account-setting-body\">\r\n      <ProgressStep :isCompany=\"true\" :edit=\"isEdit\" />\r\n      <section class=\"setting-container\">\r\n        <a-form :form=\"form\" @submit=\"handleSubmit\">\r\n          <div class=\"detail-setting-container\">\r\n            <!-- Business Name -->\r\n            <a-form-item class=\"business-name-container\">\r\n              <strong>\r\n                {{ lbl['account-setup-your-business-name'] }}\r\n              </strong>\r\n              <a-input\r\n                id=\"account_setup_business_name_input\"\r\n                v-decorator=\"[\r\n                  'business_name',\r\n                  {\r\n                    initialValue: business_name,\r\n                    rules: [\r\n                      {\r\n                        required: true,\r\n                        message: '',\r\n                      },\r\n                    ],\r\n                  },\r\n                ]\"\r\n                type=\"text\"\r\n                class=\"form-control w-100\"\r\n                @click=\"handleGTMName()\"\r\n              />\r\n            </a-form-item>\r\n            <!-- Business Type -->\r\n            <a-form-item class=\"business-type-container\">\r\n              <strong>\r\n                {{ lbl['account-setup-business-type'] }}\r\n              </strong>\r\n              <a-select\r\n                id=\"account_setup_business_type_selection\"\r\n                v-decorator=\"[\r\n                  'business_type',\r\n                  {\r\n                    initialValue: business_type,\r\n                    rules: [\r\n                      {\r\n                        required: true,\r\n                        message: '',\r\n                      },\r\n                    ],\r\n                  },\r\n                ]\"\r\n                size=\"large\"\r\n                @change=\"\r\n                  e => {\r\n                    changeBusinessType(e)\r\n                  }\r\n                \"\r\n              >\r\n                <a-select-option\r\n                  v-for=\"(item, index) in optionBusinessType\"\r\n                  :key=\"index\"\r\n                  :value=\"item.value\"\r\n                >\r\n                  {{ item.name }}\r\n                </a-select-option>\r\n              </a-select>\r\n            </a-form-item>\r\n          </div>\r\n          <!-- Upload Your Logo -->\r\n          <a-form-item class=\"upload-logo-container\">\r\n            <strong>\r\n              {{ lbl['account-setup-upload-your-logo'] }}\r\n            </strong>\r\n            <span class=\"sub-logo\">\r\n              {{ lbl['account-setup-upload-your-logo-leter'] }}\r\n            </span>\r\n            <div class=\"\">\r\n              <div class=\"field-upload\">\r\n                <div\r\n                  id=\"account_setup_image_logo_preview\"\r\n                  class=\"box-img\"\r\n                  :class=\"{\r\n                    'box-img-border': isPreview,\r\n                    'none-border': imgPreview,\r\n                  }\"\r\n                >\r\n                  <img\r\n                    v-if=\"!imgPreview\"\r\n                    class=\"w-100\"\r\n                    src=\"@/assets/images/blank-photo.png\"\r\n                    alt=\"image\"\r\n                  />\r\n                  <img\r\n                    v-else\r\n                    :src=\"imgPreview\"\r\n                    class=\"w-100 h-100\"\r\n                    alt=\"image\"\r\n                  />\r\n                </div>\r\n                <div class=\"box-upload\">\r\n                  <div\r\n                    id=\"account_setup_image_logo_input\"\r\n                    class=\"btn-bg-upload\"\r\n                    @click=\"uploadArtWork($event)\"\r\n                  >\r\n                    <input\r\n                      @change=\"onImgFileChange($event)\"\r\n                      ref=\"uploadImg\"\r\n                      type=\"file\"\r\n                      accept=\"image/jpeg, image/png, image/jpg\"\r\n                      hidden\r\n                    />\r\n                    <img\r\n                      src=\"@/assets/images/accountsetup/account_upload.svg\"\r\n                      alt=\"image\"\r\n                      width=\"24\"\r\n                      height=\"24\"\r\n                    />\r\n                    <span class=\"ml-2\">\r\n                      {{ lbl['account-setup-upload-image'] }}\r\n                    </span>\r\n                  </div>\r\n                  <div class=\"box-recommended\">\r\n                    <div>\r\n                      {{ lbl['account-setup-the-recommended'] }}\r\n                    </div>\r\n                    <div>\r\n                      {{ lbl['account-setup-upload-file-recommended'] }}\r\n                    </div>\r\n                    <div>\r\n                      {{ sizeUpload }}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </a-form-item>\r\n          <!-- Campaign mode -->\r\n          <div>\r\n            <a-form-item class=\"field-item\">\r\n              <strong>{{ lbl['account-setup-campaign-mode'] }}</strong>\r\n              <div class=\"radio-group-container\">\r\n                <a-radio-group\r\n                  v-if=\"isEdit\"\r\n                  id=\"account_setup_campaign_mode_radio_group\"\r\n                  v-model=\"radioCampaignMode\"\r\n                  class=\"wrapper-radio-custom\"\r\n                  @change=\"changeRadioMode\"\r\n                >\r\n                  <a-radio\r\n                    id=\"account_setup_campaign_mode_point_radio\"\r\n                    :disabled=\"\r\n                      crmPlusRole !== 'Owner' && crmPlusRole !== 'admin'\r\n                    \"\r\n                    :value=\"'point'\"\r\n                    class=\"radio-main\"\r\n                    :class=\"{ active: radioCampaignMode == 'point' }\"\r\n                  >\r\n                    <strong>\r\n                      {{ lbl['plan-reward-plan-mode-point'] }}\r\n                    </strong>\r\n                    <div class=\"mt-10\">\r\n                      <span>\r\n                        {{ lbl['plan-reward-plan-mode-point-desc'] }}\r\n                      </span>\r\n                    </div>\r\n                  </a-radio>\r\n                  <a-radio\r\n                    v-if=\"isPH\"\r\n                    id=\"account_setup_campaign_mode_stamp_radio\"\r\n                    :disabled=\"\r\n                      crmPlusRole !== 'Owner' && crmPlusRole !== 'admin'\r\n                    \"\r\n                    :value=\"'stamp'\"\r\n                    class=\"radio-main\"\r\n                    :class=\"{ active: radioCampaignMode == 'stamp' }\"\r\n                  >\r\n                    <strong>\r\n                      {{ lbl['plan-reward-plan-mode-stamp'] }}\r\n                    </strong>\r\n                    <div class=\"mt-10\">\r\n                      <span>\r\n                        {{ lbl['plan-reward-plan-mode-stamp-desc'] }}\r\n                      </span>\r\n                    </div>\r\n                  </a-radio>\r\n                </a-radio-group>\r\n                <a-radio-group\r\n                  v-else\r\n                  id=\"account_setup_campaign_mode_radio_group\"\r\n                  v-model=\"radioCampaignMode\"\r\n                  class=\"wrapper-radio-custom\"\r\n                  @change=\"changeRadioMode\"\r\n                >\r\n                  <a-radio\r\n                    id=\"account_setup_campaign_mode_point_radio\"\r\n                    :value=\"'point'\"\r\n                    class=\"radio-main\"\r\n                    :class=\"{ active: radioCampaignMode == 'point' }\"\r\n                  >\r\n                    {{ lbl['plan-reward-plan-mode-point'] }}\r\n                    <div class=\"mt-10\">\r\n                      <span>\r\n                        {{ lbl['plan-reward-plan-mode-point-desc'] }}\r\n                      </span>\r\n                    </div>\r\n                  </a-radio>\r\n                  <a-radio\r\n                    v-if=\"isPH\"\r\n                    id=\"account_setup_campaign_mode_stamp_radio\"\r\n                    :value=\"'stamp'\"\r\n                    class=\"radio-main\"\r\n                    :class=\"{ active: radioCampaignMode == 'stamp' }\"\r\n                  >\r\n                    {{ lbl['plan-reward-plan-mode-stamp'] }}\r\n                    <div class=\"mt-10\">\r\n                      <span>\r\n                        {{ lbl['plan-reward-plan-mode-stamp-desc'] }}\r\n                      </span>\r\n                    </div>\r\n                  </a-radio>\r\n                </a-radio-group>\r\n              </div>\r\n            </a-form-item>\r\n          </div>\r\n          <!-- Consumer login type -->\r\n          <div v-if=\"!isHideLoginTypeHeader\" class=\"radio-group-container\">\r\n            <a-form-item class=\"field-item\">\r\n              <strong>\r\n                {{ lbl['account-setup-consumer-login-type'] }}\r\n              </strong>\r\n              <div\r\n                v-for=\"(group, i) in loginTypeList\"\r\n                class=\"radio-group-container\"\r\n                :key=\"i\"\r\n              >\r\n                <strong v-if=\"group.Details.length\">\r\n                  {{ checkLocalTH ? group.Header : group.HeaderEN }}\r\n                </strong>\r\n\r\n                <div v-if=\"group.Details.length\" class=\"wrapper-radio-custom\">\r\n                  <div\r\n                    v-for=\"(item, index) in group.Details\"\r\n                    :key=\"index\"\r\n                    class=\"radio-main\"\r\n                    :class=\"{\r\n                      active: radioLoginType == item.Id,\r\n                    }\"\r\n                    @click=\"radioLoginType = item.Id\"\r\n                  >\r\n                    <a-tooltip>\r\n                      <template slot=\"title\">\r\n                        {{ checkLocalTH ? item.ToolTip : item.ToolTipEN }}\r\n                      </template>\r\n                      <div\r\n                        :id=\"item.Name\"\r\n                        :disabled=\"isEdit || isPH\"\r\n                        class=\"login-type-card\"\r\n                      >\r\n                        <img\r\n                          :src=\"\r\n                            require(`@/assets/images/loginTypeIcon/login_type_id_${item.Id}.svg`)\r\n                          \"\r\n                          alt=\"login type icon\"\r\n                          class=\"logintype-icon\"\r\n                        />\r\n                        <strong class=\"login-type-title\">\r\n                          {{ checkLocalTH ? item.Name : item.NameEN }}\r\n                        </strong>\r\n                        <span v-if=\"item.Recommend\" class=\"sub-description\">\r\n                          {{ lbl['account-setup-login-type-recommend'] }}\r\n                        </span>\r\n                        <div class=\"mt-2 login-type-detail\">\r\n                          <span>\r\n                            {{ checkLocalTH ? item.Detail : item.DetailEN }}\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </a-tooltip>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </a-form-item>\r\n          </div>\r\n          <div class=\"noted\">\r\n            *{{ lbl['account-setup-change-store-mode-guide'] }}\r\n          </div>\r\n\r\n          <!-- Footer Button -->\r\n          <div class=\"footer-wraper\">\r\n            <b-button\r\n              id=\"account_setup_submit_button\"\r\n              variant=\"warning\"\r\n              class=\"btn-submit float-right button\"\r\n              html-type=\"submit\"\r\n              ref=\"submit\"\r\n              type=\"submit\"\r\n              :disabled=\"formState\"\r\n            >\r\n              {{ lbl['account-setup-save-and-next'] }}\r\n            </b-button>\r\n          </div>\r\n        </a-form>\r\n      </section>\r\n    </div>\r\n    <CampaignMode\r\n      :show=\"isModalMode\"\r\n      :otpDetails=\"otpDetails\"\r\n      :getOTP=\"getOTP\"\r\n      :confirmOTP=\"confirmOTP\"\r\n      :gaback=\"gaback\"\r\n      @changeCampaignMode=\"changeCampaignMode($event)\"\r\n    />\r\n    <EmailModal\r\n      :show=\"isEmailModal\"\r\n      @ChamgeEmailmodal=\"ChamgeEmailmodal($event)\"\r\n    />\r\n    <ConfirmModal\r\n      :isOpenModal=\"confirmModalSetting.isOpenModal\"\r\n      :modalType=\"confirmModalSetting.modalType\"\r\n      :title=\"confirmModalSetting.title\"\r\n      :details=\"confirmModalSetting.details\"\r\n      :backto=\"confirmModalSetting.backto\"\r\n      :onConfirm=\"confirmModalSetting.onConfirm\"\r\n      :onCancel=\"confirmModalSetting.onCancel\"\r\n      :disabledConfirm=\"!disabledBtn\"\r\n    >\r\n      <div class=\"telcontainer mt-3\" v-if=\"OwnerContactNumber\">\r\n        <label>{{ lbl['otpentermobilenumber'] }}</label>\r\n        <div class=\"inputcontainer\">\r\n          <img src=\"@/assets/images/iPhone-X.svg\" alt=\"image\" />\r\n          <a-input\r\n            v-model=\"phone\"\r\n            :maxLength=\"maxlength\"\r\n            @input=\"checkInput($event)\"\r\n            :placeholder=\"lbl['otpentermobilenumberPlaceHolder']\"\r\n            :class=\"{ error: !phoneState }\"\r\n            allow-clear\r\n          />\r\n        </div>\r\n        <div class=\"text-danger\" v-if=\"!phoneState && !!phone\">\r\n          {{ lbl['worngphonenumber'] }}\r\n        </div>\r\n      </div>\r\n    </ConfirmModal>\r\n    <AlertModal\r\n      :isOpenModal=\"alertModalSetting.isOpenModal\"\r\n      :modalType=\"alertModalSetting.modalType\"\r\n      :title=\"alertModalSetting.title\"\r\n      :details=\"alertModalSetting.details\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Vue from 'vue'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport Cache from '@/helper/Cache.js'\r\nimport InfiniteHelper from '@/helper/InfiniteHelper.js'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport CampaignMode from '@/module/Settings/AccountSetup/modal/CampaignMode'\r\nimport EmailModal from '@/module/Settings/AccountSetup/modal/EmailModal'\r\nimport fileReader from '@/helper/fileReader'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport BzbsAuth from '@/core/Account/service/BzbsAuth'\r\nimport ConfirmModal from '@/components/Modal/Component/confirmmodal2'\r\nimport Utility from '@/helper/Utility.js'\r\nimport AlertModal from '@/components/Modal/Component/alertmodal2'\r\nimport ProgressStep from '@/module/Settings/components/ProgressStep'\r\n\r\nexport default {\r\n  name: 'AccountSetting2',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    CampaignMode,\r\n    ConfirmModal,\r\n    AlertModal,\r\n    EmailModal,\r\n    ProgressStep,\r\n  },\r\n  data: function () {\r\n    return {\r\n      optionBusinessType: [],\r\n      radioCampaignMode: 'point',\r\n      radioLoginType: null,\r\n      isPH: false,\r\n      isTH: false,\r\n      imgPreview: '',\r\n      isPreview: false,\r\n      sizeUpload: '',\r\n      business_name: '',\r\n      business_type: '',\r\n      isEdit: false,\r\n      isModalMode: false,\r\n      isEmailModal: false,\r\n      storeType: '',\r\n      appId: '',\r\n      brandId: '',\r\n      crmPlusRole: '',\r\n      params: {},\r\n      params_reward: {},\r\n      util: Utility,\r\n      confirmModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        backto: '',\r\n        confirm: '',\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      alertModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        isOpenModal: false,\r\n      },\r\n      maxlength: 10,\r\n      OwnerContactNumber: null,\r\n      phone: '',\r\n      LineMessageChannelId: '',\r\n      otpDetails: {},\r\n      timeinterval: null,\r\n      baseradioCampaignMode: null,\r\n      isOTPConfirm: true,\r\n      settingSuccess: false,\r\n      loginTypeList: [],\r\n      isHideLoginTypeHeader: false,\r\n    }\r\n  },\r\n  computed: {\r\n    disabledBtn() {\r\n      if (this.phone == '' && this.OwnerContactNumber) {\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    },\r\n    phoneState() {\r\n      if (this.phone == '') return true\r\n      if (!this.OwnerContactNumber) return true\r\n      return this.phone == this.OwnerContactNumber\r\n    },\r\n    formState() {\r\n      return !this.isOTPConfirm\r\n    },\r\n    checkLocalTH() {\r\n      if (Cache.get('Locale') == 'th') {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'account-setting',\r\n    })\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    if (Vue.bzbsConfig.businessRule.webFor.PH) {\r\n      this.isPH = true\r\n    }\r\n    if (Vue.bzbsConfig.businessRule.webFor.TH) {\r\n      this.isTH = true\r\n    }\r\n    this.googleTagManager(\r\n      'setting_account_page',\r\n      'setting_account',\r\n      'view_setting',\r\n      null,\r\n      'on view',\r\n    )\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.sizeUpload = this.lbl[\r\n        'account-setup-upload-size-recommended'\r\n      ].replace('{0}', Vue.bzbsConfig.businessRule.max.photoSize)\r\n      this.maxlength = Vue.bzbsConfig.businessRule.max.phoneLength\r\n      this.getLoginTypeList()\r\n      this.getBusinessType()\r\n      this.getCRMPlusProfile()\r\n    },\r\n    getLoginTypeList() {\r\n      return new Promise((resolve, reject) => {\r\n        BzbsProfile.getLoginTypeList()\r\n          .then(response => {\r\n            console.log(response.data)\r\n            this.loginTypeList = Account.filterLoginTypeSOB(response.data)\r\n            if (\r\n              this.loginTypeList &&\r\n              this.loginTypeList.every(i => i.Details.length == 0)\r\n            )\r\n              this.isHideLoginTypeHeader = true\r\n            resolve(response)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getLoginTypeList error', error)\r\n            this.isHideLoginTypeHeader = true\r\n            reject(error)\r\n          })\r\n      })\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.genDataProfile(res.data)\r\n            this.handleLoading(false)\r\n            console.log(res)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n\r\n            console.log('getCRMPlusProfile error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    confirmModalAction(\r\n      title,\r\n      details,\r\n      modalType,\r\n      backto,\r\n      isOpenModal,\r\n      onConfirm,\r\n      onCancel,\r\n    ) {\r\n      this.confirmModalSetting.title = title\r\n      this.confirmModalSetting.details = details\r\n      this.confirmModalSetting.modalType = modalType\r\n      this.confirmModalSetting.isOpenModal = isOpenModal\r\n      this.confirmModalSetting.backto = backto\r\n      this.confirmModalSetting.onConfirm = onConfirm\r\n      this.confirmModalSetting.onCancel = onCancel\r\n    },\r\n    alertModalAction(title, details, modalType, isOpenModal) {\r\n      this.alertModalSetting.title = title\r\n      this.alertModalSetting.details = details\r\n      this.alertModalSetting.modalType = modalType\r\n      this.alertModalSetting.isOpenModal = isOpenModal\r\n      if (modalType == 'success' && isOpenModal) {\r\n        setTimeout(() => {\r\n          this.alertModalSetting.isOpenModal = false\r\n        }, 3000)\r\n        setTimeout(() => {\r\n          this.alertModalSetting.title = ''\r\n          this.alertModalSetting.details = ''\r\n          this.alertModalSetting.modalType = ''\r\n        }, 3500)\r\n      } else {\r\n        if (isOpenModal)\r\n          setTimeout(() => {\r\n            this.alertModalSetting.isOpenModal = false\r\n          }, 3000)\r\n        setTimeout(() => {\r\n          this.alertModalSetting.title = ''\r\n          this.alertModalSetting.details = ''\r\n          this.alertModalSetting.modalType = ''\r\n        }, 3500)\r\n      }\r\n    },\r\n    genDataProfile(data) {\r\n      this.storeType = data.StoreType\r\n      this.imgPreview = data.LogoUrl ? this.stampTime(data.LogoUrl) : ''\r\n      this.business_name = data.BusinessName\r\n      this.business_type = data.BusinessType\r\n\r\n      if (this.isUseFacebook && this.isPH) {\r\n        this.radioLoginType = 5\r\n      } else {\r\n        if (this.isPH) {\r\n          this.radioLoginType = 2\r\n        } else {\r\n          this.radioLoginType = data.LoginType\r\n            ? Utility.mapLoginTypeId(data.LoginType.toLowerCase())\r\n            : 1\r\n        }\r\n      }\r\n      this.radioCampaignMode = data.StoreType ? data.StoreType : 'point'\r\n      this.baseradioCampaignMode = data.StoreType ? data.StoreType : 'point'\r\n      this.params.agencyId = data.SponsorId\r\n      this.params_reward.agencyId = data.SponsorId\r\n      this.business_name ? (this.isEdit = true) : (this.isEdit = false)\r\n      this.OwnerContactNumber = data.OwnerContactNumber\r\n      this.LineMessageChannelId = data.LineMessageChannelId\r\n\r\n      if (data.Stores) {\r\n        let branch = _.map(data.Stores, e => {\r\n          return {\r\n            id: e.ID,\r\n            name: e.Name,\r\n            contact_number: e.ContactNumber,\r\n            latitude: e.Latitude,\r\n            longtitude: e.Longtitude,\r\n            isheadoffice: e.IsHeadOffice,\r\n          }\r\n        })\r\n\r\n        this.params.branch = JSON.stringify(branch)\r\n      }\r\n\r\n      this.brandId = data.EwalletBrandId\r\n      this.appId = data.AppId\r\n      var CRMUserCookie = Cache.get('CRMUser')\r\n      CRMUserCookie.AppId = data.AppId\r\n      Cache.set('CRMUser', CRMUserCookie)\r\n      this.crmPlusRole = Cache.get('CRMUser').CrmPlusRole\r\n    },\r\n    getOTP() {\r\n      this.handleLoading(true)\r\n      let params = {\r\n        contact_number: this.phone,\r\n        app_id: Vue.bzbsConfig.client_id,\r\n        channel: 'update',\r\n      }\r\n      BzbsAuth.apiRequestOTP(params)\r\n        .then(res => {\r\n          this.handleLoading(false)\r\n          this.otpDetails = res.data\r\n          this.isModalMode = true\r\n          this.countDownTimer()\r\n        })\r\n        .catch(() => {\r\n          this.handleLoading(false)\r\n        })\r\n    },\r\n    confirmOTP(otpcode) {\r\n      this.handleLoading(true)\r\n      let params = {\r\n        contact_number: this.phone,\r\n        app_id: Vue.bzbsConfig.client_id,\r\n        channel: 'update',\r\n        otp: otpcode,\r\n        refcode: this.otpDetails.refcode,\r\n      }\r\n      BzbsAuth.apiConfirmOTP(params)\r\n        .then(() => {\r\n          this.handleLoading(false)\r\n          this.isModalMode = false\r\n          this.isOTPConfirm = true\r\n          this.alertModalAction(\r\n            this.lbl['alert-box-success-header'],\r\n            '',\r\n            'success',\r\n            true,\r\n          )\r\n        })\r\n        .catch(error => {\r\n          this.handleLoading(false)\r\n          this.isOTPConfirm = false\r\n          this.alertModalAction(\r\n            this.lbl['alert-box-error-header'],\r\n            error.response.data.error.message,\r\n            'error',\r\n            true,\r\n          )\r\n        })\r\n    },\r\n    checkInput(e) {\r\n      this.phone = e.target.value.replace(/[^0-9]/g, '')\r\n    },\r\n    gaback() {\r\n      this.isModalMode = false\r\n      this.confirmModalAction(\r\n        'Change campaign mode ?',\r\n        'By changeing campaign mode will be effect to all of your consumer.',\r\n        'warning',\r\n        this.lbl['confirm-box-cancel-button'],\r\n        true,\r\n        () => {\r\n          this.getOTP()\r\n          this.confirmModalSetting.isOpenModal = false\r\n        },\r\n        () => {\r\n          this.confirmModalSetting.isOpenModal = false\r\n          this.radioCampaignMode = this.baseradioCampaignMode\r\n        },\r\n      )\r\n    },\r\n    countDownTimer() {\r\n      if (this.timeinterval) clearInterval(this.timeinterval)\r\n      this.timeinterval = setInterval(() => {\r\n        if (this.otpDetails.expireinseconds > 0) {\r\n          this.otpDetails.expireinseconds -= 1\r\n        } else {\r\n          clearInterval(this.timeinterval)\r\n        }\r\n      }, 1000)\r\n    },\r\n    isJsonString(str) {\r\n      try {\r\n        JSON.parse(str)\r\n      } catch (e) {\r\n        return false\r\n      }\r\n      return true\r\n    },\r\n    getBusinessType() {\r\n      this.optionBusinessType = InfiniteHelper.businessTypeList()\r\n    },\r\n    changeBusinessType(e) {\r\n      console.log('BusinessType : ', e)\r\n      this.googleTagManager(\r\n        'setting_account_page',\r\n        'setting_account_menu',\r\n        'click_business_type',\r\n        null,\r\n        'on click',\r\n      )\r\n      this.business_type = e\r\n    },\r\n    uploadArtWork() {\r\n      this.googleTagManager(\r\n        'setting_account_page',\r\n        'setting_account_menu',\r\n        'click_upload_logo',\r\n        null,\r\n        'on click',\r\n      )\r\n      this.$refs.uploadImg.value = null\r\n      this.$refs.uploadImg.click()\r\n    },\r\n    onImgFileChange(event) {\r\n      var image = event.target.files[0]\r\n      var allowType = ['image/jpeg', 'image/jpg', 'image/png']\r\n      var maxSize = 1024 * 1024 * Vue.bzbsConfig.businessRule.max.photoSize\r\n      var isCorrectType = allowType.includes(image.type)\r\n      var isCorrectSize = image.size <= maxSize\r\n      var lblmaximumConfig = this.lbl[\r\n        'image-recommended-message-setting'\r\n      ].replace('{0}', Vue.bzbsConfig.businessRule.max.photoSize)\r\n      if (isCorrectType && isCorrectSize && this.imgPreview) {\r\n        this.isPreview = false\r\n        var afterDot = image.name.substr(0, image.name.indexOf('.'))\r\n        var nonSpacial = afterDot.replace(/[^a-zA-Z0-9]/g, '')\r\n        var newFileName = nonSpacial.replace(/\\s/g, '_')\r\n        var resultFile = new File([image], newFileName, {\r\n          type: image.type,\r\n        })\r\n        this.imgPreview = URL.createObjectURL(resultFile)\r\n      } else {\r\n        this.alertModalAction(\r\n          this.lbl['alert-box-error-header'],\r\n          lblmaximumConfig,\r\n          'error',\r\n          true,\r\n        )\r\n      }\r\n    },\r\n    changeRadioMode(e) {\r\n      this.googleTagManager(\r\n        'setting_account_page',\r\n        'setting_account_menu',\r\n        'click_campaign_mode',\r\n        null,\r\n        'on click',\r\n      )\r\n      if (\r\n        this.baseradioCampaignMode !== e.target.value &&\r\n        this.storeType != null\r\n      ) {\r\n        this.isOTPConfirm = false\r\n      } else {\r\n        this.isOTPConfirm = true\r\n      }\r\n      this.radioCampaignMode = e.target.value\r\n      if (this.isEdit) {\r\n        if (!this.isPH) {\r\n          if (this.OwnerContactNumber) {\r\n            if (this.baseradioCampaignMode != e.target.value) {\r\n              this.confirmModalAction(\r\n                this.lbl['otptitle'],\r\n                this.lbl['otpsubtitle'],\r\n                'warning',\r\n                this.lbl['confirm-box-cancel-button'],\r\n                true,\r\n                () => {\r\n                  this.getOTP()\r\n                  this.confirmModalSetting.isOpenModal = false\r\n                },\r\n                () => {\r\n                  this.isOTPConfirm = true\r\n                  this.radioCampaignMode = this.baseradioCampaignMode\r\n                  this.confirmModalSetting.isOpenModal = false\r\n                },\r\n              )\r\n            }\r\n          } else {\r\n            this.confirmModalAction(\r\n              this.lbl['otpwarning'],\r\n              this.lbl['otpwarningtext'],\r\n              'warning',\r\n              this.lbl['confirm-box-cancel-button'],\r\n              true,\r\n              () => {\r\n                this.$router.push({ name: 'UserPermission' })\r\n                this.confirmModalSetting.isOpenModal = false\r\n              },\r\n              () => {\r\n                this.confirmModalSetting.isOpenModal = false\r\n              },\r\n            )\r\n          }\r\n        } else {\r\n          this.isEmailModal = true\r\n        }\r\n      }\r\n    },\r\n    changeCampaignMode(res) {\r\n      console.log('changeCampaignMode : ', res)\r\n      this.isModalMode = false\r\n      if (res) {\r\n        console.log('changeCampaignMode true')\r\n        // this.storeType = this.radioCampaignMode\r\n      } else {\r\n        console.log('changeCampaignMode false')\r\n        // this.radioCampaignMode = this.storeType\r\n      }\r\n      console.log('storeType :: ', this.storeType)\r\n    },\r\n    ChamgeEmailmodal(res) {\r\n      console.log('ChamgeEmailmodal : ', res)\r\n      this.isEmailModal = false\r\n      if (res) {\r\n        console.log('ChamgeEmailmodal true')\r\n        this.storeType = this.radioCampaignMode\r\n        this.isOTPConfirm = false\r\n      } else {\r\n        console.log('ChamgeEmailmodal false')\r\n        this.radioCampaignMode = this.storeType\r\n        this.isOTPConfirm = true\r\n      }\r\n      console.log('storeType :: ', this.storeType)\r\n    },\r\n    handleSubmit(e) {\r\n      e.preventDefault()\r\n      this.googleTagManager(\r\n        'setting_account_page',\r\n        'setting_account_menu',\r\n        'click_next_account_setting',\r\n        null,\r\n        'on click',\r\n      )\r\n      if (!this.imgPreview) {\r\n        this.isPreview = true\r\n      }\r\n      this.form.validateFields((err, values) => {\r\n        if (!err && this.imgPreview) {\r\n          console.log(values)\r\n          fileReader.getBaseImage(this.imgPreview).then(item => {\r\n            this.params.logo = fileReader.blobToFile(item, 'LogoUrl')\r\n            this.params.business_name = values.business_name\r\n            this.params.business_type = values.business_type\r\n            if (!this.isEdit) {\r\n              this.params.loginTypeId = this.radioLoginType\r\n            }\r\n\r\n            this.handleLoading(true)\r\n            if (this.storeType != this.radioCampaignMode) {\r\n              return new Promise(resolve => {\r\n                BzbsProfile.postAccountSetting(this.params)\r\n                  .then(res => {\r\n                    this.setLogoUrl(res)\r\n                    this.postReward()\r\n                    this.handleLoading(false)\r\n                    resolve(res.data)\r\n                  })\r\n                  .catch(error => {\r\n                    this.handleLoading(false)\r\n                    this.alertModalAction(\r\n                      this.lbl['alert-box-error-header'],\r\n                      error.response.data.error.message,\r\n                      'error',\r\n                      true,\r\n                    )\r\n                    resolve(error)\r\n                  })\r\n              })\r\n            } else {\r\n              return new Promise(resolve => {\r\n                BzbsProfile.postAccountSetting(this.params)\r\n                  .then(res => {\r\n                    this.setLogoUrl(res)\r\n\r\n                    this.$router.push({\r\n                      name: 'ConnectSetting2',\r\n                      query: { setting: true },\r\n                    })\r\n\r\n                    this.handleLoading(false)\r\n                    resolve(res.data)\r\n                  })\r\n                  .catch(error => {\r\n                    this.handleLoading(false)\r\n                    this.alertModalAction(\r\n                      this.lbl['alert-box-error-header'],\r\n                      error.response.data.error.message,\r\n                      'error',\r\n                      true,\r\n                    )\r\n                    resolve(error)\r\n                  })\r\n              })\r\n            }\r\n          })\r\n        } else {\r\n          this.alertModalAction(\r\n            this.lbl['alert-box-error-header'],\r\n            this.lbl['alert-box-error-fill-info'],\r\n            'error',\r\n            true,\r\n          )\r\n        }\r\n      })\r\n    },\r\n    setLogoUrl(res) {\r\n      console.log('setLogoUrl : ', res.data.store.LogoUrl)\r\n      if (res.data.store.LogoUrl) {\r\n        var img = res.data.store.LogoUrl\r\n        Account.updateLogoUrl(img)\r\n      }\r\n    },\r\n    postReward() {\r\n      console.log('postReward')\r\n      this.params_reward.type = this.radioCampaignMode\r\n      return new Promise(resolve => {\r\n        BzbsProfile.postReward(this.params_reward)\r\n          .then(res => {\r\n            if (res.data.Success) {\r\n              this.$router.push({\r\n                name: 'ConnectSetting2',\r\n              })\r\n            }\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-error-header'],\r\n              error.response.data.error.message,\r\n              'error',\r\n              true,\r\n            )\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handleGTMName() {\r\n      console.log('handleGTMName')\r\n      this.googleTagManager(\r\n        'setting_account_page',\r\n        'setting_account_menu',\r\n        'click_business_name',\r\n        null,\r\n        'on click',\r\n      )\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n.account-setting-page-wrapper {\r\n  padding-bottom: 130px !important;\r\n  text-align: -webkit-center;\r\n  .account-setting-body {\r\n    width: 90%;\r\n    max-width: common.$max-width-tablet;\r\n    text-align: left;\r\n\r\n    .setting-container {\r\n      background-color: #ffffff;\r\n      margin-top: 30px;\r\n      padding: 30px;\r\n\r\n      .detail-setting-container {\r\n        widows: 100%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 24px;\r\n        .business-name-container {\r\n          min-width: 120px;\r\n          flex: 2;\r\n        }\r\n        .business-type-container {\r\n          min-width: 120px;\r\n          flex: 1;\r\n        }\r\n      }\r\n      .upload-logo-container {\r\n        .field-upload {\r\n          display: flex;\r\n          .box-img {\r\n            position: relative;\r\n            border: 1px solid common.$color-grey-c1;\r\n            width: 200px;\r\n            height: 200px;\r\n            margin-bottom: 20px;\r\n            margin-right: 20px;\r\n\r\n            &.none-border {\r\n              border: initial;\r\n            }\r\n\r\n            &.box-img-border {\r\n              border: 1px solid common.$color-red-f5;\r\n            }\r\n          }\r\n          .box-upload {\r\n            .btn-bg-upload {\r\n              border: solid 1px common.$color-orange-2;\r\n              background-color: common.$color-white;\r\n              padding: 0px 15px;\r\n              border-radius: 8px;\r\n              font-size: 14px;\r\n              font-weight: 500;\r\n              color: common.$color-orange-2;\r\n              cursor: pointer;\r\n              width: 160px;\r\n              margin-bottom: 10px;\r\n            }\r\n            .box-recommended {\r\n              line-height: 1.65;\r\n              font-size: 12px;\r\n              color: common.$color-grey-a6;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer-wraper {\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 40px;\r\n    padding: 16px;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    flex-wrap: wrap;\r\n    .button {\r\n      width: 20%;\r\n      min-width: 100px;\r\n      padding: 16px;\r\n      color: #ffffff;\r\n      background-color: common.$primary-hover;\r\n    }\r\n    .btn-warning:disabled {\r\n      color: #fff !important;\r\n      background-color: #c4c4c4 !important;\r\n      border-color: #c4c4c4 !important;\r\n    }\r\n  }\r\n\r\n  .radio-group-container {\r\n    margin-top: 16px;\r\n    .wrapper-radio-custom {\r\n      width: 80%;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n\r\n      .radio-main {\r\n        cursor: pointer;\r\n        flex: 1;\r\n        min-width: 100px;\r\n        padding: 16px;\r\n        border-radius: 4px;\r\n        border: solid 1px #ffffff;\r\n        background-color: #fafafa;\r\n        margin: 0;\r\n        white-space: normal;\r\n        color: common.$color-grey-75;\r\n\r\n        .mt-10 {\r\n          margin-top: 10px;\r\n        }\r\n        .sub-description {\r\n          font-size: 12px;\r\n          color: common.$text-light-gray;\r\n        }\r\n        strong {\r\n          color: common.$color-grey-42;\r\n          margin-bottom: 10px;\r\n        }\r\n        .login-type-title,\r\n        .login-type-detail {\r\n          white-space: wrap;\r\n          line-height: 2;\r\n        }\r\n      }\r\n      .active {\r\n        border: solid 1px common.$primary;\r\n        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);\r\n      }\r\n    }\r\n  }\r\n  .noted {\r\n    color: common.$color-red-52;\r\n  }\r\n  .notice {\r\n    color: common.$color-red-52;\r\n    text-align: left;\r\n  }\r\n  .telcontainer {\r\n    .ant-input {\r\n      padding-left: 40px;\r\n    }\r\n    .error {\r\n      .ant-input {\r\n        border: 1px solid red;\r\n      }\r\n    }\r\n  }\r\n}\r\n.text-left {\r\n  text-align: left;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.telcontainer {\r\n  text-align: left;\r\n  label {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n  }\r\n  .inputcontainer {\r\n    position: relative;\r\n    img {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 10px;\r\n      transform: translateY(-50%);\r\n      z-index: 1;\r\n    }\r\n  }\r\n}\r\n.sub-logo {\r\n  color: #a6a6a6;\r\n  font-size: 12px;\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@import '../styles/accountsetup_main.scss';\r\n.telcontainer {\r\n  .ant-input {\r\n    padding-left: 40px;\r\n  }\r\n  .error {\r\n    .ant-input {\r\n      border: 1px solid red;\r\n    }\r\n  }\r\n}\r\n\r\n.login-type-card {\r\n  .logintype-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    margin-right: 8px;\r\n  }\r\n}\r\n</style>\r\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!./Account.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!./Account.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Account.vue?vue&type=template&id=470c5753&scoped=true&\"\nimport script from \"./Account.vue?vue&type=script&lang=js&\"\nexport * from \"./Account.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Account.vue?vue&type=style&index=0&id=470c5753&lang=scss&scoped=true&\"\nimport style1 from \"./Account.vue?vue&type=style&index=1&id=470c5753&lang=scss&scoped=true&\"\nimport style2 from \"./Account.vue?vue&type=style&index=2&lang=scss&\"\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  \"470c5753\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}