@powerhousedao/service-offering 0.0.1

package/dist/editors/subscription-instance-editor/components/ServicesPanel.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { MetricActions } from "./MetricActions.js";
+function UsageBar({ serviceId, metric, dispatch, isOperator, customerName, }) {
+    const percentage = metric.limit
+        ? Math.min(100, (metric.currentUsage / metric.limit) * 100)
+        : 0;
+    const getBarColor = () => {
+        if (percentage >= 90)
+            return "si-usage-bar__fill--danger";
+        if (percentage >= 75)
+            return "si-usage-bar__fill--warning";
+        return "si-usage-bar__fill--normal";
+    };
+    return (_jsxs("div", { className: "si-metric", children: [_jsxs("div", { className: "si-metric__header", children: [_jsx("span", { className: "si-metric__name", children: metric.name }), _jsxs("span", { className: "si-metric__value", children: [metric.currentUsage.toLocaleString(), metric.limit && ` / ${metric.limit.toLocaleString()}`, _jsxs("span", { className: "si-metric__unit", children: [" ", metric.unitName] })] })] }), _jsxs("div", { className: "si-metric__body", children: [metric.limit && (_jsx("div", { className: "si-usage-bar", children: _jsx("div", { className: `si-usage-bar__fill ${getBarColor()}`, style: { width: `${percentage}%` }, role: "progressbar", "aria-valuenow": metric.currentUsage, "aria-valuemin": 0, "aria-valuemax": metric.limit }) })), _jsx(MetricActions, { serviceId: serviceId, metric: metric, dispatch: dispatch, isOperator: isOperator, customerName: customerName })] }), metric.nextUsageReset && (_jsxs("p", { className: "si-metric__reset", children: ["Resets ", new Date(metric.nextUsageReset).toLocaleDateString()] }))] }));
+}
+function ServiceCard({ service, mode, dispatch, customerName, onRequestRemove, }) {
+    const formatCurrency = (amount, currency) => {
+        return new Intl.NumberFormat("en-US", {
+            style: "currency",
+            currency: currency || "USD",
+        }).format(amount);
+    };
+    const formatBillingCycle = (cycle) => {
+        const labels = {
+            MONTHLY: "/mo",
+            ANNUAL: "/yr",
+            QUARTERLY: "/qtr",
+            SEMI_ANNUAL: "/6mo",
+            ONE_TIME: "",
+        };
+        return labels[cycle] || "";
+    };
+    return (_jsxs("div", { className: "si-service-card", children: [_jsxs("div", { className: "si-service-card__header", children: [_jsx("h4", { className: "si-service-card__name", children: service.name || "Service" }), _jsx("div", { className: "si-service-card__header-right", children: service.recurringCost && (_jsxs("span", { className: "si-service-card__price", children: [formatCurrency(service.recurringCost.amount, service.recurringCost.currency), formatBillingCycle(service.recurringCost.billingCycle)] })) })] }), service.description && (_jsx("p", { className: "si-service-card__desc", children: service.description })), mode === "operator" && service.setupCost && (_jsxs("div", { className: "si-service-card__setup", children: [_jsx("span", { className: "si-service-card__setup-label", children: "Setup fee:" }), _jsxs("span", { className: "si-service-card__setup-value", children: [formatCurrency(service.setupCost.amount, service.setupCost.currency), service.setupCost.paymentDate ? (_jsx("span", { className: "si-service-card__paid", children: " (Paid)" })) : (_jsx("span", { className: "si-service-card__pending", children: " (Pending)" }))] })] })), service.metrics.length > 0 && (_jsx("div", { className: "si-service-card__metrics", children: service.metrics.map((metric) => (_jsx(UsageBar, { serviceId: service.id, metric: metric, dispatch: dispatch, isOperator: mode === "operator", customerName: customerName }, metric.id))) })), service.recurringCost?.nextBillingDate && (_jsxs("p", { className: "si-service-card__billing", children: ["Next billing:", " ", new Date(service.recurringCost.nextBillingDate).toLocaleDateString()] })), mode === "client" && onRequestRemove && (_jsx("div", { className: "si-service-card__actions", children: _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--danger-ghost", onClick: () => onRequestRemove(service), children: "Request Removal" }) }))] }));
+}
+function RequestServiceModal({ isOpen, onClose, service, requestType, }) {
+    const [reason, setReason] = useState("");
+    const handleSubmit = useCallback(() => {
+        // Requests module has been removed - functionality disabled
+        console.warn("Service request functionality is currently disabled");
+        setReason("");
+        onClose();
+    }, [onClose]);
+    const handleClose = useCallback(() => {
+        setReason("");
+        onClose();
+    }, [onClose]);
+    if (!isOpen)
+        return null;
+    const isRemove = requestType === "REMOVE_SERVICE";
+    const title = isRemove ? "Request Service Removal" : "Request Add-on";
+    const subtitle = service?.name || "Service";
+    return (_jsx("div", { className: "si-modal-overlay", onClick: handleClose, children: _jsxs("div", { className: "si-modal", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "si-modal__header", children: [_jsx("h3", { className: "si-modal__title", children: title }), _jsx("span", { className: "si-modal__subtitle", children: subtitle })] }), _jsxs("div", { className: "si-modal__body", children: [_jsx("p", { className: "si-modal__message", children: isRemove
+                                ? "Submit a request to remove this service from your subscription. The operator will review your request."
+                                : "Submit a request to add this service to your subscription. The operator will review your request." }), _jsxs("div", { className: "si-form-group", children: [_jsx("label", { className: "si-form-label", htmlFor: "service-request-reason", children: "Reason (optional)" }), _jsx("textarea", { id: "service-request-reason", className: "si-input si-input--textarea", value: reason, onChange: (e) => setReason(e.target.value), placeholder: isRemove
+                                        ? "Explain why you want to remove this service..."
+                                        : "Explain why you need this service...", rows: 3 })] })] }), _jsxs("div", { className: "si-modal__footer", children: [_jsx("button", { type: "button", className: "si-btn si-btn--ghost", onClick: handleClose, children: "Cancel" }), _jsx("button", { type: "button", className: isRemove ? "si-btn si-btn--danger" : "si-btn si-btn--primary", onClick: handleSubmit, children: "Submit Request" })] })] }) }));
+}
+export function ServicesPanel({ document, dispatch, mode, }) {
+    const state = document.state.global;
+    const hasServices = state.services.length > 0;
+    const hasServiceGroups = state.serviceGroups.length > 0;
+    const [serviceToRemove, setServiceToRemove] = useState(null);
+    const handleRequestRemove = useCallback((service) => {
+        setServiceToRemove(service);
+    }, []);
+    if (!hasServices && !hasServiceGroups) {
+        return (_jsxs("div", { className: "si-panel", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: "Services" }) }), _jsxs("div", { className: "si-empty", children: [_jsx("svg", { className: "si-empty__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" }) }), _jsx("p", { className: "si-empty__text", children: "No services configured" })] })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "si-panel", children: [_jsxs("div", { className: "si-panel__header", children: [_jsx("h3", { className: "si-panel__title", children: "Services" }), _jsxs("span", { className: "si-panel__count", children: [state.services.length +
+                                        state.serviceGroups.reduce((acc, g) => acc + g.services.length, 0), " ", "total"] })] }), hasServices && (_jsx("div", { className: "si-services-grid", children: state.services.map((service) => (_jsx(ServiceCard, { service: service, mode: mode, dispatch: dispatch, customerName: state.customerName, onRequestRemove: handleRequestRemove }, service.id))) })), hasServiceGroups &&
+                        state.serviceGroups.map((group) => (_jsxs("div", { className: "si-service-group", children: [_jsxs("div", { className: "si-service-group__header", children: [_jsx("h4", { className: "si-service-group__name", children: group.name }), group.optional && (_jsx("span", { className: "si-badge si-badge--slate si-badge--sm", children: "Optional" }))] }), _jsx("div", { className: "si-services-grid", children: group.services.map((service) => (_jsx(ServiceCard, { service: service, mode: mode, dispatch: dispatch, customerName: state.customerName, onRequestRemove: handleRequestRemove }, service.id))) })] }, group.id)))] }), _jsx(RequestServiceModal, { isOpen: serviceToRemove !== null, onClose: () => setServiceToRemove(null), service: serviceToRemove, requestType: "REMOVE_SERVICE", dispatch: dispatch, customerName: state.customerName })] }));
+}

