@powerhousedao/contributor-billing 0.1.42 → 0.1.43

package/dist/editors/contributor-billing/components/InvoiceTable/NotificationDialog.d.ts

@@ -0,0 +1,11 @@
+type NotificationProps = {
+    show: boolean;
+    type: "success" | "error";
+    title: string;
+    message?: string;
+    details?: string[];
+    onClose: () => void;
+};
+export declare const NotificationDialog: ({ show, type, title, message, details, onClose, }: NotificationProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=NotificationDialog.d.ts.map

package/dist/editors/contributor-billing/components/InvoiceTable/NotificationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDialog.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/NotificationDialog.tsx"],"names":[],"mappings":"AACA,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mDAOhC,iBAAiB,mDAgGnB,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTable/NotificationDialog.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NotificationDialog = ({ show, type, title, message, details, onClose, }) => {
+    if (!show)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm", children: _jsxs("div", { className: "mx-4 w-full max-w-md rounded-2xl border border-black/10 bg-white shadow-[0_24px_60px_rgba(15,23,42,0.15)]", children: [_jsx("div", { className: `border-b border-black/10 px-6 py-4 ${type === "error" ? "bg-red-50" : "bg-emerald-50"}`, children: _jsxs("div", { className: "flex items-center gap-3", children: [type === "error" ? (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-red-100", children: _jsx("svg", { className: "h-5 w-5 text-red-600", fill: "none", viewBox: "0 0 24 24", 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" }) }) })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-emerald-100", children: _jsx("svg", { className: "h-5 w-5 text-emerald-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) })), _jsx("h3", { className: `text-lg font-semibold ${type === "error" ? "text-red-900" : "text-emerald-900"}`, children: title })] }) }), _jsxs("div", { className: "px-6 py-5", children: [message && (_jsx("p", { className: "text-sm leading-relaxed text-gray-700", children: message })), details && details.length > 0 && (_jsxs("div", { className: "mt-4 rounded-lg border border-black/10 bg-gray-50 p-4", children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-gray-600", children: "Affected Items:" }), _jsx("ul", { className: "space-y-1", children: details.map((item, idx) => (_jsx("li", { className: "text-sm text-gray-700 before:mr-2 before:content-['\u2022']", children: item }, idx))) })] }))] }), _jsx("div", { className: "border-t border-black/10 px-6 py-4", children: _jsx("button", { onClick: onClose, className: `w-full rounded-lg px-4 py-2.5 text-sm font-semibold text-white transition ${type === "error"
+                            ? "bg-red-600 hover:bg-red-700"
+                            : "bg-emerald-600 hover:bg-emerald-700"}`, children: "Got it" }) })] }) }));
+};

package/dist/editors/expense-report/components/AddReportToRemoteDrive.d.ts

