{"version":3,"sources":["webpack:///./src/components/organisms/Onboarding/Onboarding.vue?d61d","webpack:///./src/components/organisms/Onboarding/Onboarding.vue?0f93","webpack:///src/components/organisms/Onboarding/Onboarding.vue","webpack:///./src/components/organisms/Onboarding/Onboarding.vue?bb5f","webpack:///./src/components/organisms/Onboarding/Onboarding.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","transitionName","componentId","tag","getUserSetting","title","subTitle","imageName","on","$event","onCallBack","doNextPage","countOnboarding","currentPage","onCallbackSubmit","staticRenderFns","components","data","currentComponentName","selectedLanguage","formData","watch","immediate","handler","oldVal","newVal","computed","getOnboarding","length","id","methods","num","type","language","val","page","skip","forEach","insertConfiguration","document","documentElement","style","overflow","$router","replace","component"],"mappings":"2IAAA,yBAA+mB,EAAG,G,2CCAlnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAOP,EAAIQ,eAAe,KAAO,WAAW,CAACJ,EAAGJ,EAAIS,YAAY,CAACC,IAAI,YAAYH,MAAM,CAAC,mBAAmBP,EAAIW,eAAe,MAAQX,EAAIY,MAAM,SAAWZ,EAAIa,SAAS,UAAYb,EAAIc,WAAWC,GAAG,CAAC,wBAAwB,SAASC,GAAQhB,EAAIW,eAAeK,GAAQ,0BAA0B,SAASA,GAAQhB,EAAIW,eAAeK,GAAQ,gBAAgBhB,EAAIiB,WAAW,YAAYjB,EAAIkB,eAAe,GAAGd,EAAG,kBAAkB,CAACE,YAAY,mBAAmBC,MAAM,CAAC,aAAaP,EAAImB,gBAAgB,eAAenB,EAAIoB,aAAaL,GAAG,CAAC,kBAAkBf,EAAIqB,iBAAiB,qBAAqB,SAASL,GAAQhB,EAAIoB,YAAYJ,GAAQ,sBAAsB,SAASA,GAAQhB,EAAIoB,YAAYJ,OAAY,IACp1BM,EAAkB,G,8pBC8BtB,OACEC,WAAY,CACV,qBAAsB,EAA1B,KACI,sBAAuB,EAA3B,KACI,sBAAuB,EAA3B,KACI,oBAAqB,EAAzB,KACI,mBAAoB,EAAxB,KACI,kBAAmB,EAAvB,MAEEC,KATF,WAUI,MAAO,CACLJ,YAAa,EACbK,qBAAsB,GACtBC,iBAAkB,KAClBC,SAAU,GACVnB,eAAgB,UAGpBoB,MAAO,CACLR,YAAa,CACXS,WAAW,EACXC,QAFN,SAEA,KACQ7B,KAAKO,eAAiBuB,EAASC,EAAS,cAAgB,gBAI9DC,SAAU,EAAZ,GACA,oFADA,CAEId,gBAFJ,WAGM,OAAOlB,KAAKiC,cAAcC,QAE5B1B,YALJ,WAOM,OADAR,KAAKwB,qBAAuBxB,KAAKiC,cAAcC,OAASlC,KAAKiC,cAAcjC,KAAKmB,YAAc,GAAGgB,GAAK,KAC/FnC,KAAKwB,sBAEdb,MATJ,WAUM,OAAQX,KAAKwB,sBACX,IAAK,qBACH,MAAO,mCACT,IAAK,sBACH,MAAO,6CACT,IAAK,sBACH,MAAO,YACT,IAAK,oBACH,MAAO,+CACT,IAAK,mBACH,MAAO,iDACT,QACE,OAAO,OAGbZ,SAzBJ,WA0BM,OAAQZ,KAAKwB,sBACX,IAAK,qBACH,MAAO,8DACT,IAAK,sBACH,MAAO,uHACT,IAAK,sBACH,MAAO,gCACT,IAAK,oBACH,MAAO,+CACT,IAAK,mBACH,MAAO,uCACT,QACE,OAAO,OAGbX,UAzCJ,WA0CM,OAAQb,KAAKwB,sBACX,IAAK,qBACH,MAAO,4BACT,IAAK,sBACH,MAAO,6BACT,IAAK,oBACH,MAAO,2BACT,QACE,OAAO,SAIfY,QAAS,EAAX,GACA,qDADA,CAGInB,WAHJ,SAGA,GACMjB,KAAKmB,aAAekB,GAEtBrB,WANJ,SAMA,OACA,iBACmB,aAATsB,EAAqBtC,KAAKU,eAAe6B,SAAWC,EAC9D,wCACA,2DACA,8CAEIpB,iBAbJ,SAaA,cACA,kBAEMpB,KAAKiC,cAAcQ,EAAO,GAAGC,KAAOA,EAEpC1C,KAAKiC,cAAcU,SAAQ,SAAjC,GACa,EAAb,0DACU,EAAV,6BAIM3C,KAAK4C,sBACLC,SAASC,gBAAgBC,MAAMC,SAAW,GAC1ChD,KAAKiD,QAAQC,QAAQ,CAA3B,0BCzIkX,I,wBCQ9WC,EAAY,eACd,EACArD,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E","file":"js/chunk-29c029e6.5d4f93cc.js","sourcesContent":["import mod 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!./Onboarding.vue?vue&type=style&index=0&id=0973ff78&lang=scss&scoped=true&\"; export default mod; 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!./Onboarding.vue?vue&type=style&index=0&id=0973ff78&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"onboarding\"},[_c('transition',{attrs:{\"name\":_vm.transitionName,\"mode\":\"out-in\"}},[_c(_vm.componentId,{tag:\"component\",attrs:{\"obj-user-setting\":_vm.getUserSetting,\"title\":_vm.title,\"subTitle\":_vm.subTitle,\"imageName\":_vm.imageName},on:{\"update:objUserSetting\":function($event){_vm.getUserSetting=$event},\"update:obj-user-setting\":function($event){_vm.getUserSetting=$event},\"callback-func\":_vm.onCallBack,\"next-page\":_vm.doNextPage}})],1),_c('onboarding-step',{staticClass:\"onboarding__step\",attrs:{\"count-page\":_vm.countOnboarding,\"current-page\":_vm.currentPage},on:{\"callback-submit\":_vm.onCallbackSubmit,\"update:currentPage\":function($event){_vm.currentPage=$event},\"update:current-page\":function($event){_vm.currentPage=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"onboarding\">\n    <transition :name=\"transitionName\" mode=\"out-in\">\n      <component\n        :is=\"componentId\"\n        :obj-user-setting.sync=\"getUserSetting\"\n        :title=\"title\"\n        :subTitle=\"subTitle\"\n        :imageName=\"imageName\"\n        @callback-func=\"onCallBack\"\n        @next-page=\"doNextPage\"\n      ></component>\n    </transition>\n    <onboarding-step\n      class=\"onboarding__step\"\n      @callback-submit=\"onCallbackSubmit\"\n      :count-page=\"countOnboarding\"\n      :current-page.sync=\"currentPage\"\n    ></onboarding-step>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from \"vuex\"\nimport {\n  OnboardingGeneral,\n  OnboardingLanguage,\n  OnboardingInvest,\n  OnboardingAsset,\n  OnboardingStep\n} from \"../../molecules\"\nexport default {\n  components: {\n    \"onboarding-general\": OnboardingGeneral,\n    \"onboarding-entrance\": OnboardingGeneral,\n    \"onboarding-language\": OnboardingLanguage,\n    \"onboarding-invest\": OnboardingInvest,\n    \"onboarding-asset\": OnboardingAsset,\n    \"onboarding-step\": OnboardingStep\n  },\n  data() {\n    return {\n      currentPage: 1,\n      currentComponentName: \"\",\n      selectedLanguage: null,\n      formData: [],\n      transitionName: \"slide\"\n    }\n  },\n  watch: {\n    currentPage: {\n      immediate: true,\n      handler(newVal, oldVal) {\n        this.transitionName = oldVal > newVal ? \"slide-right\" : \"slide-left\"\n      }\n    }\n  },\n  computed: {\n    ...mapGetters(\"onboarding\", [\"getUserSetting\", \"getOnboarding\", \"getUserOnboarding\"]),\n    countOnboarding() {\n      return this.getOnboarding.length\n    },\n    componentId() {\n      this.currentComponentName = this.getOnboarding.length ? this.getOnboarding[this.currentPage - 1].id : null\n      return this.currentComponentName\n    },\n    title() {\n      switch (this.currentComponentName) {\n        case \"onboarding-general\":\n          return \"Welcome to <br/> FINNOMENA MONEY\"\n        case \"onboarding-entrance\":\n          return \"เข้า FINNOMENA MONEY </br> ง่ายมากกว่าเดิม\"\n        case \"onboarding-language\":\n          return \"เลือกภาษา\"\n        case \"onboarding-invest\":\n          return \"ความรู้ด้านการลงทุนของคุณ<br/>อยู่ในระดับไหน\"\n        case \"onboarding-asset\":\n          return \"กรุณาเรียงลำดับความสนใจของ<br/>คุณจากมากไปน้อย\"\n        default:\n          return null\n      }\n    },\n    subTitle() {\n      switch (this.currentComponentName) {\n        case \"onboarding-general\":\n          return \"เช็กราคาทอง หุ้น กองทุน ฯลฯ <br/> ดูง่าย ดูครบ จบในที่เดียว\"\n        case \"onboarding-entrance\":\n          return \"เพียงคุณเข้าหน้า Home บน LINE แล้วเลือก Add ในแถบ Services จากนั้นมองหา FINNOMENA MONEY เพื่อ Pin แล้วอย่าลืมกด Save\"\n        case \"onboarding-language\":\n          return \"ไม่รวมบทความและเนื้อหาบางส่วน\"\n        case \"onboarding-invest\":\n          return \"ความรู้ด้านการลงทุนของคุณ<br/>อยู่ในระดับไหน\"\n        case \"onboarding-asset\":\n          return \"การแสดงผลจะขึ้นอยู่กับความสนใจของคุณ\"\n        default:\n          return null\n      }\n    },\n    imageName() {\n      switch (this.currentComponentName) {\n        case \"onboarding-general\":\n          return \"onboarding-general@3x.png\"\n        case \"onboarding-entrance\":\n          return \"onboarding-entrance@3x.png\"\n        case \"onboarding-invest\":\n          return \"onboarding-invest@3x.png\"\n        default:\n          return null\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"onboarding\", [\"insertConfiguration\"]),\n\n    doNextPage(num) {\n      this.currentPage += num\n    },\n    onCallBack(obj) {\n      const { val, type } = obj\n      if (type === \"language\") this.getUserSetting.language = val\n      else if (type === \"theme\") this.getUserSetting.theme = val\n      else if (type === \"investlvl\") this.getUserSetting.investlvl = val.toString()\n      else if (type === \"assets\") this.getUserSetting.assets = val\n    },\n    onCallbackSubmit(obj) {\n      const { page, skip } = obj\n      // prepair skip data\n      this.getOnboarding[page - 1].skip = skip\n      // assign new onboarding to user onboarding\n      this.getOnboarding.forEach(obd => {\n        if (!this.getUserOnboarding.find(item => item.id == obd.id)) {\n          this.getUserOnboarding.push(obd)\n        }\n      })\n      // upsert data\n      this.insertConfiguration()\n      document.documentElement.style.overflow = \"\"\n      this.$router.replace({ name: \"miniapp-home\" })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./styles/_Onboarding\";\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.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!./Onboarding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Onboarding.vue?vue&type=template&id=0973ff78&scoped=true&\"\nimport script from \"./Onboarding.vue?vue&type=script&lang=js&\"\nexport * from \"./Onboarding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Onboarding.vue?vue&type=style&index=0&id=0973ff78&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  \"0973ff78\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}