{"version":3,"sources":["webpack:///./src/CVI/Purchase/components/VendorButton.vue?2748","webpack:///src/CVI/Purchase/components/VendorButton.vue","webpack:///./src/CVI/Purchase/components/VendorButton.vue?4d7b","webpack:///./src/CVI/Purchase/components/VendorButton.vue","webpack:///./src/CVI/Purchase/components/BuyButtonWithGuide.vue?25e2","webpack:///./src/CVI/Purchase/components/BuyButtonGuide.vue?da94","webpack:///src/CVI/Purchase/components/BuyButtonGuide.vue","webpack:///./src/CVI/Purchase/components/BuyButtonGuide.vue?f332","webpack:///./src/CVI/Purchase/components/BuyButtonGuide.vue","webpack:///src/CVI/Purchase/components/BuyButtonWithGuide.vue","webpack:///./src/CVI/Purchase/components/BuyButtonWithGuide.vue?7824","webpack:///./src/CVI/Purchase/components/BuyButtonWithGuide.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","onlyLogo","on","$event","preventDefault","saveVendor","attrs","model","logo","imageResizer","name","title","mode","_e","iconArrow","staticRenderFns","components","Picture","Icon","props","type","Object","default","recipeUid","String","portionCount","Number","Boolean","data","store","methods","window","shoppingCartLink","dispatch","location","href","uid","component","ref","isShown","guide","guideVisible","_v","_s","guideLinkPrefix","showGuide","guideLinkText","value","callback","$$v","isGuideVisible","expression","showLogos","vendorsTitle","_l","vendor","key","button","currentStep","isModalVisible","step","index","stepIndex","domProps","content","buttonText","Modal","required","computed","steps","isButtonVisible","length","watch","visible","$emit","BuyButtonGuide","BuyButtonWithText","VendorButton","buttonGreen","lazy","iconCart","iconCheckBold","webcoreStore","vendors","created","onButtonClick","state","isShoppingPanelVisible","trackingData","trackViewShoppingCart"],"mappings":"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","file":"js/chunk-5d33ca5e.bb69c9a4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"u-flex u-flex-shrink-0 u-flex-align-center\",class:{\n    'c-buy-button__logo': !_vm.onlyLogo,\n    'c-buy-button__logo-icon c-button--no-styles': _vm.onlyLogo\n  },on:{\"click\":function($event){$event.preventDefault();return _vm.saveVendor($event)}}},[_c('Picture',{attrs:{\"src\":_vm.model.logo,\"resizer\":_vm.model.imageResizer.name,\"alt\":_vm.model.title,\"mobile\":[100, 50],\"options\":{ mode : 'max'},\"lazy\":true}}),(!_vm.onlyLogo)?_c('Icon',{staticClass:\"u-flex-shrink-0 u-ml--a\",attrs:{\"icon\":_vm.iconArrow,\"size\":12,\"fill\":\"medium-gray\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <button\r\n    class=\"u-flex u-flex-shrink-0 u-flex-align-center\"\r\n    :class=\"{\r\n      'c-buy-button__logo': !onlyLogo,\r\n      'c-buy-button__logo-icon c-button--no-styles': onlyLogo\r\n    }\"\r\n    @click.prevent=\"saveVendor\"\r\n  >\r\n    <Picture\r\n      :src=\"model.logo\"\r\n      :resizer=\"model.imageResizer.name\"\r\n      :alt=\"model.title\"\r\n      :mobile=\"[100, 50]\"\r\n      :options=\"{ mode : 'max'}\"\r\n      :lazy=\"true\"\r\n    />\r\n    <Icon\r\n      v-if=\"!onlyLogo\"\r\n      class=\"u-flex-shrink-0 u-ml--a\"\r\n      :icon=\"iconArrow\"\r\n      :size=\"12\"\r\n      fill=\"medium-gray\"\r\n    />\r\n  </button>\r\n</template>\r\n\r\n<script>\r\nimport iconArrow from '@ds/svg/icons/bold/arrow-right-1-bold.svg'\r\nimport Icon from '@/CVI/WebCore/components/Icon.vue'\r\nimport Picture from '@/CVI/WebCore/components/Picture.vue'\r\nimport store from '@/CVI/Purchase/store'\r\n\r\nexport default {\r\n  components: {\r\n    Picture,\r\n    Icon\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    recipeUid: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    portionCount: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    onlyLogo: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconArrow,\r\n      store\r\n    }\r\n  },\r\n  methods: {\r\n    saveVendor() {\r\n      if (window.shoppingCartLink) {\r\n        this.store.dispatch('saveQuickVendorButtonClick')\r\n        this.store.dispatch('saveVendor', { vendor: this.model, id: this.model.id })\r\n        window.location.href = window.shoppingCartLink\r\n        const { recipeUid: uid, portionCount } = this\r\n        if (uid) {\r\n          this.store.dispatch('addRecipesToCart', [{\r\n            uid,\r\n            portionCount\r\n          }])\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VendorButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VendorButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VendorButton.vue?vue&type=template&id=546b1bcc&\"\nimport script from \"./VendorButton.vue?vue&type=script&lang=js&\"\nexport * from \"./VendorButton.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"c-buy-button u-flex u-flex-wrap u-hidden-print\"},[(_vm.isShown)?_c('BuyButtonWithText',{staticClass:\"u-max-width-100\",attrs:{\"model\":_vm.model}}):_vm._e(),(_vm.isShown && _vm.model.guide && _vm.guideVisible)?[_c('span',{staticClass:\"c-buy-button__guide u-font-size-medium u-ml--s u-mr--s\"},[_vm._v(\" \"+_vm._s(_vm.model.guideLinkPrefix)+\" \"),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showGuide($event)}}},[_vm._v(\" \"+_vm._s(_vm.model.guideLinkText)+\" \")])]),_c('BuyButtonGuide',{attrs:{\"model\":_vm.model.guide},model:{value:(_vm.isGuideVisible),callback:function ($$v) {_vm.isGuideVisible=$$v},expression:\"isGuideVisible\"}})]:_vm._e(),(_vm.isShown && _vm.showLogos && _vm.vendorsTitle)?_c('strong',{staticClass:\"u-font-size-medium u-mb--xs u-flex u-width-100 u-mt--s\"},[_vm._v(\" \"+_vm._s(_vm.vendorsTitle)+\" \")]):_vm._e(),(_vm.isShown && _vm.showLogos)?_c('div',{staticClass:\"c-buy-button__logos u-flex u-flex-align-center u-flex-wrap\",class:{\n      'u-mt--m': !_vm.vendorsTitle\n    }},_vm._l((_vm.vendors),function(vendor){return _c('VendorButton',{key:vendor.title,staticClass:\"u-mb--xxs u-mr--xs\",attrs:{\"model\":vendor,\"recipe-uid\":_vm.model.button.uid,\"portion-count\":_vm.model.portionCount}})}),1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Modal',{attrs:{\"title\":_vm.currentStep.title},model:{value:(_vm.isModalVisible),callback:function ($$v) {_vm.isModalVisible=$$v},expression:\"isModalVisible\"}},[_c('div',{staticClass:\"c-button-guide u-flex u-flex-direction-column u-font-size-large\"},[_vm._l((_vm.model.steps),function(step,index){return _c('div',{key:index},[_c('transition',{attrs:{\"name\":\"c-button-guide\"}},[(_vm.stepIndex == index)?_c('div',{staticClass:\"c-button-guide__step\",domProps:{\"innerHTML\":_vm._s(step.content)}}):_vm._e()])],1)}),_c('div',{staticClass:\"u-flex u-flex-justify-center u-mt--m\"},[(_vm.isButtonVisible)?_c('button',{staticClass:\"c-button c-button--small c-button--dark\",on:{\"click\":function($event){_vm.stepIndex += 1}}},[_vm._v(\" \"+_vm._s(_vm.buttonText)+\" \")]):_vm._e()])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Modal\r\n    v-model=\"isModalVisible\"\r\n    :title=\"currentStep.title\"\r\n  >\r\n    <div class=\"c-button-guide u-flex u-flex-direction-column u-font-size-large\">\r\n      <div\r\n        v-for=\"(step, index) in model.steps\"\r\n        :key=\"index\"\r\n      >\r\n        <transition name=\"c-button-guide\">\r\n          <div\r\n            v-if=\"stepIndex == index\"\r\n            class=\"c-button-guide__step\"\r\n            v-html=\"step.content\"\r\n          />\r\n        </transition>\r\n      </div>\r\n\r\n      <div class=\"u-flex u-flex-justify-center u-mt--m\">\r\n        <button\r\n          v-if=\"isButtonVisible\"\r\n          class=\"c-button c-button--small c-button--dark\"\r\n          @click=\"stepIndex += 1\"\r\n        >\r\n          {{ buttonText }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nimport Modal from '@/CVI/WebCore/components/Modal.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Modal\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    value: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isModalVisible: this.value,\r\n      stepIndex: 0\r\n    }\r\n  },\r\n  computed: {\r\n    currentStep() {\r\n      return this.model.steps[this.stepIndex]\r\n    },\r\n    isButtonVisible() {\r\n      return this.stepIndex < this.model.steps.length - 1\r\n    },\r\n    buttonText() {\r\n      return this.stepIndex == 0\r\n        ? this.model.startButtonText\r\n        : this.model.nextButtonText\r\n    }\r\n  },\r\n  watch: {\r\n    value(visible) {\r\n      this.isModalVisible = visible\r\n    },\r\n    isModalVisible(visible) {\r\n      if (visible != this.value) {\r\n        this.$emit('input', visible)\r\n\r\n        if (!visible) {\r\n          this.stepIndex = 0\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuyButtonGuide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuyButtonGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BuyButtonGuide.vue?vue&type=template&id=0aa53896&\"\nimport script from \"./BuyButtonGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./BuyButtonGuide.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div\r\n    ref=\"container\"\r\n    class=\"c-buy-button u-flex u-flex-wrap u-hidden-print\"\r\n  >\r\n    <BuyButtonWithText\r\n      v-if=\"isShown\"\r\n      :model=\"model\"\r\n      class=\"u-max-width-100\"\r\n    />\r\n\r\n    <template v-if=\"isShown && model.guide && guideVisible\">\r\n      <span class=\"c-buy-button__guide u-font-size-medium u-ml--s u-mr--s\">\r\n        {{ model.guideLinkPrefix }}\r\n        <a\r\n          href=\"#\"\r\n          @click.prevent=\"showGuide\"\r\n        >\r\n          {{ model.guideLinkText }}\r\n        </a>\r\n      </span>\r\n\r\n      <BuyButtonGuide\r\n        v-model=\"isGuideVisible\"\r\n        :model=\"model.guide\"\r\n      />\r\n    </template>\r\n    <strong\r\n      v-if=\"isShown && showLogos && vendorsTitle\"\r\n      class=\"u-font-size-medium u-mb--xs u-flex u-width-100 u-mt--s\"\r\n    >\r\n      {{ vendorsTitle }}\r\n    </strong>\r\n    <div\r\n      v-if=\"isShown && showLogos\"\r\n      class=\"c-buy-button__logos u-flex u-flex-align-center u-flex-wrap\"\r\n      :class=\"{\r\n        'u-mt--m': !vendorsTitle\r\n      }\"\r\n    >\r\n      <VendorButton\r\n        v-for=\"vendor in vendors\"\r\n        :key=\"vendor.title\"\r\n        class=\"u-mb--xxs u-mr--xs\"\r\n        :model=\"vendor\"\r\n        :recipe-uid=\"model.button.uid\"\r\n        :portion-count=\"model.portionCount\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport iconCart from '@ds/svg/icons/stroke/shopping-basket-1.svg'\r\nimport iconCheckBold from '@ds/svg/icons/bold/check-1-bold.svg'\r\nimport api from '@/CVI/Purchase/lib/api'\r\nimport store from '@/CVI/Purchase/store'\r\nimport webcoreStore from '@/CVI/WebCore/store'\r\nimport tracker from '@/CVI/WebCore/core-tracker'\r\n\r\nimport BuyButtonGuide from '@/CVI/Purchase/components/BuyButtonGuide.vue'\r\nimport BuyButtonWithText from '@/CVI/Purchase/components/BuyButtonWithText.vue'\r\nimport VendorButton from '@/CVI/Purchase/components/VendorButton.vue'\r\nimport viewPortDetect from '@/CVI/WebCore/lib/in-viewport-detect'\r\n\r\n\r\nexport default {\r\n  components: {\r\n    BuyButtonGuide,\r\n    BuyButtonWithText,\r\n    VendorButton\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    showLogos: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    guideVisible: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    buttonGreen: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    vendorsTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    lazy: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      store,\r\n      iconCart,\r\n      iconCheckBold,\r\n      webcoreStore,\r\n      isGuideVisible: false,\r\n      isShown: false,\r\n      vendors: []\r\n    }\r\n  },\r\n  created() {\r\n    if (!this.lazy) {\r\n      this.isShown = true\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.showLogos) {\r\n      const { data: vendors } = await api.vendors.get()\r\n      this.vendors = vendors\r\n    }\r\n    if (this.lazy) {\r\n      viewPortDetect.inViewport(this.$refs.container, () => {\r\n        this.isShown = true\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    onButtonClick() {\r\n      const { uid, portionCount } = this.model\r\n      this.store.dispatch('addRecipesToCart', [{\r\n        uid,\r\n        portionCount\r\n      }])\r\n      this.webcoreStore.state.isShoppingPanelVisible = true\r\n      if (this.model.trackingData) {\r\n        tracker.trackAddToCart(this.model.trackingData)\r\n      } else if (this.model.trackingMultipleData) {\r\n        tracker.track(this.model.trackingMultipleData)\r\n      }\r\n    },\r\n    showGuide() {\r\n      this.isGuideVisible = true\r\n      tracker.trackSimpleEvent({ event: 'learnAboutClickandcook' })\r\n    },\r\n    trackViewShoppingCart() {\r\n      tracker.trackSimpleEvent({ event: 'viewShoppingCart' })\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuyButtonWithGuide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuyButtonWithGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BuyButtonWithGuide.vue?vue&type=template&id=8e3a7596&\"\nimport script from \"./BuyButtonWithGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./BuyButtonWithGuide.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}