MWPW-165302: Calculate promo prices with duration

libs/features/mas/src/price/index.js

@@ -5,6 +5,8 @@ import {
     createPromoPriceWithAnnualTemplate,
 } from './template.js';
 
+import { isPromotionActive } from './utilities.js';
+
 const price = createPriceTemplate();
 const pricePromo = createPromoPriceTemplate();
 const priceOptical = createPriceTemplate({
@@ -27,4 +29,5 @@ export {
     priceAnnual,
     priceWithAnnual,
     pricePromoWithAnnual,
+    isPromotionActive,
 };

libs/features/mas/src/price/template.js

@@ -12,7 +12,7 @@
     formatRegularPrice,
     formatAnnualPrice,
     makeSpacesAroundNonBreaking,
-} from './utilities';
+} from './utilities.js';
 
 // JSON imports require new syntax to run in Milo/wtr tests,
 // but the new syntax is not yet supported by ESLint:
@@ -153,6 +153,7 @@
         displayOptical = false,
         displayStrikethrough = false,
         displayAnnual = false,
+        instant = undefined,
     } = {}) =>
     (
         {
@@ -163,6 +164,7 @@
             displayTax = false,
             language,
             literals: priceLiterals = {},
+            quantity = 1,
         } = {},
         {
             commitment,
@@ -174,6 +176,7 @@
             taxTerm,
             term,
             usePrecision,
+            promotion,
         } = {},
         attributes = {},
     ) => {
@@ -184,8 +187,10 @@
             price,
         }).forEach(([key, value]) => {
             if (value == null) {
-              /* c8 ignore next 2 */
-                throw new Error(`Argument "${key}" is missing for osi ${offerSelectorIds?.toString()}, country ${country}, language ${language}`);
+                /* c8 ignore next 2 */
+                throw new Error(
+                    `Argument "${key}" is missing for osi ${offerSelectorIds?.toString()}, country ${country}, language ${language}`,
+                );
             }
         });
 
@@ -208,7 +213,7 @@
                     locale,
                 ).format(parameters);
             } catch {
-              /* c8 ignore next 2 */
+                /* c8 ignore next 2 */
                 log.error('Failed to format literal:', literal);
                 return '';
             }
@@ -226,10 +231,15 @@
         const { accessiblePrice, recurrenceTerm, ...formattedPrice } = method({
             commitment,
             formatString,
+            instant,
+            isIndianPrice: country === 'IN',
+            originalPrice: price,
+            priceWithoutDiscount,
+            price: (displayOptical ? price : displayPrice),
+            promotion,
+            quantity,
             term,
-            price: displayOptical ? price : displayPrice,
             usePrecision,
-            isIndianPrice: country === 'IN',
         });
 
         let accessibleLabel = accessiblePrice;
