@stella-source/stellasource-dsl 1.3.0 → 1.3.2

package/dist/cjs/index.js

@@ -21888,7 +21888,8 @@ const PaymentStatusComponent = styled.div `
   gap: 3px;
   font-family: "Inter", sans-serif;
   font-weight: 500;
-  font-size: 16px;
+  font-size: 12px;
+  color: var(--charcoal);
 `;
 const PaymentStatusIcon = styled(StellaIcon) `
   flex-shrink: 0;
@@ -21897,21 +21898,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 }),
-        a$l.createElement(PaymentStatusLabel, null, variant)));
+        iconName ? a$l.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }) : "",
+        a$l.createElement(PaymentStatusLabel, null, label)));
 };
 
 exports.HelperText = HelperText;