{"version":3,"file":"product_loader-lNj2HeYi.js","sources":["../../../app/javascript/apps/customer_page/components/shared/product_card.vue","../../../app/javascript/apps/customer_page/services/product_loader.js"],"sourcesContent":["<template>\n  <div class='frcp-product frcp-card' :data-id='product.id' ref='product'>\n    <div class='frcp-product__delete-wrapper' v-if='showDeleteAction'>\n      <span class='frcp-product__delete-icon-wrapper'>\n        <loading-spinner v-if=\"isDeleting\" :diameter=\"16\" />\n        <span class=\"frcp-product__delete\" :style=\"{ opacity: isDeleting ? 0 : 1 }\" @click='deleteAction'>\n          <icon icon='delete'  />\n        </span>\n      </span>\n    </div>\n    <div class='frcp-product__info'>\n      <a class=\"frcp-product__link\" :href=\"productHref\" :target=\"isOpenProductSameTab ? '' : '_blank'\">\n        <div v-if=\"image.length > 0\" class=\"frcp-product__thumbnail\">\n          <img :src=\"imageSrc\" :srcset='srcSet' class=\"frcp-product__image\" :alt=\"product.title\">\n        </div>\n        <div v-else class=\"frcp-product__thumbnail frcp-product__thumbnail--no-image\">\n          <icon icon='image' class='frcp-product__no-image-icon' />\n        </div>\n        <span class='frcp-card__title frcp-product__title' :title='product.title'>\n          {{ product.title }}\n        </span>  \n      </a>\n      <div class=\"frcp-product__price-container\">\n        <span class=\"frcp-product__price\" v-html=\"selectedVariantPrice\" />\n        <span class=\"frcp-product__compare-at-price\" v-if=\"displayCompareAtPrice\" v-html=\"selectedVariantCompareAtPrice\" />\n      </div>\n    </div>\n    <div class='frcp-product__actions'>\n      <select\n          v-if='product.variants.length > 1'\n          v-model='selectedVariant'\n          @change=\"updateSelectedVariant\"\n          class='frcp-product__select'\n      >\n        <option\n            v-for=\"variant in product.variants\"\n            :value='variant'\n            :key='variant.id'\n            :data-variant-id=\"variant.id\"\n        >\n          {{ variant.title }}\n        </option>\n      </select>\n      \n      <div class='frcp-product__quantity-wrapper'>\n        <span class='frcp-product__step frcp-product__step--remove' @click='updateQuantity(-1)'></span>\n        <input type='number' class='frcp-product__quantity' v-model='quantity' min='1' inputmode=\"numeric\" @change='emitChanges'>\n        <span class='frcp-product__step frcp-product__step--add' @click='updateQuantity(1)'></span>\n      </div>\n      <smart-button\n          class=\"frcp-product__add-to-cart\"\n          @click=\"addToCart\"\n          :isLoading=\"isAddingToCart\"\n          :isDisabled=\"isDisabled\">\n        {{ buttonText }}\n      </smart-button>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapState } from 'vuex'\n  import LoadingSpinner from '@CustomerPage/components/shared/loading_spinner.vue'\n  import SmartButton from '@CustomerPage/components/shared/smart_button.vue'\n  import Icon from '@CustomerPage/components/shared/icon.vue'\n  import eventDispatcher from '@CustomerPage/services/event_dispatcher.js'\n\n  export default {\n    components: { SmartButton, LoadingSpinner, Icon },\n    props: {\n      product: Object,\n      variantId: Number,\n      translationPath: String,\n      productType: String,\n      isAddingToCart: Boolean,\n      isOpenProductSameTab: { type: Boolean, default: false },\n      isDeleting: {\n        type: Boolean,\n        default: false\n      },\n      showDeleteAction: {\n        type: Boolean,\n        default: false\n      },\n      deleteAction: {\n        type: Function,\n        default: null,\n      },\n      addToCart: {\n        type: Function,\n        default: function() {},\n      },\n    },\n    computed: {\n      buttonText() {\n        return this.selectedVariant.available ? this.t('add_to_cart') : this.t('sold_out')\n      },\n      selectedVariantPrice() {\n        return this.formatMoney(this.selectedVariant.price)\n      },\n      selectedVariantCompareAtPrice() {\n        return this.formatMoney(this.selectedVariant.compare_at_price)\n      },\n      displayCompareAtPrice() {\n        return this.selectedVariant.compare_at_price && this.$settings.customer_page_wishlist_recently_compare_at_price_enabled\n      },\n      productHref() {\n        return `${Shopify && Shopify.routes && Shopify.routes.root || '/'}products/${this.product.handle}`\n      },\n      image() {\n        const variantImage = this.selectedVariant.featured_image\n        const productData = this.product\n        let image\n        if (variantImage) {\n          image = variantImage.src\n        } else if (productData.featured_image) {\n          image = productData.featured_image\n        } else if (productData.media && productData.media.length > 0) {\n          const previewImage = productData.media[0].preview_image\n          if (previewImage) image = previewImage.src\n        }\n        return image || ''\n      },\n      imageSrc() {\n        const extensionIndex = this.image.lastIndexOf('.')\n        const extension = this.image.substr(extensionIndex)\n        return this.image.replace(extension, '_250x200_crop_center' + extension)\n      },\n      retinaSrc() {\n        const extensionIndex = this.image.lastIndexOf('.')\n        const extension = this.image.substr(extensionIndex)\n        return this.image.replace(extension, '_500x400_crop_center' + extension)\n      },\n      srcSet() {\n        return `${this.retinaSrc} 2x, ${this.imageSrc} 1x` \n      },\n      isDisabled() {\n        return !this.selectedVariant.available || this.quantity < 1\n      }\n    },\n    data() {\n      return {\n        quantity: 1,\n        selectedVariant: Object,\n      }\n    },\n    methods: {\n      emitChanges() {\n        this.$emit('setQuantity', this.quantity)\n        this.$emit('setSelectedVariant', this.selectedVariant)\n      },\n      updateQuantity(delta) {\n        this.quantity = this.quantity + delta\n        this.quantity = this.quantity > 0 ? this.quantity : 1\n        this.emitChanges()\n        \n      },\n      updateSelectedVariant() {\n        this.quantity = 1\n        this.emitChanges()\n      },\n    },\n    mounted() {\n      const variantId = this.variantId\n      const variantFromId = this.product.variants.filter(v => v.id == variantId)\n      this.selectedVariant = variantFromId[0] || this.product.variants[0]\n      this.updateSelectedVariant()\n      this.registerTranslationPrefix(this.translationPath)\n      \n      this.$nextTick(() => {\n        eventDispatcher.call(`frcp.${this.productType}.productMounted`, { product: this.product, el: this.$refs.product })\n      })\n    },\n\n    emits: ['setQuantity', 'setSelectedVariant'],\n  } \n</script>\n","import objectUtils from '@CustomerPage/services/object_utils.js'\nimport fetchWrapper from '@CustomerPage/services/fetch_wrapper'\n\nconst PRODUCT_FIELDS = Object.freeze(['id', 'handle', 'title', 'price', 'variants', 'featured_image', 'available', 'media'])\n\nexport default {\n  loadProduct\n}\n\nfunction loadProduct(handle, successCb, finallyCB) {\n  fetchWrapper.jsonClient(`${Shopify && Shopify.routes && Shopify.routes.root || '/'}products/${handle}.js`)\n    .then(response => {\n      successCb(objectUtils.pick(response, PRODUCT_FIELDS))\n    })\n    .catch(error => {\n      console.log(`Cannot load product with handle: '${handle}'`)\n    })\n    .finally(() => finallyCB(handle))\n}\n"],"names":["_sfc_main","SmartButton","LoadingSpinner","Icon","variantImage","productData","image","previewImage","extensionIndex","extension","delta","variantId","variantFromId","v","eventDispatcher","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_createElementBlock","$props","_openBlock","_hoisted_2","_createElementVNode","_createBlock","_component_loading_spinner","_createCommentVNode","_normalizeStyle","args","_createVNode","_component_icon","$options","_hoisted_6","_hoisted_8","_cache","$event","$data","_Fragment","_renderList","variant","_component_smart_button","_withCtx","_createTextVNode","_toDisplayString","PRODUCT_FIELDS","productLoader","loadProduct","handle","successCb","finallyCB","fetchWrapper","response","objectUtils","error"],"mappings":"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"}