NLB-7074: Handle currency format decimal precision

Author: Naveen-Gopu-F5

content/nginxaas-azure/app-protect/enable-waf.md

@@ -12,7 +12,8 @@ type:
 This guide explains how to enable F5 WAF for NGINX on a F5 NGINX as a Service for Azure (NGINXaaS) deployment. [F5 WAF for NGINX](https://docs.nginx.com/nginx-app-protect-waf/v5) provides web application firewall (WAF) security protection for your web applications, including OWASP Top 10; response inspection; Meta characters check; HTTP protocol compliance; evasion techniques; disallowed file types; JSON & XML well-formedness; sensitive parameters & Data Guard.
 
 ## Before you start
-- F5 WAF for NGINX can only be enabled on NGINXaaS for Azure deployments with the **Standard v3** [plan]({{< ref "/nginxaas-azure/billing/overview.md" >}})
+
+- F5 WAF for NGINX can only be enabled on NGINXaaS for Azure deployments with the  **Standard v2** and  **Standard v3** [plan]({{< ref "/nginxaas-azure/billing/overview.md" >}})
 
 ## Enable F5 WAF for NGINX
 

static/nginxaas-azure/js/cost-calculator_v2.js

@@ -135,17 +135,18 @@
      * @param {number} significantDigits
      * @returns {string}
      */
-    currencyFormatter: (n, significantDigits = 5) => {
+    currencyFormatter: (n, significantDigits) => {
+      const isWhole = Number.isInteger(n);
       const options = {
         style: "currency",
         currency: "USD"
       };
-      
-      // Only add maximumSignificantDigits if significantDigits is provided and valid
-      if (significantDigits && significantDigits > 0) {
+      if (significantDigits !== undefined) {
         options.maximumSignificantDigits = significantDigits;
+      } else {
+        options.minimumFractionDigits = isWhole ? 0 : 2;
+        options.maximumFractionDigits = isWhole ? 0 : 2;
       }
-      
       return new Intl.NumberFormat("en-US", options).format(n);
     },
   };
@@ -334,10 +335,10 @@
 
       const tier = regionsTiers[tierKey].tier;
 
-      const formattedWithoutWAF = utils.currencyFormatter(tiersCosts[tier].withoutWAF);
-      const formattedWithWAF = utils.currencyFormatter(tiersCosts[tier].withWAF);
-      const formattedDeploymentWithoutWAF = utils.currencyFormatter(costs.deploymentFee[tier].withoutWAF);
-      const formattedDeploymentWithWAF = utils.currencyFormatter(costs.deploymentFee[tier].withWAF);
+      const formattedWithoutWAF = utils.currencyFormatter(tiersCosts[tier].withoutWAF, 5);
+      const formattedWithWAF = utils.currencyFormatter(tiersCosts[tier].withWAF, 5);
+      const formattedDeploymentWithoutWAF = utils.currencyFormatter(costs.deploymentFee[tier].withoutWAF, 5);
+      const formattedDeploymentWithWAF = utils.currencyFormatter(costs.deploymentFee[tier].withWAF, 5);
 
       col1.innerText = `${regionsTiers[tierKey].label}`;
       col2.innerText = `${tier}`;