{"version":3,"sources":["webpack:///src/components/Settings/Channels/ModalConfirmChannelState.vue","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue?9134","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue?ce6f","webpack:///./src/components/Settings/Channels/ModalConfirmChannelState.vue?50df"],"names":["BaseCheckbox","name","components","props","showModal","type","Boolean","default","onClickCancel","Function","required","proposedChange","String","channel","Object","data","isSavingError","isSavingSuccess","isSaving","agreedToChangeStatus","checkboxChecked","computed","_objectSpread","mapState","created","methods","onClickSave","_this","_asyncToGenerator","_regenerator","m","_callee","subscription","language","t","_t","_t2","w","_context","p","n","Subscription","$i18n","locale","subscriptionProvider","startSubscription","Id","a","stopSubscription","IsCanceled","setTimeout","clearTimeout","v","f","afterSaveText","$t","concat","buttonLabelConfirmText","capitalizeFirstLetter","buttonConfirmCssClass","render","_vm","_c","_self","attrs","modalTitle","confirmButtonCssClass","disableSaveButton","hideFooterButtons","buttonLabelConfirm","savingSuccessMessage","on","closeModal","scopedSlots","_u","key","fn","staticClass","domProps","innerHTML","_s","action","label","model","value","callback","$$v","expression","_e","proxy","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;AACA;AACA,IAAAA,YAAA,YAAAA,aAAA;EAAA,OACA,sXAEA;AAAA;AAEA;AAEe;EACfC,IAAA;EAEAC,UAAA;IACAF,YAAA,EAAAA;EACA;EAEAG,KAAA;IACAC,SAAA;MACAC,IAAA,EAAAC,OAAA;MACAC,OAAA;IACA;IAEAC,aAAA;MACAH,IAAA,EAAAI,QAAA;MACAC,QAAA;IACA;IAEAC,cAAA;MACAN,IAAA,EAAAO,MAAA;MACAF,QAAA;IACA;IAEAG,OAAA;MACAR,IAAA,EAAAS,MAAA;MACAJ,QAAA;IACA;EACA;EAEAK,IAAA,WAAAA,KAAA;IACA;MACAC,aAAA;MACAC,eAAA;MACAC,QAAA;MACAC,oBAAA;MACAC,eAAA;IACA;EACA;EAEAC,QAAA,EAAAC,iIAAA,KACAC,6DAAA,qCACA;EAEAC,OAAA,WAAAA,QAAA;EAEAC,OAAA;IACAC,WAAA,WAAAA,YAAA;MAAA,IAAAC,KAAA;MAAA,OAAAC,oIAAA,cAAAC,+HAAA,GAAAC,CAAA,UAAAC,QAAA;QAAA,IAAAC,YAAA,EAAAC,QAAA,EAAAC,CAAA,EAAAC,EAAA,EAAAC,GAAA;QAAA,OAAAP,+HAAA,GAAAQ,CAAA,WAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,CAAA,GAAAD,QAAA,CAAAE,CAAA;YAAA;cACAR,YAAA,GAAAL,KAAA,CAAAd,OAAA,CAAA4B,YAAA;cACAd,KAAA,CAAAT,QAAA;cAAAoB,QAAA,CAAAC,CAAA;cAEAN,QAAA,GAAAN,KAAA,CAAAe,KAAA,CAAAC,MAAA;cAAAR,EAAA,GACAR,KAAA,CAAAhB,cAAA;cAAA2B,QAAA,CAAAE,CAAA,GAAAL,EAAA,KACA,cAAAA,EAAA,KAMA;cAAA;YAAA;cAAAG,QAAA,CAAAE,CAAA;cAAA,OALAI,uEAAA,CAAAnB,OAAA,CAAAoB,iBAAA,CACAb,YAAA,CAAAc,EAAA,EACAb,QACA;YAAA;cAAA,OAAAK,QAAA,CAAAS,CAAA;YAAA;cAAAT,QAAA,CAAAE,CAAA;cAAA,OAGAI,uEAAA,CAAAnB,OAAA,CAAAuB,gBAAA,CACAhB,YAAA,CAAAc,EAAA,EACAb,QACA;YAAA;cAAA,OAAAK,QAAA,CAAAS,CAAA;YAAA;cAAA,OAAAT,QAAA,CAAAS,CAAA;YAAA;cAMAf,YAAA,CAAAiB,UAAA,GAAAtB,KAAA,CAAAhB,cAAA;cACAgB,KAAA,CAAAV,eAAA;cAEAiB,CAAA,GAAAgB,UAAA;gBACAvB,KAAA,CAAAnB,aAAA;gBACA2C,YAAA,CAAAjB,CAAA;cACA;cAAAI,QAAA,CAAAE,CAAA;cAAA;YAAA;cAAAF,QAAA,CAAAC,CAAA;cAAAH,GAAA,GAAAE,QAAA,CAAAc,CAAA;cAEAzB,KAAA,CAAAX,aAAA;YAAA;cAAAsB,QAAA,CAAAC,CAAA;cAEAZ,KAAA,CAAAT,QAAA;cAAA,OAAAoB,QAAA,CAAAe,CAAA;YAAA;cAAA,OAAAf,QAAA,CAAAS,CAAA;UAAA;QAAA,GAAAhB,OAAA;MAAA;IAEA;IAEAuB,aAAA,WAAAA,cAAA;MACA,YAAAC,EAAA,wEAAAC,MAAA,CACA,KAAA7C,cAAA,CACA;IACA;IAEA8C,sBAAA,WAAAA,uBAAA;MACA,OAAAC,iFAAA,CACA,KAAAH,EAAA,0DAAAC,MAAA,CACA,KAAA7C,cAAA,CACA,CACA;IACA;IACAgD,qBAAA,WAAAA,sBAAA;MACA,aAAAhD,cAAA;QACA;UACA;QACA;UACA;QACA;UACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;ACjKD;AAAA;AAAA,IAAIiD,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,oBAAoB,EAAE;IAC9BE,KAAK,EAAE;MACLC,UAAU,EAAEJ,GAAG,CAACN,EAAE,CAChB,mEACF,CAAC;MACDW,qBAAqB,EAAEL,GAAG,CAACF,qBAAqB,CAAC,CAAC;MAClDnD,aAAa,EAAEqD,GAAG,CAACrD,aAAa;MAChCJ,SAAS,EAAEyD,GAAG,CAACzD,SAAS;MACxB+D,iBAAiB,EACf,CAAC,CAACN,GAAG,CAAC5C,eAAe,IAAI4C,GAAG,CAAC3C,QAAQ,KACrC,CAAC2C,GAAG,CAACzC,eAAe,IACpByC,GAAG,CAAClD,cAAc,KAAK,OAAO;MAChCyD,iBAAiB,EAAEP,GAAG,CAAC7C,aAAa,IAAI6C,GAAG,CAAC5C,eAAe;MAC3DoD,kBAAkB,EAAER,GAAG,CAACJ,sBAAsB,CAAC,CAAC;MAChDvC,QAAQ,EAAE2C,GAAG,CAAC3C,QAAQ;MACtBF,aAAa,EAAE6C,GAAG,CAAC7C,aAAa;MAChCC,eAAe,EAAE4C,GAAG,CAAC5C,eAAe;MACpCS,WAAW,EAAEmC,GAAG,CAACnC,WAAW;MAC5B4C,oBAAoB,EAAET,GAAG,CAACP,aAAa,CAAC;IAC1C,CAAC;IACDiB,EAAE,EAAE;MAAEC,UAAU,EAAEX,GAAG,CAACrD;IAAc,CAAC;IACrCiE,WAAW,EAAEZ,GAAG,CAACa,EAAE,CAAC,CAClB;MACEC,GAAG,EAAE,SAAS;MACdC,EAAE,EAAE,SAAJA,EAAEA,CAAA,EAAc;QACd,OAAO,CACLd,EAAE,CAAC,KAAK,EAAE;UACRe,WAAW,EAAE,+CAA+C;UAC5DC,QAAQ,EAAE;YACRC,SAAS,EAAElB,GAAG,CAACmB,EAAE,CACfnB,GAAG,CAACN,EAAE,CACJ,+DAA+D,EAC/D;cACE0B,MAAM,EAAEpB,GAAG,CAACN,EAAE,kEAAAC,MAAA,CACqDK,GAAG,CAAClD,cAAc,CACrF;YACF,CACF,CACF;UACF;QACF,CAAC,CAAC,EACFkD,GAAG,CAAClD,cAAc,KAAK,OAAO,GAC1BmD,EAAE,CACA,KAAK,EACL;UAAEe,WAAW,EAAE;QAAoB,CAAC,EACpC,CACEf,EAAE,CAAC,cAAc,EAAE;UACjBe,WAAW,EAAE,eAAe;UAC5Bb,KAAK,EAAE;YACLkB,KAAK,EAAErB,GAAG,CAACN,EAAE,CACX,wDACF;UACF,CAAC;UACD4B,KAAK,EAAE;YACLC,KAAK,EAAEvB,GAAG,CAACzC,eAAe;YAC1BiE,QAAQ,EAAE,SAAVA,QAAQA,CAAYC,GAAG,EAAE;cACvBzB,GAAG,CAACzC,eAAe,GAAGkE,GAAG;YAC3B,CAAC;YACDC,UAAU,EAAE;UACd;QACF,CAAC,CAAC,CACH,EACD,CACF,CAAC,GACD1B,GAAG,CAAC2B,EAAE,CAAC,CAAC,CACb;MACH,CAAC;MACDC,KAAK,EAAE;IACT,CAAC,CACF;EACH,CAAC,CAAC;AACJ,CAAC;AACD,IAAIC,eAAe,GAAG,EAAE;AACxB9B,MAAM,CAAC+B,aAAa,GAAG,IAAI;;;;;;;;;;;;;;AC5E3B;AAAA;AAAA;AAAA;AAAsG;AAC3B;AACL;;;AAGtE;AACgG;AAChG,gBAAgB,mHAAU;AAC1B,EAAE,qGAAM;AACR,EAAE,0GAAM;AACR,EAAE,mHAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;;ACtCf;AAA4T,CAAgB,0VAAG,EAAC,C;;;;;;;;;;;;;ACAhV;AAAA;AAAA;AAAA;AAAA","file":"js/403.js?id=9e884837e2bb1566c713","sourcesContent":["<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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"ui-component-modal\", {\n    attrs: {\n      modalTitle: _vm.$t(\n        \"Components.Settings.Channels.ModalConfirmChannelState.Modal_Title\"\n      ),\n      confirmButtonCssClass: _vm.buttonConfirmCssClass(),\n      onClickCancel: _vm.onClickCancel,\n      showModal: _vm.showModal,\n      disableSaveButton:\n        (!_vm.isSavingSuccess || _vm.isSaving) &&\n        !_vm.checkboxChecked &&\n        _vm.proposedChange !== \"Start\",\n      hideFooterButtons: _vm.isSavingError || _vm.isSavingSuccess,\n      buttonLabelConfirm: _vm.buttonLabelConfirmText(),\n      isSaving: _vm.isSaving,\n      isSavingError: _vm.isSavingError,\n      isSavingSuccess: _vm.isSavingSuccess,\n      onClickSave: _vm.onClickSave,\n      savingSuccessMessage: _vm.afterSaveText(),\n    },\n    on: { closeModal: _vm.onClickCancel },\n    scopedSlots: _vm._u([\n      {\n        key: \"content\",\n        fn: function () {\n          return [\n            _c(\"div\", {\n              staticClass: \"has-margin-bottom is-size-5 has-text-centered\",\n              domProps: {\n                innerHTML: _vm._s(\n                  _vm.$t(\n                    \"Components.Settings.Channels.ModalConfirmChannelState.Message\",\n                    {\n                      action: _vm.$t(\n                        `Components.Settings.Channels.ModalConfirmChannelState.Message_${_vm.proposedChange}`\n                      ),\n                    }\n                  )\n                ),\n              },\n            }),\n            _vm.proposedChange !== \"Start\"\n              ? _c(\n                  \"div\",\n                  { staticClass: \"has-text-centered\" },\n                  [\n                    _c(\"BaseCheckbox\", {\n                      staticClass: \"has-text-left\",\n                      attrs: {\n                        label: _vm.$t(\n                          \"Components.Reservation.ModalDeleteOption.Label_YesSure\"\n                        ),\n                      },\n                      model: {\n                        value: _vm.checkboxChecked,\n                        callback: function ($$v) {\n                          _vm.checkboxChecked = $$v\n                        },\n                        expression: \"checkboxChecked\",\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]\n        },\n        proxy: true,\n      },\n    ]),\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ModalConfirmChannelState.vue?vue&type=template&id=64df4ae4\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('64df4ae4')) {\n      api.createRecord('64df4ae4', component.options)\n    } else {\n      api.reload('64df4ae4', component.options)\n    }\n    module.hot.accept(\"./ModalConfirmChannelState.vue?vue&type=template&id=64df4ae4\", function () {\n      api.rerender('64df4ae4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Settings/Channels/ModalConfirmChannelState.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../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/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 * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalConfirmChannelState.vue?vue&type=template&id=64df4ae4\""],"sourceRoot":""}