{"version":3,"sources":["webpack:///./src/components/HelpInstruction.vue","webpack:///src/components/HelpInstruction.vue","webpack:///./src/components/HelpInstruction.vue?1fba","webpack:///./src/components/HelpInstruction.vue?dfc1","webpack:///./src/views/Help/Monetization/DirectIntegrationHelp.vue?8d14","webpack:///./src/components/Breadcrumbs.vue?8830","webpack:///./src/components/HelpInstruction.vue?ad29","webpack:///./src/components/CodeBlock.vue?62e0","webpack:///./src/components/PageSummary.vue?6795","webpack:///./src/components/PageSummary.vue","webpack:///src/components/PageSummary.vue","webpack:///./src/components/PageSummary.vue?b6e2","webpack:///./src/components/PageSummary.vue?ddf5","webpack:///./src/components/CodeBlock.vue","webpack:///src/components/CodeBlock.vue","webpack:///./src/components/CodeBlock.vue?d706","webpack:///./src/components/CodeBlock.vue?3dbb","webpack:///./src/components/ImportantBlock.vue?b598","webpack:///./src/assets/images/directIntegrationHelp/htmlExample.png","webpack:///./src/components/Breadcrumbs.vue","webpack:///src/components/Breadcrumbs.vue","webpack:///./src/components/Breadcrumbs.vue?6375","webpack:///./src/components/Breadcrumbs.vue?1848","webpack:///./src/assets/images/directIntegrationHelp/jsExample.png","webpack:///./src/views/Help/Monetization/DirectIntegrationHelp.vue","webpack:///src/views/Help/Monetization/DirectIntegrationHelp.vue","webpack:///./src/views/Help/Monetization/DirectIntegrationHelp.vue?447b","webpack:///./src/views/Help/Monetization/DirectIntegrationHelp.vue?393d","webpack:///./src/components/ImportantBlock.vue","webpack:///src/components/ImportantBlock.vue","webpack:///./src/components/ImportantBlock.vue?a55d","webpack:///./src/components/ImportantBlock.vue?7fd6"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","attrs","nav","_t","staticRenderFns","name","components","Breadcrumbs","PageSummary","props","component","_l","item","key","id","linkName","elementId","directives","rawName","value","offset","expression","ref","refInFor","$t","titlePath","type","default","mounted","node","methods","waitForImagesToLoad","waitForImageToLoad","img","class","round","style","textareaStyles","domProps","code","on","copyContent","data","display","document","module","exports","breadcrumbs","i","length","_e","computed","currentNavigation","Object","values","implementationInImageBanner","splitTextWhereLink","placesUrl","placesNavigationPathName","codes","firstPart","firstPartAttribute","wrapImg","require","secondPart","infiniteScroll","init","nextSteps","specialCases","multipleSitesOrSubdomains","ImportantBlock","CodeBlock","HelpInstruction","navigation","text"],"mappings":"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","file":"js/chunk-8720598c.2498d195.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"help-instruction\"},[_c('breadcrumbs'),_c('h1',{staticClass:\"help-instruction__h1\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('page-summary',{staticClass:\"help-instruction__page-summary\",attrs:{\"nav\":_vm.nav}}),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"help-instruction\">\n    <breadcrumbs />\n    <h1 class=\"help-instruction__h1\">\n      {{ title }}\n    </h1>\n    <page-summary :nav=\"nav\" class=\"help-instruction__page-summary\" />\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Breadcrumbs from '@/components/Breadcrumbs'\nimport PageSummary from '@/components/PageSummary'\n\nexport default {\n  name: 'HelpInstruction',\n  components: {\n    Breadcrumbs,\n    PageSummary,\n  },\n  props: {\n    title: String,\n    nav: Array,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.help-instruction {\n  max-width: 1024px;\n  margin: 0 auto;\n  padding: $spacing-3xl $spacing-4xl;\n  border-radius: 8px;\n  line-height: 1.5;\n  background: $color-white;\n\n  &__h1 {\n    margin: 24px 0 0;\n    font-size: $size-h1;\n    text-transform: uppercase;\n  }\n\n  &__page-summary {\n    margin: 24px 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n}\n</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!./HelpInstruction.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!./HelpInstruction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HelpInstruction.vue?vue&type=template&id=3ecc52a8&\"\nimport script from \"./HelpInstruction.vue?vue&type=script&lang=js&\"\nexport * from \"./HelpInstruction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HelpInstruction.vue?vue&type=style&index=0&id=3ecc52a8&prod&lang=scss&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.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!./DirectIntegrationHelp.vue?vue&type=style&index=0&id=423f527f&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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!./Breadcrumbs.vue?vue&type=style&index=0&id=e1d85a24&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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!./HelpInstruction.vue?vue&type=style&index=0&id=3ecc52a8&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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!./CodeBlock.vue?vue&type=style&index=0&id=5de3953d&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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!./PageSummary.vue?vue&type=style&index=0&id=6cd6ae4d&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{staticClass:\"page-summary\"},[_c('ul',{staticClass:\"page-summary__ul\"},_vm._l((_vm.nav),function(item){return _c('li',{key:`${item.id}_${item.linkName}`,staticClass:\"page-summary__li\"},[(item.elementId)?_c('a',{directives:[{name:\"smooth-scroll\",rawName:\"v-smooth-scroll\",value:({ offset: -56 }),expression:\"{ offset: -56 }\"}],ref:\"links\",refInFor:true,staticClass:\"page-summary__link link\",attrs:{\"href\":`#${item.elementId}`}},[_vm._v(\" \"+_vm._s(_vm.$t(item.titlePath))+\" \")]):_c('router-link',{staticClass:\"page-summary__link link\",attrs:{\"to\":{ name: item.linkName }}},[_vm._v(\" \"+_vm._s(_vm.$t(item.titlePath))+\" \")])],1)}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <nav class=\"page-summary\">\n    <ul class=\"page-summary__ul\">\n      <li v-for=\"item in nav\" :key=\"`${item.id}_${item.linkName}`\" class=\"page-summary__li\">\n        <a\n          v-if=\"item.elementId\"\n          ref=\"links\"\n          v-smooth-scroll=\"{ offset: -56 }\"\n          :href=\"`#${item.elementId}`\"\n          class=\"page-summary__link link\"\n        >\n          {{ $t(item.titlePath) }}\n        </a>\n        <router-link v-else :to=\"{ name: item.linkName }\" class=\"page-summary__link link\">\n          {{ $t(item.titlePath) }}\n        </router-link>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nexport default {\n  name: 'PageSummary',\n  props: {\n    nav: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  async mounted() {\n    if (!this.$route.hash || !this.$refs.links) {\n      return\n    }\n\n    const node = this.$refs.links.find(link => link.hash === this.$route.hash)\n\n    if (!node) {\n      return\n    }\n\n    await this.waitForImagesToLoad()\n    node.click()\n  },\n  methods: {\n    waitForImagesToLoad(element = document.body) {\n      const images = element.querySelectorAll('img')\n      return Promise.all(Array.from(images).map(this.waitForImageToLoad))\n    },\n    waitForImageToLoad(img) {\n      return new Promise(resolve => {\n        img.onload = resolve\n        img.onerror = resolve\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.page-summary {\n  &__li {\n    &:not(:last-child) {\n      margin-bottom: 4px;\n    }\n  }\n\n  &__link {\n    font-size: 16px;\n  }\n}\n</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!./PageSummary.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!./PageSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageSummary.vue?vue&type=template&id=6cd6ae4d&\"\nimport script from \"./PageSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./PageSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageSummary.vue?vue&type=style&index=0&id=6cd6ae4d&prod&lang=scss&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['code-block', { 'code-block--round': _vm.round }]},[_c('textarea',{ref:\"textarea\",style:(_vm.textareaStyles),domProps:{\"value\":_vm.code}}),_vm._v(\" \"),_c('pre',{staticClass:\"code-block_global\"},[_vm._v(_vm._s(_vm.code))]),_c('el-button',{staticClass:\"code-block__button\",on:{\"click\":_vm.copyContent}},[_c('icon',{attrs:{\"name\":\"copy\",\"width\":\"24\",\"height\":\"24\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"['code-block', { 'code-block--round': round }]\">\n    <textarea ref=\"textarea\" :value=\"code\" :style=\"textareaStyles\" />\n    <pre class=\"code-block_global\">{{ code }}</pre>\n    <el-button class=\"code-block__button\" @click=\"copyContent\">\n      <icon name=\"copy\" width=\"24\" height=\"24\" />\n    </el-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'CodeBlock',\n  props: {\n    code: String,\n    round: Boolean,\n  },\n  data() {\n    return {\n      textareaStyles: {\n        display: 'none',\n      },\n    }\n  },\n  methods: {\n    copyContent() {\n      this.textareaStyles.display = 'block'\n      this.$nextTick(() => {\n        this.$refs.textarea.select()\n\n        try {\n          document.execCommand('copy')\n          this.$notify({\n            type: 'success',\n            title: this.$i18n.t('basic.copy_content'),\n          })\n        } catch (err) {\n          this.$notify({\n            type: 'error',\n            title: this.$i18n.t('basic.error_copy_content'),\n          })\n        }\n\n        this.textareaStyles.display = 'none'\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.code-block {\n  position: relative;\n\n  &__button {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 0;\n    border: 0;\n    background-color: transparent;\n  }\n\n  &--round {\n    border-radius: 4px;\n  }\n}\n</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!./CodeBlock.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!./CodeBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodeBlock.vue?vue&type=template&id=5de3953d&\"\nimport script from \"./CodeBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./CodeBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CodeBlock.vue?vue&type=style&index=0&id=5de3953d&prod&lang=scss&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.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!./ImportantBlock.vue?vue&type=style&index=0&id=4997f086&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/htmlExample.0a66f4d1.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{staticClass:\"breadcrumbs\"},[_c('ul',{staticClass:\"breadcrumbs__ul\"},_vm._l((_vm.breadcrumbs),function(item,i){return _c('li',{key:`${item.id}_${item.linkName}`,staticClass:\"breadcrumbs__li\"},[_c('router-link',{staticClass:\"breadcrumbs__link link\",attrs:{\"to\":{ name: item.linkName }}},[_vm._v(_vm._s(_vm.$t(item.titlePath)))]),(i < _vm.breadcrumbs.length - 1)?_c('span',{staticClass:\"breadcrumbs__separator\"},[_vm._v(\"/\")]):_vm._e()],1)}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <nav class=\"breadcrumbs\">\n    <ul class=\"breadcrumbs__ul\">\n      <li\n        v-for=\"(item, i) in breadcrumbs\"\n        :key=\"`${item.id}_${item.linkName}`\"\n        class=\"breadcrumbs__li\"\n      >\n        <router-link :to=\"{ name: item.linkName }\" class=\"breadcrumbs__link link\">{{\n          $t(item.titlePath)\n        }}</router-link>\n        <span v-if=\"i < breadcrumbs.length - 1\" class=\"breadcrumbs__separator\">/</span>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nimport navigation from '../models/navigation'\n\nexport default {\n  name: 'Breadcrumbs',\n  computed: {\n    breadcrumbs() {\n      const arrayPath = this.$route.name.split('.')\n      let currentNavigation = navigation\n\n      return arrayPath.map((item, i) => {\n        if (i === 0) {\n          currentNavigation = currentNavigation[item]\n        } else {\n          currentNavigation = currentNavigation.children[item]\n        }\n\n        return currentNavigation\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.breadcrumbs {\n  &__ul {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &__link {\n    font-size: 16px;\n  }\n\n  &__separator {\n    margin: 0 4px;\n  }\n}\n</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!./Breadcrumbs.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!./Breadcrumbs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadcrumbs.vue?vue&type=template&id=e1d85a24&\"\nimport script from \"./Breadcrumbs.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadcrumbs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Breadcrumbs.vue?vue&type=style&index=0&id=e1d85a24&prod&lang=scss&\"\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/jsExample.8377b246.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('help-instruction',{attrs:{\"title\":_vm.$t('help.direct_integration_guide'),\"nav\":Object.values(_vm.nav)}},[_c('h2',{staticClass:\"direct-integration-help__h2\",attrs:{\"id\":_vm.nav.implementationInImageBanner.elementId}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.nav.implementationInImageBanner.titlePath))+\" \")]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.splitTextWhereLink[0])),_c('a',{staticClass:\"link\",attrs:{\"target\":\"_blank\",\"href\":_vm.placesUrl}},[_vm._v(_vm._s(_vm.placesNavigationPathName))]),_vm._v(_vm._s(_vm.splitTextWhereLink[1])+\" \")]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_consists_two_parts'))+\" \"),_c('b',[_vm._v(_vm._s(_vm.$t('help.direct_integration_guide_first_part')))])]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.firstPart}}),_c('important-block',{staticClass:\"direct-integration-help__important-block\",attrs:{\"text\":_vm.$t('help.direct_integration_guide_important_need_use_code_given')}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_add_attribute_from_first_part'))+\" \")]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.firstPartAttribute}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_not_carry_containers'))+\" \")]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.wrapImg}}),_c('important-block',{staticClass:\"direct-integration-help__important-block\",attrs:{\"text\":_vm.$t('help.direct_integration_guide_important_sizes_imgs_match_in_pixel_size')}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_should_look_like_this'))+\" \")]),_c('img',{staticClass:\"direct-integration-help__img\",attrs:{\"src\":require('@/assets/images/directIntegrationHelp/htmlExample.png'),\"alt\":_vm.$t('basic.demo')}}),_c('important-block',{staticClass:\"direct-integration-help__important-block\",attrs:{\"text\":_vm.$t('help.direct_integration_guide_important_if_use_wp')}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_second_part'))+\" \")]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.secondPart}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_should_look_like_this'))+\" \")]),_c('img',{staticClass:\"direct-integration-help__img\",attrs:{\"src\":require('@/assets/images/directIntegrationHelp/jsExample.png'),\"alt\":_vm.$t('basic.demo')}}),_c('important-block',{staticClass:\"direct-integration-help__important-block\",attrs:{\"text\":_vm.$t('help.direct_integration_guide_important_if_you_have_several_image_slots')}}),_c('h2',{staticClass:\"direct-integration-help__h2\",attrs:{\"id\":_vm.nav.infiniteScroll.elementId}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.nav.infiniteScroll.titlePath))+\" \")]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(_vm._s(_vm.$t('help.script')))]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.init}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_should_be_added_to_every_new_webpage'))+\" \")]),_c('h2',{staticClass:\"direct-integration-help__h2\",attrs:{\"id\":_vm.nav.nextSteps.elementId}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.nav.nextSteps.titlePath))+\" \")]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_ready_to_start_testing'))+\" \")]),_c('h2',{staticClass:\"direct-integration-help__h2\",attrs:{\"id\":_vm.nav.specialCases.elementId}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.nav.specialCases.titlePath))+\" \")]),_c('h6',{staticClass:\"direct-integration-help__h6\"},[_vm._v(_vm._s(_vm.$t('help.infinite_scroll')))]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(_vm._s(_vm.$t('help.script')))]),_c('code-block',{staticClass:\"direct-integration-help__code-block\",attrs:{\"code\":_vm.codes.init}}),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_needs_be_added_to_every_new_webpage'))+\" \")]),_c('h2',{staticClass:\"direct-integration-help__h2\",attrs:{\"id\":_vm.nav.multipleSitesOrSubdomains.elementId}},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.nav.multipleSitesOrSubdomains.titlePath))+\" \")]),_c('p',{staticClass:\"direct-integration-help__text\"},[_vm._v(\" \"+_vm._s(_vm.$t('help.direct_integration_guide_recommend_creating_second_ad_place'))+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <help-instruction :title=\"$t('help.direct_integration_guide')\" :nav=\"Object.values(nav)\">\n    <h2 :id=\"nav.implementationInImageBanner.elementId\" class=\"direct-integration-help__h2\">\n      {{ $t(nav.implementationInImageBanner.titlePath) }}\n    </h2>\n    <p class=\"direct-integration-help__text\">\n      {{ splitTextWhereLink[0]\n      }}<a class=\"link\" target=\"_blank\" :href=\"placesUrl\">{{ placesNavigationPathName }}</a\n      >{{ splitTextWhereLink[1] }}\n    </p>\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_consists_two_parts') }}\n      <b>{{ $t('help.direct_integration_guide_first_part') }}</b>\n    </p>\n    <code-block :code=\"codes.firstPart\" class=\"direct-integration-help__code-block\" />\n    <important-block\n      :text=\"$t('help.direct_integration_guide_important_need_use_code_given')\"\n      class=\"direct-integration-help__important-block\"\n    />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_add_attribute_from_first_part') }}\n    </p>\n    <code-block :code=\"codes.firstPartAttribute\" class=\"direct-integration-help__code-block\" />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_not_carry_containers') }}\n    </p>\n    <code-block :code=\"codes.wrapImg\" class=\"direct-integration-help__code-block\" />\n    <important-block\n      :text=\"$t('help.direct_integration_guide_important_sizes_imgs_match_in_pixel_size')\"\n      class=\"direct-integration-help__important-block\"\n    />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_should_look_like_this') }}\n    </p>\n    <img\n      :src=\"require('@/assets/images/directIntegrationHelp/htmlExample.png')\"\n      class=\"direct-integration-help__img\"\n      :alt=\"$t('basic.demo')\"\n    />\n    <important-block\n      :text=\"$t('help.direct_integration_guide_important_if_use_wp')\"\n      class=\"direct-integration-help__important-block\"\n    />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_second_part') }}\n    </p>\n    <code-block :code=\"codes.secondPart\" class=\"direct-integration-help__code-block\" />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_should_look_like_this') }}\n    </p>\n    <img\n      :src=\"require('@/assets/images/directIntegrationHelp/jsExample.png')\"\n      class=\"direct-integration-help__img\"\n      :alt=\"$t('basic.demo')\"\n    />\n    <important-block\n      :text=\"$t('help.direct_integration_guide_important_if_you_have_several_image_slots')\"\n      class=\"direct-integration-help__important-block\"\n    />\n    <h2 :id=\"nav.infiniteScroll.elementId\" class=\"direct-integration-help__h2\">\n      {{ $t(nav.infiniteScroll.titlePath) }}\n    </h2>\n    <p class=\"direct-integration-help__text\">{{ $t('help.script') }}</p>\n    <code-block :code=\"codes.init\" class=\"direct-integration-help__code-block\" />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_should_be_added_to_every_new_webpage') }}\n    </p>\n    <h2 :id=\"nav.nextSteps.elementId\" class=\"direct-integration-help__h2\">\n      {{ $t(nav.nextSteps.titlePath) }}\n    </h2>\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_ready_to_start_testing') }}\n    </p>\n    <h2 :id=\"nav.specialCases.elementId\" class=\"direct-integration-help__h2\">\n      {{ $t(nav.specialCases.titlePath) }}\n    </h2>\n    <h6 class=\"direct-integration-help__h6\">{{ $t('help.infinite_scroll') }}</h6>\n    <p class=\"direct-integration-help__text\">{{ $t('help.script') }}</p>\n    <code-block :code=\"codes.init\" class=\"direct-integration-help__code-block\" />\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_needs_be_added_to_every_new_webpage') }}\n    </p>\n    <h2 :id=\"nav.multipleSitesOrSubdomains.elementId\" class=\"direct-integration-help__h2\">\n      {{ $t(nav.multipleSitesOrSubdomains.titlePath) }}\n    </h2>\n    <p class=\"direct-integration-help__text\">\n      {{ $t('help.direct_integration_guide_recommend_creating_second_ad_place') }}\n    </p>\n  </help-instruction>\n</template>\n\n<script>\n/* eslint-disable no-useless-concat */\nimport ImportantBlock from '@/components/ImportantBlock'\nimport CodeBlock from '@/components/CodeBlock'\nimport HelpInstruction from '@/components/HelpInstruction'\nimport navigation from '@/models/navigation'\n\nexport default {\n  name: 'DirectIntegrationHelp',\n  components: {\n    ImportantBlock,\n    CodeBlock,\n    HelpInstruction,\n  },\n  data() {\n    return {\n      codes: {\n        firstPart: '<div data-hyb-ssp-in-image-overlay=\"tHiSiSyOuRuNiQuEiD\"></div>',\n        firstPartAttribute: 'data-hyb-ssp-in-image-overlay=\"tHiSiSyOuRuNiQuEiD\"',\n        wrapImg:\n          '<div data-hyb-ssp-in-image-overlay=\"tHiSiSyOuRuNiQuEiD\">\\n' +\n          '  <img src=\"main-image.jpg\" />\\n' +\n          '</div>',\n        secondPart:\n          '<script type=\"text/javascript\">\\n' +\n          '  if (typeof window._tx === \"undefined\") {\\n' +\n          '    var s = document.createElement(\"script\");\\n' +\n          '    s.type = \"text/javascript\";\\n' +\n          '    s.async = true;\\n' +\n          '    s.src = \"//st.astraone.io/ssp.js\";\\n' +\n          '    (document.getElementsByTagName(\"head\")[0] || document.getElementsByTagName(\"body\")[0]).appendChild(s);\\n' +\n          '  }\\n' +\n          '  window._tx = window._tx || {};\\n' +\n          '  window._tx.cmds = window._tx.cmds || [];\\n' +\n          '  window._tx.cmds.push(function () {\\n' +\n          '    window._tx.init();\\n' +\n          '  });\\n' +\n          '</' +\n          'script>',\n        init: '<script>window._tx.init();</' + 'script>',\n      },\n    }\n  },\n  computed: {\n    nav() {\n      return {\n        implementationInImageBanner: {\n          id: 1,\n          linkName: this.$route.name,\n          elementId: 'implementation-in-image-banner',\n          titlePath: 'help.implementation_in_image_banner',\n        },\n        infiniteScroll: {\n          id: 2,\n          linkName: this.$route.name,\n          elementId: 'infinite-scroll',\n          titlePath: 'help.infinite_scroll',\n        },\n        nextSteps: {\n          id: 3,\n          linkName: this.$route.name,\n          elementId: 'next-steps',\n          titlePath: 'help.next_steps',\n        },\n        specialCases: {\n          id: 4,\n          linkName: this.$route.name,\n          elementId: 'special-cases',\n          titlePath: 'help.special_cases',\n        },\n        multipleSitesOrSubdomains: {\n          id: 5,\n          linkName: this.$route.name,\n          elementId: 'multiple-sites-or-subdomains',\n          titlePath: 'help.multiple_sites_or_subdomains',\n        },\n      }\n    },\n    placesUrl() {\n      return window.location.origin + this.$router.resolve({ name: 'monetization.places' }).href\n    },\n    placesNavigationPathName() {\n      return `${this.$t(navigation.monetization.titlePath)}/${this.$t(\n        navigation.monetization.children.places.titlePath\n      )}`\n    },\n    splitTextWhereLink() {\n      return this.$t('help.direct_integration_guide_create_in_image_banner').split('{0}')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.direct-integration-help {\n  &__h2 {\n    margin-top: 24px;\n    font-size: $size-h2;\n  }\n\n  &__h6 {\n    margin-top: 16px;\n    font-size: $size-h6;\n  }\n\n  &__important-block,\n  &__code-block,\n  &__img {\n    margin: 24px 0;\n  }\n\n  &__text {\n    margin-top: 16px;\n  }\n\n  &__img {\n    display: flex;\n    width: 100%;\n  }\n}\n</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!./DirectIntegrationHelp.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!./DirectIntegrationHelp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DirectIntegrationHelp.vue?vue&type=template&id=423f527f&\"\nimport script from \"./DirectIntegrationHelp.vue?vue&type=script&lang=js&\"\nexport * from \"./DirectIntegrationHelp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DirectIntegrationHelp.vue?vue&type=style&index=0&id=423f527f&prod&lang=scss&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"important-block_global\"},[_c('span',{staticClass:\"important-block__important\"},[_vm._v(_vm._s(_vm.$t('basic.important'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"important-block_global\">\n    <span class=\"important-block__important\">{{ $t('basic.important') }}:</span>\n    {{ text }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ImportantBlock',\n  props: {\n    text: String,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.important-block {\n  &__important {\n    text-transform: uppercase;\n  }\n}\n</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!./ImportantBlock.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!./ImportantBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImportantBlock.vue?vue&type=template&id=4997f086&\"\nimport script from \"./ImportantBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./ImportantBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImportantBlock.vue?vue&type=style&index=0&id=4997f086&prod&lang=scss&\"\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":""}