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

package/dist/editors/service-offering-editor/components/TierDefinition.d.ts

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

package/dist/editors/service-offering-editor/components/TierDefinition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TierDefinition.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/TierDefinition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EAItB,MAAM,kEAAkE,CAAC;AAY1E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,uBAAuB,CAAC;IAClC,QAAQ,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CACnD;AA6ED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiYzE"}

package/dist/editors/service-offering-editor/components/TierDefinition.js

@@ -1,230 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useMemo, useState, useCallback } from "react";
-import { generateId } from "document-model/core";
-import { addTier, updateTier, deleteTier, setAvailableBillingCycles, reorderTiers, } from "../../../document-models/service-offering/v1/gen/creators.js";
-import { calculateTierRecurringPrice, formatPrice } from "./pricing-utils.js";
-import { InfoIcon } from "./InfoIcon.js";
-import { ConfirmDialog } from "./ConfirmDialog.js";
-const TIER_ACCENTS = [
-    {
-        color: "var(--so-emerald-500)",
-        bg: "var(--so-emerald-50)",
-        name: "emerald",
-    },
-    { color: "var(--so-violet-500)", bg: "var(--so-violet-50)", name: "violet" },
-    { color: "var(--so-amber-500)", bg: "var(--so-amber-50)", name: "amber" },
-    { color: "var(--so-sky-500)", bg: "var(--so-sky-50)", name: "sky" },
-    { color: "var(--so-rose-500)", bg: "var(--so-rose-50)", name: "rose" },
-];
-const TIER_PRESETS = [
-    {
-        name: "Standard 3-Tier",
-        description: "Basic → Professional → Enterprise",
-        icon: "📊",
-        tiers: [
-            { name: "Basic", isCustomPricing: false },
-            { name: "Professional", isCustomPricing: false },
-            { name: "Enterprise", isCustomPricing: true },
-        ],
-    },
-    {
-        name: "Freemium Model",
-        description: "Free → Pro → Business",
-        icon: "🚀",
-        tiers: [
-            { name: "Free", isCustomPricing: false },
-            { name: "Pro", isCustomPricing: false },
-            { name: "Business", isCustomPricing: false },
-        ],
-    },
-    {
-        name: "Simple 2-Tier",
-        description: "Starter → Growth",
-        icon: "⚡",
-        tiers: [
-            { name: "Starter", isCustomPricing: false },
-            { name: "Growth", isCustomPricing: false },
-        ],
-    },
-    {
-        name: "Annual Focus",
-        description: "Annual pricing with discounts",
-        icon: "📅",
-        tiers: [
-            { name: "Essential", isCustomPricing: false },
-            { name: "Professional", isCustomPricing: false },
-            { name: "Enterprise", isCustomPricing: true },
-        ],
-    },
-];
-const BILLING_CYCLE_OPTIONS = [
-    { value: "MONTHLY", label: "Monthly" },
-    { value: "QUARTERLY", label: "Quarterly" },
-    { value: "SEMI_ANNUAL", label: "Semi-Annual" },
-    { value: "ANNUAL", label: "Annual" },
-];
-const fontSans = "'DM Sans', system-ui, sans-serif";
-const fontMono = "'DM Mono', 'SF Mono', monospace";
-export function TierDefinition({ document, dispatch }) {
-    const { state } = document;
-    const tiers = state.global.tiers ?? [];
-    const optionGroups = state.global.optionGroups ?? [];
-    const regularGroups = useMemo(() => optionGroups.filter((g) => g.costType !== "SETUP" && !g.isAddOn), [optionGroups]);
-    const [isAddingTier, setIsAddingTier] = useState(false);
-    const [pendingDeleteTierId, setPendingDeleteTierId] = useState(null);
-    const [newTier, setNewTier] = useState({
-        name: "",
-        currency: "USD",
-        isCustomPricing: false,
-    });
-    const handleAddTier = () => {
-        if (!newTier.name.trim())
-            return;
-        dispatch(addTier({
-            id: generateId(),
-            name: newTier.name.trim(),
-            currency: newTier.currency,
-            isCustomPricing: newTier.isCustomPricing,
-            lastModified: new Date().toISOString(),
-        }));
-        setNewTier({
-            name: "",
-            currency: "USD",
-            isCustomPricing: false,
-        });
-        setIsAddingTier(false);
-    };
-    const handleDeleteTier = useCallback((tierId) => {
-        setPendingDeleteTierId(tierId);
-    }, []);
-    const confirmDeleteTier = useCallback(() => {
-        if (!pendingDeleteTierId)
-            return;
-        dispatch(deleteTier({
-            id: pendingDeleteTierId,
-            lastModified: new Date().toISOString(),
-        }));
-        setPendingDeleteTierId(null);
-    }, [pendingDeleteTierId, dispatch]);
-    // Apply a preset tier configuration - Default Effect
-    const handleApplyPreset = (preset) => {
-        const now = new Date().toISOString();
-        preset.tiers.forEach((tierConfig) => {
-            dispatch(addTier({
-                id: generateId(),
-                name: tierConfig.name,
-                currency: "USD",
-                isCustomPricing: tierConfig.isCustomPricing,
-                lastModified: now,
-            }));
-        });
-    };
-    const handleMoveTier = useCallback((tierIndex, direction) => {
-        const newIndex = direction === "left" ? tierIndex - 1 : tierIndex + 1;
-        if (newIndex < 0 || newIndex >= tiers.length)
-            return;
-        const reordered = tiers.map((t) => t.id);
-        [reordered[tierIndex], reordered[newIndex]] = [
-            reordered[newIndex],
-            reordered[tierIndex],
-        ];
-        dispatch(reorderTiers({
-            tierIds: reordered,
-            lastModified: new Date().toISOString(),
-        }));
-    }, [tiers, dispatch]);
-    const getTierAccent = (index) => TIER_ACCENTS[index % TIER_ACCENTS.length];
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-6", children: [tiers.length === 0 && (_jsxs("div", { className: "rounded-xl p-6 mb-6 border border-violet-100", style: {
-                            background: "linear-gradient(135deg, rgb(245 243 255) 0%, rgb(240 249 255) 100%)",
-                        }, children: [_jsxs("div", { className: "mb-5", children: [_jsxs("h3", { className: "text-lg font-bold text-slate-800 m-0 mb-1.5 flex items-center gap-2", style: { fontFamily: fontSans }, children: [_jsx("span", { children: "⚡" }), "Quick Start with a Template", _jsx(InfoIcon, { content: "Quick-start templates for common tier structures. You can customize everything after selecting a preset." })] }), _jsx("p", { className: "text-sm text-slate-600 m-0", children: "Choose a pricing structure to get started quickly, or create custom tiers below" })] }), _jsx("div", { className: "grid gap-4", style: {
-                                    gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
-                                }, children: TIER_PRESETS.map((preset) => (_jsxs("button", { onClick: () => handleApplyPreset(preset), className: "group flex flex-col gap-3 p-5 bg-white border-2 border-slate-200 rounded-[10px] cursor-pointer transition-all duration-150 text-left hover:border-violet-400 hover:-translate-y-0.5", style: { boxShadow: undefined }, onMouseEnter: (e) => {
-                                        e.currentTarget.style.boxShadow =
-                                            "0 4px 12px rgba(124, 58, 237, 0.15)";
-                                    }, onMouseLeave: (e) => {
-                                        e.currentTarget.style.boxShadow = "none";
-                                    }, children: [_jsx("span", { className: "text-2xl", children: preset.icon }), _jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "text-base font-semibold text-slate-800 m-0 mb-1", style: { fontFamily: fontSans }, children: preset.name }), _jsx("p", { className: "text-[0.8125rem] text-slate-500 m-0", children: preset.description })] }), _jsx("div", { className: "flex flex-wrap gap-2 pt-3 border-t border-slate-100", children: preset.tiers.map((t, i) => (_jsxs("span", { className: "text-[0.6875rem] py-1 px-2 bg-slate-100 text-slate-600 rounded-md group-hover:bg-violet-100 group-hover:text-violet-700", style: { fontFamily: fontMono }, children: [t.name, t.isCustomPricing ? " (Custom)" : ""] }, i))) })] }, preset.name))) })] })), _jsxs("div", { className: "bg-white border border-slate-200 rounded-xl py-5 px-6 flex items-center gap-4", children: [_jsxs("span", { className: "text-[0.8rem] font-semibold text-slate-600 uppercase tracking-wide whitespace-nowrap", children: ["Billing Cycles:", _jsx(InfoIcon, { content: "Select which payment frequencies you want to offer. These will be available for pricing across all tiers." })] }), _jsx("div", { className: "flex gap-2 flex-wrap", children: BILLING_CYCLE_OPTIONS.map((opt) => {
-                                    const isActive = (state.global.availableBillingCycles ?? []).includes(opt.value);
-                                    return (_jsx("button", { className: `py-2 px-4 rounded-lg text-[0.85rem] font-medium cursor-pointer transition-all duration-150 ${isActive
-                                            ? "bg-violet-500 border-[1.5px] border-violet-500 text-white hover:bg-violet-600 hover:border-violet-600"
-                                            : "bg-white border-[1.5px] border-slate-200 text-slate-500 hover:border-violet-300 hover:text-violet-600"}`, onClick: () => {
-                                            const current = state.global.availableBillingCycles ?? [];
-                                            let updated;
-                                            if (isActive) {
-                                                updated = current.filter((c) => c !== opt.value);
-                                                if (updated.length === 0)
-                                                    return;
-                                            }
-                                            else {
-                                                updated = [...current, opt.value];
-                                            }
-                                            dispatch(setAvailableBillingCycles({
-                                                billingCycles: updated,
-                                                lastModified: new Date().toISOString(),
-                                            }));
-                                        }, children: opt.label }, opt.value));
-                                }) }), (state.global.availableBillingCycles ?? []).length === 0 && (_jsx("div", { className: "text-[0.6875rem] text-rose-600 py-1.5 px-2.5 bg-rose-50 rounded-md mt-2", children: "Select at least one billing cycle to enable pricing" }))] }), _jsxs("div", { className: "so-scrollbar-h flex flex-nowrap gap-6 overflow-x-auto overflow-y-visible pb-4", style: { scrollBehavior: "smooth", WebkitOverflowScrolling: "touch" }, children: [tiers.map((tier, index) => (_jsx(TierCard, { tier: tier, accent: getTierAccent(index), dispatch: dispatch, onDelete: () => handleDeleteTier(tier.id), isRecommended: tier.mostPopular, regularGroups: regularGroups, onMoveLeft: () => handleMoveTier(index, "left"), onMoveRight: () => handleMoveTier(index, "right"), isFirst: index === 0, isLast: index === tiers.length - 1 }, tier.id))), isAddingTier ? (_jsxs("div", { className: "w-80 bg-white border-2 border-violet-200 rounded-xl p-6", style: { animation: "tier-slide-up 0.2s ease-out" }, children: [_jsx("h3", { className: "text-base font-bold text-slate-900 mb-5", style: { fontFamily: fontSans }, children: "New Subscription Tier" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: "block text-[0.625rem] font-medium uppercase tracking-widest text-slate-500 mb-1.5", style: { fontFamily: fontMono }, children: "Tier Name" }), _jsx("input", { type: "text", value: newTier.name, onChange: (e) => setNewTier({ ...newTier, name: e.target.value }), placeholder: "e.g., Basic, Professional", className: "w-full text-base font-semibold text-slate-900 bg-white border border-slate-200 rounded-[10px] py-2.5 px-3.5 outline-none transition-all duration-150 focus:border-violet-400 focus:shadow-[0_0_0_3px_rgb(237_233_254)] placeholder:font-normal placeholder:text-slate-400", style: { fontFamily: fontSans }, autoFocus: true })] }), _jsxs("label", { className: "flex items-center gap-2.5 mb-4 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: newTier.isCustomPricing, onChange: (e) => setNewTier({
-                                                    ...newTier,
-                                                    isCustomPricing: e.target.checked,
-                                                }), className: "w-[1.125rem] h-[1.125rem] cursor-pointer", style: { accentColor: "#f59e0b" } }), _jsx("span", { className: "text-[0.8125rem] text-slate-600", children: "Custom Pricing (price varies per client)" })] }), _jsxs("div", { className: "flex gap-2.5 mt-5", children: [_jsx("button", { onClick: handleAddTier, disabled: !newTier.name.trim(), className: "flex-1 py-2.5 px-4 text-sm font-semibold rounded-[10px] cursor-pointer transition-all duration-150 bg-violet-600 text-white border-none hover:enabled:bg-violet-700 disabled:bg-slate-200 disabled:text-slate-400 disabled:cursor-not-allowed", style: { fontFamily: fontSans }, children: "Create Tier" }), _jsx("button", { onClick: () => {
-                                                    setIsAddingTier(false);
-                                                    setNewTier({
-                                                        name: "",
-                                                        currency: "USD",
-                                                        isCustomPricing: false,
-                                                    });
-                                                }, className: "flex-1 py-2.5 px-4 text-sm font-semibold rounded-[10px] cursor-pointer transition-all duration-150 bg-slate-100 text-slate-700 border-none hover:bg-slate-200", style: { fontFamily: fontSans }, children: "Cancel" })] })] })) : (_jsxs("button", { onClick: () => setIsAddingTier(true), className: "group w-80 min-h-[280px] bg-white border-2 border-dashed border-slate-200 rounded-xl flex flex-col items-center justify-center gap-3 cursor-pointer transition-all duration-200 hover:border-violet-300 hover:bg-violet-50", children: [_jsx("div", { className: "w-14 h-14 rounded-full bg-slate-100 flex items-center justify-center transition-all duration-200 group-hover:bg-violet-100", children: _jsx("svg", { className: "w-6 h-6 text-slate-400 transition-all duration-150 group-hover:text-violet-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }) }), _jsx("span", { className: "text-[0.9375rem] font-semibold text-slate-500 transition-all duration-150 group-hover:text-violet-600", style: { fontFamily: fontSans }, children: "Add Subscription Tier" })] }))] }), _jsxs("div", { className: "flex items-start gap-3.5 p-4 px-5 bg-amber-50 border border-amber-200 rounded-xl", children: [_jsx("svg", { className: "shrink-0 w-5 h-5 text-amber-600 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-semibold text-amber-800 mb-1", style: { fontFamily: fontSans }, children: "Pricing is managed at the option group level" }), _jsx("p", { className: "text-[0.8125rem] text-amber-700 leading-relaxed", children: "Billing cycles and pricing are configured per option group in the Service Catalog. Setup fees, recurring prices, and billing cycles apply to all tiers within each group." })] })] })] }), pendingDeleteTierId && (_jsx(ConfirmDialog, { title: "Delete this tier?", message: "This will remove the tier and all its pricing configuration. This action cannot be undone.", confirmLabel: "Delete Tier", variant: "danger", onConfirm: confirmDeleteTier, onCancel: () => setPendingDeleteTierId(null) }))] }));
-}
-const TierCard = memo(function TierCard({ tier, accent, dispatch, onDelete, isRecommended, regularGroups, onMoveLeft, onMoveRight, isFirst, isLast, }) {
-    const [localName, setLocalName] = useState(tier.name);
-    const [localDescription, setLocalDescription] = useState(tier.description || "");
-    const isCustomPricing = tier.isCustomPricing ?? false;
-    const calculatedPrice = useMemo(() => calculateTierRecurringPrice(regularGroups, "MONTHLY", tier.id), [regularGroups, tier.id]);
-    const handleNameBlur = () => {
-        if (localName !== tier.name && localName.trim()) {
-            dispatch(updateTier({
-                id: tier.id,
-                name: localName.trim(),
-                lastModified: new Date().toISOString(),
-            }));
-        }
-    };
-    const handleDescriptionBlur = () => {
-        if (localDescription !== (tier.description || "")) {
-            dispatch(updateTier({
-                id: tier.id,
-                description: localDescription,
-                lastModified: new Date().toISOString(),
-            }));
-        }
-    };
-    return (_jsxs("div", { className: `w-80 bg-white rounded-xl shadow-md overflow-hidden flex flex-col transition-all duration-200 relative hover:shadow-lg hover:-translate-y-0.5 ${isRecommended
-            ? "border-2 border-violet-300 scale-[1.02] z-[1] hover:scale-[1.02] hover:-translate-y-0.5"
-            : ""}`, style: {
-            maxHeight: "85vh",
-            animation: "tier-slide-up 0.3s ease-out",
-        }, children: [isRecommended ? (_jsxs("button", { className: "absolute top-[-1px] right-4 flex items-center gap-1 py-1 px-3.5 text-white text-[0.6875rem] font-semibold uppercase tracking-wide rounded-b-lg z-[2] border-none cursor-pointer transition-opacity duration-150 hover:opacity-80", style: {
-                    background: "linear-gradient(135deg, rgb(124 58 237) 0%, rgb(109 40 217) 100%)",
-                    boxShadow: "0 2px 8px rgba(124, 58, 237, 0.3)",
-                }, title: "Click to remove Most Popular", onClick: () => {
-                    dispatch(updateTier({
-                        id: tier.id,
-                        mostPopular: false,
-                        lastModified: new Date().toISOString(),
-                    }));
-                }, children: [_jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }), "Most Popular"] })) : (_jsxs("button", { className: "absolute top-2 right-3 flex items-center gap-1 py-1 px-3 text-slate-400 text-[0.625rem] font-medium uppercase tracking-wide rounded-full z-[2] bg-transparent border border-transparent cursor-pointer transition-all duration-150 hover:border-violet-300 hover:text-violet-500 hover:bg-violet-50", onClick: () => {
-                    dispatch(updateTier({
-                        id: tier.id,
-                        mostPopular: true,
-                        lastModified: new Date().toISOString(),
-                    }));
-                }, children: [_jsx("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }), "Set as Popular"] })), _jsx("div", { className: "h-1 w-full", style: { background: accent.color } }), _jsxs("div", { className: "so-scrollbar-v p-6 overflow-y-auto flex-1", children: [_jsxs("div", { className: "flex items-start justify-between mb-5", children: [_jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "block text-[0.625rem] font-medium uppercase tracking-widest text-slate-400 mb-1.5", style: { fontFamily: fontMono }, children: "Tier Name" }), _jsx("input", { type: "text", value: localName, onChange: (e) => setLocalName(e.target.value), onBlur: handleNameBlur, className: "w-full text-[1.375rem] font-bold text-slate-900 bg-transparent border-none border-b-2 border-b-transparent pb-1 pl-0 transition-all duration-150 outline-none hover:border-b-slate-200 focus:border-b-violet-500", style: { fontFamily: fontSans } })] }), _jsx("button", { onClick: onDelete, className: "p-1.5 text-slate-400 bg-transparent border-none rounded-md cursor-pointer transition-all duration-150 hover:text-rose-500 hover:bg-rose-50", children: _jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), isCustomPricing && (_jsxs("div", { className: "flex items-center gap-2 py-3 px-4 bg-amber-50 border border-amber-200 rounded-[10px] mb-4", children: [_jsx("svg", { className: "w-5 h-5 text-amber-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "block text-[0.8125rem] font-semibold text-amber-800", children: "Custom Pricing" }), _jsx("span", { className: "text-[0.6875rem] text-amber-600", children: "Price varies per client" })] })] })), _jsxs("label", { className: "flex items-center gap-2.5 mb-4 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: tier.excludeFromSetupFee ?? false, onChange: (e) => {
-                                    dispatch(updateTier({
-                                        id: tier.id,
-                                        excludeFromSetupFee: e.target.checked,
-                                        lastModified: new Date().toISOString(),
-                                    }));
-                                }, className: "w-[1.125rem] h-[1.125rem] cursor-pointer", style: { accentColor: "#0d9488" } }), _jsx("span", { className: "text-[0.8125rem] text-slate-600", children: "Exclude from setup fee" })] }), !isCustomPricing && (_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-1.5", children: _jsxs("span", { className: "block text-[0.625rem] font-medium uppercase tracking-widest text-slate-400 mb-1.5", style: { fontFamily: fontMono }, children: ["Recurring Price", _jsx(InfoIcon, { content: "This price is automatically calculated from the services and pricing configured in the Service Catalog. It is read-only \u2014 to change it, adjust pricing in your option groups." })] }) }), _jsxs("div", { className: "flex items-center gap-2 py-3.5 px-4 bg-slate-50 rounded-[10px] border border-slate-100", children: [_jsx("span", { children: "$" }), _jsx("span", { className: "text-[1.375rem] font-semibold text-emerald-700", style: { fontFamily: fontMono }, children: formatPrice(calculatedPrice.monthlyTotal).replace("$", "") }), _jsx("span", { className: "text-sm text-emerald-600 font-medium", children: "/mo" })] }), calculatedPrice.groupBreakdown.length > 0 && (_jsxs("div", { className: "mt-2 py-2 px-2.5 bg-slate-50 rounded-md border border-slate-100", children: [_jsxs("span", { className: "block text-[0.625rem] font-medium text-slate-500 uppercase tracking-wide mb-1.5", children: ["Sum of ", calculatedPrice.groupBreakdown.length, " service group", calculatedPrice.groupBreakdown.length !== 1 ? "s" : ""] }), calculatedPrice.groupBreakdown.map((g) => (_jsxs("div", { className: "flex items-center justify-between py-[0.1875rem]", children: [_jsxs("span", { className: `flex items-center gap-1 text-xs ${g.hasPrice ? "text-slate-600" : "text-amber-600"}`, children: [!g.hasPrice && (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-3 h-3 text-amber-500", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) })), g.groupName] }), _jsx("span", { className: `text-xs font-medium ${g.hasPrice ? "text-slate-700" : "text-amber-500 italic"}`, style: { fontFamily: fontMono }, children: g.hasPrice ? formatPrice(g.monthlyAmount) : "$0" })] }, g.groupId)))] })), calculatedPrice.missingPriceGroups.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5 mt-2 py-1.5 px-2 text-[0.6875rem] text-amber-700 bg-amber-50 border border-amber-200 rounded-md", children: [_jsx("svg", { className: "shrink-0 w-3.5 h-3.5 text-amber-500", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }), _jsxs("span", { children: [calculatedPrice.missingPriceGroups.length, " group", calculatedPrice.missingPriceGroups.length !== 1
-                                                ? "s"
-                                                : "", " ", "without pricing (counted as $0)"] })] }))] })), _jsxs("div", { className: "mt-4", children: [_jsx("span", { className: "block text-[0.625rem] font-medium uppercase tracking-widest text-slate-400 mb-1.5", style: { fontFamily: fontMono }, children: "Description" }), _jsx("textarea", { value: localDescription, onChange: (e) => setLocalDescription(e.target.value), onBlur: handleDescriptionBlur, placeholder: "Add a description...", rows: 2, className: "w-full text-[0.8125rem] text-slate-600 bg-slate-50 border border-slate-200 rounded-[10px] p-3 resize-none outline-none transition-all duration-150 focus:border-violet-400 focus:shadow-[0_0_0_3px_rgb(237_233_254)] placeholder:text-slate-400", style: { fontFamily: fontSans } })] })] }), _jsxs("div", { className: "flex items-center justify-between py-3 px-6 bg-slate-50 border-t border-slate-100", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: onMoveLeft, disabled: isFirst, className: "p-1.5 rounded-md border-none cursor-pointer transition-all duration-150 bg-transparent text-slate-400 hover:enabled:text-violet-600 hover:enabled:bg-violet-50 disabled:opacity-30 disabled:cursor-not-allowed", title: "Move left", children: _jsx("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("button", { onClick: onMoveRight, disabled: isLast, className: "p-1.5 rounded-md border-none cursor-pointer transition-all duration-150 bg-transparent text-slate-400 hover:enabled:text-violet-600 hover:enabled:bg-violet-50 disabled:opacity-30 disabled:cursor-not-allowed", title: "Move right", children: _jsx("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] }), _jsx("span", { className: "text-[0.6875rem] text-slate-400", children: "Matrix view for service levels" })] })] }));
-});

