@ecomplus/widget-product-card 1.0.0-beta.19 → 1.0.0-beta.190

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecomplus/widget-product-card",
-  "version": "1.0.0-beta.19",
+  "version": "1.0.0-beta.190",
   "description": "Storefront plugin with Vue component for product cards",
   "module": "src/index.js",
   "browser": "dist/widget-product-card.min.js",
@@ -8,7 +8,7 @@
   "jsdelivr": "dist/public/widget-product-card.var.min.js",
   "unpkg": "dist/public/widget-product-card.var.min.js",
   "scripts": {
-    "build": "NODE_ENV=production webpack",
+    "build": "cross-env NODE_ENV=production webpack",
     "serve": "webpack-dev-server"
   },
   "repository": {
@@ -36,7 +36,7 @@
     "vue": ">=2 <4"
   },
   "dependencies": {
-    "@ecomplus/storefront-components": "^1.0.0-beta.22"
+    "@ecomplus/storefront-components": "^1.0.0-beta.191"
   },
   "webpackOutput": {
     "library": "widgetProductCard",

package/src/index.js

@@ -6,6 +6,7 @@
 
 import Vue from 'vue'
 import lozad from 'lozad'
+import { inStock as checkInStock } from '@ecomplus/utils'
 import EcomSearch from '@ecomplus/search-engine'
 import ProductCard from '#components/ProductCard.vue'
 
@@ -24,7 +25,7 @@ export default (options = {}, elClass = 'product-card') => {
   const setupComponent = ($productCard, productId, sku, product, isLoaded) => {
     new Vue({
       render: h => h(ProductCard, {
-        class: elClass,
+        class: elClass !== 'product-card' ? elClass : null,
         attrs: {
           'data-product-id': productId,
           'data-sku': sku
@@ -33,7 +34,8 @@ export default (options = {}, elClass = 'product-card') => {
           ...options.props,
           productId,
           product,
-          isLoaded
+          isLoaded,
+          transitionClass: null
         },
         scopedSlots: typeof getScopedSlots === 'function'
           ? getScopedSlots($productCard, h)
@@ -54,13 +56,12 @@ export default (options = {}, elClass = 'product-card') => {
   }
 
   let preFetchPromise
-  if (productIds.length >= 6 && productIds.length <= 70 && !options.skipSearchApi) {
+  if (productIds.length >= 4 && productIds.length <= 70 && !options.skipSearchApi) {
     const search = new EcomSearch()
-    delete search.dsl.aggs
-    delete search.dsl.sort
-    search.setPageSize(productIds.length).setProductIds(productIds)
-
-    preFetchPromise = search.fetch({ timeout: 5000 })
+    preFetchPromise = search
+      .setPageSize(productIds.length)
+      .setProductIds(productIds)
+      .fetch(true, { timeout: 5000 })
       .then(() => {
         const items = search.getItems()
         for (let i = 0; i < 2; i++) {
@@ -92,10 +93,16 @@ export default (options = {}, elClass = 'product-card') => {
             let isLoaded
             if (product) {
               isLoaded = true
+              if (!product.available || !product.visible || !checkInStock(product)) {
+                const $cardLi = $productCard.parentNode && $productCard.parentNode.parentNode
+                if ($cardLi && $cardLi.tagName === 'LI') {
+                  $cardLi.parentNode.appendChild($cardLi)
+                }
+              }
             } else {
-              const $parent = $productCard.parentNode
-              if ($parent) {
-                product = $parent.dataset.product
+              const $productItem = $productCard.parentNode
+              if ($productItem) {
+                product = $productItem.dataset.product
                 if (typeof product === 'string') {
                   try {
                     product = JSON.parse(product)

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require('../../webpack.config')