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

package/dist/editors/service-offering-editor/editor.css

@@ -1,119 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');
-
-/* ── Keyframes (cannot be expressed as Tailwind utilities) ── */
-
-@keyframes so-fade-in {
-  from { opacity: 0; transform: translateY(8px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes so-scale-in {
-  from { opacity: 0; transform: scale(0.96); }
-  to { opacity: 1; transform: scale(1); }
-}
-
-@keyframes so-float {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-8px); }
-}
-
-@keyframes so-fab-in {
-  from { opacity: 0; transform: translateY(8px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes so-confirm-fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes so-confirm-scale-in {
-  from { opacity: 0; transform: scale(0.95); }
-  to { opacity: 1; transform: scale(1); }
-}
-
-@keyframes progress-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.4; }
-}
-
-@keyframes progress-dropdown-in {
-  from { opacity: 0; transform: translateY(-4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes progress-overlay-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes progress-modal-in {
-  from { opacity: 0; transform: scale(0.95) translateY(8px); }
-  to { opacity: 1; transform: scale(1) translateY(0); }
-}
-
-@keyframes tier-slide-up {
-  from { opacity: 0; transform: translateY(12px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes catalog__fade-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes rts-spin {
-  to { transform: rotate(360deg); }
-}
-
-@keyframes matrix-warning-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
-}
-
-@keyframes panel-overlay-fade {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes panel-slide-in {
-  from { opacity: 0; transform: translateX(20px); }
-  to { opacity: 1; transform: translateX(0); }
-}
-
-@keyframes modal-backdrop {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes modal-pop {
-  from { opacity: 0; transform: scale(0.95) translateY(8px); }
-  to { opacity: 1; transform: scale(1) translateY(0); }
-}
-
-/* ── Tooltip overrides — Radix portals outside .so-editor scope ── */
-
-[data-radix-popper-content-wrapper] {
-  z-index: 9999 !important;
-  min-width: 0 !important;
-  max-width: 280px !important;
-}
-
-[data-radix-popper-content-wrapper] [data-side] {
-  max-width: 280px !important;
-  white-space: normal !important;
-  line-height: 1.45 !important;
-  word-wrap: break-word !important;
-}
-
-/* ── Scrollbar styles (not possible with Tailwind) ── */
-
-.so-scrollbar-h::-webkit-scrollbar { height: 8px; }
-.so-scrollbar-h::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
-.so-scrollbar-h::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
-.so-scrollbar-h::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
-
-.so-scrollbar-v::-webkit-scrollbar { width: 6px; }
-.so-scrollbar-v::-webkit-scrollbar-track { background: #f8fafc; border-radius: 3px; }
-.so-scrollbar-v::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
-.so-scrollbar-v::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

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

@@ -1,4 +0,0 @@
-import "./editor.css";
-export type TabId = "scope-facets" | "service-catalog" | "tier-definition" | "the-matrix";
-export default function ServiceOfferingEditor(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/service-offering-editor/editor.tsx"],"names":[],"mappings":"AAYA,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GACb,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,CAAC;AAgBjB,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CA4K5C"}

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

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useCallback } from "react";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { TooltipProvider } from "@powerhousedao/design-system/ui/components/tooltip/tooltip";
-import { useSelectedServiceOfferingDocument } from "./hooks/useServiceOfferingDocument.js";
-import { OfferingProgress, hasCompleteMatrix, } from "./components/OfferingProgress.js";
-import { ResourceTemplateSelector } from "./components/ResourceTemplateSelector.js";
-import { ServiceCatalog } from "./components/ServiceCatalog.js";
-import { TierDefinition } from "./components/TierDefinition.js";
-import { TheMatrix } from "./components/TheMatrix.js";
-import "./editor.css";
-const TAB_ORDER = [
-    "scope-facets",
-    "tier-definition",
-    "service-catalog",
-    "the-matrix",
-];
-const TAB_LABELS = {
-    "scope-facets": "Product",
-    "tier-definition": "Tiers",
-    "service-catalog": "Services",
-    "the-matrix": "Matrix",
-};
-export default function ServiceOfferingEditor() {
-    const [document, dispatch] = useSelectedServiceOfferingDocument();
-    const [activeTab, setActiveTab] = useState("scope-facets");
-    if (!document) {
-        return (_jsx("div", { className: "min-h-full overflow-y-auto", style: {
-                fontFamily: "'DM Sans', system-ui, sans-serif",
-                background: "linear-gradient(135deg, #f1f5f9 0%, #f8fafc 50%, #f0f4f8 100%)",
-            }, children: _jsxs("div", { className: "flex flex-col items-center justify-center min-h-screen text-center p-12", children: [_jsx("div", { className: "w-20 h-20 mb-6 text-slate-300", style: { animation: "so-float 3s ease-in-out infinite" }, children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, className: "w-full h-full", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }), _jsx("h2", { className: "text-2xl font-semibold text-slate-700 m-0 mb-2 tracking-tight", children: "No service offering selected" }), _jsx("p", { className: "text-base text-slate-500 m-0", children: "Select a document to start editing" })] }) }));
-    }
-    const state = document.state.global;
-    const currentIndex = TAB_ORDER.indexOf(activeTab);
-    const nextTab = currentIndex < TAB_ORDER.length - 1 ? TAB_ORDER[currentIndex + 1] : null;
-    const nextBarRef = useRef(null);
-    const [nextBarVisible, setNextBarVisible] = useState(true);
-    useEffect(() => {
-        const el = nextBarRef.current;
-        if (!el)
-            return;
-        const observer = new IntersectionObserver(([entry]) => setNextBarVisible(entry.isIntersecting), { threshold: 0.5 });
-        observer.observe(el);
-        return () => observer.disconnect();
-    }, [activeTab]);
-    const goNext = useCallback(() => {
-        if (nextTab)
-            setActiveTab(nextTab);
-    }, [nextTab]);
-    const existingGroupIds = new Set(state.optionGroups?.map((g) => g.id) ?? []);
-    const isCurrentStepComplete = {
-        "scope-facets": !!state.resourceTemplateId,
-        "tier-definition": state.tiers.length >= 2,
-        "service-catalog": state.services.filter((s) => s.optionGroupId && existingGroupIds.has(s.optionGroupId)).length >= 1,
-        "the-matrix": hasCompleteMatrix(state),
-    }[activeTab];
-    const renderTabContent = () => {
-        switch (activeTab) {
-            case "scope-facets":
-                return (_jsx(ResourceTemplateSelector, { document: document, dispatch: dispatch }));
-            case "service-catalog":
-                return _jsx(ServiceCatalog, { document: document, dispatch: dispatch });
-            case "tier-definition":
-                return _jsx(TierDefinition, { document: document, dispatch: dispatch });
-            case "the-matrix":
-                return _jsx(TheMatrix, { document: document, dispatch: dispatch });
-            default:
-                return null;
-        }
-    };
-    return (_jsx(TooltipProvider, { children: _jsxs("div", { className: "min-h-full overflow-y-auto", style: {
-                fontFamily: "'DM Sans', system-ui, sans-serif",
-                background: "linear-gradient(135deg, #f1f5f9 0%, #f8fafc 50%, #f0f4f8 100%)",
-            }, children: [_jsx(DocumentToolbar, {}), _jsxs("div", { className: "max-w-[1400px] mx-auto px-8 pt-6 pb-12", children: [_jsx(OfferingProgress, { document: document, dispatch: dispatch, activeTab: activeTab, onTabChange: setActiveTab }), _jsxs("div", { className: "min-h-[500px]", style: { animation: "so-fade-in 300ms ease-out" }, children: [renderTabContent(), nextTab && (_jsxs("div", { className: "flex items-center justify-end gap-3 py-4 mt-6 border-t border-slate-200", ref: nextBarRef, children: [!isCurrentStepComplete && (_jsx("span", { className: "text-[0.6875rem] text-amber-600", children: "This step is not yet complete \u2014 you can still continue" })), _jsxs("button", { className: "inline-flex items-center gap-1.5 px-4 py-2 text-[0.8125rem] font-semibold text-white bg-violet-600 border-none rounded-[10px] cursor-pointer transition-colors duration-150 hover:bg-violet-700", style: { fontFamily: "'DM Sans', system-ui, sans-serif" }, onClick: goNext, children: ["Next: ", TAB_LABELS[nextTab], _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { width: 16, height: 16 }, children: _jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }) })] })] }))] })] }), nextTab && !nextBarVisible && (_jsxs("button", { className: "fixed bottom-6 right-8 inline-flex items-center gap-1.5 px-5 py-2.5 text-[0.8125rem] font-semibold text-white bg-violet-600 border-none rounded-full cursor-pointer z-50 hover:bg-violet-700", style: {
-                        fontFamily: "'DM Sans', system-ui, sans-serif",
-                        boxShadow: "0 4px 12px rgba(109, 40, 217, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1)",
-                        animation: "so-fab-in 0.2s ease-out",
-                    }, onClick: goNext, children: ["Next: ", TAB_LABELS[nextTab], _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { width: 16, height: 16 }, children: _jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }) })] }))] }) }));
-}

package/dist/editors/service-offering-editor/hooks/useRemoteResourceTemplates.d.ts

@@ -1,17 +0,0 @@
-import { type RemoteResourceTemplate } from "../utils/graphql-client.js";
-interface UseRemoteResourceTemplatesResult {
-    /** All available remote resource templates */
-    templates: RemoteResourceTemplate[];
-    /** Whether remote data is currently loading */
-    isLoading: boolean;
-    /** Manually refetch all available templates */
-    refetch: () => Promise<void>;
-}
-/**
- * Hook for fetching resource template documents from remote Switchboard drives.
- *
- * @param localTemplateIds - Set of template IDs already available locally (to dedupe)
- */
-export declare function useRemoteResourceTemplates(localTemplateIds: Set<string>): UseRemoteResourceTemplatesResult;
-export {};
-//# sourceMappingURL=useRemoteResourceTemplates.d.ts.map

package/dist/editors/service-offering-editor/hooks/useRemoteResourceTemplates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRemoteResourceTemplates.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/hooks/useRemoteResourceTemplates.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,UAAU,gCAAgC;IACxC,8CAA8C;IAC9C,SAAS,EAAE,sBAAsB,EAAE,CAAC;IACpC,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,GAC5B,gCAAgC,CA+ClC"}

package/dist/editors/service-offering-editor/hooks/useRemoteResourceTemplates.js

@@ -1,49 +0,0 @@
-import { useState, useEffect, useCallback, useRef } from "react";
-import { fetchAllRemoteResourceTemplates, } from "../utils/graphql-client.js";
-/**
- * Hook for fetching resource template documents from remote Switchboard drives.
- *
- * @param localTemplateIds - Set of template IDs already available locally (to dedupe)
- */
-export function useRemoteResourceTemplates(localTemplateIds) {
-    const [allTemplates, setAllTemplates] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const isFetchingRef = useRef(false);
-    const hasFetchedRef = useRef(false);
-    const refetch = useCallback(async () => {
-        if (isFetchingRef.current)
-            return;
-        isFetchingRef.current = true;
-        setIsLoading(true);
-        try {
-            const templates = await fetchAllRemoteResourceTemplates();
-            hasFetchedRef.current = true;
-            // Deduplicate by ID — findDocuments can return the same document
-            // multiple times when it is referenced from multiple drives
-            const seen = new Set();
-            const unique = [];
-            for (const t of templates) {
-                if (!seen.has(t.id)) {
-                    seen.add(t.id);
-                    unique.push(t);
-                }
-            }
-            setAllTemplates(unique);
-        }
-        catch {
-            // Silently fail — remote data is a fallback
-        }
-        finally {
-            setIsLoading(false);
-            isFetchingRef.current = false;
-        }
-    }, []);
-    useEffect(() => {
-        if (!hasFetchedRef.current && !isFetchingRef.current) {
-            void refetch();
-        }
-    }, [refetch]);
-    // Filter out templates that already exist locally
-    const templates = allTemplates.filter((t) => !localTemplateIds.has(t.id));
-    return { templates, isLoading, refetch };
-}

package/dist/editors/service-offering-editor/hooks/useServiceOfferingDocument.d.ts

@@ -1,13 +0,0 @@
-import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
-import type { ServiceOfferingAction, ServiceOfferingDocument } from "@powerhousedao/service-offering/document-models/service-offering";
-/**
- * Wrapper around useSelectedServiceOfferingDocument that normalizes legacy
- * documents before validation. Use this in the editor instead of the
- * auto-generated hook when documents may have been created before
- * billingCycleDiscounts was added to tiers.
- */
-export declare function useSelectedServiceOfferingDocument(): [
-    ServiceOfferingDocument,
-    DocumentDispatch<ServiceOfferingAction>
-];
-//# sourceMappingURL=useServiceOfferingDocument.d.ts.map

package/dist/editors/service-offering-editor/hooks/useServiceOfferingDocument.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useServiceOfferingDocument.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/hooks/useServiceOfferingDocument.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,KAAK,EACV,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,kEAAkE,CAAC;AAuB1E;;;;;GAKG;AACH,wBAAgB,kCAAkC,IAAI;IACpD,uBAAuB;IACvB,gBAAgB,CAAC,qBAAqB,CAAC;CACxC,CAQA"}

package/dist/editors/service-offering-editor/hooks/useServiceOfferingDocument.js

@@ -1,36 +0,0 @@
-import { useSelectedDocument } from "@powerhousedao/reactor-browser";
-import { assertIsServiceOfferingDocument } from "../../../document-models/service-offering/v1/gen/document-schema.js";
-/**
- * Normalizes legacy documents that may have tiers without billingCycleDiscounts
- * (created before the reducer was fixed to include this required field).
- * Mutates the document in place.
- */
-function normalizeLegacyTiers(doc) {
-    if (!doc || typeof doc !== "object")
-        return;
-    const d = doc;
-    const state = d.state;
-    const global = state?.global;
-    const tiers = global?.tiers;
-    if (Array.isArray(tiers)) {
-        for (const tier of tiers) {
-            if (tier && tier.billingCycleDiscounts === undefined) {
-                tier.billingCycleDiscounts = [];
-            }
-        }
-    }
-}
-/**
- * Wrapper around useSelectedServiceOfferingDocument that normalizes legacy
- * documents before validation. Use this in the editor instead of the
- * auto-generated hook when documents may have been created before
- * billingCycleDiscounts was added to tiers.
- */
-export function useSelectedServiceOfferingDocument() {
-    const [document, dispatch] = useSelectedDocument();
-    if (document) {
-        normalizeLegacyTiers(document);
-    }
-    assertIsServiceOfferingDocument(document);
-    return [document, dispatch];
-}

package/dist/editors/service-offering-editor/module.d.ts

@@ -1,4 +0,0 @@
-import type { EditorModule } from "document-model";
-/** Document editor module for the "["powerhouse/service-offering"]" document type */
-export declare const ServiceOfferingEditor: EditorModule;
-//# sourceMappingURL=module.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/service-offering-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,EAAE,YAOnC,CAAC"}

package/dist/editors/service-offering-editor/module.js

@@ -1,10 +0,0 @@
-import { lazy } from "react";
-/** Document editor module for the "["powerhouse/service-offering"]" document type */
-export const ServiceOfferingEditor = {
-    Component: lazy(() => import("./editor.js")),
-    documentTypes: ["powerhouse/service-offering"],
-    config: {
-        id: "service-offering-editor",
-        name: "Service Offering Editor",
-    },
-};

package/dist/editors/service-offering-editor/utils/graphql-client.d.ts

@@ -1,6 +0,0 @@
-/**
- * Re-exports from the shared GraphQL client.
- * @deprecated Import directly from "../../utils/graphql-client.js" instead.
- */
-export { fetchAllRemoteBuilderProfiles, fetchBuilderProfileById, fetchRemoteBuilderProfilesByIds, setOpHubMemberOnBuilderProfile, fetchAllRemoteResourceTemplates, type RemoteBuilderProfile, type RemoteResourceTemplate, type SetOpHubMemberInput, } from "../../utils/graphql-client.js";
-//# sourceMappingURL=graphql-client.d.ts.map

package/dist/editors/service-offering-editor/utils/graphql-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"graphql-client.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/utils/graphql-client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,6BAA6B,EAC7B,uBAAuB,EACvB,+BAA+B,EAC/B,8BAA8B,EAC9B,+BAA+B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACzB,MAAM,+BAA+B,CAAC"}

package/dist/editors/service-offering-editor/utils/graphql-client.js

@@ -1,5 +0,0 @@
-/**
- * Re-exports from the shared GraphQL client.
- * @deprecated Import directly from "../../utils/graphql-client.js" instead.
- */
-export { fetchAllRemoteBuilderProfiles, fetchBuilderProfileById, fetchRemoteBuilderProfilesByIds, setOpHubMemberOnBuilderProfile, fetchAllRemoteResourceTemplates, } from "../../utils/graphql-client.js";

package/dist/editors/subscription-instance-editor/components/BillingPanel.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 BillingPanelProps {
-    document: SubscriptionInstanceDocument;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-    mode: ViewMode;
-}
-export declare function BillingPanel({ document }: BillingPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BillingPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BillingPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/BillingPanel.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;AAY5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA8O3D"}

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { formatCurrency, formatDate, formatBillingCycleSuffix, formatDiscountBadge, computeBillingBreakdown, } from "./billing-utils.js";
-export function BillingPanel({ document }) {
-    const state = document.state.global;
-    const breakdown = computeBillingBreakdown(state);
-    const [setupExpanded, setSetupExpanded] = useState(false);
-    const hasAnyData = state.nextBillingDate ||
-        state.projectedBillAmount != null ||
-        breakdown.groupBreakdowns.length > 0 ||
-        state.services.length > 0 ||
-        breakdown.setupLines.length > 0;
-    if (!hasAnyData) {
-        return (_jsxs("div", { className: "si-panel", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: "Billing Projection" }) }), _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: "M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2z" }) }), _jsx("p", { className: "si-empty__text", children: "No billing data yet" })] })] }));
-    }
-    const projectedTotal = state.projectedBillAmount != null
-        ? state.projectedBillAmount
-        : breakdown.projectedTotal;
-    const currency = breakdown.currency;
-    const hasDynamicCosts = breakdown.dynamicTotal > 0;
-    const hasFixedCosts = breakdown.fixedTotal > 0;
-    return (_jsxs("div", { className: "si-panel", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: "Billing Projection" }) }), _jsxs("div", { className: "si-billing-summary", children: [_jsxs("div", { className: "si-billing-summary__item", children: [_jsx("span", { className: "si-billing-summary__label", children: "Next Payment" }), _jsx("span", { className: "si-billing-summary__value", children: formatDate(state.nextBillingDate) })] }), _jsxs("div", { className: "si-billing-summary__item", children: [_jsx("span", { className: "si-billing-summary__label", children: "Fixed" }), _jsx("span", { className: "si-billing-summary__value", children: formatCurrency(breakdown.fixedTotal, currency) })] }), hasDynamicCosts && (_jsxs("div", { className: "si-billing-summary__item", children: [_jsx("span", { className: "si-billing-summary__label", children: "Dynamic *" }), _jsx("span", { className: "si-billing-summary__value si-billing-summary__value--warning", children: formatCurrency(breakdown.dynamicTotal, currency) })] })), _jsxs("div", { className: "si-billing-summary__item", children: [_jsxs("span", { className: "si-billing-summary__label", children: ["Projected Total", hasDynamicCosts ? " *" : ""] }), _jsxs("span", { className: "si-billing-summary__value si-billing-summary__value--success", children: [formatCurrency(projectedTotal, currency), breakdown.billingCycle && (_jsx("span", { style: {
-                                            fontWeight: 400,
-                                            fontSize: "0.75rem",
-                                            color: "var(--si-slate-500)",
-                                        }, children: formatBillingCycleSuffix(breakdown.billingCycle) }))] })] }), _jsxs("div", { className: "si-billing-summary__item", children: [_jsx("span", { className: "si-billing-summary__label", children: "Currency" }), _jsx("span", { className: "si-billing-summary__value", children: currency })] })] }), hasDynamicCosts && (_jsx("p", { className: "si-billing-disclaimer", children: "* Projection based on current usage. Amounts may change with metric activity." })), hasFixedCosts && (_jsxs("div", { className: "si-billing-section", children: [_jsx("div", { className: "si-billing-section-label", children: _jsx("span", { className: "si-billing-section-label__text", children: "Fixed Costs" }) }), _jsxs("div", { className: "si-billing-section__lines", children: [breakdown.groupBreakdowns
-                                .filter((g) => g.recurringAmount != null && g.recurringAmount > 0)
-                                .map((group) => (_jsx(GroupFixedCostRow, { group: group, currency: currency }, group.groupId))), state.services
-                                .filter((svc) => svc.recurringCost)
-                                .map((svc) => (_jsxs("div", { className: "si-billing-line", children: [_jsxs("span", { className: "si-billing-line__name", children: [svc.name || "Service", svc.recurringCost?.billingCycle && (_jsx("span", { className: "si-billing-line__cycle", children: formatBillingCycleSuffix(svc.recurringCost.billingCycle) }))] }), _jsx("span", { className: "si-billing-line__amount", children: formatCurrency(svc.recurringCost.amount, currency) })] }, svc.id)))] }), _jsxs("div", { className: "si-billing-section-subtotal", children: [_jsx("span", { className: "si-billing-section-subtotal__label", children: "Fixed Subtotal" }), _jsx("span", { className: "si-billing-section-subtotal__amount", children: formatCurrency(breakdown.fixedTotal, currency) })] })] })), (breakdown.groupBreakdowns.some((g) => g.metricOverages.length > 0) ||
-                breakdown.standaloneOverages.length > 0) && (_jsxs("div", { className: "si-billing-section", children: [_jsx("div", { className: "si-billing-section-label", children: _jsx("span", { className: "si-billing-section-label__text", children: "Dynamic Costs *" }) }), _jsxs("div", { className: "si-billing-section__lines", children: [breakdown.groupBreakdowns
-                                .filter((g) => g.metricOverages.length > 0)
-                                .map((group) => (_jsx(GroupMetricOverageRows, { group: group, currency: currency }, group.groupId))), breakdown.standaloneOverages.map((overage) => (_jsx(MetricOverageRow, { overage: overage, currency: currency }, overage.metricId)))] }), _jsxs("div", { className: "si-billing-section-subtotal", children: [_jsx("span", { className: "si-billing-section-subtotal__label", children: "Dynamic Subtotal *" }), _jsx("span", { className: "si-billing-section-subtotal__amount", children: formatCurrency(breakdown.dynamicTotal, currency) })] })] })), _jsxs("div", { className: "si-billing-total", children: [hasFixedCosts && hasDynamicCosts && (_jsx("div", { className: "si-billing-total__breakdown", children: _jsxs("span", { className: "si-billing-total__detail", children: ["Fixed ", formatCurrency(breakdown.fixedTotal, currency), " + Dynamic", " ", formatCurrency(breakdown.dynamicTotal, currency)] }) })), _jsxs("div", { className: "si-billing-total__row", children: [_jsxs("span", { className: "si-billing-total__label", children: ["Total Projected", hasDynamicCosts ? " *" : ""] }), _jsxs("span", { className: "si-billing-total__amount", children: [formatCurrency(projectedTotal, currency), breakdown.billingCycle && (_jsx("span", { className: "si-billing-total__cycle", children: formatBillingCycleSuffix(breakdown.billingCycle) }))] })] })] }), breakdown.setupLines.length > 0 && (_jsx(SetupCostsSection, { setupLines: breakdown.setupLines, setupTotal: breakdown.setupTotal, currency: currency, expanded: setupExpanded, onToggle: () => setSetupExpanded(!setupExpanded) }))] }));
-}
-// ─── Sub-components ─────────────────────────────────────────
-function GroupFixedCostRow({ group, currency, }) {
-    return (_jsx("div", { className: "si-billing-group", children: _jsxs("div", { className: "si-billing-group__row", children: [_jsxs("span", { className: "si-billing-group__name", children: [group.groupName, group.optional && (_jsx("span", { className: "si-badge si-badge--violet si-badge--sm", style: { marginLeft: 8 }, children: "Add-on" })), group.recurringCycle && (_jsx("span", { className: "si-billing-line__cycle", children: formatBillingCycleSuffix(group.recurringCycle) }))] }), _jsxs("span", { className: "si-billing-group__amount-block", children: [group.discount && (_jsxs(_Fragment, { children: [_jsx("span", { className: "si-billing-group__original", children: formatCurrency(group.discount.originalAmount, currency) }), _jsx("span", { className: "si-billing-group__discount-badge", children: formatDiscountBadge(group.discount) })] })), _jsx("span", { className: "si-billing-group__amount", children: formatCurrency(group.recurringAmount ?? 0, group.recurringCurrency) })] })] }) }));
-}
-function GroupMetricOverageRows({ group, currency, }) {
-    return (_jsxs("div", { className: "si-billing-group-metrics", children: [_jsx("div", { className: "si-billing-group-metrics__header", children: group.groupName }), group.metricOverages.map((overage) => (_jsx(MetricOverageRow, { overage: overage, currency: currency }, overage.metricId)))] }));
-}
-function MetricOverageRow({ overage, currency, }) {
-    return (_jsxs("div", { className: "si-billing-metric", children: [_jsxs("div", { className: "si-billing-metric__info", children: [_jsx("span", { className: "si-billing-metric__name", children: overage.metricName }), _jsxs("span", { className: "si-billing-metric__usage", children: [overage.currentUsage.toLocaleString(), "/", overage.freeLimit.toLocaleString(), " free"] })] }), _jsxs("div", { className: "si-billing-metric__right", children: [_jsxs("span", { className: "si-billing-metric__calc", children: [overage.excess.toLocaleString(), " x", " ", formatCurrency(overage.unitCostAmount, currency)] }), _jsx("span", { className: "si-billing-metric__projection", children: formatCurrency(overage.projectedCost, currency) })] })] }));
-}
-function SetupCostsSection({ setupLines, setupTotal, currency, expanded, onToggle, }) {
-    const unpaidCount = setupLines.filter((l) => !l.paid).length;
-    return (_jsxs("div", { className: "si-billing-setup", children: [_jsxs("button", { type: "button", className: "si-billing-setup__toggle", onClick: onToggle, "aria-expanded": expanded, children: [_jsxs("span", { className: "si-billing-setup__toggle-left", children: [_jsx("svg", { className: "si-billing-setup__chevron", "data-expanded": expanded, viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" }) }), _jsx("span", { children: "Setup Costs" }), _jsxs("span", { className: "si-billing-setup__count", children: [setupLines.length, " item", setupLines.length !== 1 ? "s" : "", unpaidCount > 0 && (_jsxs("span", { className: "si-billing-setup__unpaid", children: [" ", "(", unpaidCount, " unpaid)"] }))] })] }), _jsx("span", { className: "si-billing-setup__total", children: formatCurrency(setupTotal, currency) })] }), expanded && (_jsx("div", { className: "si-billing-setup__content", children: setupLines.map((line, idx) => (_jsxs("div", { className: "si-billing-line si-billing-line--setup", children: [_jsx("span", { className: "si-billing-line__name", children: line.name }), _jsxs("span", { className: "si-billing-line__right", children: [line.paid && (_jsx("span", { className: "si-billing-line__paid-tag", children: "Paid" })), _jsx("span", { className: `si-billing-line__amount ${line.paid
-                                        ? "si-billing-line__amount--paid"
-                                        : "si-billing-line__amount--setup"}`, children: formatCurrency(line.amount, line.currency) })] })] }, idx))) }))] }));
-}

package/dist/editors/subscription-instance-editor/components/CustomerInfo.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 CustomerInfoProps {
-    document: SubscriptionInstanceDocument;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-    mode: ViewMode;
-}
-export declare function CustomerInfo({ document, dispatch, mode }: CustomerInfoProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CustomerInfo.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerInfo.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/CustomerInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoQ3E"}

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

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { setCustomerType } from "../../../document-models/subscription-instance/v1/gen/customer/creators.js";
-import { updateCustomerInfo } from "../../../document-models/subscription-instance/v1/gen/subscription/creators.js";
-export function CustomerInfo({ document, dispatch, mode }) {
-    const state = document.state.global;
-    // Edit states for different fields
-    const [isEditingName, setIsEditingName] = useState(false);
-    const [editName, setEditName] = useState(state.customerName || "");
-    const [isEditingEmail, setIsEditingEmail] = useState(false);
-    const [editEmail, setEditEmail] = useState(state.customerEmail || "");
-    const [isEditingType, setIsEditingType] = useState(false);
-    const [editType, setEditType] = useState(state.customerType || "INDIVIDUAL");
-    const [editMemberCount, setEditMemberCount] = useState(state.teamMemberCount || 1);
-    // Name handlers
-    const handleSaveName = useCallback(() => {
-        dispatch(updateCustomerInfo({
-            customerName: editName || undefined,
-        }));
-        setIsEditingName(false);
-    }, [dispatch, editName]);
-    const handleCancelName = useCallback(() => {
-        setEditName(state.customerName || "");
-        setIsEditingName(false);
-    }, [state.customerName]);
-    // Email handlers
-    const handleSaveEmail = useCallback(() => {
-        dispatch(updateCustomerInfo({
-            customerEmail: editEmail || undefined,
-        }));
-        setIsEditingEmail(false);
-    }, [dispatch, editEmail]);
-    const handleCancelEmail = useCallback(() => {
-        setEditEmail(state.customerEmail || "");
-        setIsEditingEmail(false);
-    }, [state.customerEmail]);
-    // Type handlers
-    const handleSaveType = useCallback(() => {
-        dispatch(setCustomerType({
-            customerType: editType,
-            teamMemberCount: editType === "TEAM" ? editMemberCount : undefined,
-        }));
-        setIsEditingType(false);
-    }, [dispatch, editType, editMemberCount]);
-    const handleCancelType = useCallback(() => {
-        setEditType(state.customerType || "INDIVIDUAL");
-        setEditMemberCount(state.teamMemberCount || 1);
-        setIsEditingType(false);
-    }, [state.customerType, state.teamMemberCount]);
-    const isValidEmail = (email) => {
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-    };
-    // Edit button component for reuse
-    const EditButton = ({ onClick }) => (_jsx("button", { type: "button", className: "si-customer-info__edit-btn", onClick: onClick, "aria-label": "Edit", 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" }) }) }));
-    return (_jsxs("div", { className: "si-panel si-panel--compact", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: mode === "client" ? "Your Information" : "Customer Information" }) }), _jsxs("div", { className: "si-customer-info", children: [_jsxs("div", { className: "si-customer-info__section", children: [_jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Name" }), isEditingName ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "text", className: "si-input si-input--sm", value: editName, onChange: (e) => setEditName(e.target.value), placeholder: "Enter name..." }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelName, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveName, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerName || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingName(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Email" }), isEditingEmail ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "email", className: "si-input si-input--sm", value: editEmail, onChange: (e) => setEditEmail(e.target.value), placeholder: "email@example.com" }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelEmail, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveEmail, disabled: editEmail !== "" && !isValidEmail(editEmail), children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerEmail || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingEmail(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Type" }), isEditingType ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsxs("div", { className: "si-customer-info__type-edit", children: [_jsxs("select", { className: "si-input si-input--sm si-select", value: editType, onChange: (e) => setEditType(e.target.value), children: [_jsx("option", { value: "INDIVIDUAL", children: "Individual" }), _jsx("option", { value: "TEAM", children: "Team" })] }), editType === "TEAM" && (_jsx("input", { type: "number", className: "si-input si-input--sm si-input--number", value: editMemberCount, onChange: (e) => setEditMemberCount(parseInt(e.target.value) || 1), min: "1", placeholder: "Members" }))] }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelType, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveType, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerType ? (_jsxs(_Fragment, { children: [state.customerType === "TEAM" ? "Team" : "Individual", state.customerType === "TEAM" && state.teamMemberCount && (_jsxs("span", { className: "si-customer-info__detail", children: [" ", "(", state.teamMemberCount, " members)"] }))] })) : (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingType(true) })] }))] })] }), mode === "operator" && state.budget && (_jsx("div", { className: "si-customer-info__section", children: _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Budget Category" }), _jsx("span", { className: "si-customer-info__value", children: state.budget.label })] }) }))] })] }));
-}

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

@@ -1,17 +0,0 @@
-import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
-import type { SubscriptionInstanceAction, SubscriptionInstanceDocument } from "@powerhousedao/service-offering/document-models/subscription-instance";
-import type { ServiceOfferingState } from "../../../document-models/service-offering/v1/gen/schema/types.js";
-import type { BillingCycle } from "../../../document-models/subscription-instance/v1/gen/schema/types.js";
-interface ImportServiceConfigButtonProps {
-    document: SubscriptionInstanceDocument;
-    dispatch: DocumentDispatch<SubscriptionInstanceAction>;
-    /** The Service Offering state to import from (from browser store) */
-    offeringState?: ServiceOfferingState;
-    /** The selected tier ID */
-    selectedTierId?: string;
-    /** The selected billing cycle */
-    selectedBillingCycle?: BillingCycle;
-}
-export declare function ImportServiceConfigButton({ document, dispatch, offeringState, selectedTierId, selectedBillingCycle, }: ImportServiceConfigButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ImportServiceConfigButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImportServiceConfigButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ImportServiceConfigButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAE/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAC;AAG7G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uEAAuE,CAAC;AAG1G,UAAU,8BAA8B;IACtC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,qEAAqE;IACrE,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,YAAY,CAAC;CACrC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,EAAE,8BAA8B,2CA8DhC"}

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { initializeSubscription } from "../../../document-models/subscription-instance/v1/gen/subscription/creators.js";
-import { getUserSelectionPriceBreakdown } from "../../../document-models/service-offering/v1/src/utils.js";
-import { mapOfferingToSubscription } from "./mapOfferingToSubscription.js";
-export function ImportServiceConfigButton({ document, dispatch, offeringState, selectedTierId, selectedBillingCycle, }) {
-    const hasServices = document.state.global.services.length > 0 ||
-        document.state.global.serviceGroups.length > 0;
-    const canImport = offeringState && selectedTierId && selectedBillingCycle;
-    const importServiceConfig = useCallback(() => {
-        if (!offeringState || !selectedTierId || !selectedBillingCycle)
-            return;
-        // Wrap global state to match ServiceOfferingPHState shape for price breakdown
-        const phState = {
-            global: offeringState,
-            local: {},
-        };
-        const priceBreakdown = getUserSelectionPriceBreakdown(phState, {
-            tierId: selectedTierId,
-            billingCycle: selectedBillingCycle,
-            optionGroupIds: [],
-        });
-        const input = mapOfferingToSubscription({
-            offering: offeringState,
-            tierId: selectedTierId,
-            selectedBillingCycle,
-            createdAt: new Date().toISOString(),
-            priceBreakdown,
-        });
-        dispatch(initializeSubscription(input));
-    }, [dispatch, offeringState, selectedTierId, selectedBillingCycle]);
-    return (_jsxs("button", { type: "button", className: "si-btn si-btn--secondary", onClick: importServiceConfig, disabled: !canImport, title: !canImport
-            ? "Select a Service Offering, tier, and billing cycle to import"
-            : hasServices
-                ? "Re-import service configuration from offering"
-                : "Import service configuration from offering", 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: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }) }), hasServices ? "Re-Import Config" : "Import Service Config"] }));
-}