package/dist/editors/subscription-instance-editor/components/StatusBadge.d.ts

@@ -0,0 +1,7 @@
+interface StatusBadgeProps {
+    status: string;
+    size?: "sm" | "md";
+}
+export declare function StatusBadge({ status, size }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/editors/subscription-instance-editor/components/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/StatusBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAuBD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAW,EAAE,EAAE,gBAAgB,2CASpE"}

package/dist/editors/subscription-instance-editor/components/StatusBadge.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const statusColors = {
+    // Subscription statuses
+    ACTIVE: "si-badge--emerald",
+    PENDING: "si-badge--amber",
+    PAUSED: "si-badge--slate",
+    EXPIRING: "si-badge--orange",
+    CANCELLED: "si-badge--rose",
+    // Invoice statuses
+    DRAFT: "si-badge--slate",
+    SENT: "si-badge--sky",
+    PAID: "si-badge--emerald",
+    PARTIALLY_PAID: "si-badge--amber",
+    OVERDUE: "si-badge--rose",
+    REFUNDED: "si-badge--violet",
+    // KYC statuses
+    NOT_STARTED: "si-badge--slate",
+    NOT_REQUIRED: "si-badge--slate",
+    VERIFIED: "si-badge--emerald",
+    REJECTED: "si-badge--rose",
+};
+export function StatusBadge({ status, size = "md" }) {
+    const colorClass = statusColors[status] || "si-badge--slate";
+    const sizeClass = size === "sm" ? "si-badge--sm" : "";
+    return (_jsx("span", { className: `si-badge ${colorClass} ${sizeClass}`, children: status.replace(/_/g, " ") }));
+}

package/dist/editors/subscription-instance-editor/components/SubscriptionActions.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import type { SubscriptionInstanceAction, SubscriptionInstanceDocument } from "@powerhousedao/service-offering/document-models/subscription-instance";
+import type { ViewMode } from "../types.js";
+interface SubscriptionActionsProps {
+    document: SubscriptionInstanceDocument;
+    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
+    mode: ViewMode;
+}
+export declare function SubscriptionActions({ document, dispatch, mode, }: SubscriptionActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubscriptionActions.d.ts.map

package/dist/editors/subscription-instance-editor/components/SubscriptionActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionActions.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/SubscriptionActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAa5C,UAAU,wBAAwB;IAChC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAsED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,wBAAwB,2CA+Q1B"}

package/dist/editors/subscription-instance-editor/components/SubscriptionActions.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { activateSubscription, pauseSubscription, resumeSubscription, cancelSubscription, renewExpiringSubscription, } from "../../../document-models/subscription-instance/gen/subscription/creators.js";
+function ConfirmModal({ isOpen, title, message, confirmLabel, confirmVariant = "primary", onConfirm, onCancel, showReasonInput, reason, onReasonChange, }) {
+    if (!isOpen)
+        return null;
+    const buttonClass = confirmVariant === "danger"
+        ? "si-btn si-btn--danger"
+        : confirmVariant === "warning"
+            ? "si-btn si-btn--warning"
+            : "si-btn si-btn--primary";
+    return (_jsx("div", { className: "si-modal-overlay", onClick: onCancel, children: _jsxs("div", { className: "si-modal", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "si-modal__header", children: _jsx("h3", { className: "si-modal__title", children: title }) }), _jsxs("div", { className: "si-modal__body", children: [_jsx("p", { className: "si-modal__message", children: message }), showReasonInput && (_jsx("textarea", { className: "si-input si-input--textarea", placeholder: "Reason (optional)", value: reason, onChange: (e) => onReasonChange?.(e.target.value) }))] }), _jsxs("div", { className: "si-modal__footer", children: [_jsx("button", { type: "button", className: "si-btn si-btn--ghost", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", className: buttonClass, onClick: onConfirm, children: confirmLabel })] })] }) }));
+}
+export function SubscriptionActions({ document, dispatch, mode, }) {
+    const state = document.state.global;
+    const [confirmAction, setConfirmAction] = useState(null);
+    const [reason, setReason] = useState("");
+    // Operator direct actions
+    const handleActivate = useCallback(() => {
+        dispatch(activateSubscription({
+            activatedSince: new Date().toISOString(),
+        }));
+    }, [dispatch]);
+    const handleOperatorPause = useCallback(() => {
+        dispatch(pauseSubscription({
+            pausedSince: new Date().toISOString(),
+        }));
+        setConfirmAction(null);
+    }, [dispatch]);
+    const handleOperatorResume = useCallback(() => {
+        dispatch(resumeSubscription({
+            timestamp: new Date().toISOString(),
+        }));
+        setConfirmAction(null);
+    }, [dispatch]);
+    const handleOperatorCancel = useCallback(() => {
+        dispatch(cancelSubscription({
+            cancelledSince: new Date().toISOString(),
+            cancellationReason: reason || null,
+        }));
+        setConfirmAction(null);
+        setReason("");
+    }, [dispatch, reason]);
+    const handleOperatorRenew = useCallback(() => {
+        dispatch(renewExpiringSubscription({
+            timestamp: new Date().toISOString(),
+        }));
+        setConfirmAction(null);
+    }, [dispatch]);
+    // Determine which handler to use based on mode
+    const handleConfirm = useCallback(() => {
+        // Only operator mode can perform direct actions
+        // Client request functionality is disabled
+        if (mode === "operator") {
+            switch (confirmAction) {
+                case "pause":
+                    handleOperatorPause();
+                    break;
+                case "resume":
+                    handleOperatorResume();
+                    break;
+                case "cancel":
+                    handleOperatorCancel();
+                    break;
+                case "renew":
+                    handleOperatorRenew();
+                    break;
+            }
+        }
+        else {
+            // Client mode - requests are disabled
+            console.warn("Client request functionality is currently disabled");
+            setConfirmAction(null);
+            setReason("");
+        }
+    }, [
+        mode,
+        confirmAction,
+        handleOperatorPause,
+        handleOperatorResume,
+        handleOperatorCancel,
+        handleOperatorRenew,
+    ]);
+    const isPending = state.status === "PENDING";
+    const isActive = state.status === "ACTIVE";
+    const isPaused = state.status === "PAUSED";
+    const isExpiring = state.status === "EXPIRING";
+    const isCancelled = state.status === "CANCELLED";
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "si-actions", children: [mode === "operator" && (_jsxs("div", { className: "si-actions__buttons", children: [isPending && (_jsxs("button", { type: "button", className: "si-btn si-btn--sm si-btn--success", onClick: handleActivate, children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }), "Activate"] })), isActive && (_jsxs("button", { type: "button", className: "si-btn si-btn--sm si-btn--warning", onClick: () => setConfirmAction("pause"), children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z", clipRule: "evenodd" }) }), "Pause"] })), isPaused && (_jsxs("button", { type: "button", className: "si-btn si-btn--sm si-btn--success", onClick: () => setConfirmAction("resume"), children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", clipRule: "evenodd" }) }), "Resume"] })), isExpiring && (_jsxs("button", { type: "button", className: "si-btn si-btn--sm si-btn--primary", onClick: () => setConfirmAction("renew"), children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z", clipRule: "evenodd" }) }), "Renew"] })), !isCancelled && (_jsxs("button", { type: "button", className: "si-btn si-btn--sm si-btn--danger-ghost", onClick: () => setConfirmAction("cancel"), children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }), "Cancel"] }))] })), mode === "client" && !isCancelled && (_jsx("div", { className: "si-actions__buttons", children: _jsx("p", { className: "si-actions__disabled-note", children: "Client request functionality is currently unavailable." }) }))] }), _jsx(ConfirmModal, { isOpen: confirmAction === "pause", title: "Pause Subscription", message: "Are you sure you want to pause this subscription? Services will be temporarily suspended.", confirmLabel: "Pause Subscription", confirmVariant: "warning", onConfirm: handleConfirm, onCancel: () => {
+                    setConfirmAction(null);
+                    setReason("");
+                } }), _jsx(ConfirmModal, { isOpen: confirmAction === "resume", title: "Resume Subscription", message: "Are you sure you want to resume this subscription? Services will be reactivated.", confirmLabel: "Resume Subscription", confirmVariant: "primary", onConfirm: handleConfirm, onCancel: () => {
+                    setConfirmAction(null);
+                    setReason("");
+                } }), _jsx(ConfirmModal, { isOpen: confirmAction === "cancel", title: "Cancel Subscription", message: "Are you sure you want to cancel this subscription? This action cannot be undone.", confirmLabel: "Cancel Subscription", confirmVariant: "danger", onConfirm: handleConfirm, onCancel: () => {
+                    setConfirmAction(null);
+                    setReason("");
+                }, showReasonInput: true, reason: reason, onReasonChange: setReason }), _jsx(ConfirmModal, { isOpen: confirmAction === "renew", title: "Renew Subscription", message: "This will renew the expiring subscription and set it back to active status.", confirmLabel: "Renew Subscription", confirmVariant: "primary", onConfirm: handleConfirm, onCancel: () => setConfirmAction(null) })] }));
+}

package/dist/editors/subscription-instance-editor/components/SubscriptionHeader.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import type { SubscriptionInstanceAction, SubscriptionInstanceDocument } from "@powerhousedao/service-offering/document-models/subscription-instance";
+import type { ViewMode } from "../types.js";
+interface SubscriptionHeaderProps {
+    document: SubscriptionInstanceDocument;
+    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
+    mode: ViewMode;
+}
+export declare function SubscriptionHeader({ document, dispatch, mode, }: SubscriptionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubscriptionHeader.d.ts.map

package/dist/editors/subscription-instance-editor/components/SubscriptionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionHeader.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/SubscriptionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,uBAAuB,2CA6GzB"}

package/dist/editors/subscription-instance-editor/components/SubscriptionHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusBadge } from "./StatusBadge.js";
+import { SubscriptionActions } from "./SubscriptionActions.js";
+export function SubscriptionHeader({ document, dispatch, mode, }) {
+    const state = document.state.global;
+    const formatDate = (date) => {
+        if (!date)
+            return "—";
+        return new Date(date).toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric",
+            year: "numeric",
+        });
+    };
+    return (_jsxs("div", { className: "si-header", children: [_jsxs("div", { className: "si-header__main", children: [_jsxs("div", { className: "si-header__title-row", children: [_jsxs("div", { className: "si-header__info", children: [state.resource?.thumbnailUrl && (_jsx("img", { src: state.resource.thumbnailUrl, alt: "", className: "si-header__thumbnail" })), _jsxs("div", { children: [_jsx("h1", { className: "si-header__title", children: state.resource?.label || state.tierName || "Subscription" }), state.tierName && state.resource?.label && (_jsxs("p", { className: "si-header__subtitle", children: [state.tierName, " Tier"] }))] })] }), _jsx(StatusBadge, { status: state.status })] }), _jsxs("div", { className: "si-header__meta", children: [mode === "operator" && state.customerName && (_jsxs("div", { className: "si-header__meta-item", children: [_jsx("span", { className: "si-header__meta-label", children: "Customer" }), _jsx("span", { className: "si-header__meta-value", children: state.customerName })] })), state.createdAt && (_jsxs("div", { className: "si-header__meta-item", children: [_jsx("span", { className: "si-header__meta-label", children: "Created" }), _jsx("span", { className: "si-header__meta-value", children: formatDate(state.createdAt) })] })), state.activatedSince && (_jsxs("div", { className: "si-header__meta-item", children: [_jsx("span", { className: "si-header__meta-label", children: "Active Since" }), _jsx("span", { className: "si-header__meta-value", children: formatDate(state.activatedSince) })] })), state.renewalDate && (_jsxs("div", { className: "si-header__meta-item", children: [_jsx("span", { className: "si-header__meta-label", children: "Renewal Date" }), _jsx("span", { className: "si-header__meta-value", children: formatDate(state.renewalDate) })] }))] })] }), _jsxs("div", { className: "si-header__stats", children: [_jsxs("div", { className: "si-header__stat", children: [_jsx("span", { className: "si-header__stat-value", children: state.services.length }), _jsx("span", { className: "si-header__stat-label", children: "Services" })] }), state.projectedBillAmount != null && (_jsxs("div", { className: "si-header__stat", children: [_jsx("span", { className: "si-header__stat-value", children: new Intl.NumberFormat("en-US", {
+                                    style: "currency",
+                                    currency: state.projectedBillCurrency || "USD",
+                                }).format(state.projectedBillAmount) }), _jsx("span", { className: "si-header__stat-label", children: "Next Bill" })] })), state.nextBillingDate && (_jsxs("div", { className: "si-header__stat", children: [_jsx("span", { className: "si-header__stat-value", children: formatDate(state.nextBillingDate) }), _jsx("span", { className: "si-header__stat-label", children: "Due Date" })] }))] }), _jsx("div", { className: "si-header__actions-section", children: _jsx(SubscriptionActions, { document: document, dispatch: dispatch, mode: mode }) })] }));
+}

package/dist/editors/subscription-instance-editor/editor.d.ts

@@ -0,0 +1,2 @@
+export default function SubscriptionInstanceEditor(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editors/subscription-instance-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/subscription-instance-editor/editor.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAkFjD"}