{"version":3,"sources":["webpack:///./src/assets/images/facebook_logo.svg","webpack:///./src/assets/images/arrow_back.svg","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 sync ^\\.\\/.*_logo\\.svg$","webpack:///./src/assets/images/Btn_Back.svg","webpack:///./src/assets/images/icon_Error.svg","webpack:///./src/assets/images/email_logo.svg","webpack:///./src/module/Social/Index.vue?d7d9","webpack:///./src/components/Modal/AlertError.vue?cc76","webpack:///./src/module/Social/Index.vue?3d6c","webpack:///./src/module/Social/Index.vue?3ba6","webpack:///src/module/Social/Index.vue","webpack:///./src/module/Social/Index.vue?88ab","webpack:///./src/module/Social/Index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","windowWidth","windowHeight","ref","attrs","class","currentLocale","_v","_s","Title","domProps","Detail","style","backgroundColor","color","textColor","on","close","lbl","btn","submit","scopedSlots","_u","key","fn","$event","Log","_e","staticRenderFns","component","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","backgroundImage","storeinfo","image_header","_m","social_connecting","page_title","_l","item","name","link","showError","dataError","ChangeError"],"mappings":"8GAAAA,EAAOC,QAAU,IAA0B,yB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,6FCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAAEN,EAAIO,aAAe,KAAOP,EAAIQ,cAAgB,IAAKJ,EAAG,UAAU,CAACK,IAAI,iBAAiBH,YAAY,cAAcI,MAAM,CAAC,GAAK,cAAc,SAAW,GAAG,OAAS,cAAc,cAAc,KAAK,CAACN,EAAG,MAAM,CAACO,MAAMX,EAAIY,eAAe,CAACR,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaI,MAAM,CAAC,IAAM,EAAQ,QAAkC,IAAM,QAAQN,EAAG,MAAM,CAACE,YAAY,8CAA8CI,MAAM,CAAC,OAAS,iBAAiB,CAACV,EAAIa,GAAG,aAAab,EAAIc,GAAGd,EAAIe,OAAO,cAAcX,EAAG,MAAM,CAACE,YAAY,wCAAwCI,MAAM,CAAC,OAAS,gBAAgBM,SAAS,CAAC,UAAYhB,EAAIc,GAAGd,EAAIiB,WAAWb,EAAG,SAAS,CAACE,YAAY,kBAAkBY,MAAM,CACv0B,mBAAoBlB,EAAImB,gBAAkBnB,EAAImB,gBAAkB,UAChE,eAAgBnB,EAAImB,gBAAkBnB,EAAImB,gBAAkB,UAC5DC,MAAOpB,EAAIqB,UAAYrB,EAAIqB,UAAY,QACtCX,MAAM,CAAC,KAAO,SAAS,MAAQ,SAAS,OAAS,cAAcY,GAAG,CAAC,MAAQtB,EAAIuB,QAAQ,CAACvB,EAAIa,GAAG,aAAab,EAAIc,GAAGd,EAAIwB,IAAIC,IAAIC,QAAQ,kBAAkBtB,EAAG,UAAU,CAACK,IAAI,iBAAiBH,YAAY,cAAcI,MAAM,CAAC,GAAK,cAAc,SAAW,GAAG,OAAS,cAAc,cAAc,IAAIiB,YAAY3B,EAAI4B,GAAG,CAAC,CAACC,IAAI,eAAeC,GAAG,SAASrB,GAC9V,IAAIc,EAAQd,EAAIc,MACxB,MAAO,CAACnB,EAAG,MAAM,CAACO,MAAMX,EAAIY,eAAe,CAACR,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACE,YAAY,cAAcI,MAAM,CAAC,OAAS,gBAAgB,CAACV,EAAIa,GAAG,mBAAmBb,EAAIc,GAAGd,EAAIe,OAAO,sBAAsBX,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,WAAW,CAACE,YAAY,iCAAiCI,MAAM,CAAC,KAAO,KAAK,OAAS,eAAeY,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAOR,OAAW,CAACnB,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,YAAY,IAAI,aAAa,CAACN,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,4CAA4CI,MAAM,CAAC,OAAS,gBAAgBM,SAAS,CAAC,UAAYhB,EAAIc,GAAGd,EAAIiB,WAAuB,MAAXjB,EAAIgC,IAAa5B,EAAG,MAAM,CAACE,YAAY,0CAA0CI,MAAM,CAAC,OAAS,cAAc,CAACV,EAAIa,GAAG,mBAAmBb,EAAIc,GAAGd,EAAIgC,KAAK,cAAchC,EAAIiC,UAAU,IACx0BC,EAAkB,G,oCC4FtB,GACA,cACA,uBACA,OACA,aACA,aAEA,gBACA,OACA,SACA,UACA,SACA,mBACA,aACA,mCAGA,OACA,mBAEA,MACA,iBAIA,8BACA,gDACA,mBACA,iCACA,+BAIA,SACA,mBACA,iBACA,+CACA,2BACA,gBACA,0BAEA,qCAEA,iDACA,6BACA,iBACA,iCAEA,6CAGA,sCACA,6BAEA,+CACA,0BACA,UAEA,+BAEA,uDACA,8DAEA,sBAEA,2CACA,0CAEA,cAEA,sCAEA,oCACA,+BAGA,iBACA,oCACA,gCCjLmW,I,wBCQ/VC,EAAY,eACd,EACApC,EACAmC,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,yDCnBf,IAAIC,EAAM,CACT,mBAAoB,OACpB,sBAAuB,QAIxB,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,GAE5B,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,EAEP,OAAOP,EAAIE,GAEZD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,IAEpBC,EAAeW,QAAUR,EACzB3C,EAAOC,QAAUuC,EACjBA,EAAeE,GAAK,Q,uBCvBpB1C,EAAOC,QAAU,IAA0B,oB,qBCA3CD,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B,sB,kCCA3C,W,kCCAA,W,kCCAA,W,yCCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAEN,EAAIO,aAAe,KAAOP,EAAIQ,cAAgB,IAAKJ,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBY,MAAM,CAAG+B,gBAAiB,OAASjD,EAAIkD,UAAUC,aAAe,KAAOzC,MAAM,CAAC,OAAS,kBAAkB,CAACN,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBI,MAAM,CAAC,OAAS,UAAU,CAACV,EAAIoD,GAAG,GAAGhD,EAAG,OAAO,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIwB,IAAI6B,kBAAkBC,iBAAiBlD,EAAG,MAAM,CAACE,YAAY,kCAAkCF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACN,EAAIoD,GAAG,GAAGhD,EAAG,MAAM,CAACE,YAAY,aAAaI,MAAM,CAAC,OAAS,eAAe,CAACV,EAAIa,GAAG,WAAWb,EAAIc,GAAGd,EAAIwB,IAAI6B,kBAAkBC,YAAY,YAAYlD,EAAG,MAAM,CAACE,YAAY,yBAAyBN,EAAIuD,GAAIvD,EAAc,YAAE,SAASwD,GAAM,OAAOpD,EAAG,MAAM,CAACyB,IAAI2B,EAAKjB,GAAGjC,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,UAAS,KAAsB8C,EAAO,GAAI,aAAc,IAAMA,EAAKC,QAAQrD,EAAG,OAAO,CAACJ,EAAIa,GAAG,iBAAiBb,EAAIc,GAAG0C,EAAKC,MAAM,oBAAoBrD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAGb,EAAIc,GAAG0C,EAAKE,gBAAe,KAAKtD,EAAG,aAAa,CAACM,MAAM,CAAC,KAAOV,EAAI2D,UAAU,KAAO3D,EAAI4D,WAAWtC,GAAG,CAAC,YAAc,SAASS,GAAQ,OAAO/B,EAAI6D,YAAY9B,QAAa,IAC15CG,EAAkB,CAAC,WAAa,IAAIlC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,WAAW,OAAS,qBAAqB,CAACN,EAAG,MAAM,CAACE,YAAY,aAAaI,MAAM,CAAC,IAAM,EAAQ,QAAkC,IAAM,SAAS,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACE,YAAY,aAAaI,MAAM,CAAC,KAAO,WAAW,OAAS,qBAAqB,CAACN,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,EAAQ,QAAgC,IAAM,U,iICwEpgB,GACA,wBACA,qCACA,uBACA,gBACA,OACA,aACA,aACA,oBACA,WACA,gBACA,cACA,gBACA,eACA,oBAEA,eACA,eACA,YACA,CACA,cACA,gBACA,0BAEA,CACA,WACA,aACA,6BAKA,8BACA,0CACA,6BACA,wBACA,aAGA,SACA,WACA,2BACA,yDACA,+BACA,uCACA,sBAGA,MACA,8CAEA,uBAEA,sBACA,uBAEA,wCACA,mBAEA,wBACA,kCACA,gBACA,kCAIA,gCACA,kCACA,mBACA,0CAKA,wBAGA,0BACA,iCAEA,qCACA,gCACA,0CACA,kBACA,aAEA,mBACA,eACA,aACA,6BACA,sCAEA,YAKA,uCAGA,OAFA,uBAEA,yBACA,0BACA,kBACA,oBACA,aACA,uCACA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAKA,oBAEA,4CACA,4CACA,0DACA,kEACA,wDACA,qDACA,4DACA,oCACA,uDC3M8V,I,kCCS1VyB,EAAY,eACd,EACApC,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/social.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/facebook_logo.svg\";","module.exports = __webpack_public_path__ + \"img/arrow_back.svg\";","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","var map = {\n\t\"./email_logo.svg\": \"d7d8\",\n\t\"./facebook_logo.svg\": \"193c\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"8fa2\";","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\";","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!./Index.vue?vue&type=style&index=1&id=c600483c&lang=scss&scoped=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!./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!./Index.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"social-connecting\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"h-100\"},[_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__address__page\"},[_c('div',{staticClass:\"wrapper-title\",attrs:{\"crm_at\":\"title\"}},[_vm._m(0),_c('span',[_vm._v(_vm._s(_vm.lbl.social_connecting.page_title))])]),_c('div',{staticClass:\"social-list-container\"})])])])]):_c('div',{staticClass:\"wrapper-social-connecting\"},[_vm._m(1),_c('div',{staticClass:\"title-page\",attrs:{\"crm_at\":\"title_edit\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.lbl.social_connecting.page_title)+\"\\n    \")]),_c('div',{staticClass:\"social-list-container\"},_vm._l((_vm.socialList),function(item){return _c('div',{key:item.id,staticClass:\"social-list-item\"},[_c('div',{staticClass:\"left-site\"},[_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (item.id) + \"_logo.svg\")),\"alt\":item.name}}),_c('span',[_vm._v(\"\\n            \"+_vm._s(item.name)+\"\\n          \")])]),_c('div',{staticClass:\"right-site\"},[_c('span',[_vm._v(_vm._s(item.link))])])])}),0)]),_c('AlertError',{attrs:{\"show\":_vm.showError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"/profile\",\"crm_at\":\"btn_back_profile\"}},[_c('img',{staticClass:\"image-back\",attrs:{\"src\":require(\"@/assets/images/arrow_back.svg\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"image-back\",attrs:{\"href\":\"/profile\",\"crm_at\":\"btn_back_profile\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Btn_Back.svg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"social-connecting\">\r\n    <!-- Support PC Tablet -->\r\n    <div v-if=\"windowWidth >= 600 && windowHeight >= 600\" class=\"h-100\">\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__address__page\">\r\n            <div class=\"wrapper-title\" crm_at=\"title\">\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              <span>{{ lbl.social_connecting.page_title }}</span>\r\n            </div>\r\n            <div class=\"social-list-container\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Support Mobile -->\r\n    <div v-else class=\"wrapper-social-connecting\">\r\n      <a href=\"/profile\" class=\"image-back\" crm_at=\"btn_back_profile\">\r\n        <img src=\"@/assets/images/Btn_Back.svg\" alt=\"\" />\r\n      </a>\r\n      <div class=\"title-page\" crm_at=\"title_edit\">\r\n        {{ lbl.social_connecting.page_title }}\r\n      </div>\r\n      <div class=\"social-list-container\">\r\n        <div v-for=\"item in socialList\" :key=\"item.id\" class=\"social-list-item\">\r\n          <div class=\"left-site\">\r\n            <img\r\n              :src=\"require(`@/assets/images/${item.id}_logo.svg`)\"\r\n              :alt=\"item.name\"\r\n            />\r\n            <span>\r\n              {{ item.name }}\r\n            </span>\r\n          </div>\r\n          <div class=\"right-site\">\r\n            <span>{{ item.link }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <AlertError\r\n      :show=\"showError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport Locale from '@/helper/Locale.js'\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport moment from 'moment'\r\n\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\n\r\nexport default {\r\n  name: 'SocialConnecting',\r\n  components: { AlertError },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data: function () {\r\n    return {\r\n      dataError: {},\r\n      showError: false,\r\n      objProfileUser: null,\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n        buttoncolor: '',\r\n        buttontextcolor: '',\r\n      },\r\n      loginType: null,\r\n      storeType: null,\r\n      socialList: [\r\n        {\r\n          id: 'facebook',\r\n          name: 'Facebook',\r\n          link: 'Example@email.com',\r\n        },\r\n        {\r\n          id: 'email',\r\n          name: 'Email',\r\n          link: 'Example@email.com',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  created() {\r\n    this.checklocalStorage().then(() => {\r\n      this.handleCheckLogin(this.$route)\r\n      this.handleCheckRegister()\r\n      this.init()\r\n    })\r\n  },\r\n  methods: {\r\n    moment,\r\n    init() {\r\n      this.isPH = Vue.bzbsConfig.businessRule.webFor.PH\r\n      moment.locale(Locale.getLocale())\r\n      if (moment.locale(Locale.getLocale()) == 'th') {\r\n        this.islocalethai = true\r\n      }\r\n\r\n      const showLanguage =\r\n        this.windowWidth >= 600 && this.windowHeight >= 600 ? true : false\r\n\r\n      this.handleLanguage(showLanguage)\r\n\r\n      this.handleFooter(false)\r\n      this.handleLoading(true)\r\n\r\n      this.getprofileinit().then(res => {\r\n        this.objProfileUser = res\r\n\r\n        if (this.objProfileUser.Email) {\r\n          this.socialList.forEach(item => {\r\n            if (item.id == 'email') {\r\n              item.link = this.objProfileUser.Email\r\n            }\r\n          })\r\n        }\r\n        if (this.objProfileUser.EmailFacebook) {\r\n          this.socialList.forEach(item => {\r\n            if (item.id == 'facebook') {\r\n              item.link = this.objProfileUser.EmailFacebook\r\n            }\r\n          })\r\n        }\r\n\r\n        this.handleLoading(false)\r\n      })\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    getprofileinit() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getProfile(Account.getCacheToken())\r\n          .then(res => {\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            resolve(error)\r\n          })\r\n      })\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.handleLoading(false)\r\n            this.genInfo(res)\r\n            this.handleDisplayLayoutEcommerce(res.data)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\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            resolve(error)\r\n          })\r\n      })\r\n    },\r\n\r\n    genInfo(res) {\r\n      console.log('StoreDetail : ', res.data.StoreDetail)\r\n      this.storeType = res.data.StoreDetail.StoreType\r\n      this.loginType = res.data.StoreDetail.LoginType\r\n      this.storeinfo.buttoncolor = res.data.StoreDetail.ButtonColor\r\n      this.storeinfo.buttontextcolor = res.data.StoreDetail.ButtonTextColor\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.UseOTP = res.data.UseOTP\r\n      this.storeinfo.isStore = res.data.StoreDetail.StoreType\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n\r\n.social-connecting {\r\n  .wrapper-social-connecting {\r\n    .ant-form-item {\r\n      margin: 0 0 17px;\r\n    }\r\n\r\n    .form-label {\r\n      font-weight: 700 !important;\r\n      color: #666 !important;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .ant-form-item label {\r\n      font-weight: 700 !important;\r\n      color: #666 !important;\r\n      font-size: 17px;\r\n    }\r\n\r\n    textarea.ant-input {\r\n      min-height: 90px;\r\n    }\r\n    .ant-select {\r\n      width: 100%;\r\n    }\r\n    .ant-col-offset-5 {\r\n      margin-left: 0 !important;\r\n    }\r\n  }\r\n\r\n  .social-list-container {\r\n    height: auto;\r\n    overflow-y: hidden;\r\n    padding: 30px 40px 40px;\r\n\r\n    .social-list-item {\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 12px 10px;\r\n      border-radius: 6px;\r\n      background-color: #f5f5f5;\r\n      margin-bottom: 8px;\r\n      .left-site {\r\n        display: flex;\r\n        gap: 4px;\r\n        width: fit-content;\r\n\r\n        img {\r\n          width: 24px;\r\n          height: 24px;\r\n        }\r\n\r\n        span {\r\n          color: #424242;\r\n        }\r\n      }\r\n      .right-site {\r\n        width: fit-content;\r\n        color: #969696;\r\n      }\r\n    }\r\n  }\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .radius-input {\r\n      border-radius: 4px !important;\r\n      .ant-select-selection {\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n    .radius-input input[type='number'] {\r\n      border-radius: 4px !important;\r\n    }\r\n  }\r\n}\r\n\r\n.social-connecting {\r\n  .wrapper__address__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 !important;\r\n      border: solid 1px $color-input;\r\n      background-color: #fff;\r\n    }\r\n\r\n    .ant-input:focus {\r\n      outline: -webkit-focus-ring-color auto 1px;\r\n      -webkit-box-shadow: initial;\r\n      box-shadow: initial;\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  @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__address__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    .wrapper-title {\r\n      font-size: 32px;\r\n      color: #666;\r\n      font-weight: 600;\r\n      padding: 7px 0 7px 38px;\r\n      border-bottom: 1px solid #f5f5f5;\r\n      span {\r\n        padding-left: 16px;\r\n      }\r\n    }\r\n\r\n    .image-back {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .h-100 {\r\n      height: 100%;\r\n    }\r\n\r\n    .image-hearder {\r\n      height: 100%;\r\n      overflow: auto;\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    .form-label {\r\n      font-weight: 700 !important;\r\n      color: #666 !important;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .row-btn-submit {\r\n      padding-top: 70px;\r\n      margin-bottom: 0 !important;\r\n    }\r\n\r\n    .ant-btn-primary {\r\n      width: 100%;\r\n      font-size: 18px;\r\n      height: 50px;\r\n      border-radius: 100px;\r\n      -webkit-box-shadow: 0 3px 4px 0 rgb(0 0 0 / 35%);\r\n      box-shadow: 0 3px 4px 0 rgb(0 0 0 / 35%);\r\n    }\r\n\r\n    .test {\r\n      border-color: #e5e5e5 !important;\r\n      background-color: #e5e5e5 !important;\r\n      color: #999 !important;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .wrapper__address__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__address__page {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 1200px) {\r\n    .wrapper__address__page {\r\n      width: 35%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.social-connecting {\r\n  .wrapper-social-connecting {\r\n    .title-page {\r\n      font-size: 20px;\r\n      color: #666;\r\n      width: 100%;\r\n      height: 70px;\r\n      position: fixed;\r\n      z-index: 1;\r\n      background: #ffffff;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: flex-end;\r\n      font-weight: 700;\r\n    }\r\n    .social-list-container {\r\n      font-size: 16px;\r\n      line-height: 1.31;\r\n      color: #666;\r\n      padding: 90px 20px 40px;\r\n    }\r\n    .ant-btn-primary {\r\n      width: 100%;\r\n      font-size: 18px;\r\n      height: 50px;\r\n      border-radius: 100px;\r\n      box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.35);\r\n    }\r\n    .image-back {\r\n      position: fixed;\r\n      z-index: 2;\r\n    }\r\n    .test {\r\n      border-color: #e5e5e5 !important;\r\n      background-color: #e5e5e5 !important;\r\n      color: #999 !important;\r\n      pointer-events: none;\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=c600483c&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./Index.vue?vue&type=style&index=1&id=c600483c&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  \"c600483c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}