{"version":3,"sources":["webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue","webpack:///src/components/Settings/Channels/ModalConfirmChannelState.vue","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue?b787","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue?9134"],"names":["render","_vm","this","_c","_self","attrs","$t","buttonConfirmCssClass","onClickCancel","showModal","isSavingSuccess","isSaving","checkboxChecked","proposedChange","isSavingError","buttonLabelConfirmText","onClickSave","afterSaveText","on","scopedSlots","_u","key","fn","staticClass","domProps","_s","action","concat","model","value","callback","$$v","expression","_e","proxy","staticRenderFns","BaseCheckbox","name","components","props","type","Boolean","default","Function","required","String","channel","Object","data","agreedToChangeStatus","computed","_objectSpread","mapState","created","methods","_this","_asyncToGenerator","_regenerator","m","_callee","subscription","language","t","_t","w","_context","p","n","Subscription","$i18n","locale","subscriptionProvider","startSubscription","Id","a","stopSubscription","IsCanceled","setTimeout","clearTimeout","v","f","capitalizeFirstLetter","component"],"mappings":"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","file":"js/chunk-2d0dec96.js?id=1546431f334ab30b6f2e","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":_vm.$t('Components.Settings.Channels.ModalConfirmChannelState.Modal_Title'),\"confirmButtonCssClass\":_vm.buttonConfirmCssClass(),\"onClickCancel\":_vm.onClickCancel,\"showModal\":_vm.showModal,\"disableSaveButton\":(!_vm.isSavingSuccess || _vm.isSaving) &&\n    !_vm.checkboxChecked &&\n    _vm.proposedChange !== 'Start',\"hideFooterButtons\":_vm.isSavingError || _vm.isSavingSuccess,\"buttonLabelConfirm\":_vm.buttonLabelConfirmText(),\"isSaving\":_vm.isSaving,\"isSavingError\":_vm.isSavingError,\"isSavingSuccess\":_vm.isSavingSuccess,\"onClickSave\":_vm.onClickSave,\"savingSuccessMessage\":_vm.afterSaveText()},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"has-margin-bottom is-size-5 has-text-centered\",domProps:{\"innerHTML\":_vm._s(\n        _vm.$t('Components.Settings.Channels.ModalConfirmChannelState.Message', {\n          action: _vm.$t(\n            `Components.Settings.Channels.ModalConfirmChannelState.Message_${_vm.proposedChange}`\n          ),\n        })\n      )}}),(_vm.proposedChange !== 'Start')?_c('div',{staticClass:\"has-text-centered\"},[_c('BaseCheckbox',{staticClass:\"has-text-left\",attrs:{\"label\":_vm.$t('Components.Reservation.ModalDeleteOption.Label_YesSure')},model:{value:(_vm.checkboxChecked),callback:function ($$v) {_vm.checkboxChecked=$$v},expression:\"checkboxChecked\"}})],1):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ui-component-modal\n    :modalTitle=\"\n      $t('Components.Settings.Channels.ModalConfirmChannelState.Modal_Title')\n    \"\n    :confirmButtonCssClass=\"buttonConfirmCssClass()\"\n    :onClickCancel=\"onClickCancel\"\n    :showModal=\"showModal\"\n    :disableSaveButton=\"\n      (!isSavingSuccess || isSaving) &&\n      !checkboxChecked &&\n      proposedChange !== 'Start'\n    \"\n    :hideFooterButtons=\"isSavingError || isSavingSuccess\"\n    :buttonLabelConfirm=\"buttonLabelConfirmText()\"\n    :isSaving=\"isSaving\"\n    :isSavingError=\"isSavingError\"\n    :isSavingSuccess=\"isSavingSuccess\"\n    :onClickSave=\"onClickSave\"\n    @closeModal=\"onClickCancel\"\n    :savingSuccessMessage=\"afterSaveText()\"\n  >\n    <template v-slot:content>\n      <div\n        class=\"has-margin-bottom is-size-5 has-text-centered\"\n        v-html=\"\n          $t('Components.Settings.Channels.ModalConfirmChannelState.Message', {\n            action: $t(\n              `Components.Settings.Channels.ModalConfirmChannelState.Message_${proposedChange}`\n            ),\n          })\n        \"\n      ></div>\n\n      <div class=\"has-text-centered\" v-if=\"proposedChange !== 'Start'\">\n        <BaseCheckbox\n          v-model=\"checkboxChecked\"\n          class=\"has-text-left\"\n          :label=\"$t('Components.Reservation.ModalDeleteOption.Label_YesSure')\"\n        />\n      </div>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport subscriptionProvider from '@/providers/subscription'\nconst BaseCheckbox = () =>\n  import(\n    /* webpackChunkName: \"settings-options\" */ '@/components/UI/Form/BaseCheckbox'\n  )\n\nimport { capitalizeFirstLetter } from '@/utils/stringHelper'\n\nexport default {\n  name: 'ModalConfirmChannelState',\n\n  components: {\n    BaseCheckbox,\n  },\n\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n\n    proposedChange: {\n      type: String,\n      required: true,\n    },\n\n    channel: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      isSavingError: false,\n      isSavingSuccess: false,\n      isSaving: false,\n      agreedToChangeStatus: false,\n      checkboxChecked: false,\n    }\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n  },\n\n  created() {},\n\n  methods: {\n    async onClickSave() {\n      const subscription = this.channel.Subscription\n      this.isSaving = true\n      try {\n        const language = this.$i18n.locale\n        switch (this.proposedChange) {\n          case 'Start':\n            await subscriptionProvider.methods.startSubscription(\n              subscription.Id,\n              language\n            )\n            break\n          case 'Stop':\n            await subscriptionProvider.methods.stopSubscription(\n              subscription.Id,\n              language\n            )\n            break\n          default:\n            break\n        }\n\n        subscription.IsCanceled = this.proposedChange === 'Stop' ? true : false\n        this.isSavingSuccess = true\n\n        let t = setTimeout(() => {\n          this.onClickCancel()\n          clearTimeout(t)\n        }, 3000)\n      } catch (error) {\n        this.isSavingError = true\n      } finally {\n        this.isSaving = false\n      }\n    },\n\n    afterSaveText() {\n      return this.$t(\n        `Components.Settings.Channels.ModalConfirmChannelState.AfterSaveText_${this.proposedChange}`\n      )\n    },\n\n    buttonLabelConfirmText() {\n      return capitalizeFirstLetter(\n        this.$t(\n          `Components.Settings.Channels.ModalConfirmChannelState.${this.proposedChange}`\n        )\n      )\n    },\n    buttonConfirmCssClass() {\n      switch (this.proposedChange) {\n        case 'Start':\n          return 'is-primary'\n        case 'Stop':\n          return 'is-danger'\n        default:\n          break\n      }\n    },\n  },\n}\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalConfirmChannelState.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalConfirmChannelState.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalConfirmChannelState.vue?vue&type=template&id=464545df\"\nimport script from \"./ModalConfirmChannelState.vue?vue&type=script&lang=js\"\nexport * from \"./ModalConfirmChannelState.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}