@@ -2,7 +2,7 @@ import type { ExpenseReportDocument } from "../../../document-models/expense-rep
 export declare function useAddReportToRemoteDrive(ownerIdOverride?: string | null): {
     ownerDriveId: string | undefined;
     ownerId: string;
-    selectedDocument: ExpenseReportDocument | undefined;
+    selectedDocument: ExpenseReportDocument;
 };
 export declare function useOwnerDriveActions(ownerDriveId: string, selectedDocument: ExpenseReportDocument | undefined): {
     addReportToOwnerDrive: () => Promise<boolean>;

package/dist/editors/expense-report/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/expense-report/editor.tsx"],"names":[],"mappings":"AAuEA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAiZ7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/expense-report/editor.tsx"],"names":[],"mappings":"AA4EA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAwd7B"}

package/dist/editors/expense-report/editor.js

@@ -3,7 +3,7 @@ import { useState, useMemo, useEffect } from "react";
 import { setName } from "document-model";
 import { useSelectedExpenseReportDocument } from "../../document-models/expense-report/hooks.js";
 import { actions, } from "../../document-models/expense-report/index.js";
-import { Icon, Button, Select } from "@powerhousedao/document-engineering";
+import { Icon, Button, Select, DatePicker, } from "@powerhousedao/document-engineering";
 import { WalletsTable } from "./components/WalletsTable.js";
 import { AggregatedExpensesTable } from "./components/AggregatedExpensesTable.js";
 import { AddBillingStatementModal } from "./components/AddBillingStatementModal.js";
@@ -59,6 +59,15 @@ export default function Editor() {
     // Derive current period from document state
     const periodStart = document.state.global.periodStart || "";
     const periodEnd = document.state.global.periodEnd || "";
+    // Derive snapshot period from document state (for transaction filtering)
+    // Support both old field names (snapshotStart/snapshotEnd) and new ones (startDate/endDate)
+    const globalState = document.state.global;
+    const startDate = document.state.global.startDate ||
+        globalState.snapshotStart ||
+        "";
+    const endDate = document.state.global.endDate ||
+        globalState.snapshotEnd ||
+        "";
     // Local state for the selected period (before confirmation)
     const [selectedPeriod, setSelectedPeriod] = useState(() => {
         if (periodStart) {
@@ -120,6 +129,31 @@ export default function Editor() {
         // Exit editing mode
         setIsEditingPeriod(false);
     };
+    // Handle snapshot period date changes
+    const handleStartDateChange = (e) => {
+        const dateValue = e.target.value;
+        if (!dateValue)
+            return;
+        const dateString = dateValue.split("T")[0];
+        if (!dateString)
+            return;
+        const date = new Date(dateString + "T00:00:00.000Z");
+        if (isNaN(date.getTime()))
+            return;
+        dispatch(actions.setPeriod({ startDate: date.toISOString() }));
+    };
+    const handleEndDateChange = (e) => {
+        const dateValue = e.target.value;
+        if (!dateValue)
+            return;
+        const dateString = dateValue.split("T")[0];
+        if (!dateString)
+            return;
+        const endOfDay = new Date(dateString + "T23:59:59.999Z");
+        if (isNaN(endOfDay.getTime()))
+            return;
+        dispatch(actions.setPeriod({ endDate: endOfDay.toISOString() }));
+    };
     // Generate month options
     const monthOptions = useMemo(() => generateMonthOptions(), []);
     // Get the formatted display label for the current period
@@ -146,8 +180,11 @@ export default function Editor() {
     };
     // Handle sync all wallets
     const handleSyncAllWallets = () => {
-        if (!periodStart || !periodEnd) {
-            alert("Please set the period start and end dates before syncing wallet transactions.");
+        // Use snapshot period for transaction filtering if available, otherwise fall back to reporting period
+        const filterStart = startDate || periodStart;
+        const filterEnd = endDate || periodEnd;
+        if (!filterStart || !filterEnd) {
+            alert("Please set the Snapshot Period dates (or Reporting Period) before syncing wallet transactions.");
             return;
         }
         setIsSyncingAll(true);
@@ -156,7 +193,7 @@ export default function Editor() {
             if (wallet.wallet &&
                 ((wallet.billingStatements && wallet.billingStatements.length > 0) ||
                     wallet.accountTransactionsDocumentId)) {
-                syncWallet(wallet.wallet, (wallet.lineItems || []).filter((item) => item !== null), (wallet.billingStatements || []).filter((id) => id !== null), groups, wallets, wallet.accountTransactionsDocumentId, periodStart, periodEnd, dispatch);
+                syncWallet(wallet.wallet, (wallet.lineItems || []).filter((item) => item != null), (wallet.billingStatements || []).filter((id) => id != null), groups, wallets, wallet.accountTransactionsDocumentId, filterStart, filterEnd, dispatch);
             }
         });
         setIsSyncingAll(false);
@@ -228,11 +265,11 @@ export default function Editor() {
     function handleClose() {
         setSelectedNode(parentFolder?.id);
     }
-    return (_jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsxs("div", { className: "ph-default-styles flex flex-col flex-1 min-h-0 w-full bg-gray-50 dark:bg-gray-900", children: [_jsx("div", { className: "flex-1 overflow-auto px-3 sm:px-4 lg:px-6 py-4", children: _jsxs("div", { className: "w-full max-w-none space-y-4 lg:space-y-6", children: [_jsx("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [_jsx("h1", { className: "text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white", children: "Expense Report" }), _jsxs(Button, { variant: "ghost", onClick: handleExportPDF, className: "flex items-center gap-2 shrink-0", children: [_jsx(Icon, { name: "ExportPdf", size: 18 }), _jsx("span", { children: "Export to PDF" })] })] }), _jsxs("div", { className: "flex flex-wrap justify-between gap-12", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Period:" }), isEditingPeriod ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Select, { options: monthOptions, value: selectedPeriod, onChange: (value) => handlePeriodChange(value), className: "min-w-[180px]" }), isPeriodChanged && (_jsx(Button, { variant: "default", onClick: handleConfirmPeriod, className: "text-sm", children: "Set Period" }))] })) : (_jsx("span", { className: "text-lg font-bold text-gray-900 dark:text-white", children: periodDisplayLabel }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Status:" }), _jsx(Select, { options: [
+    return (_jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsxs("div", { className: "ph-default-styles flex flex-col flex-1 min-h-0 w-full bg-gray-50 dark:bg-gray-900", children: [_jsx("div", { className: "flex-1 overflow-auto px-3 sm:px-4 lg:px-6 py-4", children: _jsxs("div", { className: "w-full max-w-none space-y-4 lg:space-y-6", children: [_jsx("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [_jsx("h1", { className: "text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white", children: "Expense Report" }), _jsxs(Button, { variant: "ghost", onClick: handleExportPDF, className: "flex items-center gap-2 shrink-0", children: [_jsx(Icon, { name: "ExportPdf", size: 18 }), _jsx("span", { children: "Export to PDF" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-x-8 gap-y-3 mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Reporting Period:" }), isEditingPeriod ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Select, { options: monthOptions, value: selectedPeriod, onChange: (value) => handlePeriodChange(value), className: "min-w-[180px]" }), isPeriodChanged && (_jsx(Button, { variant: "default", onClick: handleConfirmPeriod, className: "text-sm", children: "Set Period" }))] })) : (_jsx("span", { className: "text-lg font-bold text-gray-900 dark:text-white", children: periodDisplayLabel }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Status:" }), _jsx(Select, { options: [
                                                                     { label: "Draft", value: "DRAFT" },
                                                                     { label: "Review", value: "REVIEW" },
                                                                     { label: "Final", value: "FINAL" },
                                                                 ], value: document.state.global.status, onChange: (value) => dispatch(actions.setStatus({
                                                                     status: value,
-                                                                })), className: "min-w-[180px]" })] }), _jsx(SetOwner, { ownerId: ownerId, dispatch: dispatch })] })] }) }), _jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: "Wallets" }), _jsxs(Button, { variant: "ghost", onClick: handleSyncAllWallets, disabled: isSyncingAll, className: "flex items-center gap-2", children: [_jsx(RefreshCw, { size: 16, className: isSyncingAll ? "animate-spin" : "" }), _jsx("span", { className: "hidden sm:inline", children: isSyncingAll ? "Syncing..." : "Sync All" })] })] }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(WalletsTable, { wallets: wallets, groups: groups, onAddBillingStatement: handleAddBillingStatement, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }), wallets.length > 0 && (_jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsx("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: breakdownTitle }) }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(AggregatedExpensesTable, { wallets: wallets, groups: groups, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }))] }) }), isModalOpen && selectedWallet && (_jsx(AddBillingStatementModal, { isOpen: isModalOpen, onClose: handleCloseModal, walletAddress: selectedWallet, dispatch: dispatch, groups: groups, paymentsFolderId: paymentsFolderId }))] })] }));
+                                                                })), className: "min-w-[140px]" })] }), _jsx(SetOwner, { ownerId: ownerId, dispatch: dispatch })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Transaction Period" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(DatePicker, { name: "startDate", value: startDate ? startDate.split("T")[0] : "", onChange: handleStartDateChange, dateFormat: "YYYY-MM-DD", className: "flex-1" }), _jsx("span", { className: "self-center", children: "to" }), _jsx(DatePicker, { name: "endDate", value: endDate ? endDate.split("T")[0] : "", onChange: handleEndDateChange, dateFormat: "YYYY-MM-DD", className: "flex-1" })] })] })] }) }), _jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: "Wallets" }), _jsxs(Button, { variant: "ghost", onClick: handleSyncAllWallets, disabled: isSyncingAll, className: "flex items-center gap-2", children: [_jsx(RefreshCw, { size: 16, className: isSyncingAll ? "animate-spin" : "" }), _jsx("span", { className: "hidden sm:inline", children: isSyncingAll ? "Syncing..." : "Sync All" })] })] }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(WalletsTable, { wallets: wallets, groups: groups, onAddBillingStatement: handleAddBillingStatement, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }), wallets.length > 0 && (_jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsx("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: breakdownTitle }) }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(AggregatedExpensesTable, { wallets: wallets, groups: groups, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }))] }) }), isModalOpen && selectedWallet && (_jsx(AddBillingStatementModal, { isOpen: isModalOpen, onClose: handleCloseModal, walletAddress: selectedWallet, dispatch: dispatch, groups: groups, paymentsFolderId: paymentsFolderId }))] })] }));
 }

