{"version":3,"sources":["webpack:///./src/views/pages/Accounts/WebHookConfiguration.vue?673f","webpack:///./src/views/pages/Accounts/WebHookConfiguration.vue?c969","webpack:///src/views/pages/Accounts/WebHookConfiguration.vue","webpack:///./src/views/pages/Accounts/WebHookConfiguration.vue?d933","webpack:///./src/views/pages/Accounts/WebHookConfiguration.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","configurationList","length","path","_v","_e","on","$event","passUrl","url","changeStatus","changeSwitch","model","value","callback","$$v","switch1","expression","status","_s","changeApiKeyVisibility","showApiKey","apiKey","_id","staticRenderFns","name","data","components","watch","mounted","query","loadConfiguration","computed","methods","$router","push","params","accountId","console","comp","$validator","validateAll","then","result","dispatch","Swal","icon","title","showConfirmButton","timer","catch","component"],"mappings":"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","file":"js/chunk-31f4edd0.480b28a4.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebHookConfiguration.vue?vue&type=style&index=0&id=9a20c160&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-list-view\"}},[_c('h1',{staticStyle:{\"font-weight\":\"bold\",\"margin-top\":\"-55px\",\"margin-bottom\":\"80px\"}}),_c('div',[_c('div',{staticClass:\"flex flex-wrap-reverse items-center data-list-btn-container\"},[(_vm.configurationList.length == 0)?_c('div',{staticClass:\"btn-add-new p-3 mb-4 mr-2 ml-2 rounded-lg cursor-pointer flex items-center justify-center text-lg font-medium text-base text-primary border border-solid border-primary\"},[_c('router-link',{attrs:{\"to\":{ path: '../newWebHookConfiguration' }}},[_c('i',{staticClass:\"fa fa-plus\",attrs:{\"title\":\"Add New\",\"id\":\"filter\"}},[_vm._v(\"  ADD NEW\")])])],1):_vm._e()]),(_vm.configurationList.length)?_c('button',{staticClass:\"logs-btn\"},[_c('a',{staticStyle:{\"color\":\"primary\"},attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.passUrl(_vm.configurationList[0].url)}}},[_vm._v(\"WebHook Logs\")])]):_vm._e(),(_vm.configurationList.length)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"colSco1 xyzz md:w-1/7\"},[_c('br'),_c('div',{staticClass:\"fz\"},[_c('b',{staticClass:\"tablesaw-cell-label\",staticStyle:{\"display\":\"inline\",\"margin-left\":\"10px\"}},[_vm._v(\"Status\")]),_c('vs-switch',{on:{\"click\":function($event){_vm.changeStatus();\n_vm.changeSwitch();}},model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}})],1),(_vm.configurationList.length && _vm.configurationList[0].status == 'disabled')?_c('label',{staticStyle:{\"display\":\"block\",\"color\":\"red\",\"margin-bottom\":\"20px\",\"margin-top\":\"20px\",\"margin-left\":\"10px\"}},[_vm._v(\"OFFLINE\")]):(_vm.configurationList.length && _vm.configurationList[0].status == 'enabled')?_c('label',{staticStyle:{\"display\":\"block\",\"color\":\"green\",\"margin-top\":\"20px\",\"margin-bottom\":\"20px\",\"margin-left\":\"10px\"}},[_vm._v(\"ONLINE\")]):_vm._e()]),_c('div',{staticClass:\"colSco1 md:w-1/3\"},[_c('br'),_c('b',{staticClass:\"tablesaw-cell-label\"},[_vm._v(\"URL\")]),_c('br'),_c('span',{staticClass:\"tablesaw-cell-content\",staticStyle:{\"color\":\"#4f5f9c\",\"font-weight\":\"bold\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.configurationList[0].url)+\"\\n          \")])]),_c('div',{staticClass:\"colSco1 md:w-1/4\"},[_c('br'),_c('div',{staticClass:\"fz\"},[_c('b',{staticClass:\"tablesaw-cell-label\",staticStyle:{\"display\":\"inline\",\"margin-left\":\"10px\"}},[_vm._v(\"API Key\")]),_c('vs-button',{staticClass:\"togglebtn\",attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.changeApiKeyVisibility()}}},[_vm._v(\"\\n              \"+_vm._s(_vm.showApiKey ? 'Hide' : 'Show')+\"\\n            \")])],1),(_vm.showApiKey == false)?_c('span',{staticClass:\"tablesaw-cell-content\",staticStyle:{\"display\":\"block\",\"margin-bottom\":\"20px\",\"margin-left\":\"5px\"}},[_vm._v(\"\\n            Click the Button to show\\n          \")]):_c('span',{staticClass:\"tablesaw-cell-content\",staticStyle:{\"display\":\"block\",\"color\":\"#4f5f9c\",\"font-weight\":\"bold\",\"margin-bottom\":\"20px\",\"margin-left\":\"5px\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.configurationList[0].apiKey)+\"\\n          \")])]),_c('div',{staticClass:\"colSco1 md:w-1/10\"},[_c('b',{staticClass:\"tablesaw-cell-label\",staticStyle:{\"margin-top\":\"15px\",\"margin-bottom\":\"20px\"}},[_vm._v(\"Actions\")]),_c('span',{staticClass:\"tablesaw-cell-content\"},[_c('router-link',{staticStyle:{\"color\":\"grey\"},attrs:{\"to\":{\n              path: '../editWebHookConfiguration/' + _vm.configurationList[0]._id,\n            }}},[_c('button',{staticClass:\"edit-btn\"},[_c('i',{staticClass:\"fa fa-pencil fa-lg\",attrs:{\"title\":\"edit\"}})])])],1)])]):_vm._e(),_c('br')])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"data-list-list-view\" class=\"data-list-container\">\n    <h1 style=\"font-weight: bold; margin-top: -55px; margin-bottom: 80px\">\n      <!-- WebHook Configuration -->\n    </h1>\n    <div>\n      <div class=\"flex flex-wrap-reverse items-center data-list-btn-container\">\n        <div v-if=\"configurationList.length == 0\"\n          class=\"btn-add-new p-3 mb-4 mr-2 ml-2 rounded-lg cursor-pointer flex items-center justify-center text-lg font-medium text-base text-primary border border-solid border-primary\">\n          <router-link :to=\"{ path: '../newWebHookConfiguration' }\">\n            <i class=\"fa fa-plus\" title=\"Add New\" id=\"filter\">&nbsp;&nbsp;ADD NEW</i>\n          </router-link>\n        </div>\n      </div>\n      <button class=\"logs-btn\" v-if=\"configurationList.length\">\n        <a href=\"javascript:void(0)\" style=\"color: primary\" @click=\"passUrl(configurationList[0].url)\">WebHook Logs</a>\n      </button>\n      <div class=\"vx-row\" v-if=\"configurationList.length\">\n        <div class=\"colSco1 xyzz md:w-1/7\">\n          <br />\n          <div class=\"fz\">\n            <b style=\"display: inline; margin-left: 10px\" class=\"tablesaw-cell-label\">Status</b>\n            <vs-switch @click=\"\n  changeStatus();\nchangeSwitch();\n            \" v-model=\"switch1\" />\n          </div>\n\n          <label style=\"\n              display: block;\n              color: red;\n              margin-bottom: 20px;\n              margin-top: 20px;\n              margin-left: 10px;\n              \" v-if=\"configurationList.length && configurationList[0].status == 'disabled'\">OFFLINE</label>\n          <label style=\"\n              display: block;\n              color: green;\n              margin-top: 20px;\n              margin-bottom: 20px;\n              margin-left: 10px;\n            \" v-else-if=\"configurationList.length && configurationList[0].status == 'enabled'\">ONLINE</label>\n        </div>\n        <div class=\"colSco1 md:w-1/3\">\n          <br />\n          <b class=\"tablesaw-cell-label\">URL</b><br /><span style=\"color: #4f5f9c; font-weight: bold\"\n            class=\"tablesaw-cell-content\">\n            {{ configurationList[0].url }}\n          </span>\n        </div>\n        <div class=\"colSco1 md:w-1/4\">\n          <br />\n          <div class=\"fz\">\n            <b style=\"display: inline; margin-left: 10px\" class=\"tablesaw-cell-label\">API Key</b>\n            <vs-button class=\"togglebtn\" color=\"primary\" type=\"filled\" @click=\"changeApiKeyVisibility()\">\n              {{ showApiKey ? 'Hide' : 'Show' }}\n            </vs-button>\n          </div>\n          <span style=\"\n              display: block;\n\n              margin-bottom: 20px;\n              margin-left: 5px;\n            \" v-if=\"showApiKey == false\" class=\"tablesaw-cell-content\">\n            Click the Button to show\n          </span>\n          <span style=\"\n              display: block;\n              color: #4f5f9c;\n              font-weight: bold;\n              margin-bottom: 20px;\n              margin-left: 5px;\n            \" v-else class=\"tablesaw-cell-content\">\n            {{ configurationList[0].apiKey }}\n          </span>\n        </div>\n        <div class=\"colSco1 md:w-1/10\">\n          <b style=\"margin-top: 15px; margin-bottom: 20px\" class=\"tablesaw-cell-label\">Actions</b><span\n            class=\"tablesaw-cell-content\">\n            <router-link style=\"color: grey\" :to=\"{\n              path: '../editWebHookConfiguration/' + configurationList[0]._id,\n            }\">\n              <button class=\"edit-btn\">\n                <i class=\"fa fa-pencil fa-lg\" title=\"edit\"></i>\n              </button>\n            </router-link>\n          </span>\n        </div>\n        <!-- <div class=\"colSco1 md:w-1/6\">\n          <a\n            href=\"javascript:void(0)\"\n            style=\"color: primary\"\n            @click=\"passUrl(configurationList[0].url)\"\n            >WebHook Logs</a\n          >\n        </div> -->\n      </div>\n      <br />\n      <!-- <vs-table\n        ref=\"table\"\n        class=\"tablesaw tablesaw-stack\"\n        data-tablesaw-mode=\"stack\"\n        :max-items=\"itemsPerPage\"\n        :data=\"configurationList\"\n      >\n        <template slot=\"thead\">\n          <vs-th>Status</vs-th>\n          <vs-th>URL</vs-th>\n          <vs-th>API KEY</vs-th>\n          <vs-th></vs-th>\n          <vs-th>Actions</vs-th>\n          <vs-th>WebHook Logs</vs-th>\n        </template>\n\n        <template slot-scope=\"{ data }\">\n          <tbody>\n            <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n\n              <vs-td\n                ><b class=\"tablesaw-cell-label\">Status</b\n                ><label>disabled / enabled</label>\n                <vs-switch @click=\"changeStatus();changeSwitch()\" v-model=\"switch1\" /></vs-td\n              >\n\n              <vs-td\n                ><b class=\"tablesaw-cell-label\">URL</b\n                ><span class=\"tablesaw-cell-content\">\n                  {{ data[indextr].url }}\n                </span></vs-td\n              >\n\n              <vs-td\n                ><b class=\"tablesaw-cell-label\">API Key</b\n                >\n                <span v-if=\"showApiKey==false\" class=\"tablesaw-cell-content\">\n                  Click on Button\n                </span>\n                <span v-else class=\"tablesaw-cell-content\">\n                  {{ data[indextr].apiKey }}\n                </span></vs-td\n              >\n\n              <vs-td\n                >\n                <vs-button\n                  v-if=\"showApiKey==false\"\n                  color=\"primary\"\n                  type=\"filled\"\n                  @click=\"changeApiKeyVisibility()\"\n                  style=\"margin-bottom: 15px\"\n                  >Show\n                </vs-button>\n                <vs-button\n                  v-else\n                  color=\"primary\"\n                  type=\"filled\"\n                  @click=\"changeApiKeyVisibility()\"\n                  style=\"margin-bottom: 15px\"\n                  >Hide\n                </vs-button>\n                </vs-td\n              >\n\n              <vs-td class=\"whitespace-no-wrap\"\n                ><b class=\"tablesaw-cell-label\">Device Actions</b\n                ><span class=\"tablesaw-cell-content\">\n                  <router-link\n                    style=\"color: grey\"\n                    :to=\"{ path: '../editWebHookConfiguration/' + data[indextr]._id }\"\n                  >\n                    <i class=\"fa fa-pencil fa-lg\" title=\"edit\"></i>\n                  </router-link>\n                 </span\n              ></vs-td>\n\n              <vs-td >\n                    <a href=\"javascript:void(0)\" style=\"color:primary\" @click=\"passUrl(data[indextr].url)\">WebHook Logs</a>\n              </vs-td>\n            </vs-tr>\n          </tbody>\n        </template> </vs-table\n      ><br /> -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n//import Swal from \"sweetalert2\";\nimport { mapState, mapActions } from \"vuex\";\n// import Filters from './components/Filters'\nexport default {\n  name: \"WebHookConfiguration\",\n  data: () => ({\n    configurationList: [],\n    showApiKey: false,\n    switch1: false,\n  }),\n  components: {\n    // Filters\n  },\n  watch: {},\n  mounted() {\n    const comp = this;\n    const query = {\n      query: {\n        // $limit: this.itemsPerPage,\n        // $skip: this.itemsPerPage * (this.currentx - 1),\n      },\n    };\n    this.loadConfiguration(query);\n  },\n  computed: {},\n  methods: {\n    passUrl(url) {\n      this.$router.push({\n        name: \"WebHookLogs\",\n        params: { url: url, accountId: this.configurationList[0].accountId },\n      });\n    },\n    changeApiKeyVisibility() {\n      this.showApiKey = !this.showApiKey;\n    },\n    changeStatus() {\n      if (this.configurationList.length > 0) {\n        if (this.configurationList[0].status == \"disabled\") {\n          this.configurationList[0].status = \"enabled\";\n          //this.switch1 = true\n        } else {\n          this.configurationList[0].status = \"disabled\";\n          //this.switch1 = false\n        }\n      }\n      console.log(\"clicked\");\n      var comp = this;\n      this.$validator.validateAll().then((result) => {\n        //console.log(\"result\"+this.id);\n        if (result) {\n          if (this.configurationList.length > 0) {\n            this.$store\n              .dispatch(\"studywebhooks/patch\", [\n                comp.configurationList[0]._id,\n                {\n                  status: this.configurationList[0].status,\n                },\n                {},\n              ])\n              .then((response) => {\n                console.log(response);\n                if (response.status == \"disabled\") {\n                  comp.switch1 = false;\n                } else {\n                  comp.switch1 = true;\n                }\n                Swal.fire({\n                  icon: \"success\",\n                  title: \"updated successfully\",\n                  showConfirmButton: false,\n                  timer: 1500,\n                });\n              })\n              .catch((err) => {\n                console.log(\"Error on updating Running Status\");\n                Swal.fire({\n                  icon: \"error\",\n                  title: \"Error\",\n                  showConfirmButton: false,\n                  timer: 1500,\n                });\n              });\n          }\n        }\n      });\n    },\n    async loadConfiguration(query) {\n      const comp = this;\n      console.log(`query${JSON.stringify(query)}`);\n      await this.$store\n        .dispatch(\"studywebhooks/find\", query)\n        .then((result) => {\n          const configuration = result.data;\n          comp.totalPages = Math.ceil(result.total / comp.itemsPerPage);\n          comp.configurationList = configuration;\n          console.log(`configurationList--${comp.configurationList}`);\n          if (comp.configurationList[0].status == \"disabled\") {\n            comp.switch1 = false;\n          } else {\n            comp.switch1 = true;\n          }\n        })\n        .catch((err) => {\n          console.log(`err--${err}`);\n        });\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n// #data-list-list-view {\n//   .vs-con-table {\n//     /*\n//       Below media-queries is fix for responsiveness of action buttons\n//       Note: If you change action buttons or layout of this page, Please remove below style\n//     */\n//     @media (max-width: 689px) {\n//       .vs-table--search {\n//         margin-left: 0;\n//         max-width: unset;\n//         width: 100%;\n\n//         .vs-table--search-input {\n//           width: 100%;\n//         }\n//       }\n//     }\n\n//     @media (max-width: 461px) {\n//       .items-per-page-handler {\n//         display: none;\n//       }\n//     }\n\n//     @media (max-width: 341px) {\n//       .data-list-btn-container {\n//         width: 100%;\n\n//         .dd-actions,\n//         .btn-add-new {\n//           width: 100%;\n//           margin-right: 0 !important;\n//         }\n//       }\n//     }\n\n//     .product-name {\n//       max-width: 23rem;\n//     }\n\n//     .vs-table--header {\n//       display: flex;\n//       flex-wrap: wrap;\n//       margin-left: 1.5rem;\n//       margin-right: 1.5rem;\n//       > span {\n//         display: flex;\n//         flex-grow: 1;\n//       }\n\n//       .vs-table--search {\n//         padding-top: 0;\n\n//         .vs-table--search-input {\n//           padding: 0.9rem 2.5rem;\n//           font-size: 1rem;\n\n//           & + i {\n//             left: 1rem;\n//           }\n\n//           &:focus + i {\n//             left: 1rem;\n//           }\n//         }\n//       }\n//     }\n\n//     .vs-table {\n//       border-collapse: separate;\n//       border-spacing: 0 1.3rem;\n//       padding: 0 1rem;\n\n//       tr {\n//         box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\n//         td {\n//           padding: 20px;\n//           &:first-child {\n//             border-top-left-radius: 0.5rem;\n//             border-bottom-left-radius: 0.5rem;\n//           }\n//           &:last-child {\n//             border-top-right-radius: 0.5rem;\n//             border-bottom-right-radius: 0.5rem;\n//           }\n//         }\n//         td.td-check {\n//           padding: 20px !important;\n//         }\n//       }\n//     }\n\n//     .vs-table--thead {\n//       th {\n//         padding-top: 0;\n//         padding-bottom: 0;\n\n//         .vs-table-text {\n//           text-transform: uppercase;\n//           font-weight: 600;\n//         }\n//       }\n//       th.td-check {\n//         padding: 0 15px !important;\n//       }\n//       tr {\n//         background: none;\n//         box-shadow: none;\n//       }\n//     }\n\n//     .vs-table--pagination {\n//       justify-content: center;\n//     }\n//   }\n// }\n.colSco1 {\n  border: 1px solid #ababab;\n  border-radius: 20px;\n  margin-left: 40px;\n  padding: 0 1rem ;\n}\n\n.togglebtn {\n  display: inline;\n  margin-left: 1rem;\n  margin-bottom: 10px;\n  padding: 0.2rem;\n  // padding-top: 10px;\n  // border-radius: 10px;\n  width: 80px;\n  background-color: #f3f4ff !important;\n  color: #929be7 !important;\n  border: 1px solid #838de3;\n  padding: 0.2rem 1rem !important;\n}\n\n// .vs-switch {\n\n//   // margin-left: 80px;\n//   // margin-top: -20px;\n//   // padding-top: 10px;\n//   // margin-bottom: 20px;\n// }\n\n.edit-btn {\n  background-color: #f3f4ff !important;\n  color: #929be7 !important;\n  border-radius: 10px;\n  width: 40px;\n  padding: 2px 1px;\n  border: 1px solid #838de3;\n  margin-left: 10px;\n}\n\n// div.colSco1:nth-child(4) {\n//   text-align: center;\n// }\n.logs-btn {\n  background-color: #f3f4ff !important;\n  color: #929be7 !important;\n  border-radius: 10px;\n  // width: 110px;\n  padding: 10px;\n  border: 1px solid #838de3;\n  // margin-left: 30px;\n  margin-bottom: 30px;\n}\n\ninput {\n  border: none;\n}\n\n.fz {\n  display: flex;\n  gap: 1rem;\n  justify-content: space-between;\n  margin-bottom: 10px;\n}\n.xyzz{\n  margin-left: 12px;\n}\n</style>\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!./WebHookConfiguration.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!./WebHookConfiguration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WebHookConfiguration.vue?vue&type=template&id=9a20c160&scoped=true&\"\nimport script from \"./WebHookConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./WebHookConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WebHookConfiguration.vue?vue&type=style&index=0&id=9a20c160&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  \"9a20c160\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}