{"version":3,"sources":["webpack:///./src/components/Modal/Component/confirmmodal2.vue?497b","webpack:///./src/core/Settings/Line/BzbsSettingsLine.js","webpack:///./src/module/Settings/AccountSetup/pages/ConnectFacebook.vue?bc01","webpack:///src/module/Settings/AccountSetup/pages/ConnectFacebook.vue","webpack:///./src/module/Settings/AccountSetup/pages/ConnectFacebook.vue?30da","webpack:///./src/module/Settings/AccountSetup/pages/ConnectFacebook.vue","webpack:///./src/assets/images/how_to_connect_facebook.png","webpack:///./src/module/Settings/AccountSetup/pages/ConnectFacebook.vue?e95b","webpack:///./src/components/Modal/Component/alertmodal2.vue?d258","webpack:///./src/components/Modal/Component/alertmodal2.vue?9152","webpack:///src/components/Modal/Component/alertmodal2.vue","webpack:///./src/components/Modal/Component/alertmodal2.vue?1e53","webpack:///./src/components/Modal/Component/alertmodal2.vue","webpack:///./src/components/Modal/Component/confirmmodal2.vue?d198","webpack:///src/components/Modal/Component/confirmmodal2.vue","webpack:///./src/components/Modal/Component/confirmmodal2.vue?0ae4","webpack:///./src/components/Modal/Component/confirmmodal2.vue"],"names":["config","Vue","bzbsConfig","agency_id","Cache","get","AgencyId","token","Token","app_id","AppId","getConnectLine","params","strUrl","this","bzbsModuleUrl","BzbsApi","connectBzbsGet","postConnectLine","connectBzbsPost","postConnectFacebook","data","agencyId","facebookAppId","unConnectFacebook","connectBzbsDelete","getCampaignListUrl","client_id","getCampaignListAll","getActiveCampaignListUrl","getLineRichMenu","moment","unix","postLineRichMenu","generatenewbackground","postGenerateLiff","render","_vm","_h","$createElement","_c","_self","staticClass","class","$store","state","isDashboard","attrs","_v","_s","lbl","active","on","$event","goto","isUseFacebook","loginTypeList","includes","_e","gotoConnectSetting","model","value","callback","$$v","expression","isConnected","connectFaceBook","clickUnConnectFaceBook","alertModalSetting","isOpenModal","modalType","title","details","confirmModalSetting","backto","onConfirm","onCancel","staticRenderFns","name","mixins","components","Header","AlertModal","ConfirmModal","currentLocale","loginType","isPhilipines","detail","beforeCreate","created","Account","mounted","methods","init","Promise","getCRMPlusProfile","BzbsProfile","then","resolve","catch","arrList","genDataProfile","BzbsSettingsLine","res","error","unConnectFaceBook","alertModalAction","setTimeout","confirmModalAction","component","module","exports","desciption","props","type","default","onActionModal","style","fontSize","banner","domProps","_t","disabledConfirm","confirm","showbackto"],"mappings":"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kBACAC,qBAEA9D,gBACA,OACA+D,sCACAC,eACAC,gBACA/D,mBACAgC,iBACAU,eACAT,iBACAY,mBACAG,SACAgB,UACAjB,aACAD,gBAEAI,qBACAF,SACAgB,UACAjB,aACAI,UACAC,eACAC,cACAP,kBAIAmB,wBACA,sCACAV,0BAGAW,mBACA,sBACAC,4BACA,uBACA,mCACA,wBACA,WAEA,iEACA,sEACA,aAEAC,mBACA,uBAEAC,SACAC,gBACAC,yCAEA9F,kBACA,gCAEAS,kBACA,oCAEAkD,8BACA+B,4BACA,wBACA,kBACA,yCACA,YAEA,mBAAAZ,yBAEAiB,6BAAA,WACA,gCACAC,2BACAC,kBACA,yBACAC,aAEAC,mBAEAD,YAIAE,oBACA,mBACA,sBAEAC,2BACA,0DACA,0BACA,+CACA,mCACA,oCAEAnC,2BAAA,WAEA,GACA3C,kCAEA,gCACA+E,8BACAL,kBAEA,gBACA,mBACA,kCACA,KACA,WACA,GAEA,kBAEA,mBACA,gCACAM,eACA,SACA,GAGAL,aAEAC,mBAEA,mBACA,gCACAK,8BACA,SACA,GAEAN,YAIA/B,kCAAA,WACA,wBACA,uCACA,GACA,UACA,uCACA,GACA,WACA,qCACA,yBAEA,WACA,yCAIAsC,6BAAA,WAEA,gCACAH,2BACAL,kBAEA,gBACA,mBACA,kCACA,KACA,WACA,GAEA,qBACA,kBAEA,mBACA,gCACAM,eACA,SACA,GAGAL,aAEAC,mBAEA,mBACA,gCACAK,8BACA,SACA,GAEAN,YAIAQ,mCAAA,WACA,+BACA,iCACA,mCACA,qCACA,gBACAC,uBACA,qCACA,KAEA,GACAA,uBACA,qCACA,MAGAC,4BACArC,EACAC,EACAF,EACAI,EACAL,EACAM,EACAC,GAEA,iCACA,mCACA,qCACA,uCACA,kCACA,qCACA,uCC3ZsY,I,wBCQlYiC,EAAY,eACd,EACAzE,EACAyC,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E,gCCnBfC,EAAOC,QAAU,IAA0B,mC,oCCA3C,W,oCCAA,W,kCCAA,IAAI3E,EAAS,WAAa,IAAIC,EAAIvB,KAASwB,EAAGD,E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","file":"js/chunk-1719c9c2.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&lang=scss&scoped=true&\"","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport moment from 'moment'\r\n\r\n/**\r\n * @method getConnectLine\r\n * @method postConnectLine\r\n * @method postConnectFacebook\r\n * @method unConnectFacebook\r\n * @method getCampaignListUrl\r\n * @method getCampaignListAll\r\n * @method getActiveCampaignListUrl\r\n * @method getLineRichMenu\r\n * @method postLineRichMenu\r\n * @method postGenerateLiff\r\n */\r\n\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  agency_id: function () {\r\n    return Cache.get('CRMUser').AgencyId\r\n  },\r\n  token: function () {\r\n    return Cache.get('CRMUser').Token\r\n  },\r\n  app_id: function () {\r\n    return Cache.get('CRMUser').AppId\r\n  },\r\n  getConnectLine: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/line' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  postConnectLine: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/line' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postConnectFacebook: function (params) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusoffice/facebook'\r\n    var data = {\r\n      agencyId: this.agency_id(),\r\n      facebookAppId: params.facebookAppId,\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), data)\r\n  },\r\n  unConnectFacebook: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/facebook' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsDelete(strUrl, this.token(), null)\r\n  },\r\n  getCampaignListUrl: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getCampaignListAll: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn/' +\r\n      this.agency_id() +\r\n      '/campaing_all?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getActiveCampaignListUrl: function () {\r\n    console.log('agency_id :: ', this.agency_id())\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id() +\r\n      '&searchstatus=active'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getLineRichMenu: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/richmenu?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id() +\r\n      '&v=' +\r\n      moment().unix()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token())\r\n  },\r\n  postLineRichMenu: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/richmenu?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n\r\n    params.generatenewbackground = true\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postGenerateLiff: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/liff?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\",class:{ 'content-dashboard': _vm.$store.state.isDashboard }},[_c('div',{staticClass:\"mx-auto content-inner-container\"},[_c('div',{staticClass:\"wrap-AccountSetup\"},[_c('div',{staticClass:\"row paj-custom-row\"},[_c('div',{staticClass:\"col-12 custom-wrapper-dashboard\"},[_c('div',{staticClass:\"d-flex align-items-center flex-wrap mr-2 text-title\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/images/accountsetup/setting.svg\"),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl['main-menu-setting'])+\" \")])]),_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 wrapper-content-tab\"},[_c('div',{staticClass:\"d-flex wrapper-select-header\"},[_c('div',{staticClass:\"select-header cursor-pointer\",class:{ active: false },on:{\"click\":function($event){return _vm.goto('AccountSetting')}}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-account-setting'])+\" \")]),_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: false },on:{\"click\":function($event){return _vm.goto('BranchSetting')}}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-hq-and-branch'])+\" \")]),(_vm.isUseFacebook && _vm.loginTypeList.includes('Facebook'))?_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: true }},[_vm._v(\" \"+_vm._s(_vm.lbl['link-setup-tab-connect-facebook'])+\" \")]):_vm._e(),_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: false },on:{\"click\":_vm.gotoConnectSetting}},[_vm._v(\" \"+_vm._s(_vm.lbl['link-setup-tab-connect'])+\" \")])])])]),_c('div',{staticClass:\"px-5\"},[(_vm.loginType)?_c('div',[(_vm.loginTypeList.includes('Facebook'))?_c('div',{staticClass:\"wrap-linkSetup\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 page-header pl-4\"},[_vm._v(\" \"+_vm._s(_vm.lbl['connect-facbook-header'])+\" \"),_c('span',{staticClass:\"sub-header ml-1\"},[_vm._v(\"(\"+_vm._s(_vm.lbl['account-setup-optional'])+\")\")])]),_c('a-form',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"\\n                            col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\\n                          \"},[_c('div',{staticClass:\"row pt-3\"},[_c('div',{staticClass:\"col-md-12 pl-4\"},[_c('div',{staticClass:\"select-link mb-3\"},[_vm._v(\" \"+_vm._s(_vm.lbl['please-enter-text'])+\" \")]),_c('div',{staticClass:\"input-wrapper\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"number\"},[_vm._v(\" \"+_vm._s('1')+\" \")]),_c('div',{staticClass:\"input-label\"},[_vm._v(\" \"+_vm._s(_vm.lbl['setup-header-appid'])+\" \")])]),_c('a-input',{staticClass:\"facebook-app-id-input\",attrs:{\"id\":\"facebook-app-id\",\"placeholder\":_vm.lbl['required-text']},model:{value:(_vm.facebookAppId),callback:function ($$v) {_vm.facebookAppId=$$v},expression:\"facebookAppId\"}}),(!_vm.isConnected)?_c('a-button',{staticClass:\"connect-button\",attrs:{\"disabled\":!_vm.facebookAppId},on:{\"click\":function($event){return _vm.connectFaceBook()}}},[_vm._v(\" \"+_vm._s(_vm.lbl[ 'preview-setting-account-line-settup-not-connect' ])+\" \")]):_vm._e(),(_vm.isConnected)?_c('a-button',{staticClass:\"cancal-connect-button\",attrs:{\"disabled\":!_vm.facebookAppId},on:{\"click\":function($event){return _vm.clickUnConnectFaceBook()}}},[_vm._v(\" \"+_vm._s(_vm.lbl[ 'preview-setting-account-line-settup-cancel-connect' ])+\" \")]):_vm._e(),(_vm.isConnected)?_c('div',{staticClass:\"connect-success\"},[_c('img',{staticClass:\"checked\",attrs:{\"src\":require(\"@/assets/images/checked.svg\"),\"alt\":\"image\"}}),_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl[ 'preview-setting-account-line-settup-connect' ])+\" \")])]):_vm._e()],1),_c('img',{staticClass:\"image-guideline\",attrs:{\"src\":require(\"@/assets/images/how_to_connect_facebook.png\"),\"alt\":\"how to connect facebook\"}})])])])])])])])],1)]):_vm._e()]):_vm._e()])])])]),_c('AlertModal',{attrs:{\"isOpenModal\":_vm.alertModalSetting.isOpenModal,\"modalType\":_vm.alertModalSetting.modalType,\"title\":_vm.alertModalSetting.title,\"details\":_vm.alertModalSetting.details}}),_c('ConfirmModal',{attrs:{\"isOpenModal\":_vm.confirmModalSetting.isOpenModal,\"modalType\":_vm.confirmModalSetting.modalType,\"title\":_vm.confirmModalSetting.title,\"details\":_vm.confirmModalSetting.details,\"backto\":_vm.confirmModalSetting.backto,\"onConfirm\":_vm.confirmModalSetting.onConfirm,\"onCancel\":_vm.confirmModalSetting.onCancel}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header></Header>\r\n    <div\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n      :class=\"{ 'content-dashboard': $store.state.isDashboard }\"\r\n    >\r\n      <div class=\"mx-auto content-inner-container\">\r\n        <div class=\"wrap-AccountSetup\">\r\n          <div class=\"row paj-custom-row\">\r\n            <div class=\"col-12 custom-wrapper-dashboard\">\r\n              <div class=\"d-flex align-items-center flex-wrap mr-2 text-title\">\r\n                <img\r\n                  src=\"@/assets/images/accountsetup/setting.svg\"\r\n                  alt=\"image\"\r\n                  class=\"mr-2\"\r\n                />\r\n                {{ lbl['main-menu-setting'] }}\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-xl-12 col-lg-12 col-md-12 wrapper-content-tab\">\r\n              <div class=\"d-flex wrapper-select-header\">\r\n                <div\r\n                  class=\"select-header cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"goto('AccountSetting')\"\r\n                >\r\n                  {{ lbl['account-setup-account-setting'] }}\r\n                </div>\r\n                <div\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"goto('BranchSetting')\"\r\n                >\r\n                  {{ lbl['account-setup-hq-and-branch'] }}\r\n                </div>\r\n                <div\r\n                  v-if=\"isUseFacebook && loginTypeList.includes('Facebook')\"\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: true }\"\r\n                >\r\n                  {{ lbl['link-setup-tab-connect-facebook'] }}\r\n                </div>\r\n                <div\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"gotoConnectSetting\"\r\n                >\r\n                  {{ lbl['link-setup-tab-connect'] }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"px-5\">\r\n            <div v-if=\"loginType\">\r\n              <div\r\n                v-if=\"loginTypeList.includes('Facebook')\"\r\n                class=\"wrap-linkSetup\"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"col-12 page-header pl-4\">\r\n                    {{ lbl['connect-facbook-header'] }}\r\n                    <span class=\"sub-header ml-1\"\r\n                      >({{ lbl['account-setup-optional'] }})</span\r\n                    >\r\n                  </div>\r\n\r\n                  <a-form class=\"col-12\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12\">\r\n                        <div class=\"row\">\r\n                          <div\r\n                            class=\"\r\n                              col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\r\n                            \"\r\n                          >\r\n                            <div class=\"row pt-3\">\r\n                              <div class=\"col-md-12 pl-4\">\r\n                                <div class=\"select-link mb-3\">\r\n                                  {{ lbl['please-enter-text'] }}\r\n                                </div>\r\n                                <div class=\"input-wrapper\">\r\n                                  <div class=\"title\">\r\n                                    <div class=\"number\">\r\n                                      {{ '1' }}\r\n                                    </div>\r\n                                    <div class=\"input-label\">\r\n                                      {{ lbl['setup-header-appid'] }}\r\n                                    </div>\r\n                                  </div>\r\n                                  <a-input\r\n                                    id=\"facebook-app-id\"\r\n                                    v-model=\"facebookAppId\"\r\n                                    :placeholder=\"lbl['required-text']\"\r\n                                    class=\"facebook-app-id-input\"\r\n                                  >\r\n                                  </a-input>\r\n                                  <a-button\r\n                                    v-if=\"!isConnected\"\r\n                                    class=\"connect-button\"\r\n                                    :disabled=\"!facebookAppId\"\r\n                                    @click=\"connectFaceBook()\"\r\n                                  >\r\n                                    {{\r\n                                      lbl[\r\n                                        'preview-setting-account-line-settup-not-connect'\r\n                                      ]\r\n                                    }}\r\n                                  </a-button>\r\n                                  <a-button\r\n                                    v-if=\"isConnected\"\r\n                                    class=\"cancal-connect-button\"\r\n                                    :disabled=\"!facebookAppId\"\r\n                                    @click=\"clickUnConnectFaceBook()\"\r\n                                  >\r\n                                    {{\r\n                                      lbl[\r\n                                        'preview-setting-account-line-settup-cancel-connect'\r\n                                      ]\r\n                                    }}\r\n                                  </a-button>\r\n                                  <div\r\n                                    v-if=\"isConnected\"\r\n                                    class=\"connect-success\"\r\n                                  >\r\n                                    <img\r\n                                      src=\"@/assets/images/checked.svg\"\r\n                                      alt=\"image\"\r\n                                      class=\"checked\"\r\n                                    />\r\n\r\n                                    <span>\r\n                                      {{\r\n                                        lbl[\r\n                                          'preview-setting-account-line-settup-connect'\r\n                                        ]\r\n                                      }}\r\n                                    </span>\r\n                                  </div>\r\n                                </div>\r\n                                <img\r\n                                  src=\"@/assets/images/how_to_connect_facebook.png\"\r\n                                  alt=\"how to connect facebook\"\r\n                                  class=\"image-guideline\"\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </a-form>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <AlertModal\r\n      :isOpenModal=\"alertModalSetting.isOpenModal\"\r\n      :modalType=\"alertModalSetting.modalType\"\r\n      :title=\"alertModalSetting.title\"\r\n      :details=\"alertModalSetting.details\"\r\n    />\r\n    <ConfirmModal\r\n      :isOpenModal=\"confirmModalSetting.isOpenModal\"\r\n      :modalType=\"confirmModalSetting.modalType\"\r\n      :title=\"confirmModalSetting.title\"\r\n      :details=\"confirmModalSetting.details\"\r\n      :backto=\"confirmModalSetting.backto\"\r\n      :onConfirm=\"confirmModalSetting.onConfirm\"\r\n      :onCancel=\"confirmModalSetting.onCancel\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Vue from 'vue'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Header from '@/components/Layout/Header'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport BzbsSettingsLine from '@/core/Settings/Line/BzbsSettingsLine'\r\nimport Locale from '@/helper/locale.js'\r\nimport AlertModal from '@/components/Modal/Component/alertmodal2'\r\nimport ConfirmModal from '@/components/Modal/Component/confirmmodal2'\r\n\r\nexport default {\r\n  name: 'ConnectFacebook',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    AlertModal,\r\n    ConfirmModal,\r\n  },\r\n  data: function () {\r\n    return {\r\n      currentLocale: Locale.getLocaleShort(),\r\n      loginType: null,\r\n      isPhilipines: false,\r\n      facebookAppId: null,\r\n      isUseFacebook: false,\r\n      isConnected: false,\r\n      loginTypeList: [],\r\n      alertModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        isOpenModal: false,\r\n      },\r\n      confirmModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        backto: '',\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n    }\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'connent-setting',\r\n    })\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    Account.bzbsAnalyticTracking(\r\n      'setting_account_page',\r\n      'setting_account_facebook_connect',\r\n      'view_facebook_connect',\r\n      'on view',\r\n    )\r\n    this.isPhilipines = Vue.bzbsConfig.businessRule.webFor.PH\r\n    this.isUseFacebook = Vue.bzbsConfig.businessRule.open.facebook\r\n    this.init()\r\n  },\r\n  mounted() {\r\n    this.handleFooter(true)\r\n  },\r\n  methods: {\r\n    init() {\r\n      Promise.all([this.getCRMPlusProfile()])\r\n    },\r\n    config: function () {\r\n      return Vue.bzbsConfig\r\n    },\r\n    app_id: function () {\r\n      return Cache.get('CRMUser').AppId\r\n    },\r\n    gotoConnectSetting() {\r\n      Account.bzbsAnalyticTracking(\r\n        'connect_facebook_page',\r\n        'setting_account',\r\n        'click_setting_account_line_connect_tab',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: 'ConnectSetting' })\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.genDataProfile(res.data)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('getCRMPlusProfile error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    arrList(string) {\r\n      var list = string.split(',')\r\n      this.loginTypeList = list\r\n    },\r\n    genDataProfile(data) {\r\n      this.loginType = data.LoginType ? data.LoginType.toLowerCase() : null\r\n      this.arrList(data.LoginType)\r\n      this.appId = this.app_id() ? this.app_id() : data.AppId\r\n      this.facebookAppId = data.FacebookAppId\r\n      this.isConnected = data.FacebookAppId ? true : false\r\n    },\r\n    connectFaceBook() {\r\n      console.log('facebookAppId ::', this.facebookAppId)\r\n      var param = {\r\n        facebookAppId: this.facebookAppId,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsSettingsLine.postConnectFacebook(param)\r\n          .then(res => {\r\n            console.log('postConnectFacebook res:: ', res.data)\r\n            if (res.data.success) {\r\n              this.alertModalAction(\r\n                this.lbl['alert-box-success-header'],\r\n                null,\r\n                'success',\r\n                true,\r\n              )\r\n              this.isConnected = true\r\n            } else {\r\n              this.alertModalAction(\r\n                this.lbl['alert-box-error-header'],\r\n                res.data.message,\r\n                'error',\r\n                true,\r\n              )\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('postConnectFacebook error', error)\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-error-header'],\r\n              error.response.data.error.message,\r\n              'error',\r\n              true,\r\n            )\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    clickUnConnectFaceBook() {\r\n      this.confirmModalAction(\r\n        this.lbl['confirm-unconnect-facebook'],\r\n        '',\r\n        'warning',\r\n        this.lbl['confirm-box-cancel-button'],\r\n        true,\r\n        () => {\r\n          this.confirmModalSetting.isOpenModal = false\r\n          this.unConnectFaceBook()\r\n        },\r\n        () => {\r\n          this.confirmModalSetting.isOpenModal = false\r\n        },\r\n      )\r\n    },\r\n    unConnectFaceBook() {\r\n      console.log('unConnectFaceBook')\r\n      return new Promise(resolve => {\r\n        BzbsSettingsLine.unConnectFacebook()\r\n          .then(res => {\r\n            console.log('unConnectFacebook res:: ', res.data)\r\n            if (res.data.success) {\r\n              this.alertModalAction(\r\n                this.lbl['alert-box-success-header'],\r\n                null,\r\n                'success',\r\n                true,\r\n              )\r\n              this.facebookAppId = null\r\n              this.isConnected = false\r\n            } else {\r\n              this.alertModalAction(\r\n                this.lbl['alert-box-error-header'],\r\n                res.data.message,\r\n                'error',\r\n                true,\r\n              )\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('postConnectFacebook error', error)\r\n            this.alertModalAction(\r\n              this.lbl['alert-box-error-header'],\r\n              error.response.data.error.message,\r\n              'error',\r\n              true,\r\n            )\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    alertModalAction(title, details, modalType, isOpenModal) {\r\n      this.alertModalSetting.title = title\r\n      this.alertModalSetting.details = details\r\n      this.alertModalSetting.modalType = modalType\r\n      this.alertModalSetting.isOpenModal = isOpenModal\r\n      if (modalType == 'success' && isOpenModal) {\r\n        setTimeout(() => {\r\n          this.alertModalSetting.isOpenModal = false\r\n        }, 3000)\r\n      } else {\r\n        if (isOpenModal)\r\n          setTimeout(() => {\r\n            this.alertModalSetting.isOpenModal = false\r\n          }, 3000)\r\n      }\r\n    },\r\n    confirmModalAction(\r\n      title,\r\n      details,\r\n      modalType,\r\n      backto,\r\n      isOpenModal,\r\n      onConfirm,\r\n      onCancel,\r\n    ) {\r\n      this.confirmModalSetting.title = title\r\n      this.confirmModalSetting.details = details\r\n      this.confirmModalSetting.modalType = modalType\r\n      this.confirmModalSetting.isOpenModal = isOpenModal\r\n      this.confirmModalSetting.backto = backto\r\n      this.confirmModalSetting.onConfirm = onConfirm\r\n      this.confirmModalSetting.onCancel = onCancel\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scope>\r\n@import '../styles/accountsetup_main.scss';\r\n\r\n.page-header {\r\n  .sub-header {\r\n    font-size: 14px;\r\n    color: #bdbdbd;\r\n    font-weight: normal;\r\n  }\r\n}\r\n\r\n.input-wrapper {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  flex-flow: wrap;\r\n\r\n  .title {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n\r\n    .number {\r\n      width: 32px;\r\n      height: 32px;\r\n      color: #ffffff;\r\n      border-radius: 32px;\r\n      border: 1px solid $primary;\r\n      background-color: $primary;\r\n      text-align: center;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .input-label {\r\n      color: #616161;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n  .facebook-app-id-input {\r\n    height: 40px;\r\n    max-width: 250px;\r\n  }\r\n  .connect-button {\r\n    background-color: #f9a601;\r\n    padding: 8px 16px;\r\n    border-radius: 6px;\r\n    color: #ffffff;\r\n  }\r\n  .cancal-connect-button {\r\n    background-color: $btn-danger;\r\n    border-color: $btn-danger;\r\n    color: white;\r\n  }\r\n  .connect-button[disabled] {\r\n    background-color: #b0b0b0;\r\n  }\r\n}\r\n.image-guideline {\r\n  max-width: 900px;\r\n  margin: 32px 0 16px;\r\n}\r\n.connect-success {\r\n  color: $color-active;\r\n  font-weight: bold;\r\n}\r\n.wrap-AccountSetup {\r\n  .line {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: #d9d9d9;\r\n    margin: 16px auto;\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!./ConnectFacebook.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!./ConnectFacebook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConnectFacebook.vue?vue&type=template&id=666c97ce&\"\nimport script from \"./ConnectFacebook.vue?vue&type=script&lang=js&\"\nexport * from \"./ConnectFacebook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConnectFacebook.vue?vue&type=style&index=0&lang=scss&scope=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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/how_to_connect_facebook.png\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConnectFacebook.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/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"icon\"},[(_vm.modalType == 'success')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Done-circle2.svg\"),\"alt\":\"success\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e(),(_vm.modalType == 'error')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Error-circle.svg\"),\"alt\":\"error\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.details))]),(_vm.desciption)?_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.desciption))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"icon\">\r\n        <img\r\n          src=\"@/assets/images/Done-circle2.svg\"\r\n          v-if=\"modalType == 'success'\"\r\n          alt=\"success\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n        <img\r\n          src=\"@/assets/images/Error-circle.svg\"\r\n          v-if=\"modalType == 'error'\"\r\n          alt=\"error\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n      </div>\r\n      <div class=\"titleText\">{{ title }}</div>\r\n      <div class=\"details\">{{ details }}</div>\r\n      <div v-if=\"desciption\" class=\"details\">{{ desciption }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    desciption: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    type: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    onActionModal: {\r\n      type: Function,\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 1256;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 310px;\r\n    width: 100%;\r\n    background-color: #eeeeee;\r\n    border-radius: 12px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    .titleText {\r\n      margin-left: 8px;\r\n      font-size: 24px;\r\n      color: #424242;\r\n      font-weight: 600;\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\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!./alertmodal2.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!./alertmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertmodal2.vue?vue&type=template&id=00b8c840&scoped=true&\"\nimport script from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&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  \"00b8c840\",\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',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\",class:[_vm.modalType]},[(_vm.modalType == 'warning')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Warning-1-circle.svg\"),\"alt\":\"Warning\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'danger')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Trash.svg\"),\"alt\":\"Trash\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'question')?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/question-blue.svg\"),\"alt\":\"question\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\",style:({ 'font-size': _vm.fontSize + 'px' })},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])]),(_vm.banner)?_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.banner,\"alt\":\"banner\"}})]):_vm._e(),_c('div',{staticClass:\"details\",domProps:{\"innerHTML\":_vm._s(_vm.details)}}),_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"btnContainer\"},[(_vm.showbackto)?_c('button',{staticClass:\"outlineprimary\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalback_button\"},on:{\"click\":function($event){return _vm.onCancel()}}},[_vm._v(\" \"+_vm._s(_vm.backto)+\" \")]):_vm._e(),_c('button',{staticClass:\"primarybtn\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\",\"disabled\":_vm.disabledConfirm},on:{\"click\":function($event){return _vm.onConfirm()}}},[(_vm.confirm)?_c('span',[_vm._v(\" \"+_vm._s(_vm.confirm))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['fgf-confirm'])+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"title\">\r\n        <div class=\"icon\" :class=\"[modalType]\">\r\n          <img\r\n            src=\"@/assets/images/Warning-1-circle.svg\"\r\n            alt=\"Warning\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'warning'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/Trash.svg\"\r\n            alt=\"Trash\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'danger'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/selfonboard/question-blue.svg\"\r\n            alt=\"question\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'question'\"\r\n          />\r\n        </div>\r\n        <div class=\"titleText\" :style=\"{ 'font-size': fontSize + 'px' }\">\r\n          {{ title }}\r\n        </div>\r\n      </div>\r\n      <div v-if=\"banner\" class=\"banner\">\r\n        <img :src=\"banner\" alt=\"banner\" />\r\n      </div>\r\n      <div class=\"details\" v-html=\"details\"></div>\r\n      <div class=\"content\">\r\n        <slot></slot>\r\n      </div>\r\n      <div class=\"btnContainer\">\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalback_button\"\r\n          @click=\"onCancel()\"\r\n          class=\"outlineprimary\"\r\n          :class=\"[modalType]\"\r\n          v-if=\"showbackto\"\r\n        >\r\n          {{ backto }}\r\n        </button>\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\"\r\n          @click=\"onConfirm()\"\r\n          class=\"primarybtn\"\r\n          :disabled=\"disabledConfirm\"\r\n          :class=\"[modalType]\"\r\n        >\r\n          <span v-if=\"confirm\"> {{ confirm }}</span>\r\n          <span v-else>\r\n            {{ lbl['fgf-confirm'] }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    banner: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    backto: {\r\n      type: String,\r\n    },\r\n    confirm: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    showbackto: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    disabledConfirm: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    onConfirm: {\r\n      type: Function,\r\n    },\r\n    onCancel: {\r\n      type: Function,\r\n    },\r\n    fontSize: {\r\n      type: String,\r\n      default: '24',\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 530px;\r\n    width: 100%;\r\n    background-color: white;\r\n    border-radius: 8px;\r\n    padding: 24px;\r\n    z-index: 9999;\r\n    text-align: left;\r\n    .title {\r\n      display: flex;\r\n      .icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        padding: 10px;\r\n        border-radius: 4px;\r\n        background-color: #fff3e0;\r\n        &.danger {\r\n          background-color: #ffe0e0;\r\n        }\r\n        &.question {\r\n          background-color: #e6f7ff;\r\n        }\r\n      }\r\n      .titleText {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n    .banner {\r\n      text-align: center;\r\n      margin: 16px auto;\r\n\r\n      img {\r\n        width: 100px;\r\n        height: 100px;\r\n      }\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\r\n      .color-red-day {\r\n        color: red;\r\n      }\r\n    }\r\n    .btnContainer {\r\n      margin-top: 24px;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 24px;\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!./confirmmodal2.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!./confirmmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./confirmmodal2.vue?vue&type=template&id=b5943d36&scoped=true&\"\nimport script from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&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  \"b5943d36\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}