package/dist/editors/expense-report/hooks/useSyncWallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSyncWallet.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/hooks/useSyncWallet.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,MAAM,EACP,MAAM,sDAAsD,CAAC;AAkB9D,wBAAgB,aAAa;gCAIV,MAAM,qBACF,QAAQ,EAAE,uBACR,MAAM,EAAE,UACrB,aAAa,EAAE,cACX,MAAM,EAAE,iCACW,MAAM,GAAG,IAAI,GAAG,SAAS,eAC3C,MAAM,GAAG,IAAI,GAAG,SAAS,aAC3B,MAAM,GAAG,IAAI,GAAG,SAAS,YAC1B,GAAG;EAuMhB"}
+{"version":3,"file":"useSyncWallet.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/hooks/useSyncWallet.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,MAAM,EACP,MAAM,sDAAsD,CAAC;AAmB9D,wBAAgB,aAAa;gCAIV,MAAM,qBACF,QAAQ,EAAE,uBACR,MAAM,EAAE,UACrB,aAAa,EAAE,cACX,MAAM,EAAE,iCACW,MAAM,GAAG,IAAI,GAAG,SAAS,eAC3C,MAAM,GAAG,IAAI,GAAG,SAAS,aAC3B,MAAM,GAAG,IAAI,GAAG,SAAS,YAC1B,GAAG;EA0MhB"}

