{"version":3,"sources":["webpack:///src/components/Services/Widgets/BookingWidgetEmbed.vue","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?3f56","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?f6eb","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?d136","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?8431","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?3d6c","webpack:///./src/components/Services/Widgets/BookingWidgetEmbed.vue?b828","webpack:///./src/eventbus/event-bus.js"],"names":["components","Message","data","isLoading","isSearching","mWidget","widgetId","Number","$route","params","channelId","locationId","embedCode","onScreen","copyText","computed","_objectSpread","mapState","created","_this","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","getLocationSearchWidgets","generateHtmlEmbedCode","a","methods","_this2","_callee2","self","_context2","widgetProvider","getLocationSearchWidgetByWidgetId","then","response","catch","e","finally","copyWidgetCode","type","_this3","codeBlock","generateCdataCode","navigator","clipboard","writeText","EventBus","$emit","message","$i18n","t","error","result","Key","locale","$stringHelper","encodeHtml","replace","concat","decodeHtml","render","_vm","_c","_self","staticClass","_v","_s","Name","$t","domProps","innerHTML","attrs","on","click","$event","stopPropagation","preventDefault","staticRenderFns","_withStripped","Vue"],"mappings":"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","file":"js/217.js?id=ffb4263dc79122e59df7","sourcesContent":["<template>\n  <div>\n    <div v-if=\"mWidget === null\">\n      <ui-loader />\n    </div>\n    <div\n      v-else\n      class=\"columns is-multiline\"\n    >\n      <div class=\"column is-full\">\n        <div class=\"title is-3\">{{ mWidget.Name }} {{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCode') }}</div>\n        <div class=\"content mb-6\">\n          <div\n            class=\"my-4\"\n            v-html=\"$t('Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCodeText')\"\n          ></div>\n          <Message :type=\"'is-danger'\" :message=\"$t('Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCodeWarning')\" />\n        </div>\n      </div>\n      <div class=\"column is-full\">\n        <div class=\"columns\">\n          <div class=\"column is-one-third\">\n            <div class=\"content\">\n              <div class=\"title is-5\">{{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Header_HTMLEmbedCode') }}</div>\n              <div class=\"\">{{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Text_HTMLEmbedCode') }}</div>\n            </div>\n          </div>\n          <div class=\"column\">\n            <div class=\"mb-6 has-background-light\">\n              <div class=\"buttons is-right mb-4\">\n                <button\n                  class=\"button is-info text-white \"\n                  @click.stop.prevent=\"copyWidgetCode('html')\"\n                >\n                  {{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Button_CopyToClipboard') }}\n                </button>\n              </div>\n              <pre v-html=\"generateHtmlEmbedCode().onScreen\"></pre>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"column is-full\">\n        <div class=\"columns\">\n          <div class=\"column is-one-third\">\n            <div class=\"content\">\n              <div class=\"title is-5\">{{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Header_CDATAEmbedCode') }}</div>\n              <div class=\"\">{{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Text_CDATAEmbedCode') }}</div>\n            </div>\n          </div>\n          <div class=\"column\">\n            <div class=\"mb-6 has-background-light\">\n              <div class=\"buttons is-right mb-4\">\n                <button\n                  class=\"button is-info text-white \"\n                  @click.stop.prevent=\"copyWidgetCode('cdata')\"\n                >\n                  {{ $t('Components.Settings.Widgets.bookingsWidgetEmbed.Button_CopyToClipboard') }}\n                </button>\n              </div>\n              <pre v-html=\"generateCdataCode().onScreen\"></pre>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport widgetProvider from '@/providers/widget'\nimport statsProvider from '@/providers/stats'\nimport { EventBus } from '@/eventbus/event-bus'\n\nexport default {\n  components: {\n    Message: () => import('@/components/UI/Message')\n  },\n\n  data() {\n    return {\n      isLoading: false,\n      isSearching: false,\n      mWidget: null,\n      widgetId: Number(this.$route.params.widgetId),\n      channelId: 0,\n      locationId: Number(this.$route.params.locationId),\n      embedCode: {\n        onScreen: '',\n        copyText: '',\n      },\n    }\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n  },\n\n  async created() {\n    await this.getLocationSearchWidgets()\n    this.generateHtmlEmbedCode()\n  },\n\n  methods: {\n    async getLocationSearchWidgets() {\n      let self = this\n      self.isLoading = true\n\n      await widgetProvider.methods\n        .getLocationSearchWidgetByWidgetId(this.locationId, this.widgetId)\n        .then((response) => {\n          self.mWidget = response.data\n        })\n        .catch((e) => {\n          //console.log(e.response)\n        })\n        .finally(() => {\n          self.isLoading = false\n        })\n    },\n\n    copyWidgetCode(type) {\n      let codeBlock = type === 'html' ?\n        this.generateHtmlEmbedCode().codeBlock\n        :\n        this.generateCdataCode().codeBlock\n\n      navigator.clipboard\n        .writeText(codeBlock)\n        .then(() => {\n          EventBus.$emit('showToast', {\n            type: 'info',\n            message: this.$i18n.t(\n              'Components.Settings.Widgets.bookingsWidgetEmbed.Message_EmbedCodeCopied'\n            ),\n          })\n        })\n        .catch((error) => {\n          EventBus.$emit('showToast', {\n            type: 'info',\n            message: this.$i18n.t(\n              'Components.Settings.Widgets.bookingsWidgetEmbed.Message_Error'\n            ),\n          })\n        })\n    },\n\n    generateHtmlEmbedCode() {\n      let result =\n        '<link href=\"https://widget.cyberdigma.nl/booking/app.css\" rel=\"stylesheet\" /> #br#' +\n        '<c-lab-bookingwidget widget-key=\"' +\n        this.mWidget.Key +\n        '\" locale=\"' + this.$i18n.locale + '\"></c-lab-bookingwidget> #br#' +\n        '<script src=\"https://widget.cyberdigma.nl/booking/app.js\" async defer></' +\n        'script>'\n\n      return {\n        onScreen: this.$stringHelper.encodeHtml(result).replace(/#br#/g, '</br>'),\n        codeBlock: result.replace(/#br#/g, '\\n')\n      }\n    },\n\n    generateCdataCode() {\n      let codeBlock = `&lt;script id=&quot;chp-bw-cdata&quot;&gt;\n        //&lt;![CDATA[\n        (function (d, s) {\n        s.forEach(se =&gt; {\n        var cs = document.querySelector(&#96;#$&#123se.attrs.id&#125&#96;); \n        if(cs) {return;} \n        var t = d.createElement(se.tag); for (const [key, value] of Object.entries(se.attrs)) { t.setAttribute(key, value); } \n        var c = d.getElementById(&quot;chp-bw-cdata&quot;); se.tag === &quot;c-lab-bookingwidget&quot; ? c.after(t) : d.getElementsByTagName(&quot;head&quot;)[0].appendChild(t);\n        });\n        }(document, [{ tag: &quot;script&quot;,  attrs: { id: &quot;chp-bw-script&quot;, type: &quot;text/javascript&quot;, src: &quot;https://widget.cyberdigma.nl/booking/app.js&quot;, async: &quot;&quot;, defer: &quot;&quot;}},\n        {tag: &quot;link&quot;,  attrs: { id: &quot;chp-bw-style&quot;,  rel: &quot;stylesheet&quot;, type: &quot;text/css&quot;, href: &quot;https://widget.cyberdigma.nl/booking/app.css&quot; }},\n        {tag: &quot;c-lab-bookingwidget&quot;,  attrs: { id: &quot;chp-bw-element&quot;, &quot;widget-key&quot;: &quot;${this.mWidget.Key}&quot;, locale: &quot;${this.$i18n.locale}&quot; }}]));\n        //]]&gt;&lt;/script&gt;`.replace(/^ +/gm, '')\n\n      return {\n        onScreen: codeBlock,\n        codeBlock: this.$stringHelper.decodeHtml(codeBlock)\n      }\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\npre {\n  text-wrap: wrap;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _vm.mWidget === null\n      ? _c(\"div\", [_c(\"ui-loader\")], 1)\n      : _c(\"div\", { staticClass: \"columns is-multiline\" }, [\n          _c(\"div\", { staticClass: \"column is-full\" }, [\n            _c(\"div\", { staticClass: \"title is-3\" }, [\n              _vm._v(\n                _vm._s(_vm.mWidget.Name) +\n                  \" \" +\n                  _vm._s(\n                    _vm.$t(\n                      \"Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCode\"\n                    )\n                  )\n              ),\n            ]),\n            _c(\n              \"div\",\n              { staticClass: \"content mb-6\" },\n              [\n                _c(\"div\", {\n                  staticClass: \"my-4\",\n                  domProps: {\n                    innerHTML: _vm._s(\n                      _vm.$t(\n                        \"Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCodeText\"\n                      )\n                    ),\n                  },\n                }),\n                _c(\"Message\", {\n                  attrs: {\n                    type: \"is-danger\",\n                    message: _vm.$t(\n                      \"Components.Settings.Widgets.bookingsWidgetEmbed.Label_EmbeddingCodeWarning\"\n                    ),\n                  },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\"div\", { staticClass: \"column is-full\" }, [\n            _c(\"div\", { staticClass: \"columns\" }, [\n              _c(\"div\", { staticClass: \"column is-one-third\" }, [\n                _c(\"div\", { staticClass: \"content\" }, [\n                  _c(\"div\", { staticClass: \"title is-5\" }, [\n                    _vm._v(\n                      _vm._s(\n                        _vm.$t(\n                          \"Components.Settings.Widgets.bookingsWidgetEmbed.Header_HTMLEmbedCode\"\n                        )\n                      )\n                    ),\n                  ]),\n                  _c(\"div\", {}, [\n                    _vm._v(\n                      _vm._s(\n                        _vm.$t(\n                          \"Components.Settings.Widgets.bookingsWidgetEmbed.Text_HTMLEmbedCode\"\n                        )\n                      )\n                    ),\n                  ]),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"column\" }, [\n                _c(\"div\", { staticClass: \"mb-6 has-background-light\" }, [\n                  _c(\"div\", { staticClass: \"buttons is-right mb-4\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"button is-info text-white\",\n                        on: {\n                          click: function ($event) {\n                            $event.stopPropagation()\n                            $event.preventDefault()\n                            return _vm.copyWidgetCode(\"html\")\n                          },\n                        },\n                      },\n                      [\n                        _vm._v(\n                          \" \" +\n                            _vm._s(\n                              _vm.$t(\n                                \"Components.Settings.Widgets.bookingsWidgetEmbed.Button_CopyToClipboard\"\n                              )\n                            ) +\n                            \" \"\n                        ),\n                      ]\n                    ),\n                  ]),\n                  _c(\"pre\", {\n                    domProps: {\n                      innerHTML: _vm._s(_vm.generateHtmlEmbedCode().onScreen),\n                    },\n                  }),\n                ]),\n              ]),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"column is-full\" }, [\n            _c(\"div\", { staticClass: \"columns\" }, [\n              _c(\"div\", { staticClass: \"column is-one-third\" }, [\n                _c(\"div\", { staticClass: \"content\" }, [\n                  _c(\"div\", { staticClass: \"title is-5\" }, [\n                    _vm._v(\n                      _vm._s(\n                        _vm.$t(\n                          \"Components.Settings.Widgets.bookingsWidgetEmbed.Header_CDATAEmbedCode\"\n                        )\n                      )\n                    ),\n                  ]),\n                  _c(\"div\", {}, [\n                    _vm._v(\n                      _vm._s(\n                        _vm.$t(\n                          \"Components.Settings.Widgets.bookingsWidgetEmbed.Text_CDATAEmbedCode\"\n                        )\n                      )\n                    ),\n                  ]),\n                ]),\n              ]),\n              _c(\"div\", { staticClass: \"column\" }, [\n                _c(\"div\", { staticClass: \"mb-6 has-background-light\" }, [\n                  _c(\"div\", { staticClass: \"buttons is-right mb-4\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"button is-info text-white\",\n                        on: {\n                          click: function ($event) {\n                            $event.stopPropagation()\n                            $event.preventDefault()\n                            return _vm.copyWidgetCode(\"cdata\")\n                          },\n                        },\n                      },\n                      [\n                        _vm._v(\n                          \" \" +\n                            _vm._s(\n                              _vm.$t(\n                                \"Components.Settings.Widgets.bookingsWidgetEmbed.Button_CopyToClipboard\"\n                              )\n                            ) +\n                            \" \"\n                        ),\n                      ]\n                    ),\n                  ]),\n                  _c(\"pre\", {\n                    domProps: {\n                      innerHTML: _vm._s(_vm.generateCdataCode().onScreen),\n                    },\n                  }),\n                ]),\n              ]),\n            ]),\n          ]),\n        ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\npre[data-v-6363b766] {\\n  text-wrap: wrap;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BookingWidgetEmbed.vue?vue&type=style&index=0&id=6363b766&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"68d963fe\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BookingWidgetEmbed.vue?vue&type=style&index=0&id=6363b766&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BookingWidgetEmbed.vue?vue&type=style&index=0&id=6363b766&lang=scss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./BookingWidgetEmbed.vue?vue&type=template&id=6363b766&scoped=true\"\nimport script from \"./BookingWidgetEmbed.vue?vue&type=script&lang=js\"\nexport * from \"./BookingWidgetEmbed.vue?vue&type=script&lang=js\"\nimport style0 from \"./BookingWidgetEmbed.vue?vue&type=style&index=0&id=6363b766&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  \"6363b766\",\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('6363b766')) {\n      api.createRecord('6363b766', component.options)\n    } else {\n      api.reload('6363b766', component.options)\n    }\n    module.hot.accept(\"./BookingWidgetEmbed.vue?vue&type=template&id=6363b766&scoped=true\", function () {\n      api.rerender('6363b766', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Services/Widgets/BookingWidgetEmbed.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!./BookingWidgetEmbed.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!./BookingWidgetEmbed.vue?vue&type=script&lang=js\"","export * from \"-!../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BookingWidgetEmbed.vue?vue&type=style&index=0&id=6363b766&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"381a4baa-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!./BookingWidgetEmbed.vue?vue&type=template&id=6363b766&scoped=true\"","import Vue from 'vue'\nexport const EventBus = new Vue()\n\nexport default EventBus\n"],"sourceRoot":""}