{"version":3,"sources":["webpack:///./src/assets/images/arrow_back.svg","webpack:///./src/assets/images/success-icon.svg","webpack:///./src/components/Modal/AlertErrormodal.vue?9ed6","webpack:///src/components/Modal/AlertErrormodal.vue","webpack:///./src/components/Modal/AlertErrormodal.vue?56f8","webpack:///./src/components/Modal/AlertErrormodal.vue","webpack:///./src/components/Modal/AlertError.vue?38b1","webpack:///src/components/Modal/AlertError.vue","webpack:///./src/components/Modal/AlertError.vue?19db","webpack:///./src/components/Modal/AlertError.vue","webpack:///./src/assets/images/Btn_Back.svg","webpack:///./src/assets/images/icon_Error.svg","webpack:///./src/assets/images/email_logo.svg","webpack:///./src/module/ConnectSocial/ConnectEmail.vue?e74c","webpack:///src/module/ConnectSocial/ConnectEmail.vue","webpack:///./src/module/ConnectSocial/ConnectEmail.vue?e00c","webpack:///./src/module/ConnectSocial/ConnectEmail.vue","webpack:///./src/components/Modal/AlertError.vue?cc76","webpack:///./src/components/Modal/AlertErrormodal.vue?6c91","webpack:///./src/module/ConnectSocial/ConnectEmail.vue?2dbf"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","title","line1","model","value","callback","$$v","showalert","expression","class","currentLocale","_v","_s","line2","_l","error","index","key","name","action","staticRenderFns","component","windowWidth","windowHeight","Title","domProps","Detail","style","backgroundColor","color","textColor","on","close","lbl","btn","submit","scopedSlots","_u","fn","$event","Log","_e","_m","social_connecting","connect_email","input_email_title","isValidEmail","input_email_placeholder","email","input_password_title","isValidPassword","input_password_placeholder","password","account","conditionpassword","conditionpassword_1","conditionpassword_2","conditionpassword_3","conditionpassword_4","disableSubmit","storeinfo","ButtonColor","ButtonTextColor","handleSubmit","save","showError","dataError","ChangeError","isshowalert","errors","length","ChangeAlertError","unlink","success_modal","link_title","handleTextDesc","link_desc"],"mappings":"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","file":"js/connectingemail.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/arrow_back.svg\";","module.exports = __webpack_public_path__ + \"img/success-icon.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modalFooter\"},[_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"alerterrormodal\",\"centered\":\"\",\"title\":_vm.title.line1,\"crm_at\":\"modal_alerterrormodal\",\"hide-footer\":\"\"},model:{value:(_vm.showalert),callback:function ($$v) {_vm.showalert=$$v},expression:\"showalert\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"title\",attrs:{\"crm_at\":\"title_alerterrormodal\"}},[_vm._v(_vm._s(_vm.title.line2))]),_c('ul',_vm._l((_vm.modalcontent),function(error,index){return _c('li',{key:index,staticClass:\"error\",attrs:{\"crm_at\":\"list_alerterrormodal\"}},[_c('div',{attrs:{\"crm_at\":\"list_name\"}},[_vm._v(\"\\n          \"+_vm._s(error.name)+\"\\n        \")]),_c('div',{staticClass:\"text-blank\",attrs:{\"crm_at\":\"list_action\"}},[_vm._v(\"\\n          \"+_vm._s(error.action)+\"\\n        \")])])}),0)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modalFooter\">\r\n    <b-modal\r\n      id=\"alerterrormodal\"\r\n      ref=\"my-modal\"\r\n      v-model=\"showalert\"\r\n      centered\r\n      :title=\"title.line1\"\r\n      crm_at=\"modal_alerterrormodal\"\r\n      hide-footer\r\n    >\r\n    <div :class=\"currentLocale\">\r\n      <div class=\"title\" crm_at=\"title_alerterrormodal\">{{ title.line2 }}</div>\r\n      <ul>\r\n        <li v-for=\"(error, index) in modalcontent\" :key=\"index\" class=\"error\" crm_at=\"list_alerterrormodal\">\r\n          <div crm_at=\"list_name\">\r\n            {{ error.name }}\r\n          </div>\r\n          <div class=\"text-blank\" crm_at=\"list_action\">\r\n            {{ error.action }}\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport Locale from '@/helper/Locale.js'\r\nexport default {\r\n  components: {},\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    isshowalert: Boolean,\r\n    modalcontent: Array,\r\n    resultalerterror: Boolean,\r\n    title: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      showalert: this.isshowalert,\r\n      showmodal: true,\r\n      canntblank: 'Cannot be blank ',\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'alerterrormodal') {\r\n        this.$refs['my-modal'].hide()\r\n        this.$emit('ChangeAlertError', false)\r\n      }\r\n    })\r\n  },\r\n  created() {},\r\n  methods: {\r\n    showModal() {\r\n      this.$refs['my-modal'].show()\r\n    },\r\n    hideModal() {\r\n      this.modalcondition.ismodalShow = true\r\n      this.$refs['my-modal'].hide()\r\n    },\r\n    toggleModal() {\r\n      this.$refs['my-modal'].toggle('#toggle-btn')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#alerterrormodal___BV_modal_outer_ {\r\n  ul {\r\n    padding: 0px;\r\n    li {\r\n      list-style: none;\r\n      .text-blank {\r\n        color: #bc5e5f;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .title {\r\n    font-size: 14px;\r\n    color: #666666;\r\n    text-align: center;\r\n  }\r\n  .modal-header {\r\n    background-color: #ffe1e0;\r\n    color: #666666;\r\n    .close {\r\n      font-size: 40px;\r\n      position: absolute;\r\n      top: 0px;\r\n      right: 15px;\r\n    }\r\n  }\r\n  .modal-title {\r\n    font-size: 14px;\r\n    margin: auto;\r\n    @include breakpoint-max(320) {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  .error {\r\n    font-size: 16px;\r\n    text-align: center;\r\n    margin: 25px;\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!./AlertErrormodal.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!./AlertErrormodal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertErrormodal.vue?vue&type=template&id=795bfa99&\"\nimport script from \"./AlertErrormodal.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertErrormodal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertErrormodal.vue?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup-error\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('b-modal',{ref:\"my-modal-error\",staticClass:\"modal-Error\",attrs:{\"id\":\"modal-error\",\"centered\":\"\",\"crm_at\":\"modal_error\",\"hide-footer\":\"\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticClass:\"icon-error\",attrs:{\"src\":require(\"@/assets/images/icon_Error.svg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"text-center pb-4 pt-3 modal-error-text-main\",attrs:{\"crm_at\":\"detail_error\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.Title)+\"\\n      \")]),_c('div',{staticClass:\"text-center pb-4 modal-error-text-sub\",attrs:{\"crm_at\":\"detail_error\"},domProps:{\"innerHTML\":_vm._s(_vm.Detail)}}),_c('button',{staticClass:\"btn-alert-error\",style:({\n          'background-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n          'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n          color: _vm.textColor ? _vm.textColor : '#FFF',\n        }),attrs:{\"type\":\"submit\",\"value\":\"Submit\",\"crm_at\":\"btn_submit\"},on:{\"click\":_vm.close}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.btn.submit)+\"\\n      \")])])]):_c('b-modal',{ref:\"my-modal-error\",staticClass:\"modal-Error\",attrs:{\"id\":\"modal-error\",\"centered\":\"\",\"crm_at\":\"modal_error\",\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(ref){\n        var close = ref.close;\nreturn [_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-8\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"crm_at\":\"title_error\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.Title)+\"\\n            \")])]),_c('div',{staticClass:\"col-4 text-end\"},[_c('b-button',{staticClass:\"b-modal-header close-modal-btn\",attrs:{\"size\":\"lg\",\"crm_at\":\"close_error\"},on:{\"click\":function($event){return close()}}},[_c('a-icon',{attrs:{\"type\":\"close\"}})],1)],1)])])]}}])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center pt-4 pb-4 b-modal-body\",attrs:{\"crm_at\":\"detail_error\"},domProps:{\"innerHTML\":_vm._s(_vm.Detail)}}),(_vm.Log != null)?_c('div',{staticClass:\"col-12 text-right pt-0 pb-0 b-log-error\",attrs:{\"crm_at\":\"log_error\"}},[_vm._v(\"\\n        Log : \"+_vm._s(_vm.Log)+\"\\n      \")]):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- eslint-disable vue/no-v-html -->\r\n<template>\r\n  <div class=\"popup-error\">\r\n    <!-- Support PC Tablet -->\r\n    <b-modal\r\n      v-if=\"windowWidth >= 600 && windowHeight >= 600\"\r\n      id=\"modal-error\"\r\n      ref=\"my-modal-error\"\r\n      centered\r\n      class=\"modal-Error\"\r\n      crm_at=\"modal_error\"\r\n      hide-footer\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"text-center\">\r\n          <img class=\"icon-error\" src=\"@/assets/images/icon_Error.svg\" alt=\"\" />\r\n        </div>\r\n        <div\r\n          class=\"text-center pb-4 pt-3 modal-error-text-main\"\r\n          crm_at=\"detail_error\"\r\n        >\r\n          {{ Title }}\r\n        </div>\r\n        <div\r\n          class=\"text-center pb-4 modal-error-text-sub\"\r\n          crm_at=\"detail_error\"\r\n          v-html=\"Detail\"\r\n        ></div>\r\n        <button\r\n          :style=\"{\r\n            'background-color': backgroundColor ? backgroundColor : '#1890ff',\r\n            'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n            color: textColor ? textColor : '#FFF',\r\n          }\"\r\n          type=\"submit\"\r\n          value=\"Submit\"\r\n          crm_at=\"btn_submit\"\r\n          class=\"btn-alert-error\"\r\n          @click=\"close\"\r\n        >\r\n          {{ lbl.btn.submit }}\r\n        </button>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <!-- Support Mobile -->\r\n    <b-modal\r\n      v-else\r\n      id=\"modal-error\"\r\n      ref=\"my-modal-error\"\r\n      centered\r\n      class=\"modal-Error\"\r\n      crm_at=\"modal_error\"\r\n      hide-footer\r\n    >\r\n      <template #modal-header=\"{ close }\">\r\n        <div :class=\"currentLocale\">\r\n          <div class=\"row\">\r\n            <div class=\"col-8\">\r\n              <h5 class=\"modal-title\" crm_at=\"title_error\">\r\n                {{ Title }}\r\n              </h5>\r\n            </div>\r\n            <div class=\"col-4 text-end\">\r\n              <b-button\r\n                size=\"lg\"\r\n                class=\"b-modal-header close-modal-btn\"\r\n                crm_at=\"close_error\"\r\n                @click=\"close()\"\r\n              >\r\n                <a-icon type=\"close\" />\r\n              </b-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"col-12 text-center pt-4 pb-4 b-modal-body\"\r\n          crm_at=\"detail_error\"\r\n          v-html=\"Detail\"\r\n        ></div>\r\n        <div\r\n          v-if=\"Log != null\"\r\n          class=\"col-12 text-right pt-0 pb-0 b-log-error\"\r\n          crm_at=\"log_error\"\r\n        >\r\n          Log : {{ Log }}\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  components: {},\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    show: Boolean,\r\n    data: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      Title: '',\r\n      Detail: '',\r\n      Log: null,\r\n      backgroundColor: '',\r\n      textColor: '',\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  watch: {\r\n    show: function (newVal, oldVal) {\r\n      console.log('Prop changed: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.genInfo()\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'modal-error') {\r\n        this.$refs['my-modal-error'].hide()\r\n        this.$emit('changeError', false)\r\n      }\r\n    })\r\n  },\r\n  methods: {\r\n    genInfo() {\r\n      if (this.data != null) {\r\n        if (this.data.title != null && this.data.title != undefined) {\r\n          this.Title = this.data.title\r\n            ? this.data.title\r\n            : this.lbl.error.errortitle\r\n        } else {\r\n          this.Title = this.lbl.error.errortitle\r\n        }\r\n        if (this.data.detail != null && this.data.detail != undefined) {\r\n          this.Detail = this.data.detail\r\n            ? this.data.detail\r\n            : this.lbl.error.connectionproblem\r\n        } else {\r\n          this.Detail = this.lbl.error.connectionproblem\r\n        }\r\n        if (\r\n          this.data.backgroundColor != null &&\r\n          this.data.backgroundColor != undefined\r\n        ) {\r\n          this.backgroundColor = this.data.backgroundColor\r\n            ? this.data.backgroundColor\r\n            : '#1890ff'\r\n        } else {\r\n          this.backgroundColor = '#1890ff'\r\n        }\r\n        if (this.data.textColor != null && this.data.textColor != undefined) {\r\n          this.textColor = this.data.textColor ? this.data.textColor : '#FFF'\r\n        } else {\r\n          this.textColor = '#FFF'\r\n        }\r\n        if (this.data.log != null && this.data.log != undefined) {\r\n          this.Log = this.data.log ? this.data.log : null\r\n        } else {\r\n          this.Log = null\r\n        }\r\n        this.$refs['my-modal-error'].show()\r\n      } else {\r\n        this.$refs['my-modal-error'].hide()\r\n        this.$emit('changeError', false)\r\n      }\r\n    },\r\n    close() {\r\n      this.$refs['my-modal-error'].hide()\r\n      this.$emit('changeError', false)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#modal-error {\r\n  .modal-header {\r\n    background-color: #ffe1e0;\r\n    display: block;\r\n  }\r\n\r\n  .text-end {\r\n    text-align: end;\r\n  }\r\n\r\n  .b-modal-body {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .b-log-error {\r\n    color: #d9d9d9;\r\n  }\r\n}\r\n\r\n@media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n  #modal-error {\r\n    .modal-header {\r\n      background-color: #ffffff;\r\n      border-bottom: unset;\r\n    }\r\n    .modal-body {\r\n      padding: 0 3rem 3rem;\r\n    }\r\n    .modal-content {\r\n      border-radius: 8px;\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-alert-error {\r\n      @include btn();\r\n      width: 80%;\r\n    }\r\n    .modal-error-text-main {\r\n      @include fontSize(24);\r\n      @include fontWeight('medium');\r\n      padding: 0px 35px;\r\n    }\r\n    .modal-error-text-sub {\r\n      @include fontSize(14);\r\n      @include fontWeight('light');\r\n    }\r\n    .icon-error {\r\n      width: 90px;\r\n      height: 90px;\r\n    }\r\n  }\r\n}\r\n.close-modal-btn {\r\n  background: transparent;\r\n  border: none;\r\n  color: #29304d;\r\n  font-size: 12px;\r\n  padding: 0;\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!./AlertError.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!./AlertError.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertError.vue?vue&type=template&id=6da26047&\"\nimport script from \"./AlertError.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertError.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertError.vue?vue&type=style&index=0&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","module.exports = __webpack_public_path__ + \"img/Btn_Back.svg\";","module.exports = __webpack_public_path__ + \"img/icon_Error.svg\";","module.exports = __webpack_public_path__ + \"img/email_logo.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"connect-social-wrapper\"},[_vm._m(0),_c('div',{staticClass:\"connect-social-body\"},[_c('div',{staticClass:\"connect-email-form\"},[_vm._m(1),_c('div',{staticClass:\"email-container\"},[_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"social_logo\",attrs:{\"src\":require(\"@/assets/images/email_logo.svg\"),\"alt\":\"email logo\"}}),_c('span',{staticClass:\"text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.social_connecting.connect_email.input_email_title)+\"\\n          \")])]),_c('a-input',{staticClass:\"input-wrapper\",class:{ 'input-wrapper-error': !_vm.isValidEmail },attrs:{\"id\":\"email\",\"type\":\"email\",\"block\":\"\",\"placeholder\":_vm.lbl.social_connecting.connect_email.input_email_placeholder},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('div',{staticClass:\"password-container\"},[_c('div',{staticClass:\"label\"},[_c('span',{staticClass:\"text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.social_connecting.connect_email.input_password_title)+\"\\n          \")])]),_c('a-input-password',{staticClass:\"input-wrapper\",class:{ 'input-wrapper-error': !_vm.isValidPassword },attrs:{\"id\":\"password\",\"type\":\"password\",\"block\":\"\",\"placeholder\":_vm.lbl.social_connecting.connect_email.input_password_placeholder},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('div',{staticClass:\"condition-password\"},[_c('li',[_vm._v(\"\\n            \"+_vm._s(this.lbl.account.conditionpassword.conditionpassword_1)+\"\\n          \")]),_c('li',[_vm._v(\"\\n            \"+_vm._s(this.lbl.account.conditionpassword.conditionpassword_2)+\"\\n          \")]),_c('li',[_vm._v(\"\\n            \"+_vm._s(this.lbl.account.conditionpassword.conditionpassword_3)+\"\\n          \")]),_c('li',[_vm._v(\"\\n            \"+_vm._s(this.lbl.account.conditionpassword.conditionpassword_4)+\"\\n          \")])])],1),_c('div',{staticClass:\"button-container\"},[_c('a-button',{staticClass:\"submit-button\",class:{ 'submit-button-disable': _vm.disableSubmit },style:({\n            'background-color': _vm.storeinfo.ButtonColor\n              ? _vm.storeinfo.ButtonColor\n              : '#033a70',\n            color: _vm.storeinfo.ButtonTextColor\n              ? _vm.storeinfo.ButtonTextColor\n              : '#fff',\n            'border-color': _vm.storeinfo.ButtonColor\n              ? _vm.storeinfo.ButtonColor\n              : '#eee',\n          }),attrs:{\"crm_at\":\"btn_submit\",\"disabled\":_vm.disableSubmit,\"block\":\"\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.btn.save)+\"\\n        \")])],1)])]),_c('AlertError',{attrs:{\"show\":_vm.showError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}}),(_vm.isshowalert && _vm.errors.length > 0)?_c('div',[(_vm.isshowalert && _vm.errors.length > 0)?_c('AlertErrormodal',{attrs:{\"isshowalert\":_vm.isshowalert,\"modalcontent\":_vm.errors,\"title\":_vm.title},on:{\"ChangeAlertError\":function($event){return _vm.ChangeAlertError($event)}}}):_vm._e()],1):_vm._e(),_c('b-modal',{attrs:{\"id\":\"link_success_modal\",\"centered\":\"\",\"crm_at\":\"modal_link_success\",\"hide-footer\":\"\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"body\",class:_vm.currentLocale},[_c('button',{staticClass:\"close\",attrs:{\"id\":\"close-button\",\"type\":\"button\",\"data-dismiss\":\"modal\"},on:{\"click\":function($event){return _vm.close()}}},[_vm._v(\"\\n        ×\\n      \")]),_c('img',{attrs:{\"src\":require(\"@/assets/images/success-icon.svg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.social_connecting.unlink.success_modal.email.link_title)+\"\\n      \")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"\\n        \"+_vm._s(_vm.handleTextDesc(\n            _vm.lbl.social_connecting.unlink.success_modal.email.link_desc\n          ))+\"\\n      \")])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"go-back-button\",attrs:{\"crm_at\":\"go_back_button\"}},[_c('a',{attrs:{\"href\":\"/profile\",\"crm_at\":\"btn_back_profile\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Btn_Back.svg\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"go-back-button-desktop\",attrs:{\"crm_at\":\"go_back_button\"}},[_c('a',{attrs:{\"href\":\"/profile\",\"crm_at\":\"btn_back_profile\"}},[_c('img',{staticClass:\"image-back\",attrs:{\"src\":require(\"@/assets/images/arrow_back.svg\"),\"alt\":\"\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"connect-social-wrapper\">\r\n    <div class=\"go-back-button\" crm_at=\"go_back_button\">\r\n      <a href=\"/profile\" crm_at=\"btn_back_profile\">\r\n        <img src=\"@/assets/images/Btn_Back.svg\" alt=\"\" />\r\n      </a>\r\n    </div>\r\n    <div class=\"connect-social-body\">\r\n      <div class=\"connect-email-form\">\r\n        <div class=\"go-back-button-desktop\" crm_at=\"go_back_button\">\r\n          <a href=\"/profile\" crm_at=\"btn_back_profile\">\r\n            <img\r\n              class=\"image-back\"\r\n              src=\"@/assets/images/arrow_back.svg\"\r\n              alt=\"\"\r\n            />\r\n          </a>\r\n        </div>\r\n        <div class=\"email-container\">\r\n          <div class=\"label\">\r\n            <img\r\n              src=\"@/assets/images/email_logo.svg\"\r\n              alt=\"email logo\"\r\n              class=\"social_logo\"\r\n            />\r\n            <span class=\"text\">\r\n              {{ lbl.social_connecting.connect_email.input_email_title }}\r\n            </span>\r\n          </div>\r\n          <a-input\r\n            id=\"email\"\r\n            v-model=\"email\"\r\n            type=\"email\"\r\n            block\r\n            class=\"input-wrapper\"\r\n            :class=\"{ 'input-wrapper-error': !isValidEmail }\"\r\n            :placeholder=\"\r\n              lbl.social_connecting.connect_email.input_email_placeholder\r\n            \"\r\n          />\r\n        </div>\r\n        <div class=\"password-container\">\r\n          <div class=\"label\">\r\n            <span class=\"text\">\r\n              {{ lbl.social_connecting.connect_email.input_password_title }}\r\n            </span>\r\n          </div>\r\n          <a-input-password\r\n            id=\"password\"\r\n            v-model=\"password\"\r\n            type=\"password\"\r\n            block\r\n            class=\"input-wrapper\"\r\n            :class=\"{ 'input-wrapper-error': !isValidPassword }\"\r\n            :placeholder=\"\r\n              lbl.social_connecting.connect_email.input_password_placeholder\r\n            \"\r\n          />\r\n          <div class=\"condition-password\">\r\n            <li>\r\n              {{ this.lbl.account.conditionpassword.conditionpassword_1 }}\r\n            </li>\r\n            <li>\r\n              {{ this.lbl.account.conditionpassword.conditionpassword_2 }}\r\n            </li>\r\n            <li>\r\n              {{ this.lbl.account.conditionpassword.conditionpassword_3 }}\r\n            </li>\r\n            <li>\r\n              {{ this.lbl.account.conditionpassword.conditionpassword_4 }}\r\n            </li>\r\n          </div>\r\n        </div>\r\n        <div class=\"button-container\">\r\n          <a-button\r\n            crm_at=\"btn_submit\"\r\n            class=\"submit-button\"\r\n            :class=\"{ 'submit-button-disable': disableSubmit }\"\r\n            :style=\"{\r\n              'background-color': storeinfo.ButtonColor\r\n                ? storeinfo.ButtonColor\r\n                : '#033a70',\r\n              color: storeinfo.ButtonTextColor\r\n                ? storeinfo.ButtonTextColor\r\n                : '#fff',\r\n              'border-color': storeinfo.ButtonColor\r\n                ? storeinfo.ButtonColor\r\n                : '#eee',\r\n            }\"\r\n            :disabled=\"disableSubmit\"\r\n            block\r\n            @click=\"handleSubmit\"\r\n          >\r\n            {{ lbl.btn.save }}\r\n          </a-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <AlertError\r\n      :show=\"showError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n    <div v-if=\"isshowalert && errors.length > 0\">\r\n      <AlertErrormodal\r\n        v-if=\"isshowalert && errors.length > 0\"\r\n        :isshowalert=\"isshowalert\"\r\n        :modalcontent=\"errors\"\r\n        :title=\"title\"\r\n        @ChangeAlertError=\"ChangeAlertError($event)\"\r\n      />\r\n    </div>\r\n    <b-modal\r\n      id=\"link_success_modal\"\r\n      centered\r\n      crm_at=\"modal_link_success\"\r\n      hide-footer\r\n      hide-header\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div class=\"body\" :class=\"currentLocale\">\r\n        <button\r\n          id=\"close-button\"\r\n          type=\"button\"\r\n          class=\"close\"\r\n          data-dismiss=\"modal\"\r\n          @click=\"close()\"\r\n        >\r\n          ×\r\n        </button>\r\n        <img src=\"@/assets/images/success-icon.svg\" alt=\"\" />\r\n        <div class=\"title\">\r\n          {{ lbl.social_connecting.unlink.success_modal.email.link_title }}\r\n        </div>\r\n        <div class=\"desc\">\r\n          {{\r\n            handleTextDesc(\r\n              lbl.social_connecting.unlink.success_modal.email.link_desc,\r\n            )\r\n          }}\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport Locale from '@/helper/Locale.js'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\n\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsLogin from '@/core/Account/service/BzbsLogin.js'\r\n\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport AlertErrormodal from '@/components/Modal/AlertErrormodal.vue'\r\n\r\nexport default {\r\n  name: 'ConnectEmail',\r\n  components: {\r\n    AlertError,\r\n    AlertErrormodal,\r\n  },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      currentLocale: Locale.getLocale(),\r\n      email: '',\r\n      password: '',\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n        buttoncolor: '',\r\n        buttontextcolor: '',\r\n      },\r\n      dataError: null,\r\n      showError: null,\r\n      isshowalert: false,\r\n      errors: [],\r\n    }\r\n  },\r\n  computed: {\r\n    disableSubmit() {\r\n      return (\r\n        !this.email ||\r\n        !this.password ||\r\n        !this.isValidEmail ||\r\n        !this.isValidPassword\r\n      )\r\n    },\r\n    isValidEmail() {\r\n      if (this.email.length) {\r\n        return /^[^@]+@\\w+(\\.\\w+)+\\w$/.test(this.email)\r\n      } else {\r\n        return true\r\n      }\r\n    },\r\n    isValidPassword() {\r\n      if (this.password.length) {\r\n        var isUpper = /[A-Z]+/.test(this.password) ? true : false\r\n        var isLower = /[a-z]+/.test(this.password) ? true : false\r\n        var isSymbols = /[!@#$%^&*?_~]+/.test(this.password) ? true : false\r\n        var isNumber = /[0-9]+/.test(this.password) ? true : false\r\n        var isLength = this.password.length >= 6 ? true : false\r\n\r\n        return isUpper && isLower && isSymbols && isNumber && isLength\r\n      }\r\n      return true\r\n    },\r\n  },\r\n\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getStoreInfo()\r\n    },\r\n    getStoreInfo() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            console.log('response ::: ', res)\r\n            this.genInfo(res)\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\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 = res.data.StoreDetail.CoverUrl\r\n      this.storeinfo.image_logo = 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.setBackground(res.data.StoreDetail.CoverUrl)\r\n    },\r\n    handleSubmit() {\r\n      this.postSyncEmail()\r\n    },\r\n    postSyncEmail() {\r\n      let params = {\r\n        username: this.email,\r\n        password: this.password,\r\n        confirmpassword: this.password,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsLogin.postSyncEmail(params)\r\n          .then(res => {\r\n            console.log('postSyncEmail', res)\r\n            this.$bvModal.show('link_success_modal')\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            if (\r\n              error.response.data.error.message ==\r\n              'This username has already been taken.'\r\n            ) {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.this_email_has_already_been_taken,\r\n              }\r\n            } else {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: error.response.data.error.message,\r\n              }\r\n            }\r\n            console.log('postSyncEmail error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    close() {\r\n      this.handleLoading(true)\r\n      this.$bvModal.hide('link_success_modal')\r\n      window.location.href = '/profile'\r\n    },\r\n    handleTextDesc(text) {\r\n      return text.replace('[email]', this.email)\r\n    },\r\n    setBackground(img) {\r\n      let style = document.documentElement.style\r\n      style.setProperty('--bg-img', `url(${img})`)\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import '@/style/_mixin.scss';\r\n.connect-social-wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 60px 20px 0 20px;\r\n  background-image: var(--bg-img);\r\n\r\n  .go-back-button {\r\n    width: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n\r\n    .image-back {\r\n      margin-top: 10px !important;\r\n      margin-left: 10px !important;\r\n      img {\r\n        max-width: 800px;\r\n        width: 42px;\r\n        height: 42px;\r\n        position: absolute;\r\n        z-index: 1;\r\n      }\r\n    }\r\n    @include breakpoint-min($mobile-xl) {\r\n      display: none;\r\n    }\r\n  }\r\n  .connect-social-body {\r\n    .connect-email-form {\r\n      width: 100%;\r\n      margin-top: 24px;\r\n      background-color: #ffffff;\r\n\r\n      .go-back-button-desktop {\r\n        display: none;\r\n        @include breakpoint-min($mobile-xl) {\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      .email-container,\r\n      .password-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        margin: 16px;\r\n        .label {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n          img {\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n          span {\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            color: #212121;\r\n          }\r\n        }\r\n        .input-wrapper {\r\n          color: #424242;\r\n\r\n          &-error {\r\n            border: solid 1px red;\r\n            border-radius: 17px;\r\n          }\r\n        }\r\n        .condition-password {\r\n          margin-left: 7px;\r\n          li {\r\n            color: #999;\r\n            font-size: 12px;\r\n            line-height: 1.17;\r\n          }\r\n          li.p-blod {\r\n            color: #999;\r\n          }\r\n        }\r\n      }\r\n\r\n      .button-container {\r\n        margin-top: 40px;\r\n\r\n        .submit-button {\r\n          height: 52px;\r\n          border-radius: 100px;\r\n\r\n          &-disable {\r\n            opacity: 0.5;\r\n          }\r\n        }\r\n      }\r\n\r\n      @include breakpoint-min($mobile-xl) {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        margin: 0;\r\n        padding: 24px;\r\n        border-radius: 10px;\r\n        width: 70%;\r\n        max-width: 568px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @include breakpoint-max($mobile-xl) {\r\n    background-image: none;\r\n    background-color: #ffffff;\r\n  }\r\n}\r\n#link_success_modal___BV_modal_body_ {\r\n  .body {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 24px 16px;\r\n\r\n    img {\r\n      width: 120px;\r\n      height: 120px;\r\n    }\r\n\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      color: #424242;\r\n    }\r\n\r\n    .desc {\r\n      color: #757575;\r\n    }\r\n\r\n    .close {\r\n      position: absolute;\r\n      right: 6px;\r\n      top: 2px;\r\n      font-size: 24px;\r\n      cursor: pointer;\r\n    }\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!./ConnectEmail.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!./ConnectEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConnectEmail.vue?vue&type=template&id=106fa560&scoped=true&\"\nimport script from \"./ConnectEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./ConnectEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConnectEmail.vue?vue&type=style&index=0&id=106fa560&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  \"106fa560\",\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/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!./AlertError.vue?vue&type=style&index=0&lang=scss&\"","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!./AlertErrormodal.vue?vue&type=style&index=0&lang=scss&\"","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!./ConnectEmail.vue?vue&type=style&index=0&id=106fa560&lang=scss&scoped=true&\""],"sourceRoot":""}