package/dist/editors/expense-report/hooks/useSyncWallet.js

@@ -1,6 +1,7 @@
 import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
 import { actions } from "../../../document-models/expense-report/index.js";
 import { generateId } from "document-model";
+import { isSwapAddress } from "../../snapshot-report-editor/utils/flowTypeCalculations.js";
 export function useSyncWallet() {
     const documents = useDocumentsInSelectedDrive();
     const syncWallet = (walletAddress, existingLineItems, billingStatementIds, groups, allWallets, accountTransactionsDocumentId, periodStart, periodEnd, dispatch) => {
@@ -55,6 +56,9 @@ export function useSyncWallet() {
                 const counterParty = tx.counterParty?.toLowerCase();
                 if (counterParty && walletAddresses.has(counterParty))
                     return sum;
+                // Exclude swap transactions (transactions to known swap protocols)
+                if (isSwapAddress(counterParty))
+                    return sum;
                 // Add the transaction amount (convert to number if it's a string)
                 const amount = parseFloat(tx.amount?.value || 0);
                 return sum + amount;

package/dist/editors/invoice/exportUBL.js

@@ -25,9 +25,9 @@ export class UBLExporter {
      * @returns UBL XML string
      */
     async convertInvoiceToUBL() {
-        const issueDate = this.formatDate(this.invoice.dateIssued);
-        const dueDate = this.formatDate(this.invoice.dateDue);
-        const deliveryDate = this.formatDate(this.invoice.dateDelivered);
+        const issueDate = this.formatDate(this.invoice.dateIssued ?? null);
+        const dueDate = this.formatDate(this.invoice.dateDue ?? null);
+        const deliveryDate = this.formatDate(this.invoice.dateDelivered ?? null);
         // Generate PDF attachment section first
         const pdfAttachmentSection = await this.generatePDFAttachment();
         const xml = `<?xml version="1.0" encoding="UTF-8"?>
@@ -190,7 +190,7 @@ export class UBLExporter {
      * Generate payment terms section
      */
     generatePaymentTerms() {
-        const dueDate = this.formatDate(this.invoice.dateDue);
+        const dueDate = this.formatDate(this.invoice.dateDue ?? null);
         const amount = this.invoice.lineItems.reduce((sum, item) => sum + item.totalPriceTaxIncl, 0);
         const currency = this.invoice.currency;
         const paymentRef = `RF47${this.invoice.invoiceNo?.replace(/[^a-zA-Z0-9]/g, "")}`;
@@ -208,7 +208,7 @@ export class UBLExporter {
         const bank = this.invoice.issuer?.paymentRouting?.bank;
         if (!bank?.accountNum)
             return "";
-        const dueDate = this.formatDate(this.invoice.dateDue);
+        const dueDate = this.formatDate(this.invoice.dateDue ?? null);
         // Generate a payment reference based on invoice number
         const paymentRef = `RF47${this.invoice.invoiceNo?.replace(/[^a-zA-Z0-9]/g, "")}`;
         return `<cac:PaymentMeans>

package/dist/editors/resource-template-editor/components/FacetTargeting.js

@@ -12,7 +12,7 @@ const DEFAULT_FACET_PRESETS = [
         description: "Sky Node Operator function type",
         suggestedOptions: [
             "Operational Hub for Open Source Builders",
-            "Commercial Operational Hub",
+            "Operational Hub",
             "IP SPV",
             "Revenue Generating Hub",
             "SNO Embryonic Hub",
@@ -157,7 +157,7 @@ export function FacetTargeting({ document, dispatch }) {
     }, [dispatch]);
     // Get preset for a category to show suggested options
     const getPresetForCategory = (categoryKey) => facetPresets.find((p) => p.categoryKey === categoryKey);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: styles }), _jsxs("section", { className: "facet-targeting", children: [_jsxs("div", { className: "facet-targeting__progress", children: [_jsxs("div", { className: "facet-targeting__progress-header", children: [_jsxs("div", { className: "facet-targeting__progress-info", children: [_jsxs("span", { className: "facet-targeting__progress-percent", children: [progress.percentage, "%"] }), _jsxs("span", { className: "facet-targeting__progress-label", children: [progress.configured, "/", progress.recommended, " recommended facets configured"] })] }), progress.isComplete && (_jsxs("span", { className: "facet-targeting__complete-badge", children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("path", { d: "M5 12l5 5L20 7" }) }), "All set!"] }))] }), _jsx("div", { className: "facet-targeting__progress-bar", children: _jsx("div", { className: "facet-targeting__progress-fill", style: { width: `${progress.percentage}%` } }) })] }), _jsxs("div", { className: "facet-targeting__header", children: [_jsxs("div", { className: "facet-targeting__header-content", children: [_jsx("div", { className: "facet-targeting__icon", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", children: [_jsx("path", { d: "M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z" }), _jsx("path", { d: "M6 6h.008v.008H6V6z" })] }) }), _jsxs("div", { children: [_jsx("h3", { className: "facet-targeting__title", children: "Facet Targeting" }), _jsx("p", { className: "facet-targeting__subtitle", children: "Define configuration dimensions for this resource template" })] })] }), _jsxs("div", { className: "facet-targeting__header-actions", children: [_jsxs("button", { type: "button", className: `facet-targeting__toggle-btn ${showPresets ? "facet-targeting__toggle-btn--active" : ""}`, onClick: () => setShowPresets(!showPresets), children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" }) }), "Presets"] }), _jsxs("button", { type: "button", className: "facet-targeting__add-btn", onClick: () => setShowAddCategory(true), children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M12 5v14M5 12h14" }) }), "Custom"] })] })] }), showPresets && availablePresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets", children: [_jsxs("div", { className: "facet-targeting__presets-header", children: [_jsx("h4", { className: "facet-targeting__presets-title", children: "Quick Add Facets" }), recommendedPresets.length > 1 && (_jsxs("button", { type: "button", className: "facet-targeting__add-all-btn", onClick: handleAddAllRecommended, children: ["Add all recommended (", recommendedPresets.length, ")"] }))] }), recommendedPresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets-section", children: [_jsxs("span", { className: "facet-targeting__presets-label", children: [_jsx("svg", { 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" }) }), "Recommended"] }), _jsx("div", { className: "facet-targeting__presets-grid", children: recommendedPresets.map((preset) => (_jsx(PresetCard, { preset: preset, onAdd: () => handleAddFromPreset(preset, false), onAddWithOptions: () => handleAddFromPreset(preset, true) }, preset.categoryKey))) })] })), otherPresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets-section", children: [_jsx("span", { className: "facet-targeting__presets-label", children: "Other Facets" }), _jsx("div", { className: "facet-targeting__presets-grid", children: otherPresets.map((preset) => (_jsx(PresetCard, { preset: preset, onAdd: () => handleAddFromPreset(preset, false), onAddWithOptions: () => handleAddFromPreset(preset, true) }, preset.categoryKey))) })] }))] })), showAddCategory && (_jsx("div", { className: "facet-targeting__new-category", children: _jsxs("div", { className: "facet-targeting__new-category-form", children: [_jsxs("div", { className: "facet-targeting__form-group", children: [_jsx("label", { className: "facet-targeting__label", children: "Custom Category Name" }), _jsx("input", { type: "text", value: newCategoryLabel, onChange: (e) => setNewCategoryLabel(e.target.value), placeholder: "e.g., Region, Environment, Storage Type", className: "facet-targeting__input", autoFocus: true, onKeyDown: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: styles }), _jsxs("section", { className: "facet-targeting", children: [_jsxs("div", { className: "facet-targeting__progress", children: [_jsxs("div", { className: "facet-targeting__progress-header", children: [_jsxs("div", { className: "facet-targeting__progress-info", children: [_jsxs("span", { className: "facet-targeting__progress-percent", children: [progress.percentage, "%"] }), _jsxs("span", { className: "facet-targeting__progress-label", children: [progress.configured, "/", progress.recommended, " recommended facets configured"] })] }), progress.isComplete && (_jsxs("span", { className: "facet-targeting__complete-badge", children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("path", { d: "M5 12l5 5L20 7" }) }), "All set!"] }))] }), _jsx("div", { className: "facet-targeting__progress-bar", children: _jsx("div", { className: "facet-targeting__progress-fill", style: { width: `${progress.percentage}%` } }) })] }), _jsxs("div", { className: "facet-targeting__header", children: [_jsxs("div", { className: "facet-targeting__header-content", children: [_jsx("div", { className: "facet-targeting__icon", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", children: [_jsx("path", { d: "M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z" }), _jsx("path", { d: "M6 6h.008v.008H6V6z" })] }) }), _jsxs("div", { children: [_jsx("h3", { className: "facet-targeting__title", children: "Facet Targeting" }), _jsx("p", { className: "facet-targeting__subtitle", children: "Define configuration dimensions for this product" })] })] }), _jsxs("div", { className: "facet-targeting__header-actions", children: [_jsxs("button", { type: "button", className: `facet-targeting__toggle-btn ${showPresets ? "facet-targeting__toggle-btn--active" : ""}`, onClick: () => setShowPresets(!showPresets), children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z" }) }), "Presets"] }), _jsxs("button", { type: "button", className: "facet-targeting__add-btn", onClick: () => setShowAddCategory(true), children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "M12 5v14M5 12h14" }) }), "Custom"] })] })] }), showPresets && availablePresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets", children: [_jsxs("div", { className: "facet-targeting__presets-header", children: [_jsx("h4", { className: "facet-targeting__presets-title", children: "Quick Add Facets" }), recommendedPresets.length > 1 && (_jsxs("button", { type: "button", className: "facet-targeting__add-all-btn", onClick: handleAddAllRecommended, children: ["Add all recommended (", recommendedPresets.length, ")"] }))] }), recommendedPresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets-section", children: [_jsxs("span", { className: "facet-targeting__presets-label", children: [_jsx("svg", { 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" }) }), "Recommended"] }), _jsx("div", { className: "facet-targeting__presets-grid", children: recommendedPresets.map((preset) => (_jsx(PresetCard, { preset: preset, onAdd: () => handleAddFromPreset(preset, false), onAddWithOptions: () => handleAddFromPreset(preset, true) }, preset.categoryKey))) })] })), otherPresets.length > 0 && (_jsxs("div", { className: "facet-targeting__presets-section", children: [_jsx("span", { className: "facet-targeting__presets-label", children: "Other Facets" }), _jsx("div", { className: "facet-targeting__presets-grid", children: otherPresets.map((preset) => (_jsx(PresetCard, { preset: preset, onAdd: () => handleAddFromPreset(preset, false), onAddWithOptions: () => handleAddFromPreset(preset, true) }, preset.categoryKey))) })] }))] })), showAddCategory && (_jsx("div", { className: "facet-targeting__new-category", children: _jsxs("div", { className: "facet-targeting__new-category-form", children: [_jsxs("div", { className: "facet-targeting__form-group", children: [_jsx("label", { className: "facet-targeting__label", children: "Custom Category Name" }), _jsx("input", { type: "text", value: newCategoryLabel, onChange: (e) => setNewCategoryLabel(e.target.value), placeholder: "e.g., Region, Environment, Storage Type", className: "facet-targeting__input", autoFocus: true, onKeyDown: (e) => {
                                                 if (e.key === "Enter")
                                                     handleAddCategory();
                                                 if (e.key === "Escape")

package/dist/editors/resource-template-editor/components/TemplateInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateInfo.d.ts","sourceRoot":"","sources":["../../../../editors/resource-template-editor/components/TemplateInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EAEvB,MAAM,sEAAsE,CAAC;AAW9E,UAAU,iBAAiB;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;CACpD;AAuJD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAwuBrE"}
+{"version":3,"file":"TemplateInfo.d.ts","sourceRoot":"","sources":["../../../../editors/resource-template-editor/components/TemplateInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EAGvB,MAAM,sEAAsE,CAAC;AAc9E,UAAU,iBAAiB;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;CACpD;AA0FD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAq8BrE"}