{"version":3,"sources":["webpack:///./src/module/FriendsGetFriend/acceptinvite.vue?816f","webpack:///./src/module/FriendsGetFriend/acceptinvite.vue?e0c7","webpack:///./src/assets/images/card_giftcard.svg","webpack:///./src/module/FriendsGetFriend/acceptinvite.vue?ad78","webpack:///src/module/FriendsGetFriend/acceptinvite.vue","webpack:///./src/module/FriendsGetFriend/acceptinvite.vue?7758","webpack:///./src/module/FriendsGetFriend/acceptinvite.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","windowWidth","windowHeight","style","backgroundImage","storeinfo","image_header","attrs","image_logo","_v","_s","lbl","default","welcome","businessName","_m","fgf","youget","invite","fromfriends","welcometo","welcometotext","backgroundColor","buttoncolor","color","buttontextcolor","on","$event","goto","registernadgetreward","height","staticRenderFns","component"],"mappings":"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","file":"js/acceptinvite.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./acceptinvite.vue?vue&type=style&index=0&lang=scss&scope=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./acceptinvite.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/card_giftcard.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-100\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"h-100\"},[_c('div',{staticClass:\"wrapper__Box__register\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"}},[_c('div',{staticClass:\"box_content\"},[_c('div',{staticClass:\"wrapper__register__page\"},[_c('div',{staticClass:\"row title\"},[_c('div',{staticClass:\"col-12 text-center\"},[_c('img',{staticClass:\"logo__register\",attrs:{\"crm_at\":\"logo_register\",\"src\":_vm.storeinfo.image_logo,\"alt\":\"\"}})]),_c('div',{staticClass:\"col-12 text-center\"},[_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"text_title\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n                  \"+_vm._s(_vm.storeinfo.businessName)+\"\\n                \")])])]),_c('hr',{staticClass:\"hr__style\"}),_c('div',{staticClass:\"wrapper__register__page__content\"},[_c('div',{staticClass:\"mainContainerAcc\"},[_vm._m(0),_c('div',{staticClass:\"title\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.fgf.youget)+\"\\n                  \"+_vm._s(_vm.lbl.fgf.invite)+\"\\n                  \"+_vm._s(_vm.lbl.fgf.fromfriends)+\"\\n                \")]),_c('div',{staticClass:\"subTitle\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.fgf.welcometo)+_vm._s(_vm.storeinfo.businessName)+_vm._s(_vm.lbl.fgf.welcometotext)+\"\\n                \")]),_c('div',{staticClass:\"btnContainer\"},[_c('button',{style:({\n                      backgroundColor: _vm.storeinfo.buttoncolor,\n                      color: _vm.storeinfo.buttontextcolor,\n                    }),on:{\"click\":function($event){return _vm.goto('register')}}},[_vm._v(\"\\n                    \"+_vm._s(_vm.lbl.fgf.registernadgetreward)+\"\\n                  \")])])])])])])])])]):_c('div',[_c('div',{staticClass:\"wrapper__Box__register\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"}}),_c('div',{staticClass:\"wrapper__register__page\"},[_c('div',{staticClass:\"row title\"},[_c('div',{staticClass:\"col-2\"},[_c('img',{staticClass:\"logo__register\",attrs:{\"crm_at\":\"logo_register\",\"src\":_vm.storeinfo.image_logo,\"alt\":\"\"}})]),_c('div',{staticClass:\"col-10\"},[_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"text_title\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n              \"+_vm._s(_vm.storeinfo.businessName)+\"\\n            \")])])]),_c('hr',{staticClass:\"hr__style\"}),_c('div',{staticClass:\"wrapper__register__page__content\"},[_c('div',{staticClass:\"mainContainerAcc\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"width\":\"80\",\"height\":\"80\",\"viewBox\":\"0 0 80 80\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M66.668 20h-7.267c.367-1.034.6-2.167.6-3.334 0-5.533-4.466-10-10-10-3.5 0-6.533 1.8-8.333 4.5l-1.667 2.233-1.666-2.266C36.535 8.466 33.5 6.666 30 6.666c-5.533 0-10 4.467-10 10 0 1.167.234 2.3.6 3.333h-7.266c-3.7 0-6.634 2.967-6.634 6.667l-.033 36.667c0 3.7 2.967 6.666 6.667 6.666h53.333c3.7 0 6.667-2.966 6.667-6.666V26.666c0-3.7-2.967-6.667-6.667-6.667zm-16.667-6.667c1.834 0 3.334 1.5 3.334 3.333 0 1.833-1.5 3.333-3.334 3.333a3.343 3.343 0 0 1-3.333-3.333c0-1.833 1.5-3.333 3.333-3.333zm-20 0c1.834 0 3.334 1.5 3.334 3.333 0 1.833-1.5 3.333-3.334 3.333a3.343 3.343 0 0 1-3.333-3.333c0-1.833 1.5-3.333 3.333-3.333zm36.667 50H13.335v-6.667h53.333v6.667zm0-16.667H13.335v-20h16.933l-6.933 9.433 5.4 3.9L40 24.666l11.267 15.333 5.4-3.9-6.933-9.433h16.933v20z\",\"fill\":\"#323232\"}})])]),_c('div',{staticClass:\"title\"},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.fgf.youget)+\"\\n              \"+_vm._s(_vm.lbl.fgf.invite)+\"\\n              \"+_vm._s(_vm.lbl.fgf.fromfriends)+\"\\n            \")]),_c('div',{staticClass:\"subTitle\"},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.fgf.welcometo)+_vm._s(_vm.storeinfo.businessName)+_vm._s(_vm.lbl.fgf.welcometotext)+\"\\n            \")]),_c('div',{staticClass:\"btnContainer\"},[_c('button',{style:({\n                  backgroundColor: _vm.storeinfo.buttoncolor,\n                  color: _vm.storeinfo.buttontextcolor,\n                }),on:{\"click\":function($event){return _vm.goto('register')}}},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.fgf.registernadgetreward)+\"\\n              \")])])])])])])]),_c('div',{style:({ height: '43px' })})])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/card_giftcard.svg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"h-100\">\r\n    <div v-if=\"windowWidth >= 600 && windowHeight >= 600\" class=\"h-100\">\r\n      <div class=\"wrapper__Box__register\">\r\n        <div\r\n          class=\"image__hearder\"\r\n          crm_at=\"image_hearder\"\r\n          :style=\"{ backgroundImage: 'url(' + storeinfo.image_header + ')' }\"\r\n        >\r\n          <div class=\"box_content\">\r\n            <div class=\"wrapper__register__page\">\r\n              <div class=\"row title\">\r\n                <div class=\"col-12 text-center\">\r\n                  <img\r\n                    class=\"logo__register\"\r\n                    crm_at=\"logo_register\"\r\n                    :src=\"storeinfo.image_logo\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n                <div class=\"col-12 text-center\">\r\n                  <div class=\"text-title\" crm_at=\"text_title\">\r\n                    {{ lbl.default.welcome }}<br />\r\n                    {{ storeinfo.businessName }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <hr class=\"hr__style\" />\r\n              <div class=\"wrapper__register__page__content\">\r\n                <div class=\"mainContainerAcc\">\r\n                  <div class=\"icon\">\r\n                    <img src=\"@/assets/images/card_giftcard.svg\" alt=\"\" />\r\n                  </div>\r\n                  <div class=\"title\">\r\n                    {{ lbl.fgf.youget }}\r\n                    {{ lbl.fgf.invite }}\r\n                    {{ lbl.fgf.fromfriends }}\r\n                  </div>\r\n                  <div class=\"subTitle\">\r\n                    {{ lbl.fgf.welcometo }}{{ storeinfo.businessName\r\n                    }}{{ lbl.fgf.welcometotext }}\r\n                  </div>\r\n                  <div class=\"btnContainer\">\r\n                    <button\r\n                      :style=\"{\r\n                        backgroundColor: storeinfo.buttoncolor,\r\n                        color: storeinfo.buttontextcolor,\r\n                      }\"\r\n                      @click=\"goto('register')\"\r\n                    >\r\n                      {{ lbl.fgf.registernadgetreward }}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-else>\r\n      <div class=\"wrapper__Box__register\">\r\n        <div\r\n          class=\"image__hearder\"\r\n          crm_at=\"image_hearder\"\r\n          :style=\"{ backgroundImage: 'url(' + storeinfo.image_header + ')' }\"\r\n        ></div>\r\n        <div class=\"wrapper__register__page\">\r\n          <div class=\"row title\">\r\n            <div class=\"col-2\">\r\n              <img\r\n                class=\"logo__register\"\r\n                crm_at=\"logo_register\"\r\n                :src=\"storeinfo.image_logo\"\r\n                alt=\"\"\r\n              />\r\n            </div>\r\n            <div class=\"col-10\">\r\n              <div class=\"text-title\" crm_at=\"text_title\">\r\n                {{ lbl.default.welcome }}<br />\r\n                {{ storeinfo.businessName }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <hr class=\"hr__style\" />\r\n          <div class=\"wrapper__register__page__content\">\r\n            <div class=\"mainContainerAcc\">\r\n              <div class=\"icon\">\r\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\r\n                  <path\r\n                    d=\"M66.668 20h-7.267c.367-1.034.6-2.167.6-3.334 0-5.533-4.466-10-10-10-3.5 0-6.533 1.8-8.333 4.5l-1.667 2.233-1.666-2.266C36.535 8.466 33.5 6.666 30 6.666c-5.533 0-10 4.467-10 10 0 1.167.234 2.3.6 3.333h-7.266c-3.7 0-6.634 2.967-6.634 6.667l-.033 36.667c0 3.7 2.967 6.666 6.667 6.666h53.333c3.7 0 6.667-2.966 6.667-6.666V26.666c0-3.7-2.967-6.667-6.667-6.667zm-16.667-6.667c1.834 0 3.334 1.5 3.334 3.333 0 1.833-1.5 3.333-3.334 3.333a3.343 3.343 0 0 1-3.333-3.333c0-1.833 1.5-3.333 3.333-3.333zm-20 0c1.834 0 3.334 1.5 3.334 3.333 0 1.833-1.5 3.333-3.334 3.333a3.343 3.343 0 0 1-3.333-3.333c0-1.833 1.5-3.333 3.333-3.333zm36.667 50H13.335v-6.667h53.333v6.667zm0-16.667H13.335v-20h16.933l-6.933 9.433 5.4 3.9L40 24.666l11.267 15.333 5.4-3.9-6.933-9.433h16.933v20z\"\r\n                    fill=\"#323232\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n              <div class=\"title\">\r\n                {{ lbl.fgf.youget }}\r\n                {{ lbl.fgf.invite }}\r\n                {{ lbl.fgf.fromfriends }}\r\n              </div>\r\n              <div class=\"subTitle\">\r\n                {{ lbl.fgf.welcometo }}{{ storeinfo.businessName\r\n                }}{{ lbl.fgf.welcometotext }}\r\n              </div>\r\n              <div class=\"btnContainer\">\r\n                <button\r\n                  :style=\"{\r\n                    backgroundColor: storeinfo.buttoncolor,\r\n                    color: storeinfo.buttontextcolor,\r\n                  }\"\r\n                  @click=\"goto('register')\"\r\n                >\r\n                  {{ lbl.fgf.registernadgetreward }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div :style=\"{ height: '43px' }\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport _ from 'lodash'\r\n\r\nexport default {\r\n  name: 'Acceptinvite',\r\n  components: {},\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n      },\r\n      dataCampaign: {\r\n        UserPoints: 0,\r\n      },\r\n      loginTypeList: [],\r\n    }\r\n  },\r\n  watch: {},\r\n  beforeCreate() {},\r\n  created() {\r\n    this.getprofile()\r\n    this.init()\r\n    console.log(this.$route.params.refcode)\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getCustomerStore()\r\n      this.getFGFGenLink()\r\n      this.handleLanguage(true)\r\n      this.handleshowFGF(false)\r\n      this.handleFooter(false)\r\n      this.handleLoading(false)\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    arrList(string) {\r\n      var list = string.split(',')\r\n      this.loginTypeList = list\r\n      return list\r\n    },\r\n    goHome() {\r\n      this.$router.push({\r\n        name: 'home',\r\n        query: {\r\n          refcode: this.$route.params.refcode,\r\n        },\r\n      })\r\n    },\r\n    goto(page) {\r\n      if (\r\n        this.loginTypeList.includes('Device') ||\r\n        this.loginTypeList.includes('device')\r\n      ) {\r\n        if (this.$route.query.single_signon) {\r\n          window.location =\r\n            window.location.origin +\r\n            '/loginOTP' +\r\n            '?single_signon=true' +\r\n            '&id_token=' +\r\n            this.$route.query.id_token +\r\n            '&refcode=' +\r\n            this.$route.params.refcode\r\n        } else {\r\n          this.$router.push({\r\n            name: 'loginOTP',\r\n            query: {\r\n              refcode: this.$route.params.refcode,\r\n            },\r\n          })\r\n        }\r\n      } else {\r\n        if (this.$route.query.single_signon) {\r\n          window.location =\r\n            window.location.origin +\r\n            '/' +\r\n            page +\r\n            '?single_signon=true' +\r\n            '&id_token=' +\r\n            this.$route.query.id_token +\r\n            '&refcode=' +\r\n            this.$route.params.refcode\r\n        } else {\r\n          this.$router.push({\r\n            name: page,\r\n            query: {\r\n              refcode: this.$route.params.refcode,\r\n            },\r\n          })\r\n        }\r\n      }\r\n    },\r\n    getprofile() {\r\n      Account.apiGetProfile().then(data => {\r\n        if (data != null) {\r\n          if (data.strExtendJson != null) {\r\n            if (data.strExtendJson.registered == true) {\r\n              this.goHome()\r\n            } else {\r\n              if (data.strUserId) {\r\n                this.goHome()\r\n              }\r\n            }\r\n          } else {\r\n            if (data.strUserId) {\r\n              this.goHome()\r\n            }\r\n          }\r\n        }\r\n      })\r\n    },\r\n    getFGFGenLink() {\r\n      this.handleLoading(true)\r\n      BzbsDashboard.getFGFGenLink()\r\n        .then(res => {\r\n          console.log('getFGFGenLink', res.data.CrmPlusFriendGetFriend)\r\n          this.dataCampaign = res.data.CrmPlusFriendGetFriend\r\n        })\r\n        .catch(err => console.log(err))\r\n        .finally(() => {\r\n          this.handleLoading(false)\r\n        })\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.genInfo(res)\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            if (_.isEmpty(error.response)) {\r\n              this.handleLoading(false)\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.connectionproblem,\r\n              }\r\n            }\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail:\r\n                error.response.data.error.message ||\r\n                this.lbl.error.connectionproblem,\r\n            }\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genInfo(res) {\r\n      this.storeinfo.image_header = encodeURI(res.data.StoreDetail.CoverUrl)\r\n      this.storeinfo.image_logo = encodeURI(res.data.StoreDetail.LogoUrl)\r\n      this.storeinfo.businessName = res.data.StoreDetail.BusinessName\r\n      this.storeinfo.buttoncolor = res.data.StoreDetail.ButtonColor\r\n      this.storeinfo.buttontextcolor = res.data.StoreDetail.ButtonTextColor\r\n      this.storeinfo.UseOTP = res.data.UseOTP\r\n      this.storeinfo.IsSkipRegister = res.data.StoreDetail.IsSkipRegister\r\n      this.storeinfo.IsCompany = res.data.StoreDetail.IsCompany\r\n      this.arrList(res.data.StoreDetail.LoginType)\r\n      this.modalcondition.storeinfo = this.storeinfo\r\n\r\n      this.isReferenceRequired = res.data.StoreDetail.ReferenceRequiredField\r\n      this.isReference = res.data.StoreDetail.IsReference\r\n      if (this.isJsonString(res.data.StoreDetail.ReferenceCustomName)) {\r\n        let parse = JSON.parse(res.data.StoreDetail.ReferenceCustomName)\r\n        this.ReferenceCustomName = parse\r\n      } else {\r\n        this.isReference = true\r\n        this.ReferenceCustomName = {}\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scope>\r\n@import '@/style/_mixin.scss';\r\n.mainContainerAcc {\r\n  padding-bottom: 24px;\r\n  .icon {\r\n    margin: 34px auto 24px auto;\r\n    text-align: center;\r\n  }\r\n  .title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    color: #000;\r\n  }\r\n  .subTitle {\r\n    font-size: 14px;\r\n    text-align: center;\r\n    color: #757575;\r\n  }\r\n  .btnContainer {\r\n    margin-top: 24px;\r\n    button {\r\n      height: 52px;\r\n      width: 100%;\r\n      border-radius: 100px;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      letter-spacing: 1px;\r\n      text-align: center;\r\n      border: none;\r\n    }\r\n  }\r\n}\r\n.wrapper__Box__register {\r\n  input,\r\n  select {\r\n    font-size: 16px;\r\n    @include breakpoint-max(320) {\r\n      @include fontSize(12);\r\n    }\r\n  }\r\n\r\n  @mixin btn() {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: auto;\r\n    border-radius: 100px;\r\n    font-size: 18px;\r\n    height: 50px;\r\n  }\r\n  .btn__Register {\r\n    @include btn();\r\n    width: 100%;\r\n    position: relative;\r\n    top: 10px;\r\n    @include breakpoint-max(320) {\r\n      width: 270px !important;\r\n    }\r\n    font-weight: 500;\r\n  }\r\n  .active {\r\n    opacity: 1;\r\n    pointer-events: unset;\r\n  }\r\n  .icheck-primary {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n  .icheck-primary > input:first-child:checked + label::before {\r\n    background-color: $color-radio-check !important;\r\n    border-color: $color-radio-check !important;\r\n  }\r\n  .hr__style {\r\n    margin: 0px 20px;\r\n    border-top: 1px solid $color-input !important;\r\n  }\r\n\r\n  .wrapper__register__page {\r\n    &__content {\r\n      padding: 0px 20px;\r\n    }\r\n    .mt-mobile {\r\n      margin-top: -5px;\r\n    }\r\n    border-top-left-radius: 40px;\r\n    border-top-right-radius: 40px;\r\n    margin-top: -50px;\r\n    background-color: white;\r\n    .title {\r\n      padding: 10px;\r\n      .text-title {\r\n        font-size: 18px;\r\n        margin-left: 10px;\r\n        color: #666;\r\n        font-weight: 700;\r\n      }\r\n    }\r\n    padding: 0px 5px;\r\n\r\n    .label__checkbox {\r\n      text-indent: 15px;\r\n      position: absolute;\r\n      top: -5px;\r\n    }\r\n    .radio-label {\r\n      font-size: 16px;\r\n      letter-spacing: normal;\r\n      text-align: left;\r\n      color: $color-text-dark;\r\n      white-space: nowrap;\r\n      @include breakpoint-max(320) {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n    .p-row {\r\n      font-size: 16px;\r\n      padding-top: 10px;\r\n    }\r\n    .wrapper-gender {\r\n      padding-top: 10px;\r\n      align-items: center;\r\n      @include flex();\r\n      .item {\r\n        position: relative;\r\n        @include flexcol-100();\r\n      }\r\n      .item__sm {\r\n        @include flexcol(22%);\r\n      }\r\n      .item__lg {\r\n        @include flexcol(26%);\r\n      }\r\n    }\r\n    .input__register {\r\n      text-indent: 10px;\r\n      width: 100%;\r\n      height: 50px;\r\n      border-radius: 10px;\r\n      border: solid 1px $color-input;\r\n      background-color: #fff;\r\n    }\r\n    .select__register {\r\n      text-align: center;\r\n      padding: 15px 0px 14px 0px;\r\n      border-radius: 10px;\r\n      border: solid 1px $color-input;\r\n      width: 100%;\r\n      background-color: #fff;\r\n      @include breakpoint-max(320) {\r\n        padding: 7px 0px 5px 0px !important;\r\n      }\r\n    }\r\n    .wrapper-check {\r\n      margin-top: 40px;\r\n    }\r\n    .checkbox__condition {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  .logo__register {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 1000px;\r\n  }\r\n\r\n  .serv ul {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding-left: 0;\r\n  }\r\n\r\n  .serv ul li {\r\n    list-style: none;\r\n    flex: 0 0 33.333333%;\r\n  }\r\n\r\n  .main__title {\r\n    font-size: 20px;\r\n    padding: 10px 0px;\r\n    color: #666;\r\n    font-weight: 700;\r\n  }\r\n  .sub__title {\r\n    font-size: 17px;\r\n    color: #666;\r\n    font-weight: 700;\r\n    @include breakpoint-max(320) {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  .image__hearder {\r\n    min-height: 257px;\r\n    background-repeat: round;\r\n    background-size: cover;\r\n  }\r\n\r\n  .wrapper__bzb__logo {\r\n    float: none;\r\n    .bzb__logo_register {\r\n      margin: 0;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 89px;\r\n      height: 22px;\r\n      margin-top: 40px;\r\n      position: relative;\r\n    }\r\n  }\r\n  .select__lang {\r\n    margin: 22px;\r\n  }\r\n  @mixin error() {\r\n    content: '*';\r\n    width: 29px;\r\n    height: 30px;\r\n    top: 30px;\r\n    font-size: 30px;\r\n    position: absolute;\r\n    display: inline-block;\r\n    color: $color-error;\r\n  }\r\n  .error {\r\n    &__first:after {\r\n      @include error();\r\n      top: 3px;\r\n      right: 8px;\r\n    }\r\n    &__col:after {\r\n      @include error();\r\n\r\n      right: 8px;\r\n    }\r\n    &__row:after {\r\n      @include error();\r\n      right: 8px;\r\n      top: 60px;\r\n    }\r\n    &__select:after {\r\n      @include error();\r\n      top: -15px;\r\n      @include breakpoint-max(320) {\r\n        font-size: 30px;\r\n        top: -17px;\r\n      }\r\n      text-indent: 1px;\r\n    }\r\n    &__after::after {\r\n      @include error();\r\n      top: -15px;\r\n      text-indent: 1px;\r\n    }\r\n  }\r\n}\r\ninput::placeholder {\r\n  text-align: left;\r\n}\r\n\r\n//Support PC\r\n.wrapper__Box__register {\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    .wrapper__register__page {\r\n      width: 65%;\r\n      top: 20%;\r\n      margin-top: initial;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .image__hearder {\r\n      height: 100%;\r\n      overflow: auto;\r\n      background-repeat: round;\r\n      background-size: cover;\r\n    }\r\n\r\n    .box_content {\r\n      min-height: 100%;\r\n      align-items: center;\r\n      -webkit-box-align: center;\r\n      justify-content: center;\r\n      vertical-align: middle;\r\n      display: flex;\r\n      width: 100%;\r\n    }\r\n\r\n    .logo__register {\r\n      width: 110px !important;\r\n      background-size: contain;\r\n      border-radius: 60px;\r\n      height: 110px;\r\n      margin-top: -67px;\r\n    }\r\n\r\n    .text-title {\r\n      padding: 0 65px;\r\n    }\r\n\r\n    .mt-checkbox {\r\n      margin-top: -20px;\r\n    }\r\n\r\n    .image-back {\r\n      position: fixed;\r\n      z-index: 2;\r\n    }\r\n\r\n    .select__register {\r\n      text-align: left !important;\r\n      padding: 15px 0px 14px 10px !important;\r\n      border-radius: 10px;\r\n      border: solid 1px $color-input;\r\n      width: 100%;\r\n      background-color: #fff;\r\n      @include breakpoint-max(320) {\r\n        padding: 7px 0px 5px 0px !important;\r\n      }\r\n    }\r\n\r\n    .sub__title {\r\n      font-size: 14px;\r\n      font-weight: bold;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      letter-spacing: 0.25px;\r\n      text-align: left;\r\n      color: #424242;\r\n    }\r\n\r\n    .p-relative {\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .wrapper__register__page {\r\n      margin-top: 80px !important;\r\n      margin-bottom: 100px !important;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 900px) {\r\n    .wrapper__register__page {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 1200px) {\r\n    .wrapper__register__page {\r\n      width: 35%;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (orientation: landscape) {\r\n    .bzb__logo {\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (min-device-width: 640px) and (max-device-width: 823px) and (orientation: landscape) {\r\n    .box_content {\r\n      min-height: 740px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.error_year_after::after {\r\n  content: '*';\r\n  width: 29px;\r\n  height: 30px;\r\n  font-size: 33px;\r\n  position: absolute;\r\n  display: inline-block;\r\n  color: #f5222d;\r\n  top: -20px;\r\n  text-indent: 1px;\r\n  font-weight: 600;\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!./acceptinvite.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!./acceptinvite.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./acceptinvite.vue?vue&type=template&id=e4612764&\"\nimport script from \"./acceptinvite.vue?vue&type=script&lang=js&\"\nexport * from \"./acceptinvite.vue?vue&type=script&lang=js&\"\nimport style0 from \"./acceptinvite.vue?vue&type=style&index=0&lang=scss&scope=true&\"\nimport style1 from \"./acceptinvite.vue?vue&type=style&index=1&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}