[COM-38695] Port subscription-price formatter from template-compiler (#29)

* Port subscription-price formatter from template-compiler

Port template, formatter, unimplemented commerce utils, and test cases from template-compiler

* Add maximumFractionDigits to NumberFormatter

Need to make sure that there are always 2 fraction digits after formatting, so we need both min and max set

Author: jmariconda

__tests__/plugins/formatters.commerce.test.ts

@@ -142,3 +142,31 @@ loader.paths('f-variants-select-%N.html').forEach((path) => {
 loader.paths('f-variants-select-subscription.html').forEach((path) => {
   test(`variants select subscription - ${path}`, () => loader.execute(path));
 });
+
+loader.paths('f-subscription-price-multiple-variants-and-multiple-pricing-options.html').forEach((path) => {
+  test(`subscription price multiple variants and multiple pricing options - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-multiple-variants-from-price.html').forEach((path) => {
+  test(`subscription price multiple variants from price - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-on-sale-variants-pricing-options.html').forEach((path) => {
+  test(`subscription price on sale variants pricing options - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-one-on-sale-pricing-option.html').forEach((path) => {
+  test(`subscription price one on sale pricing option - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-one-pricing-option.html').forEach((path) => {
+  test(`subscription price one pricing option - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-variants-with-same-pricing.html').forEach((path) => {
+  test(`subscription price variants with same pricing - ${path}`, () => loader.execute(path));
+});
+
+loader.paths('f-subscription-price-no-pricing-options.html').forEach((path) => {
+  test(`subscription price no pricing options - ${path}`, () => loader.execute(path));
+});

__tests__/plugins/resources/f-subscription-price-multiple-variants-and-multiple-pricing-options.html

@@ -0,0 +1,128 @@
+:JSON
+{
+  "structuredContent": {
+    "productType": 1,
+    "variants": [{
+      "price": 1000,
+      "priceMoney": {
+        "value": "10"
+      },
+      "onSale": false,
+      "pricingOptions": [{
+        "price" : "900",
+        "priceMoney": {
+          "value": "9",
+          "currency": "USD"
+        },
+        "salePrice" : 0,
+        "salePriceMoney": {
+          "value": "0",
+          "currency": "USD"
+        },
+        "percentageDiscount" : 0.1,
+        "onSale" : false,
+        "productSubscriptionOptionId" : "c0733e4d-8b1b-400e-a3fc-f2f8fdc21e7f",
+        "subscriptionPlan" : {
+          "billingPeriod" : {
+            "value" : 3,
+            "unit" : "MONTH"
+          },
+          "planVersionId" : "3d2d5ea7-a571-4709-b5bc-59223c5a8fbd",
+          "numBillingCycles" : 2
+        }
+      },
+      {
+        "price" : "0",
+        "priceMoney": {
+          "value": "0",
+          "currency": "USD"
+        },
+        "salePrice" : 0,
+        "salePriceMoney": {
+          "value": "0",
+          "currency": "USD"
+        },
+        "percentageDiscount" : 1,
+        "onSale" : false,
+        "productSubscriptionOptionId" : "c0733e4d-8b1b-400e-a3fc-f2f8fdc21e7f",
+        "subscriptionPlan" : {
+          "billingPeriod" : {
+            "value" : 3,
+            "unit" : "MONTH"
+          },
+          "planVersionId" : "3d2d5ea7-a571-4709-b5bc-59223c5a8fbd",
+          "numBillingCycles" : 2
+        }
+      }]
+    },
+    {
+      "price": 2000,
+      "priceMoney": {
+        "value": "20"
+      },
+      "onSale": false,
+      "pricingOptions": [{
+        "price" : "1800",
+        "priceMoney": {
+          "value": "18",
+          "currency": "USD"
+        },
+        "salePrice" : 0,
+        "salePriceMoney": {
+          "value": 0,
+          "currency": "USD"
+        },
+        "percentageDiscount" : 0.2,
+        "onSale" : false,
+        "productSubscriptionOptionId" : "c56446e4d-8b1b-400e-a3fc-f2f8fdc21e7f",
+        "subscriptionPlan" : {
+          "billingPeriod" : {
+            "value" : 3,
+            "unit" : "MONTH"
+          },
+          "planVersionId" : "3d2d5ea7-a571-4709-b5bc-59223c5a8fbd",
+          "numBillingCycles" : 2
+        }
+      }]
+    },
+    {
+      "price": 3000,
+      "priceMoney": {
+        "value": "30"
+      },
+      "onSale": false,
+      "pricingOptions": [{
+        "price" : "2400",
+        "priceMoney": {
+          "value": "24",
+          "currency": "USD"
+        },
+        "salePrice" : 0,
+        "salePriceMoney": {
+          "value": 0,
+          "currency": "USD"
+        },
+        "percentageDiscount" : 0.2,
+        "onSale" : false,
+        "productSubscriptionOptionId" : "c9656e4d-8b1b-400e-a3fc-f2f8fdc21e7f",
+        "subscriptionPlan" : {
+          "billingPeriod" : {
+            "value" : 3,
+            "unit" : "MONTH"
+          },
+          "planVersionId" : "3d2d5ea7-a571-4709-b5bc-59223c5a8fbd",
+          "numBillingCycles" : 2
+        }
+      }]
+    }]
+  }
+}
+
+:TEMPLATE
+{@|subscription-price}
+
+:OUTPUT
+<div class="subscription-price">
+from <span class="sqs-money-native">9.00</span>
+
+</div>