@stella-source/stellasource-dsl 1.3.0 → 1.3.2

package/dist/cjs/types/components/PaymentStatus/PaymentStatus.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
             control: {
                 type: string;
             };
-            options: PaymentStatusVariant[];
+            options: (PaymentStatusVariant | null)[];
         };
     };
     args: {

package/dist/cjs/types/components/PaymentStatus/types.d.ts

@@ -1,15 +1,15 @@
 export declare enum PaymentStatusVariant {
-    PAYMENT_REQUIRED = "Payment Required",
-    TERMS_APPLIED = "Terms Applied",
-    PAYMENT_AUTHORIZED = "Payment Authorized",
-    PAYMENT_PROCESSING = "Payment Processing",
-    PAID = "Paid",
-    PAYMENT_FAILED = "Payment Failed",
-    CANCELED = "Canceled",
-    PAYMENT_WINDOW_EXPIRED = "Payment Window Expired"
+    PAYMENT_PENDING = "PaymentPending",
+    TERMS_APPLIED = "TermsApplied",
+    PAYMENT_AUTHORIZED = "PaymentAuthorized",
+    PAYMENT_PROCESSING = "PaymentProcessing",
+    PAYMENT_SETTLED = "PaymentSettled",
+    PAYMENT_FAILED = "PaymentFailed",
+    PAYMENT_CANCELED = "PaymentCanceled",
+    PAYMENT_WINDOW_EXPIRED = "PaymentWindowExpired"
 }
 export interface PaymentStatusProps {
     id?: string;
     className?: string;
-    variant: `${PaymentStatusVariant}`;
+    variant: `${PaymentStatusVariant}` | null;
 }

package/dist/esm/index.esm.js

@@ -21868,7 +21868,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;
@@ -21877,21 +21878,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__default.createElement(PaymentStatusComponent, { id: id, className: className },
-        a__default.createElement(PaymentStatusIcon, { iconName: iconName }),
-        a__default.createElement(PaymentStatusLabel, null, variant)));
+        iconName ? a__default.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }) : "",
+        a__default.createElement(PaymentStatusLabel, null, label)));
 };
 
 export { HelperText, IconButton, Label, Loader, NumberInput, Pagination, PasswordInput, PaymentStatus, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, TextInput, Tooltip };