{"version":3,"file":"js/marketing/one_click_upsell-5d0e5fb8507d18e3048b.js","mappings":"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","sources":["webpack://paypro/./app/javascript/payment_page/store/one_click_upsell/getters.js","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/form.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/checkout_modal.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/payment_button.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/payment_button.vue?a4a9","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/payment_summary.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/payment_summary.vue?b492","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/checkout_modal.vue?23c7","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_header.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_header.vue?8a9a","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_info.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_info.vue?eec6","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_media.vue","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/product_media.vue?4df6","webpack://paypro/./app/javascript/payment_page/components/one_click_upsell/form.vue?6a53","webpack://paypro/./app/javascript/payment_page/one_click_upsell/index.js","webpack://paypro/./app/javascript/payment_page/store/one_click_upsell/index.js","webpack://paypro/./app/javascript/packs/marketing/one_click_upsell.js","webpack://paypro/./app/javascript/payment_page/lib/formatters.js","webpack://paypro/./app/javascript/components/modal.vue","webpack://paypro/./app/javascript/components/modal.vue?4efa","webpack://paypro/./app/javascript/payment_page/components/payment_footer.vue","webpack://paypro/./app/javascript/payment_page/components/payment_footer.vue?ebb8","webpack://paypro/./app/javascript/payment_page/components/usp.vue","webpack://paypro/./app/javascript/payment_page/components/usp.vue?8a01"],"sourcesContent":["export const getProductTitle = (state) => {\n  return state.product.title.replace(/&amp;/g, '&');\n};\n","<script>\nimport { mapState, mapGetters } from 'vuex';\n\nimport PaymentFooter from '../payment_footer.vue';\n\nimport CheckoutModal from './checkout_modal.vue';\nimport PaymentButton from './payment_button.vue';\nimport PaymentSummary from './payment_summary.vue';\nimport ProductHeader from './product_header.vue';\nimport ProductInfo from './product_info.vue';\nimport ProductMedia from './product_media.vue';\n\nexport default {\n  components: {\n    CheckoutModal,\n    PaymentButton,\n    PaymentFooter,\n    PaymentSummary,\n    ProductHeader,\n    ProductInfo,\n    ProductMedia\n  },\n\n  data() {\n    return {\n      scope: {\n        scope: 'pay.js.marketing.one_click_upsell'\n      }\n    };\n  },\n\n  computed: {\n    ...mapState([\n      'formUrl',\n      'product'\n    ]),\n\n    ...mapGetters([\n      'getProductTitle'\n    ])\n  },\n\n  methods: {\n    submitForm() {\n      window.location.assign(this.formUrl);\n    },\n\n    showModal() {\n      this.$refs.modal.show();\n    }\n  }\n};\n</script>\n\n<template>\n  <div class=\"c-marketing-page\">\n    <div class=\"c-marketing-page__page\">\n      <form\n        @submit.prevent=\"showModal\"\n      >\n        <checkout-modal\n          ref=\"modal\"\n          :title=\"getProductTitle\"\n          @submit=\"submitForm\"\n        />\n\n        <div class=\"c-marketing-page__container\">\n          <div class=\"c-marketing-page__header c-marketing-page__header--upsell\">\n            <product-header />\n          </div>\n\n          <div class=\"c-marketing-page__media--upsell\">\n            <product-media />\n          </div>\n\n          <div class=\"c-marketing-page__content--upsell\">\n            <product-info />\n\n            <div class=\"c-summary--upsell__wrapper\">\n              <payment-summary />\n\n              <payment-button\n                :text=\"t('checkout_button', scope)\"\n              />\n\n              <a\n                :href=\"product.thankUrl\"\n                class=\"mt-4 c-thank-text\"\n              >\n                {{ t('thank_text', scope) }}\n              </a>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"py-4 py-md-5\">\n          <payment-footer :show-hr=\"false\" />\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n","<script>\nimport Icon from '~/components/icon.vue';\nimport Modal from '~/components/modal.vue';\n\nimport PaymentButton from './payment_button.vue';\nimport PaymentSummary from './payment_summary.vue';\n\nexport default {\n  components: {\n    Icon,\n    Modal,\n    PaymentButton,\n    PaymentSummary\n  },\n\n  props: {\n    title: {\n      type: String,\n      required: true\n    }\n  },\n\n  emits: ['submit'],\n\n  data() {\n    return {\n      scope: {\n        scope: 'pay.js.marketing.one_click_upsell.confirm_modal'\n      },\n      visible: false\n    };\n  },\n\n  methods: {\n    show() {\n      this.visible = true;\n    },\n\n    hide() {\n      this.visible = false;\n    }\n  }\n};\n</script>\n\n<template>\n  <modal\n    :visible=\"visible\"\n    size=\"small\"\n  >\n    <template #content>\n      <div class=\"c-modal__body\">\n        <div class=\"c-modal__title\">\n          {{ t('title', scope) }}\n        </div>\n\n        <div class=\"c-modal__text mt-4\">\n          {{ t('text', { ...scope, title }) }}\n        </div>\n\n        <div class=\"mt-4\">\n          <payment-summary\n            :show-border=\"false\"\n          />\n\n          <payment-button\n            :text=\"t('button', scope)\"\n            @submit=\"$emit('submit')\"\n          />\n        </div>\n\n        <div class=\"c-modal__note mt-4\">\n          {{ t('note', scope) }}\n        </div>\n\n        <div\n          class=\"c-modal__close\"\n          @click=\"hide\"\n        >\n          <icon name=\"x\" />\n        </div>\n      </div>\n    </template>\n  </modal>\n</template>\n","<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n      required: true\n    }\n  },\n\n  emits: ['submit']\n};\n</script>\n\n<template>\n  <button\n    class=\"c-button\"\n    type=\"submit\"\n    @click=\"$emit('submit')\"\n  >\n    {{ text }}\n  </button>\n</template>\n","import { render } from \"./payment_button.vue?vue&type=template&id=81ed5e9a\"\nimport script from \"./payment_button.vue?vue&type=script&lang=js\"\nexport * from \"./payment_button.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport { mapState } from 'vuex';\n\nimport SvgLoader from 'components/svg_loader.vue';\n\nimport { formatAmount } from '../../lib/formatters';\n\nexport default {\n  components: {\n    SvgLoader\n  },\n\n  props: {\n    showBorder: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  },\n\n  computed: {\n    ...mapState([\n      'product',\n    ]),\n\n    formattedActualAmount() {\n      return formatAmount(this.product.amount, true);\n    },\n\n    formattedOriginalAmount() {\n      return formatAmount(this.product.originalAmount, true);\n    },\n\n    summaryClass() {\n      return {\n        'c-summary--upsell': true,\n        'c-summary--upsell--no-padding': !this.showBorder\n      };\n    }\n  }\n};\n</script>\n\n<template>\n  <div :class=\"summaryClass\">\n    <span v-if=\"product.originalAmount\"><del class=\"me-1\">{{ formattedOriginalAmount }}</del> {{ formattedActualAmount }}</span>\n    <span v-else>{{ formattedActualAmount }}</span>\n\n    <svg-loader\n      v-if=\"showBorder\"\n      class=\"c-summary--upsell__border\"\n      path=\"dashed_border\"\n    />\n  </div>\n</template>\n","import { render } from \"./payment_summary.vue?vue&type=template&id=a73026a6\"\nimport script from \"./payment_summary.vue?vue&type=script&lang=js\"\nexport * from \"./payment_summary.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./checkout_modal.vue?vue&type=template&id=3569514c\"\nimport script from \"./checkout_modal.vue?vue&type=script&lang=js\"\nexport * from \"./checkout_modal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport { mapState, mapGetters } from 'vuex';\n\nexport default {\n  computed: {\n    ...mapState([\n      'product'\n    ]),\n\n    ...mapGetters([\n      'getProductTitle'\n    ])\n  }\n};\n</script>\n\n<template>\n  <div class=\"d-flex flex-column align-items-center px-4 px-md-0\">\n    <div\n      v-if=\"product.companyImageUrl\"\n      class=\"c-company-logo c-company-upsell mb-5\"\n    >\n      <img :src=\"product.companyImageUrl\">\n    </div>\n\n    <div class=\"c-product-name c-product-name--upsell\">\n      {{ getProductTitle }}\n    </div>\n  </div>\n</template>\n","import { render } from \"./product_header.vue?vue&type=template&id=3044f700\"\nimport script from \"./product_header.vue?vue&type=script&lang=js\"\nexport * from \"./product_header.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport { mapState } from 'vuex';\n\nimport Usp from '../usp.vue';\n\nexport default {\n  components: {\n    Usp\n  },\n\n  computed: {\n    ...mapState([\n      'product'\n    ]),\n  }\n};\n</script>\n\n<template>\n  <div>\n    <div class=\"row g-2 justify-content-center align-items-start mb-5\">\n      <template v-if=\"product.usps.length\">\n        <div class=\"col-md-5\">\n          <div class=\"c-product-description c-product-description--upsell\">\n            {{ product.description }}\n          </div>\n        </div>\n\n        <div class=\"col-md-5\">\n          <ul class=\"c-usps c-usps--upsell m-0 mt-4 mt-md-0\">\n            <usp\n              v-for=\"(usp, index) in product.usps\"\n              :key=\"index\"\n              :usp=\"usp\"\n              checkmark-style=\"secondary\"\n            />\n          </ul>\n        </div>\n      </template>\n\n      <template v-else>\n        <div class=\"col-md-10\">\n          <div class=\"c-product-description c-product-description--upsell\">\n            {{ product.description }}\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n","import { render } from \"./product_info.vue?vue&type=template&id=4ae2edba\"\nimport script from \"./product_info.vue?vue&type=script&lang=js\"\nexport * from \"./product_info.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport { mapState } from 'vuex';\n\nexport default {\n  computed: {\n    ...mapState([\n      'product'\n    ]),\n\n    showProductImage() {\n      return this.product.mediaType === 'image' && this.product.mediaUrl;\n    },\n\n    showProductVideo() {\n      return this.product.mediaType === 'video' && this.product.mediaUrl;\n    }\n  }\n};\n</script>\n\n<template>\n  <div\n    v-if=\"product.mediaUrl\"\n    class=\"row g-2 justify-content-center d-none d-sm-flex\"\n  >\n    <div class=\"col-md-10 d-flex justify-content-center\">\n      <template v-if=\"showProductImage\">\n        <div class=\"c-product-logo c-product-logo--upsell d-flex align-items-center justify-content-center\">\n          <img :src=\"product.mediaUrl\">\n        </div>\n      </template>\n\n      <template v-else-if=\"showProductVideo\">\n        <video\n          class=\"c-product-video\"\n          autoplay\n          controls\n        >\n          <source\n            :src=\"product.mediaUrl\"\n            type=\"video/mp4\"\n          >\n        </video>\n      </template>\n    </div>\n  </div>\n</template>\n","import { render } from \"./product_media.vue?vue&type=template&id=c3a66b36\"\nimport script from \"./product_media.vue?vue&type=script&lang=js\"\nexport * from \"./product_media.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./form.vue?vue&type=template&id=669ec12f\"\nimport script from \"./form.vue?vue&type=script&lang=js\"\nexport * from \"./form.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp, h } from 'vue';\n\nimport I18nVuePlugin from '~/i18n/vue_plugin';\n\nimport createStore from '../store/one_click_upsell';\nimport form from '../components/one_click_upsell/form.vue';\n\nexport function initPaymentPage() {\n  const el = document.getElementById('js-payment-page');\n\n  if (!el) return null;\n\n  const {\n    formUrl,\n    product\n  } = el.dataset;\n\n  const app = createApp({\n    render: () => h(form)\n  });\n\n  const store = createStore({\n    formUrl,\n    product: JSON.parse(product)\n  });\n\n  app.use(store);\n  app.use(I18nVuePlugin);\n\n  app.mount(el);\n}\n","import Vuex from 'vuex';\nimport * as getters from './getters';\n\nexport default function createStore({\n  formUrl,\n  product\n}) {\n  const store = new Vuex.Store({\n    state: {\n      formUrl,\n      product\n    },\n    getters\n  });\n\n  return store;\n}\n","import { initPaymentPage } from 'payment_page/one_click_upsell';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  initPaymentPage();\n});\n","import Money from '~/lib/money';\n\nexport const formatAmount = (amount, symbol = false, currency = 'EUR') => {\n  const money = new Money(amount, currency);\n  return money.format({ symbol });\n};\n\nexport const capitalizeFirstLetter = (string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n};\n","<script>\nexport default {\n  props: {\n    size: {\n      type: String,\n      required: false,\n      default: 'normal'\n    },\n\n    visible: {\n      type: Boolean,\n      required: false,\n      default: false\n    }\n  },\n\n  computed: {\n    hasContentSlot() {\n      return !!this.$slots.content;\n    },\n\n    hasFooterSlot() {\n      return !!this.$slots.footer;\n    },\n\n    hasHeaderSlot() {\n      return !!this.$slots.header;\n    }\n  }\n};\n</script>\n\n<template>\n  <teleport\n    v-if=\"visible\"\n    to=\"#modal-root\"\n  >\n    <transition\n      name=\"modal\"\n      appear\n    >\n      <div class=\"c-modal\">\n        <div class=\"c-modal__overlay\">\n          <div :class=\"`c-modal__dialog c-modal__dialog--${size}`\">\n            <div\n              v-if=\"hasHeaderSlot\"\n              class=\"c-modal__header\"\n            >\n              <slot name=\"header\" />\n            </div>\n\n            <div\n              v-if=\"hasContentSlot\"\n              class=\"c-modal__content\"\n            >\n              <slot name=\"content\" />\n            </div>\n\n            <div\n              v-if=\"hasFooterSlot\"\n              class=\"c-modal__footer\"\n            >\n              <slot name=\"footer\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n  </teleport>\n</template>\n","import { render } from \"./modal.vue?vue&type=template&id=73abec9b\"\nimport script from \"./modal.vue?vue&type=script&lang=js\"\nexport * from \"./modal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport SvgLoader from 'components/svg_loader.vue';\n\nexport default {\n  components: {\n    SvgLoader\n  },\n\n  props: {\n    showHr: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  }\n};\n</script>\n\n<template>\n  <div class=\"c-powered-by-paypro\">\n    <hr\n      v-if=\"showHr\"\n      class=\"d-md-none m-4 mt-0\"\n    >\n\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <span>{{ t('pay.js.marketing.payment_footer.powered_by') }}</span>\n\n      <a\n        href=\"https://www.paypro.nl\"\n        target=\"_blank\"\n        class=\"d-flex\"\n      >\n        <svg-loader\n          class=\"d-flex\"\n          path=\"logo\"\n        />\n      </a>\n    </div>\n  </div>\n</template>\n","import { render } from \"./payment_footer.vue?vue&type=template&id=437d42b7\"\nimport script from \"./payment_footer.vue?vue&type=script&lang=js\"\nexport * from \"./payment_footer.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport Icon from '~/components/icon.vue';\n\nexport default {\n  components: {\n    Icon\n  },\n\n  props: {\n    usp: {\n      type: String,\n      required: true\n    },\n    checkmarkStyle: {\n      type: String,\n      required: false,\n      default: 'primary'\n    }\n  },\n  computed: {\n    classes() {\n      return `c-checkmark me-3 c-checkmark--${this.checkmarkStyle}`;\n    }\n  }\n};\n</script>\n\n<template>\n  <li class=\"d-flex align-items-center\">\n    <div :class=\"classes\">\n      <icon\n        name=\"check\"\n        size=\"small\"\n      />\n    </div>\n\n    {{ usp }}\n  </li>\n</template>\n","import { render } from \"./usp.vue?vue&type=template&id=d736cc72\"\nimport script from \"./usp.vue?vue&type=script&lang=js\"\nexport * from \"./usp.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/paypro-prd/domains/panther/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["getProductTitle","state","product","title","replace","class","props","text","type","String","required","emits","_createElementBlock","onClick","_cache","$event","_ctx","$emit","$props","components","SvgLoader","showBorder","Boolean","default","computed","mapState","formattedActualAmount","formatAmount","this","amount","formattedOriginalAmount","originalAmount","summaryClass","_normalizeClass","$options","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_createBlock","_component_svg_loader","path","Icon","Modal","PaymentButton","PaymentSummary","data","scope","visible","methods","show","hide","_component_modal","$data","size","content","_withCtx","t","_hoisted_4","_createVNode","_component_payment_summary","_component_payment_button","onSubmit","_hoisted_5","args","_component_icon","name","mapGetters","companyImageUrl","src","Usp","usps","length","_Fragment","key","description","_renderList","usp","index","_component_usp","_hoisted_6","_hoisted_7","autoplay","controls","showProductImage","mediaType","mediaUrl","showProductVideo","CheckoutModal","PaymentFooter","ProductHeader","ProductInfo","ProductMedia","submitForm","window","location","assign","formUrl","showModal","$refs","modal","_withModifiers","_component_checkout_modal","ref","_component_product_header","_component_product_media","_component_product_info","href","thankUrl","_hoisted_8","_hoisted_9","_component_payment_footer","initPaymentPage","el","document","getElementById","dataset","app","createApp","render","h","form","store","Vuex","getters","createStore","JSON","parse","use","I18nVuePlugin","mount","addEventListener","symbol","currency","Money","format","capitalizeFirstLetter","string","charAt","toUpperCase","slice","hasContentSlot","$slots","hasFooterSlot","footer","hasHeaderSlot","header","_Teleport","to","_Transition","appear","_renderSlot","target","showHr","checkmarkStyle","classes"],"sourceRoot":""}