@@ -365,6 +375,20 @@
 
 const createPromoPriceWithAnnualTemplate =
     () => (context, value, attributes) => {
+        let { instant } = context;
+        try {
+            if (!instant) {
+                instant = new URLSearchParams(document.location.search).get(
+                    'instant',
+                );
+            }
+            if (instant) {
+                instant = new Date(instant);
+            }
+        } catch (e) {
+            instant = undefined;
+            /* ignore the error */
+        }
         const ctxStAnnual = {
             ...context,
             displayTax: false,
@@ -386,6 +410,7 @@
         }${createPriceTemplate()(context, value, attributes)}${renderSpan(cssClassNames.containerAnnualPrefix, ' (')}${createPriceTemplate(
             {
                 displayAnnual: true,
+                instant,
             },
         )(
             ctxStAnnual,

libs/features/mas/src/price/utilities.js

@@ -12,6 +12,31 @@
 const SPACE_END_PATTERN = /\s+$/;
 const NBSP = ' ';
 
+const getAnnualPrice = (price) => price * 12;
+
+/**
+ * Checks if a promotion is active based on its start and end dates
+ * @param {{ start: string, end: string }} promotion The promotion with start and end dates
+ * @param {string} [instant] Optional instant date string to check against
+ * @returns {boolean} Whether the promotion is active
+ */
+const isPromotionActive = (promotion, instant) => {
+    const { amount, duration, minProductQuantity, outcomeType } = promotion;
+    if (!(amount && duration && outcomeType && minProductQuantity)) {
+        return false;
+    }
+    const now = instant ? new Date(instant) : new Date();
+    const { start, end } = promotion;
+    if (!start || !end) {
+        return false;
+    }
+
+    const startDate = new Date(start);
+    const endDate = new Date(end);
+
+    return now >= startDate && now <= endDate;
+};
+
 // TODO: @pandora/react-price does not have "module" field in package.json and is bundled entirely by Webpack
 const RecurrenceTerm = {
     MONTH: 'MONTH',
@@ -46,18 +71,18 @@
     opticalPriceRoundingRule(
         // optical price for the term is a multiple of the initial price
         ({ divisor, price }) => price % divisor == 0,
-        ({ divisor, price }) => price / divisor
+        ({ divisor, price }) => price / divisor,
     ),
     opticalPriceRoundingRule(
         // round optical price up to 2 decimals
         ({ usePrecision }) => usePrecision,
-      ({ divisor, price }) => Math.round((price / divisor) * 100.0) / 100.0
+        ({ divisor, price }) => Math.round((price / divisor) * 100.0) / 100.0,
     ),
     opticalPriceRoundingRule(
         // round optical price up to integer
         () => true,
         ({ divisor, price }) =>
-            Math.ceil(Math.floor((price * 100) / divisor) / 100)
+            Math.ceil(Math.floor((price * 100) / divisor) / 100),
     ),
 ];
 
@@ -95,7 +120,7 @@
         // As the formatString could be container non-symbol like `A #,##0.00 B` so using regex here.
         numberMask = numberMask.replace(
             /\s?(#.*0)(?!\s)?/,
-            '$&' + getPossibleDecimalsDelimiter(formatString)
+            '$&' + getPossibleDecimalsDelimiter(formatString),
         );
     } else if (!usePrecision) {
         // Trim the 0s after the decimalsDelimiter. `#,##0.00` will become `#,##0.`
@@ -169,15 +194,31 @@
 // Utilities, specific to tacocat needs.
 
 /**
- * @param { import('./types').PriceData } data
- * @param { RecurrenceTerm } recurrenceTerm
- * @param { (price: number, format: { currencySymbol: string }) => number } transformPrice
+ * Formats a price according to the specified format string and currency rules.
+ *
+ * @param {object} options - The formatting options
+ * @param {string} options.formatString - The currency format string (e.g., "'US$ '#,##0.00")
+ * @param {number} options.price - The price value to format
+ * @param {boolean} options.usePrecision - Whether to include decimal precision in the formatted price
+ * @param {boolean} [options.isIndianPrice=false] - Whether to use Indian locale-specific formatting
+ * @param {string} recurrenceTerm - The recurrence term (MONTH or YEAR) for the price
+ * @param {function} [transformPrice=(price) => price] - Optional function to transform the price before formatting
+ * @returns {{
+ *   accessiblePrice: string,
+ *   currencySymbol: string,
+ *   decimals: string,
+ *   decimalsDelimiter: string,
+ *   hasCurrencySpace: boolean,
+ *   integer: string,
+ *   isCurrencyFirst: boolean,
+ *   recurrenceTerm: string
+ * }} Formatted price object containing the accessible price string and formatting details
+ *
  */
-// TODO: Move this function to pandora library
 function formatPrice(
     { formatString, price, usePrecision, isIndianPrice = false },
     recurrenceTerm,
-    transformPrice = (formattedPrice) => formattedPrice
+    transformPrice = (formattedPrice) => formattedPrice,
 ) {
     const { currencySymbol, isCurrencyFirst, hasCurrencySpace } =
         getCurrencySymbolDetails(formatString);
@@ -233,14 +274,14 @@
                 usePrecision,
             };
             const { round } = opticalPriceRoundingRules.find(({ accept }) =>
-                accept(priceData)
+                accept(priceData),
             );
             if (!round)
                 throw new Error(
-                    `Missing rounding rule for: ${JSON.stringify(priceData)}`
+                    `Missing rounding rule for: ${JSON.stringify(priceData)}`,
                 );
             return round(priceData);
-        }
+        },
     );
 };
 
@@ -252,15 +293,65 @@
     formatPrice(data, recurrenceTerms[commitment]?.[term]);
 
 /**
- * Formats annual price.
- * @param { import('./types').PriceData } data
+ * Creates a function that calculates the annual price with promotion applied.
+ *
+ * @param {object} data - The data object containing price and priceWithoutDiscount
+ * @returns {function(number): number} A function that takes a monthly price and returns the calculated annual price with promotion
+ *
  */
 const formatAnnualPrice = (data) => {
-    const { commitment, term } = data;
+    const {
+        commitment,
+        instant,
+        price,
+        originalPrice,
+        priceWithoutDiscount,
+        promotion,
+        quantity = 1,
+        term,
+    } = data;
     if (commitment === Commitment.YEAR && term === Term.MONTHLY) {
-        return formatPrice(data, RecurrenceTerm.YEAR, (price) => price * 12);
+        if (!promotion) {
+            return formatPrice(data, RecurrenceTerm.YEAR, getAnnualPrice);
+        }
+        const { outcomeType, duration, minProductQuantity } = promotion;
+        switch (outcomeType) {
+            case 'PERCENTAGE_DISCOUNT': {
+                if (
+                    quantity >= minProductQuantity &&
+                    isPromotionActive(promotion, instant)
+                ) {
+                    const durationInMonths = parseInt(
+                        duration.replace('P', '').replace('M', ''),
+                    );
+                    if (isNaN(durationInMonths)) return getAnnualPrice(price);
+                    const discountPrice =
+                        quantity * originalPrice * durationInMonths;
+                    const regularPrice =
+                        quantity *
+                        priceWithoutDiscount *
+                        (12 - durationInMonths);
+                    const totalPrice =
+                        Math.floor((discountPrice + regularPrice) * 100) / 100;
+                    return formatPrice(
+                        { ...data, price: totalPrice },
+                        recurrenceTerms[commitment]?.[term],
+                    );
+                }
+            }
+            default:
+                return formatPrice(data, RecurrenceTerm.YEAR, () =>
+                    getAnnualPrice(priceWithoutDiscount ?? price),
+                );
+        }
     }
     return formatPrice(data, recurrenceTerms[commitment]?.[term]);
 };
 
-export { formatOpticalPrice, formatRegularPrice, formatAnnualPrice, makeSpacesAroundNonBreaking };
+export {
+    formatOpticalPrice,
+    formatRegularPrice,
+    formatAnnualPrice,
+    makeSpacesAroundNonBreaking,
+    isPromotionActive,
+};