@powerhousedao/service-offering 1.0.0-dev.24 → 1.0.0-dev.28

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

@@ -1,21 +0,0 @@
-import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
-import type { SubscriptionInstanceAction } from "@powerhousedao/service-offering/document-models/subscription-instance";
-import type { ServiceMetric } from "../../../document-models/subscription-instance/v1/gen/schema/types.js";
-interface MetricActionsProps {
-    serviceId: string;
-    metric: ServiceMetric;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-    isOperator: boolean;
-    customerName?: string | null;
-}
-export declare function MetricActions({ serviceId, metric, dispatch, isOperator, }: MetricActionsProps): import("react/jsx-runtime").JSX.Element | null;
-interface UpdateMetricLimitModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    serviceId: string;
-    metric: ServiceMetric;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-}
-export declare function UpdateMetricLimitModal({ isOpen, onClose, serviceId, metric, dispatch, }: UpdateMetricLimitModalProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=MetricActions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MetricActions.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MetricActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uEAAuE,CAAC;AAO3G,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,kDAwKpB;AAED,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,2BAA2B,kDAmE7B"}

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

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { incrementMetricUsage, decrementMetricUsage, updateMetric, } from "../../../document-models/subscription-instance/v1/gen/metrics/creators.js";
-export function MetricActions({ serviceId, metric, dispatch, isOperator, }) {
-    const [showAdjustModal, setShowAdjustModal] = useState(false);
-    const [adjustAmount, setAdjustAmount] = useState("1");
-    const handleIncrement = useCallback((amount = 1) => {
-        dispatch(incrementMetricUsage({
-            serviceId,
-            metricId: metric.id,
-            incrementBy: amount,
-            currentTime: new Date().toISOString(),
-        }));
-    }, [dispatch, serviceId, metric.id]);
-    const handleDecrement = useCallback((amount = 1) => {
-        dispatch(decrementMetricUsage({
-            serviceId,
-            metricId: metric.id,
-            decrementBy: amount,
-            currentTime: new Date().toISOString(),
-        }));
-    }, [dispatch, serviceId, metric.id]);
-    const handleAdjust = useCallback(() => {
-        const amount = parseInt(adjustAmount, 10);
-        if (isNaN(amount) || amount === 0)
-            return;
-        if (amount > 0) {
-            handleIncrement(amount);
-        }
-        else {
-            handleDecrement(Math.abs(amount));
-        }
-        setShowAdjustModal(false);
-        setAdjustAmount("1");
-    }, [adjustAmount, handleIncrement, handleDecrement]);
-    // Client request functionality removed - no longer supported
-    // const handleRequestLimitIncrease = useCallback(() => { ... }, [...]);
-    // SI-R8: Operator view mirrors client with subtle edit affordance
-    if (isOperator) {
-        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "si-metric-actions", children: _jsx("button", { type: "button", className: "si-metric-btn si-metric-btn--edit", onClick: () => setShowAdjustModal(true), "aria-label": `Edit ${metric.name} usage`, title: "Adjust usage", children: _jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" }) }) }) }), showAdjustModal && (_jsx("div", { className: "si-modal-overlay", onClick: () => setShowAdjustModal(false), children: _jsxs("div", { className: "si-modal si-modal--sm", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "si-modal__header", children: [_jsx("h3", { className: "si-modal__title", children: "Adjust Usage" }), _jsx("span", { className: "si-modal__subtitle", children: metric.name })] }), _jsxs("div", { className: "si-modal__body", children: [_jsxs("div", { className: "si-metric-adjust-info", children: [_jsxs("span", { children: ["Current: ", metric.currentUsage.toLocaleString()] }), metric.limit != null && (_jsxs("span", { children: ["Limit: ", metric.limit.toLocaleString()] }))] }), _jsxs("div", { style: {
-                                            display: "flex",
-                                            justifyContent: "center",
-                                            gap: 8,
-                                            marginBottom: 16,
-                                        }, children: [_jsx("button", { type: "button", className: "si-btn si-btn--sm si-btn--ghost", onClick: () => {
-                                                    handleDecrement(1);
-                                                    setShowAdjustModal(false);
-                                                }, disabled: metric.currentUsage <= 0, children: "-1" }), _jsx("button", { type: "button", className: "si-btn si-btn--sm si-btn--ghost", onClick: () => {
-                                                    handleIncrement(1);
-                                                    setShowAdjustModal(false);
-                                                }, children: "+1" })] }), _jsxs("div", { className: "si-form-group", children: [_jsx("label", { className: "si-form-label", htmlFor: "adjust-amount", children: "Custom Adjustment (+ or -)" }), _jsx("input", { id: "adjust-amount", type: "number", className: "si-input si-input--center", value: adjustAmount, onChange: (e) => setAdjustAmount(e.target.value), placeholder: "Enter amount" })] }), _jsxs("div", { className: "si-metric-adjust-preview", children: ["New value:", " ", _jsx("strong", { children: Math.max(0, metric.currentUsage + (parseInt(adjustAmount, 10) || 0)).toLocaleString() }), " ", metric.unitName] })] }), _jsxs("div", { className: "si-modal__footer", children: [_jsx("button", { type: "button", className: "si-btn si-btn--ghost", onClick: () => setShowAdjustModal(false), children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--primary", onClick: handleAdjust, disabled: !adjustAmount || parseInt(adjustAmount, 10) === 0, children: "Apply" })] })] }) }))] }));
-    }
-    // Client view - no direct actions
-    return null;
-}
-export function UpdateMetricLimitModal({ isOpen, onClose, serviceId, metric, dispatch, }) {
-    const [limit, setLimit] = useState(metric.limit?.toString() || "");
-    const handleSubmit = useCallback((e) => {
-        e.preventDefault();
-        const parsedLimit = limit ? parseInt(limit, 10) : null;
-        dispatch(updateMetric({
-            serviceId,
-            metricId: metric.id,
-            limit: parsedLimit,
-        }));
-        onClose();
-    }, [limit, serviceId, metric.id, dispatch, onClose]);
-    if (!isOpen)
-        return null;
-    return (_jsx("div", { className: "si-modal-overlay", onClick: onClose, children: _jsxs("div", { className: "si-modal si-modal--sm", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "si-modal__header", children: [_jsx("h3", { className: "si-modal__title", children: "Update Metric Limit" }), _jsx("span", { className: "si-modal__subtitle", children: metric.name })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { className: "si-modal__body", children: _jsxs("div", { className: "si-form-group", children: [_jsxs("label", { className: "si-form-label", htmlFor: "metric-limit", children: ["New Limit (", metric.unitName, ")"] }), _jsx("input", { id: "metric-limit", type: "number", className: "si-input", value: limit, onChange: (e) => setLimit(e.target.value), placeholder: "Leave empty for unlimited", min: "0" })] }) }), _jsxs("div", { className: "si-modal__footer", children: [_jsx("button", { type: "button", className: "si-btn si-btn--ghost", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "si-btn si-btn--primary", children: "Update Limit" })] })] })] }) }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MockDataButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MockDataButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAS/E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAySzE"}

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

@@ -1,254 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateId } from "document-model/core";
-import { initializeSubscription, activateSubscription, setRenewalDate, updateBillingProjection, } from "../../../document-models/subscription-instance/v1/gen/subscription/creators.js";
-import { setCustomerType } from "../../../document-models/subscription-instance/v1/gen/customer/creators.js";
-export function MockDataButton({ document, dispatch }) {
-    const hasData = document.state.global.services.length > 0 ||
-        document.state.global.serviceGroups.length > 0;
-    const populateMockData = useCallback(() => {
-        const oneMonthAgo = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString();
-        const oneMonthFromNow = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString();
-        const twoMonthsFromNow = new Date(Date.now() + 60 * 24 * 60 * 60 * 1000).toISOString();
-        // 1. Initialize subscription with full service group structure
-        //    Pricing lives at the SERVICE GROUP level, not per-service
-        if (!document.state.global.customerId) {
-            dispatch(initializeSubscription({
-                createdAt: oneMonthAgo,
-                customerId: `phid:customer:${generateId()}`,
-                customerName: "Acme Corporation",
-                customerEmail: "billing@acme.example.com",
-                resourceId: `phid:resource:${generateId()}`,
-                resourceLabel: "Enterprise Cloud Platform",
-                tierName: "Professional",
-                tierPricingOptionId: generateId(),
-                tierPrice: 726,
-                tierCurrency: "USD",
-                tierPricingMode: "CALCULATED",
-                selectedBillingCycle: "MONTHLY",
-                globalCurrency: "USD",
-                autoRenew: true,
-                serviceGroups: [
-                    // === Core Infrastructure (recurring, group-level price: $726/mo) ===
-                    {
-                        id: generateId(),
-                        name: "Core Infrastructure",
-                        optional: false,
-                        costType: "RECURRING",
-                        recurringAmount: 726,
-                        recurringCurrency: "USD",
-                        recurringBillingCycle: "MONTHLY",
-                        setupAmount: 500,
-                        setupCurrency: "USD",
-                        services: [
-                            {
-                                id: generateId(),
-                                name: "Cloud Compute",
-                                description: "Scalable virtual machines with automatic load balancing",
-                                metrics: [
-                                    {
-                                        id: generateId(),
-                                        name: "vCPU Hours",
-                                        unitName: "hours",
-                                        currentUsage: 1250,
-                                        freeLimit: 1000,
-                                        paidLimit: 2000,
-                                        unitCostAmount: 0.05,
-                                        unitCostCurrency: "USD",
-                                        unitCostBillingCycle: "MONTHLY",
-                                        usageResetPeriod: "MONTHLY",
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "RAM GB-Hours",
-                                        unitName: "GB-hours",
-                                        currentUsage: 3200,
-                                        freeLimit: 3000,
-                                        paidLimit: 5000,
-                                        usageResetPeriod: "MONTHLY",
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "Active Instances",
-                                        unitName: "instances",
-                                        currentUsage: 8,
-                                        freeLimit: 10,
-                                        paidLimit: 20,
-                                    },
-                                ],
-                            },
-                            {
-                                id: generateId(),
-                                name: "Object Storage",
-                                description: "Unlimited cloud storage with CDN integration",
-                                metrics: [
-                                    {
-                                        id: generateId(),
-                                        name: "Storage Used",
-                                        unitName: "GB",
-                                        currentUsage: 450,
-                                        freeLimit: 500,
-                                        paidLimit: 2000,
-                                        unitCostAmount: 0.02,
-                                        unitCostCurrency: "USD",
-                                        unitCostBillingCycle: "MONTHLY",
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "Bandwidth Out",
-                                        unitName: "GB",
-                                        currentUsage: 280,
-                                        freeLimit: 500,
-                                        usageResetPeriod: "MONTHLY",
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "API Requests",
-                                        unitName: "requests",
-                                        currentUsage: 125000,
-                                        freeLimit: 100000,
-                                        paidLimit: 500000,
-                                        unitCostAmount: 0.001,
-                                        unitCostCurrency: "USD",
-                                        unitCostBillingCycle: "MONTHLY",
-                                        usageResetPeriod: "MONTHLY",
-                                    },
-                                ],
-                            },
-                            {
-                                id: generateId(),
-                                name: "Managed Database",
-                                description: "PostgreSQL with automatic backups and failover",
-                                metrics: [
-                                    {
-                                        id: generateId(),
-                                        name: "Database Size",
-                                        unitName: "GB",
-                                        currentUsage: 85,
-                                        freeLimit: 50,
-                                        paidLimit: 100,
-                                        unitCostAmount: 0.5,
-                                        unitCostCurrency: "USD",
-                                        unitCostBillingCycle: "MONTHLY",
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "Connections",
-                                        unitName: "connections",
-                                        currentUsage: 45,
-                                        freeLimit: 50,
-                                        paidLimit: 100,
-                                    },
-                                ],
-                            },
-                            {
-                                id: generateId(),
-                                name: "Global CDN",
-                                description: "Content delivery network with edge caching",
-                                metrics: [
-                                    {
-                                        id: generateId(),
-                                        name: "Cache Hit Rate",
-                                        unitName: "%",
-                                        currentUsage: 94,
-                                        limit: 100,
-                                    },
-                                    {
-                                        id: generateId(),
-                                        name: "Edge Requests",
-                                        unitName: "M requests",
-                                        currentUsage: 12,
-                                        freeLimit: 10,
-                                        paidLimit: 50,
-                                        unitCostAmount: 5,
-                                        unitCostCurrency: "USD",
-                                        unitCostBillingCycle: "MONTHLY",
-                                        usageResetPeriod: "MONTHLY",
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                    // === Security Suite (optional add-on, group-level price: $178/mo) ===
-                    {
-                        id: generateId(),
-                        name: "Security Suite",
-                        optional: true,
-                        costType: "RECURRING",
-                        recurringAmount: 178,
-                        recurringCurrency: "USD",
-                        recurringBillingCycle: "MONTHLY",
-                        setupAmount: 750,
-                        setupCurrency: "USD",
-                        services: [
-                            {
-                                id: generateId(),
-                                name: "DDoS Protection",
-                                description: "Advanced DDoS mitigation with real-time monitoring",
-                            },
-                            {
-                                id: generateId(),
-                                name: "WAF",
-                                description: "Web Application Firewall with custom rules",
-                            },
-                            {
-                                id: generateId(),
-                                name: "Security Audit & Onboarding",
-                                description: "Initial security assessment and configuration",
-                            },
-                        ],
-                    },
-                    // === Premium Support (optional add-on, group-level price: $498/mo) ===
-                    {
-                        id: generateId(),
-                        name: "Premium Support",
-                        optional: true,
-                        costType: "RECURRING",
-                        recurringAmount: 498,
-                        recurringCurrency: "USD",
-                        recurringBillingCycle: "MONTHLY",
-                        setupAmount: 1200,
-                        setupCurrency: "USD",
-                        services: [
-                            {
-                                id: generateId(),
-                                name: "24/7 Priority Support",
-                                description: "Direct access to senior engineers with 15-min response time",
-                            },
-                            {
-                                id: generateId(),
-                                name: "Dedicated Account Manager",
-                                description: "Personal account manager for strategic guidance",
-                            },
-                            {
-                                id: generateId(),
-                                name: "Team Onboarding Workshop",
-                                description: "Customized training sessions for your engineering team",
-                            },
-                        ],
-                    },
-                ],
-            }));
-        }
-        // 2. Activate subscription
-        dispatch(activateSubscription({
-            activatedSince: oneMonthAgo,
-        }));
-        // 3. Set renewal date
-        dispatch(setRenewalDate({ renewalDate: twoMonthsFromNow }));
-        // 4. Set customer type
-        dispatch(setCustomerType({
-            customerType: "TEAM",
-            teamMemberCount: 12,
-        }));
-        // 5. Billing projection
-        // Core: $726/mo + Security: $178/mo + Support: $498/mo = $1,402/mo
-        // Plus metric overages: vCPU 250 × $0.05 = $12.50, API 25k × $0.001 = $25, DB 35 × $0.50 = $17.50, Edge 2M × $5 = $10
-        dispatch(updateBillingProjection({
-            nextBillingDate: oneMonthFromNow,
-            projectedBillAmount: 1467,
-            projectedBillCurrency: "USD",
-        }));
-    }, [document.state.global.customerId, dispatch]);
-    return (_jsxs("button", { type: "button", className: "si-btn si-btn--secondary", onClick: populateMockData, title: hasData ? "Add more mock data" : "Populate with example data", children: [_jsx("svg", { className: "si-btn__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" }) }), hasData ? "Add More Data" : "Populate Mock Data"] }));
-}

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

@@ -1,8 +0,0 @@
-import type { ViewMode } from "../types.js";
-interface ModeToggleProps {
-    mode: ViewMode;
-    onModeChange: (mode: ViewMode) => void;
-}
-export declare function ModeToggle({ mode, onModeChange }: ModeToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ModeToggle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModeToggle.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ModeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,eAAe,2CAkDjE"}

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ModeToggle({ mode, onModeChange }) {
-    return (_jsxs("div", { className: "si-mode-toggle", children: [_jsxs("button", { type: "button", className: `si-mode-toggle__btn ${mode === "client" ? "si-mode-toggle__btn--active" : ""}`, onClick: () => onModeChange("client"), children: [_jsx("svg", { className: "si-mode-toggle__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }), _jsx("span", { children: "Client View" })] }), _jsxs("button", { type: "button", className: `si-mode-toggle__btn ${mode === "operator" ? "si-mode-toggle__btn--active" : ""}`, onClick: () => onModeChange("operator"), children: [_jsxs("svg", { className: "si-mode-toggle__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })] }), _jsx("span", { children: "Operator View" })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"OperatorNotes.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/OperatorNotes.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAG/E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAkFvE"}

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { setOperatorNotes } from "../../../document-models/subscription-instance/v1/gen/creators.js";
-export function OperatorNotes({ document, dispatch }) {
-    const currentNotes = document.state.global.operatorNotes || "";
-    const [isEditing, setIsEditing] = useState(false);
-    const [notes, setNotes] = useState(currentNotes);
-    const handleSave = useCallback(() => {
-        dispatch(setOperatorNotes({ operatorNotes: notes || null }));
-        setIsEditing(false);
-    }, [dispatch, notes]);
-    const handleCancel = useCallback(() => {
-        setNotes(currentNotes);
-        setIsEditing(false);
-    }, [currentNotes]);
-    return (_jsxs("div", { className: "si-operator-notes", children: [_jsxs("div", { className: "si-operator-notes__header", children: [_jsxs("h4", { className: "si-operator-notes__title", children: [_jsx("svg", { className: "si-operator-notes__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }), "Internal Notes"] }), !isEditing && (_jsx("button", { type: "button", className: "si-btn si-btn--ghost si-btn--sm", onClick: () => setIsEditing(true), children: "Edit" }))] }), isEditing ? (_jsxs("div", { className: "si-operator-notes__edit", children: [_jsx("textarea", { className: "si-input si-input--textarea", value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Add internal notes about this subscription...", rows: 4 }), _jsxs("div", { className: "si-operator-notes__actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--ghost si-btn--sm", onClick: handleCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--primary si-btn--sm", onClick: handleSave, children: "Save Notes" })] })] })) : (_jsx("div", { className: "si-operator-notes__content", children: currentNotes ? (_jsx("p", { className: "si-operator-notes__text", children: currentNotes })) : (_jsx("p", { className: "si-operator-notes__empty", children: "No internal notes" })) }))] }));
-}

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

@@ -1,11 +0,0 @@
-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 ServicesPanelProps {
-    document: SubscriptionInstanceDocument;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-    mode: ViewMode;
-}
-export declare function ServicesPanel({ document, dispatch, mode, }: ServicesPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ServicesPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ServicesPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ServicesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAK/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ5C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAkKD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,kBAAkB,2CA6KpB"}

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

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MetricActions } from "./MetricActions.js";
-import { formatCurrency as fmtCurrency, formatBillingCycleSuffix, formatDiscountBadge, } from "./billing-utils.js";
-function UsageBar({ serviceId, metric, dispatch, isOperator, customerName, }) {
-    const freeLimit = metric.freeLimit ?? metric.limit ?? 0;
-    const paidLimit = metric.paidLimit ?? null;
-    const displayLimit = paidLimit ?? freeLimit;
-    const percentage = displayLimit > 0
-        ? Math.min(100, (metric.currentUsage / displayLimit) * 100)
-        : 0;
-    const freePortion = displayLimit > 0 ? Math.min(100, (freeLimit / displayLimit) * 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";
-    };
-    const isOverFree = metric.currentUsage > freeLimit && freeLimit > 0;
-    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(), displayLimit > 0 && ` / ${displayLimit.toLocaleString()}`, _jsxs("span", { className: "si-metric__unit", children: [" ", metric.unitName] })] })] }), _jsxs("div", { className: "si-metric__body", children: [displayLimit > 0 && (_jsxs("div", { className: "si-usage-bar", children: [paidLimit != null && freeLimit > 0 && freeLimit < paidLimit && (_jsx("div", { className: "si-usage-bar__free-marker", style: { left: `${freePortion}%` }, title: `${freeLimit.toLocaleString()} free` })), _jsx("div", { className: `si-usage-bar__fill ${getBarColor()}`, style: { width: `${percentage}%` }, role: "progressbar", "aria-valuenow": metric.currentUsage, "aria-valuemin": 0, "aria-valuemax": displayLimit })] })), _jsx(MetricActions, { serviceId: serviceId, metric: metric, dispatch: dispatch, isOperator: isOperator, customerName: customerName })] }), paidLimit != null && freeLimit > 0 && freeLimit !== paidLimit && (_jsxs("p", { className: "si-metric__paid-limit", children: [freeLimit.toLocaleString(), " free \u00B7 ", paidLimit.toLocaleString(), " max", metric.unitCost && (_jsxs("span", { children: [" · ", "overage:", " ", fmtCurrency(metric.unitCost.amount, metric.unitCost.currency), "/", metric.unitName] }))] })), isOverFree && metric.unitCost && (_jsxs("div", { className: "si-metric__overage", children: [_jsx("strong", { children: (metric.currentUsage - freeLimit).toLocaleString() }), " ", metric.unitName, " over free limit"] })), (metric.nextUsageReset || metric.usageResetPeriod) && (_jsxs("p", { className: "si-metric__reset", children: [metric.usageResetPeriod && (_jsxs("span", { className: "si-metric__reset-period", children: [metric.usageResetPeriod.charAt(0) +
-                                metric.usageResetPeriod.slice(1).toLowerCase(), " ", "reset"] })), metric.nextUsageReset && (_jsxs("span", { children: [metric.usageResetPeriod ? " · " : "Resets ", new Date(metric.nextUsageReset).toLocaleDateString()] }))] }))] }));
-}
-function ServiceCard({ service, mode, dispatch, customerName, }) {
-    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" }), service.customValue && (_jsx("span", { className: "si-service-card__custom-value", children: service.customValue }))] }), service.description && (_jsx("p", { className: "si-service-card__desc", children: service.description })), 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))) }))] }));
-}
-export function ServicesPanel({ document, dispatch, mode, }) {
-    const state = document.state.global;
-    // Split groups into recurring (non-optional) and add-ons (optional)
-    const recurringGroups = state.serviceGroups.filter((g) => !g.optional);
-    const addonGroups = state.serviceGroups.filter((g) => g.optional);
-    const hasRecurring = state.services.length > 0 || recurringGroups.length > 0;
-    const hasAddons = addonGroups.length > 0;
-    const recurringServiceCount = state.services.length +
-        recurringGroups.reduce((acc, g) => acc + g.services.length, 0);
-    const addonServiceCount = addonGroups.reduce((acc, g) => acc + g.services.length, 0);
-    if (!hasRecurring && !hasAddons) {
-        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: [hasRecurring && (_jsxs("div", { className: "si-panel", children: [_jsxs("div", { className: "si-panel__header", children: [_jsx("h3", { className: "si-panel__title", children: "Recurring Services" }), _jsxs("span", { className: "si-panel__count", children: [recurringServiceCount, " services"] })] }), state.services.length > 0 && (_jsx("div", { className: "si-services-grid", children: state.services.map((service) => (_jsx(ServiceCard, { service: service, mode: mode, dispatch: dispatch, customerName: state.customerName }, service.id))) })), recurringGroups.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.recurringCost && (_jsxs("span", { className: "si-service-group__price", children: [group.recurringCost.discount && (_jsxs(_Fragment, { children: [_jsx("span", { className: "si-service-group__original-price", children: fmtCurrency(group.recurringCost.discount.originalAmount, group.recurringCost.currency) }), _jsx("span", { className: "si-service-group__discount-badge", children: formatDiscountBadge(group.recurringCost.discount) })] })), fmtCurrency(group.recurringCost.amount, group.recurringCost.currency), formatBillingCycleSuffix(group.recurringCost.billingCycle)] }))] }), _jsx("div", { className: "si-services-grid", children: group.services.map((service) => (_jsx(ServiceCard, { service: service, mode: mode, dispatch: dispatch, customerName: state.customerName }, service.id))) })] }, group.id)))] })), hasAddons && (_jsxs("div", { className: "si-panel", children: [_jsxs("div", { className: "si-panel__header", children: [_jsx("h3", { className: "si-panel__title", children: "Add-ons" }), _jsxs("span", { className: "si-panel__count", children: [addonGroups.length, " groups, ", addonServiceCount, " services"] })] }), addonGroups.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 }), _jsx("span", { className: "si-badge si-badge--violet si-badge--sm", children: "Optional" }), group.recurringCost && (_jsxs("span", { className: "si-service-group__price", children: [group.recurringCost.discount && (_jsxs(_Fragment, { children: [_jsx("span", { className: "si-service-group__original-price", children: fmtCurrency(group.recurringCost.discount.originalAmount, group.recurringCost.currency) }), _jsx("span", { className: "si-service-group__discount-badge", children: formatDiscountBadge(group.recurringCost.discount) })] })), fmtCurrency(group.recurringCost.amount, group.recurringCost.currency), formatBillingCycleSuffix(group.recurringCost.billingCycle)] }))] }), _jsx("div", { className: "si-services-grid", children: group.services.map((service) => (_jsx(ServiceCard, { service: service, mode: mode, dispatch: dispatch, customerName: state.customerName }, service.id))) })] }, group.id)))] }))] }));
-}

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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;AAS5C,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,2CA2P1B"}