@ordergroove/offers 2.30.1 → 2.30.2-alpha-PR-715-2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordergroove/offers",
-  "version": "2.30.1",
+  "version": "2.30.2-alpha-PR-715-2.2+d5714495",
   "description": "offer state component",
   "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
   "homepage": "https://github.com/ordergroove/plush-toys#readme",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@ordergroove/offers-templates": "^0.5.1"
   },
-  "gitHead": "80a8e7736af03c41fc30fc1fe9294cfd947b2482"
+  "gitHead": "d571449557e4e91e131a22624335e4d583484a5b"
 }

package/src/components/Price.js

@@ -13,6 +13,7 @@ export class Price extends withProduct(TemplateElement) {
       regular: { type: Boolean, reflect: true },
       subscription: { type: Boolean, reflect: true },
       discount: { type: Boolean, reflect: true },
+      payAsYouGo: { type: Boolean, reflect: true, attribute: 'pay-as-you-go' },
       frequency: { type: Object },
       productPlans: { type: Object }
     };
@@ -22,6 +23,13 @@ export class Price extends withProduct(TemplateElement) {
     const realProductId = safeProductId(this.product);
     const frequency = this.frequency || this.configDefaultFrequency || this.offer?.defaultFrequency;
     const plans = this.productPlans[realProductId] || [];
+
+    if (this.payAsYouGo) {
+      const payAsYouGoPlan = plans.find(plan => plan.prepaidShipments === null);
+      if (!payAsYouGoPlan) return '';
+      return payAsYouGoPlan.subscriptionPrice;
+    }
+
     const currentPlan = plans.find(plan => plan.frequency === frequency);
     if (!currentPlan) return '';
     const { regularPrice, discountRate, subscriptionPrice } = currentPlan;

package/src/shopify/reducers/productPlans.ts

@@ -35,7 +35,7 @@ export const getAllocationSubscriptionPrice = (allocation: ShopifySellingPlanAll
 };
 
 const getPrepaidPercentage = (allocation: ShopifySellingPlanAllocationsEntity, pricePerShipment: number) => {
-  return ((allocation.compare_at_price - pricePerShipment) * 100) / allocation.compare_at_price;
+  return Math.round(((allocation.compare_at_price - pricePerShipment) * 100) / allocation.compare_at_price);
 };
 
 export const getAllocationDiscountRate = (allocation: ShopifySellingPlanAllocationsEntity) => {
@@ -73,8 +73,8 @@ export const addPrepaidPriceAndSavings = (
   payAsYouGoPlan: ShopifySellingPlansEntity
 ) => {
   const prepaidShipmentsPerBilling = getPrepaidShipmentsNumberFromOptions(allocation.selling_plan?.options);
-  const pricePerShipment = allocation.price / prepaidShipmentsPerBilling;
-  const prepaidSaving = allocation.compare_at_price - pricePerShipment;
+  const pricePerShipment = Math.round(allocation.price / prepaidShipmentsPerBilling);
+  const prepaidSaving = Math.round(allocation.compare_at_price - pricePerShipment);
   const prepaidPercentageSavings = getPrepaidPercentage(allocation, pricePerShipment);
   const payAsYouGoAdjustment = payAsYouGoPlan?.price_adjustments?.[0];
   const payAsYouGoPercentage =