@stella-source/stellasource-dsl 1.3.1 → 1.4.0

package/dist/cjs/index.js

@@ -17331,7 +17331,13 @@ const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter P
 const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
     const onlyDigitNum = num.toString().replace(/[^\d.-]/g, "");
     const decimalEnding = onlyDigitNum.endsWith(".");
-    const decimalZero = onlyDigitNum.includes(".") && onlyDigitNum.endsWith("0");
+    const zeroEnding = onlyDigitNum.includes(".") && onlyDigitNum.endsWith("0");
+    let decimalTrailingZeros = "";
+    if (zeroEnding) {
+        const match = onlyDigitNum.match(/0+$/);
+        decimalTrailingZeros = match ? match[0] : "";
+    }
+    const decimalZero = onlyDigitNum.endsWith(`.${decimalTrailingZeros.length > 0 ? decimalTrailingZeros : "0"}`);
     if (onlyDigitNum === "" || onlyDigitNum === "-" || onlyDigitNum === ".") {
         return onlyDigitNum;
     }
@@ -17342,7 +17348,7 @@ const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
         ? `${Number(onlyDigitNum).toLocaleString("en-US", {
             minimumFractionDigits: 0,
             maximumFractionDigits: decimalPlaces,
-        })}${decimalEnding ? "." : ""}${decimalZero ? "0" : ""}`
+        })}${decimalEnding ? "." : ""}${decimalZero ? "." : ""}${zeroEnding ? `${decimalTrailingZeros}` : ""}`
         : "";
 };
 
@@ -21898,21 +21904,39 @@ const PaymentStatusLabel = styled.span `
   line-height: 20px;
 `;
 
+var PaymentStatusVariant;
+(function (PaymentStatusVariant) {
+    PaymentStatusVariant["PAYMENT_PENDING"] = "PaymentPending";
+    PaymentStatusVariant["TERMS_APPLIED"] = "TermsApplied";
+    PaymentStatusVariant["PAYMENT_AUTHORIZED"] = "PaymentAuthorized";
+    PaymentStatusVariant["PAYMENT_PROCESSING"] = "PaymentProcessing";
+    PaymentStatusVariant["PAYMENT_SETTLED"] = "PaymentSettled";
+    PaymentStatusVariant["PAYMENT_FAILED"] = "PaymentFailed";
+    PaymentStatusVariant["PAYMENT_CANCELED"] = "PaymentCanceled";
+    PaymentStatusVariant["PAYMENT_WINDOW_EXPIRED"] = "PaymentWindowExpired";
+})(PaymentStatusVariant || (PaymentStatusVariant = {}));
+
 const STATUS_ICON_MAP = {
-    "Payment Required": "warning",
-    "Terms Applied": "check-square",
-    "Payment Authorized": "check-square",
-    "Payment Processing": "money",
-    Paid: "currency-dollar",
-    "Payment Failed": "x-circle",
-    Canceled: "empty",
-    "Payment Window Expired": "hourglass-simple-low",
+    PaymentPending: "warning",
+    TermsApplied: "check-square",
+    PaymentAuthorized: "check-square",
+    PaymentProcessing: "money",
+    PaymentSettled: "currency-dollar",
+    PaymentFailed: "x-circle",
+    PaymentCanceled: "empty",
+    PaymentWindowExpired: "hourglass-simple-low",
 };
 const PaymentStatus = ({ variant, id, className }) => {
-    const iconName = STATUS_ICON_MAP[variant];
+    const iconName = variant ? STATUS_ICON_MAP[variant] : "";
+    const labelWords = variant?.split(/(?=[A-Z])/);
+    let label = labelWords ? labelWords.join(" ") : "--";
+    if (variant === PaymentStatusVariant.PAYMENT_SETTLED)
+        label = "Paid";
+    if (variant === PaymentStatusVariant.PAYMENT_CANCELED)
+        label = "Canceled";
     return (a$l.createElement(PaymentStatusComponent, { id: id, className: className },
-        a$l.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }),
-        a$l.createElement(PaymentStatusLabel, null, variant)));
+        iconName ? a$l.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }) : "",
+        a$l.createElement(PaymentStatusLabel, null, label)));
 };
 
 exports.HelperText = HelperText;