@ecomplus/storefront-components 1.0.0-beta.189 → 1.0.0-beta.190

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecomplus/storefront-components",
-  "version": "1.0.0-beta.189",
+  "version": "1.0.0-beta.190",
   "description": "Vue components for E-Com Plus Storefront",
   "main": "dist/storefront-components.min.js",
   "scripts": {

package/src/html/ProductCard.html

@@ -21,7 +21,19 @@
           <i class="i-arrow-down"></i> <b>{{ discount }}</b>%
         </span>
       </slot>
-      <slot name="stamps" />
+
+      <slot name="stamps">
+        <div v-if="validStamps.length" class="product-card__stamps">
+          <span
+            v-for="(stamp, i) in validStamps"
+            :key="`s-${i}`"
+            :class="'product-card__stamps-' +
+              + `${(stamp.id || '').toLowerCase().replace(/\s/g, '-')}`"
+          >
+            <img :src="stamp.img" :alt="stamp.id">
+          </span>
+        </div>
+      </slot>
 
       <slot name="body">
         <a-link

package/src/js/ProductCard.js

@@ -74,7 +74,13 @@ export default {
     },
     isLoaded: Boolean,
     installmentsOption: Object,
-    discountOption: Object
+    discountOption: Object,
+    stamps: {
+      type: Array,
+      default () {
+        return window.productCardStamps || []
+      }
+    }
   },
 
   data () {
@@ -137,6 +143,18 @@ export default {
       return checkOnPromotion(body)
         ? Math.round(((body.base_price - getPrice(body)) * 100) / body.base_price)
         : 0
+    },
+
+    validStamps () {
+      if (!Array.isArray(this.stamps)) return []
+      return this.stamps.filter((stamp) => {
+        if (stamp && stamp.img) {
+          if (Array.isArray(stamp.skus) && stamp.skus.length) {
+            return stamp.skus.includes(this.body.sku)
+          }
+        }
+        return false
+      })
     }
   },
 

package/src/js/ShippingLine.js

@@ -35,6 +35,11 @@ export default {
   },
 
   computed: {
+    i19workingDay: () => i18n({
+      en_us: 'Working day',
+      pt_br: 'Dia útil'
+    }),
+
     deadlineStr () {
       const shipping = this.shippingLine
       const isWorkingDays = (shipping.posting_deadline && shipping.posting_deadline.working_days) ||
@@ -56,9 +61,13 @@ export default {
         return `${i18n(i19upTo)} ${days} ` +
           i18n(isWorkingDays ? i19workingDays : i19days).toLowerCase()
       }
-      return i18n(days === 1
-        ? i19untilTomorrow
-        : shipping.pick_up ? i19pickUpToday : i19receiveToday)
+      if (days === 1) {
+        if (isWorkingDays) {
+          return `${i18n(i19upTo)} 1 ` + i18n(this.i19workingDay).toLowerCase()
+        }
+        return i19untilTomorrow
+      }
+      return shipping.pick_up ? i19pickUpToday : i19receiveToday
     },
 
     freightValueStr () {