package/dist/editors/service-offering-editor/components/TierPricingOptionsPanel.d.ts

@@ -1,11 +0,0 @@
-import type { BillingCycleDiscount } from "@powerhousedao/service-offering/document-models/service-offering";
-interface BillingCycleConfigPanelProps {
-    tierId: string;
-    basePrice: number | null;
-    currency: string;
-    billingCycleDiscounts: BillingCycleDiscount[];
-    isCustomPricing: boolean;
-}
-export declare function BillingCycleConfigPanel({ basePrice, currency, billingCycleDiscounts, isCustomPricing, }: BillingCycleConfigPanelProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=TierPricingOptionsPanel.d.ts.map

package/dist/editors/service-offering-editor/components/TierPricingOptionsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TierPricingOptionsPanel.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/TierPricingOptionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,kEAAkE,CAAC;AAG1E,UAAU,4BAA4B;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;IAC9C,eAAe,EAAE,OAAO,CAAC;CAC1B;AA0BD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,eAAe,GAChB,EAAE,4BAA4B,kDA+F9B"}

package/dist/editors/service-offering-editor/components/TierPricingOptionsPanel.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatPrice, BILLING_CYCLE_MONTHS } from "./pricing-utils.js";
-const CYCLE_ORDER = [
-    "MONTHLY",
-    "QUARTERLY",
-    "SEMI_ANNUAL",
-    "ANNUAL",
-];
-const CYCLE_LABELS = {
-    MONTHLY: "Monthly",
-    QUARTERLY: "Quarterly",
-    SEMI_ANNUAL: "Semi-Annual",
-    ANNUAL: "Annual",
-};
-const CYCLE_SHORT = {
-    MONTHLY: "1mo",
-    QUARTERLY: "3mo",
-    SEMI_ANNUAL: "6mo",
-    ANNUAL: "12mo",
-};
-const fontSans = "'DM Sans', system-ui, sans-serif";
-const fontMono = "'DM Mono', 'SF Mono', monospace";
-export function BillingCycleConfigPanel({ basePrice, currency, billingCycleDiscounts, isCustomPricing, }) {
-    if (isCustomPricing)
-        return null;
-    const hasBasePrice = basePrice !== null && basePrice > 0;
-    const isCycleEnabled = (cycle) => {
-        if (cycle === "MONTHLY")
-            return true;
-        return billingCycleDiscounts.some((d) => d.billingCycle === cycle);
-    };
-    const getDiscountValue = (cycle) => {
-        const entry = billingCycleDiscounts.find((d) => d.billingCycle === cycle);
-        return entry?.discountRule?.discountValue ?? 0;
-    };
-    const getCycleTotal = (cycle) => {
-        if (!hasBasePrice)
-            return null;
-        return basePrice * BILLING_CYCLE_MONTHS[cycle];
-    };
-    return (_jsxs("div", { className: "mt-4 pt-4 border-t border-slate-200", children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-3", children: [_jsxs("span", { className: "text-[0.625rem] font-medium uppercase text-slate-500 flex items-center gap-1.5", style: { fontFamily: fontMono, letterSpacing: "0.08em" }, children: [_jsx("svg", { className: "w-3.5 h-3.5 text-violet-500", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), "Billing Cycles & Discounts"] }), _jsx("span", { className: "text-[0.5625rem] font-medium text-slate-400 bg-slate-100 py-0.5 px-1.5 rounded-md ml-auto", style: { fontFamily: fontMono }, children: "Computed from service groups" })] }), !hasBasePrice && (_jsxs("div", { className: "flex items-center gap-2 p-3 bg-slate-50 rounded-[10px] text-slate-500 text-xs", children: [_jsx("svg", { className: "w-4 h-4 shrink-0 text-slate-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), "Discounts will appear here once service groups set pricing for this tier."] })), _jsx("div", { className: "flex flex-col gap-2", children: CYCLE_ORDER.map((cycle) => {
-                    const enabled = isCycleEnabled(cycle);
-                    const isMonthly = cycle === "MONTHLY";
-                    const total = getCycleTotal(cycle);
-                    const discount = getDiscountValue(cycle);
-                    return (_jsx(BillingCycleRow, { label: CYCLE_LABELS[cycle], shortLabel: CYCLE_SHORT[cycle], enabled: enabled, isMonthly: isMonthly, basePrice: basePrice, total: total, discount: discount, currency: currency, hasBasePrice: hasBasePrice }, cycle));
-                }) })] }));
-}
-function BillingCycleRow({ label, shortLabel, enabled, isMonthly, basePrice, total, discount, currency, hasBasePrice, }) {
-    const effectivePrice = total !== null && discount > 0 ? Math.max(0, total - discount) : null;
-    const savingsPercent = total !== null && total > 0 && discount > 0
-        ? Math.round((discount / total) * 100)
-        : 0;
-    const currencySymbol = currency === "USD" ? "$" : currency;
-    return (_jsxs("div", { className: `rounded-[10px] overflow-hidden transition-all duration-150 ${enabled ? "border border-violet-200" : "border border-slate-100"} ${!hasBasePrice && !isMonthly ? "opacity-50" : ""}`, children: [_jsxs("div", { className: `flex items-center gap-2.5 py-2.5 px-3 cursor-default ${enabled ? "bg-violet-50" : "bg-white"}`, children: [_jsx("span", { className: `w-2 h-2 rounded-full shrink-0 ${enabled ? "bg-violet-500" : "bg-slate-300"}` }), _jsx("span", { className: "text-sm font-medium text-slate-700 flex-1", style: { fontFamily: fontSans }, children: label }), enabled && total !== null ? (_jsx("span", { className: "text-[0.9375rem] font-semibold text-slate-800 whitespace-nowrap", style: { fontFamily: fontMono }, children: formatPrice(total, currency) })) : (!enabled && (_jsx("span", { className: "text-sm text-slate-300 ml-auto", style: { fontFamily: fontMono }, children: "--" })))] }), enabled && hasBasePrice && (_jsxs("div", { className: `flex items-end gap-4 px-3 pt-2 pb-2.5 border-t ${enabled
-                    ? "bg-violet-50 border-violet-100"
-                    : "bg-slate-50 border-slate-100"}`, children: [_jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [_jsx("span", { className: "text-[0.5625rem] font-semibold uppercase text-slate-400 flex items-center gap-1", style: { fontFamily: fontMono, letterSpacing: "0.06em" }, children: "Standard Price" }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-500 py-1", style: { fontFamily: fontMono, minHeight: "1.75rem" }, children: [_jsxs("span", { children: [currencySymbol, basePrice, " \u00D7 ", shortLabel] }), _jsx("span", { className: "font-semibold text-slate-700", children: formatPrice(total ?? 0, currency) })] })] }), _jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [_jsxs("span", { className: "text-[0.5625rem] font-semibold uppercase text-slate-400 flex items-center gap-1", style: { fontFamily: fontMono, letterSpacing: "0.06em" }, children: ["Flat Discount", _jsx("svg", { className: "w-[0.6875rem] h-[0.6875rem]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" }) })] }), _jsxs("div", { className: `flex items-center gap-1 text-[0.8125rem] font-medium py-1 ${discount === 0 ? "text-slate-300" : "text-slate-600"}`, style: { fontFamily: fontMono, minHeight: "1.75rem" }, children: ["- ", currencySymbol, discount > 0 ? discount.toLocaleString() : "0"] })] })] })), effectivePrice !== null && discount > 0 && (_jsxs("div", { className: "flex items-center gap-1.5 py-1.5 px-3 bg-emerald-50 border-t border-emerald-100", children: [_jsx("span", { className: "text-[0.6875rem] text-emerald-400", children: "\u2192" }), _jsx("span", { className: "text-xs font-semibold text-emerald-700", style: { fontFamily: fontMono }, children: formatPrice(effectivePrice, currency) }), savingsPercent > 0 && (_jsxs("span", { className: "text-[0.5625rem] font-semibold text-emerald-600 bg-emerald-100 py-[0.0625rem] px-[0.3125rem] rounded-md ml-auto", style: { fontFamily: fontMono }, children: [savingsPercent, "% off"] }))] }))] }));
-}

package/dist/editors/service-offering-editor/components/pricing-utils.d.ts

@@ -1,38 +0,0 @@
-import type { BillingCycle, OptionGroup } from "@powerhousedao/service-offering/document-models/service-offering";
-export declare const BILLING_CYCLE_MONTHS: Record<BillingCycle, number>;
-export declare const BILLING_CYCLE_LABELS: Record<BillingCycle, string>;
-export declare const BILLING_CYCLE_SHORT_LABELS: Record<BillingCycle, string>;
-export declare function formatPrice(amount: number, currency?: string): string;
-export declare const RECURRING_BILLING_CYCLES: BillingCycle[];
-export interface TierPriceBreakdown {
-    groupId: string;
-    groupName: string;
-    monthlyAmount: number;
-    hasPrice: boolean;
-}
-export interface CalculatedTierPrice {
-    monthlyTotal: number;
-    cycleTotal: number;
-    groupBreakdown: TierPriceBreakdown[];
-    missingPriceGroups: string[];
-}
-export declare function calculateTierRecurringPrice(regularGroups: OptionGroup[], billingCycle: BillingCycle, tierId?: string): CalculatedTierPrice;
-export declare function calculateEffectiveSetupPrice(setupCost: {
-    amount: number;
-    discount?: {
-        discountType: string;
-        discountValue: number;
-    } | null;
-}): {
-    baseAmount: number;
-    effectiveAmount: number;
-    savings: number;
-    savingsPercent: number;
-    hasDiscount: boolean;
-};
-export declare function detectMajorityCycle(regularGroups: OptionGroup[], currentGlobalCycle: BillingCycle, groupOverrides?: Record<string, BillingCycle>): {
-    majorityCycle: BillingCycle;
-    count: number;
-    total: number;
-} | null;
-//# sourceMappingURL=pricing-utils.d.ts.map

package/dist/editors/service-offering-editor/components/pricing-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pricing-utils.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/pricing-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACZ,MAAM,kEAAkE,CAAC;AAE1E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMnE,CAAC;AAGF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAc,GAAG,MAAM,CAM5E;AAGD,eAAO,MAAM,wBAAwB,EAAE,YAAY,EAKlD,CAAC;AAIF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AA0BD,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,WAAW,EAAE,EAC5B,YAAY,EAAE,YAAY,EAC1B,MAAM,CAAC,EAAE,MAAM,GACd,mBAAmB,CA0CrB;AAKD,wBAAgB,4BAA4B,CAAC,SAAS,EAAE;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnE,GAAG;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAiCA;AAKD,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,WAAW,EAAE,EAC5B,kBAAkB,EAAE,YAAY,EAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAC5C;IAAE,aAAa,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBtE"}

package/dist/editors/service-offering-editor/components/pricing-utils.js

@@ -1,140 +0,0 @@
-export const BILLING_CYCLE_MONTHS = {
-    MONTHLY: 1,
-    QUARTERLY: 3,
-    SEMI_ANNUAL: 6,
-    ANNUAL: 12,
-    ONE_TIME: 0,
-};
-// Human-readable billing cycle labels
-export const BILLING_CYCLE_LABELS = {
-    MONTHLY: "monthly",
-    QUARTERLY: "quarterly",
-    SEMI_ANNUAL: "semi-annually",
-    ANNUAL: "annually",
-    ONE_TIME: "one-time",
-};
-// Short labels for dropdowns
-export const BILLING_CYCLE_SHORT_LABELS = {
-    MONTHLY: "Month",
-    QUARTERLY: "Quarter",
-    SEMI_ANNUAL: "6 Months",
-    ANNUAL: "Year",
-    ONE_TIME: "One Time",
-};
-// Format price with currency symbol
-export function formatPrice(amount, currency = "USD") {
-    const symbol = currency === "USD" ? "$" : currency;
-    return `${symbol}${amount.toLocaleString("en-US", {
-        minimumFractionDigits: amount % 1 === 0 ? 0 : 2,
-        maximumFractionDigits: 2,
-    })}`;
-}
-// Get available billing cycles (excluding ONE_TIME for most cases)
-export const RECURRING_BILLING_CYCLES = [
-    "MONTHLY",
-    "QUARTERLY",
-    "SEMI_ANNUAL",
-    "ANNUAL",
-];
-// Get the monthly recurring price for a specific group-tier pair
-// Reads from tierDependentPricing first, falls back to standalonePricing
-function getGroupPriceForTier(group, tierId) {
-    const tierPricing = group.tierDependentPricing?.find((tp) => tp.tierId === tierId);
-    if (tierPricing) {
-        const monthlyPricing = tierPricing.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
-        const amount = monthlyPricing?.amount ?? 0;
-        return { amount, hasPrice: monthlyPricing != null && amount > 0 };
-    }
-    const monthlyPricing = group.standalonePricing?.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
-    const amount = monthlyPricing?.amount ?? 0;
-    return { amount, hasPrice: monthlyPricing != null && amount > 0 };
-}
-export function calculateTierRecurringPrice(regularGroups, billingCycle, tierId) {
-    const breakdown = [];
-    const missingPriceGroups = [];
-    let monthlyTotal = 0;
-    for (const group of regularGroups) {
-        let amount;
-        let hasPrice;
-        if (tierId) {
-            const tierPrice = getGroupPriceForTier(group, tierId);
-            amount = tierPrice.amount;
-            hasPrice = tierPrice.hasPrice;
-        }
-        else {
-            // Legacy: no tierId, read from standalone
-            const monthlyPricing = group.standalonePricing?.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
-            amount = monthlyPricing?.amount ?? 0;
-            hasPrice = monthlyPricing != null && amount > 0;
-        }
-        if (!hasPrice) {
-            missingPriceGroups.push(group.name);
-        }
-        monthlyTotal += amount;
-        breakdown.push({
-            groupId: group.id,
-            groupName: group.name,
-            monthlyAmount: amount,
-            hasPrice,
-        });
-    }
-    const months = BILLING_CYCLE_MONTHS[billingCycle];
-    return {
-        monthlyTotal,
-        cycleTotal: monthlyTotal * months,
-        groupBreakdown: breakdown,
-        missingPriceGroups,
-    };
-}
-// Calculate effective setup price after applying discount
-// Returns base amount, effective amount (floored at 0), and savings
-// Works with both SetupCostPerCycle (ServiceGroup) and SetupCost (OptionGroup)
-export function calculateEffectiveSetupPrice(setupCost) {
-    const baseAmount = setupCost.amount;
-    const discount = setupCost.discount;
-    if (!discount || discount.discountValue <= 0) {
-        return {
-            baseAmount,
-            effectiveAmount: baseAmount,
-            savings: 0,
-            savingsPercent: 0,
-            hasDiscount: false,
-        };
-    }
-    let effectiveAmount;
-    if (discount.discountType === "PERCENTAGE") {
-        effectiveAmount = baseAmount * (1 - discount.discountValue / 100);
-    }
-    else {
-        effectiveAmount = baseAmount - discount.discountValue;
-    }
-    effectiveAmount = Math.max(0, Math.round(effectiveAmount * 100) / 100);
-    const savings = Math.round((baseAmount - effectiveAmount) * 100) / 100;
-    const savingsPercent = baseAmount > 0 ? Math.round((savings / baseAmount) * 100) : 0;
-    return {
-        baseAmount,
-        effectiveAmount,
-        savings,
-        savingsPercent,
-        hasDiscount: true,
-    };
-}
-// Detect billing cycle majority among regular groups
-// Returns suggestion when >50% of groups share a cycle different from current global
-// groupOverrides: runtime cycle overrides keyed by group.id (from UI state)
-export function detectMajorityCycle(regularGroups, currentGlobalCycle, groupOverrides) {
-    const cycleCounts = new Map();
-    if (regularGroups.length === 0)
-        return null;
-    for (const group of regularGroups) {
-        // Effective cycle: override if set, otherwise global
-        const effectiveCycle = groupOverrides?.[group.id] || currentGlobalCycle;
-        cycleCounts.set(effectiveCycle, (cycleCounts.get(effectiveCycle) || 0) + 1);
-    }
-    for (const [cycle, count] of cycleCounts) {
-        if (count > regularGroups.length / 2 && cycle !== currentGlobalCycle) {
-            return { majorityCycle: cycle, count, total: regularGroups.length };
-        }
-    }
-    return null;
-}