@powerhousedao/contributor-billing 0.1.31 → 0.1.33

package/dist/editors/invoice/ingestPDF.js

@@ -7,7 +7,7 @@ import { getCountryCodeFromName, mapChainNameToConfig } from "./utils/utils.js";
 import { LoaderCircle } from "lucide-react";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
 if (!window.document.baseURI.includes("localhost")) {
-    GRAPHQL_URL = "https://switchboard.powerhouse.xyz/graphql";
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 export async function loadPDFFile({ file, dispatch, }) {
     if (!file)

package/dist/editors/invoice/invoiceToGnosis.js

@@ -3,8 +3,8 @@ import React, { useState, useEffect } from "react";
 import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 const InvoiceToGnosis = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);
@@ -180,7 +180,7 @@ const InvoiceToGnosis = ({ docState, dispatch, }) => {
                     ? "Processing..."
                     : invoiceStatus === "ACCEPTED"
                         ? "Schedule Payment in Gnosis Safe"
-                        : "Reschedule Payment in Gnosis Safe" })), error && (_jsx("div", { className: "text-red-500 bg-red-50 p-3 rounded-md", children: error })), safeTxHash && (_jsxs("div", { className: "bg-gray-50 mt-4 rounded-md space-y-2", children: [_jsx("a", { href: `https://app.safe.global/transactions/queue?safe=${urlChainName}:${safeAddress}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 underline block", children: linkText }), _jsxs("p", { className: "font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: safeTxHash })] })] })), !safeTxHash &&
+                        : "Reschedule Payment in Gnosis Safe" })), error && (_jsx("div", { className: "text-red-500 bg-red-50 p-3 rounded-md", children: error })), safeTxHash && (_jsxs("div", { className: "bg-gray-50 mt-4 rounded-md space-y-2 w-full", children: [_jsx("a", { href: `https://app.safe.global/transactions/queue?safe=${urlChainName}:${safeAddress}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 underline block w-full", children: linkText }), _jsxs("p", { className: "font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: safeTxHash })] })] })), !safeTxHash &&
                 !error &&
                 invoiceStatus === "PAYMENTSCHEDULED" &&
                 docState.payments.length > 0 && (_jsx(_Fragment, { children: docState.payments[docState.payments.length - 1].issue !== "" ? (_jsx("div", { className: "mt-4", children: _jsxs("p", { className: "text-red-700 font-medium", children: ["Issue: ", docState.payments[docState.payments.length - 1].issue] }) })) : (_jsxs("div", { className: "mt-4", children: [_jsx("div", { className: "invoice-link text-blue-900 hover:text-blue-600", children: _jsx("a", { className: "view-invoice-button", href: `https://app.safe.global/transactions/queue?safe=${urlChainName}:${safeAddress}`, target: "_blank", rel: "noopener noreferrer", children: linkText }) }), _jsxs("p", { className: "mt-4 font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: docState.payments[docState.payments.length - 1]

package/dist/editors/invoice/lineItemTags/lineItemTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineItemTags.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/lineItemTags/lineItemTags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,OAAO,CAAC;AAKhD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,2CAA2C,CAAC;AAKnD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxB,eAAe,EAAE,UAAU,EAAE,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,sBAAsB,2CAkQxB"}
+{"version":3,"file":"lineItemTags.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/lineItemTags/lineItemTags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKtC,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,2CAA2C,CAAC;AAGnD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxB,eAAe,EAAE,UAAU,EAAE,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,sBAAsB,2CA+LxB"}

package/dist/editors/invoice/lineItemTags/lineItemTags.js

@@ -1,16 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import {} from "react";
 import { X, Tag } from "lucide-react";
 import { PowerhouseButton as Button } from "@powerhousedao/design-system/powerhouse/components/index";
 import { Select, DatePicker } from "@powerhousedao/document-engineering/ui";
 import { expenseAccountOptions, paymentAccountOptions } from "./tagMapping.js";
 import { actions, } from "../../../document-models/invoice/index.js";
 import { InputField } from "../components/inputField.js";
-import { TagCard } from "./tagCard.js";
-import { TagMobileModal } from "./tagMobileModal.js";
 export function LineItemTagsTable({ lineItems, onClose, dispatch, paymentAccounts, }) {
-    const [mobileEditItem, setMobileEditItem] = useState(null);
-    const [showMobileModal, setShowMobileModal] = useState(false);
     const handleReset = () => {
         // Resetting all tags to empty values
         lineItems.forEach((item) => {
@@ -32,19 +28,11 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, paymentAccount
             }));
         });
     };
-    const handleMobileEdit = (item) => {
-        setMobileEditItem(item);
-        setShowMobileModal(true);
-    };
-    const handleCloseMobileModal = () => {
-        setShowMobileModal(false);
-        setMobileEditItem(null);
-    };
     // Get the last payment account value from the paymentAccounts to display in the payment account select
     const selectedPaymentAccountValue = paymentAccounts && paymentAccounts.length > 0
         ? (paymentAccounts[paymentAccounts.length - 1].value ?? "")
         : "";
-    return (_jsxs("div", { className: "w-full", children: [showMobileModal && mobileEditItem && (_jsx(TagMobileModal, { item: mobileEditItem, onClose: handleCloseMobileModal, dispatch: dispatch })), _jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 p-6 bg-white z-10", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Assign Tags " }), _jsx(Tag, { style: { width: 28, height: 28, color: "white", fill: "#475264" } })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { color: "light", size: "medium", onClick: handleReset, children: ["Reset", " "] }), _jsx("button", { onClick: onClose, className: "rounded-full p-2 hover:bg-gray-100", children: _jsx(X, { size: 24, className: "text-gray-500" }) })] })] }), _jsx("div", { className: "hidden md:block overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { className: "w-full border-collapse bg-white", children: [_jsx("thead", { className: "bg-gray-50 z-10", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Item" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Period" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Xero Expense Account" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total" })] }) }), _jsx("tbody", { children: lineItems.map((item) => (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: _jsx(InputField, { value: item.item, handleInputChange: (e) => { }, onBlur: (e) => {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 p-6 bg-white z-10", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Assign Tags " }), _jsx(Tag, { style: { width: 28, height: 28, color: "white", fill: "#475264" } })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { color: "light", size: "medium", onClick: handleReset, children: ["Reset", " "] }), _jsx("button", { onClick: onClose, className: "rounded-full p-2 hover:bg-gray-100", children: _jsx(X, { size: 24, className: "text-gray-500" }) })] })] }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { className: "w-full border-collapse bg-white", children: [_jsx("thead", { className: "bg-gray-50 z-10", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Item" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Period" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Xero Expense Account" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total" })] }) }), _jsx("tbody", { children: lineItems.map((item) => (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: _jsx(InputField, { value: item.item, handleInputChange: (e) => { }, onBlur: (e) => {
                                                 dispatch(actions.editLineItem({
                                                     id: item.id,
                                                     description: e.target.value,
@@ -71,16 +59,7 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, paymentAccount
                                                     value: value,
                                                     label: expenseAccountOptions.find((option) => option.value === value)?.label,
                                                 }));
-                                            } }) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: item.total })] }, item.id))) })] }) }), _jsx("div", { className: "md:hidden p-4 space-y-3", children: lineItems.map((item) => (_jsx(TagCard, { item: item, onEdit: () => handleMobileEdit(item) }, item.id))) }), _jsx("div", { className: "hidden md:block border-t border-gray-200 p-6", children: _jsxs("div", { className: "flex items-center justify-end gap-4", children: [_jsx("label", { className: "text-lg font-medium text-gray-900", children: "Payment Account" }), _jsx(Select, { options: paymentAccountOptions, value: paymentAccountOptions.find((option) => option.value === selectedPaymentAccountValue)?.value ?? "", placeholder: "Select Payment Account", searchable: true, onChange: (value) => {
-                                const selectedLabel = paymentAccountOptions.find((option) => option.value === value)
-                                    ?.label || "";
-                                const cleanLabel = selectedLabel.replace(/\s+\w+$/, "").trim();
-                                dispatch(actions.setInvoiceTag({
-                                    dimension: "xero-payment-account",
-                                    value: value,
-                                    label: cleanLabel,
-                                }));
-                            }, style: { width: "230px" } })] }) }), _jsx("div", { className: "md:hidden p-4 border-t border-gray-200", children: _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Payment Account" }), _jsx(Select, { options: paymentAccountOptions, value: paymentAccountOptions.find((option) => option.value === selectedPaymentAccountValue)?.value ?? "", placeholder: "Select Payment Account", searchable: true, onChange: (value) => {
+                                            } }) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: item.total })] }, item.id))) })] }) }), _jsx("div", { className: "border-t border-gray-200 p-6", children: _jsxs("div", { className: "flex items-center justify-end gap-4", children: [_jsx("label", { className: "text-lg font-medium text-gray-900", children: "Payment Account" }), _jsx(Select, { options: paymentAccountOptions, value: paymentAccountOptions.find((option) => option.value === selectedPaymentAccountValue)?.value ?? "", placeholder: "Select Payment Account", searchable: true, onChange: (value) => {
                                 const selectedLabel = paymentAccountOptions.find((option) => option.value === value)
                                     ?.label || "";
                                 const cleanLabel = selectedLabel.replace(/\s+\w+$/, "").trim();
@@ -89,5 +68,5 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, paymentAccount
                                     value: value,
                                     label: cleanLabel,
                                 }));
-                            } })] }) })] }));
+                            }, style: { width: "230px" } })] }) })] }));
 }

package/dist/editors/invoice/lineItems.d.ts

@@ -1,4 +1,4 @@
-import { type EditInvoiceInput, type DeleteLineItemInput, type InvoiceTag } from "../../document-models/invoice/index.js";
+import { type DeleteLineItemInput, type EditInvoiceInput, type InvoiceTag } from "../../document-models/invoice/index.js";
 import { type Dispatch } from "react";
 export declare function formatNumber(value: number): string;
 type LineItem = {

package/dist/editors/invoice/lineItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../editors/invoice/lineItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAKL,KAAK,QAAQ,EAEd,MAAM,OAAO,CAAC;AAef,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKlD;AAED,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B,CAAC;AAobF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAC7B,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;KAC1B,GAAG,IAAI,KACL,IAAI,CAAC;IACV,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,2CA6arB"}
+{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../editors/invoice/lineItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAKL,KAAK,QAAQ,EAEd,MAAM,OAAO,CAAC;AAaf,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKlD;AAED,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;CAC3B,CAAC;AAobF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAC7B,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;KAC1B,GAAG,IAAI,KACL,IAAI,CAAC;IACV,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,2CAoSrB"}

package/dist/editors/invoice/lineItems.js

@@ -8,8 +8,6 @@ import { Tag } from "lucide-react";
 import { NumberForm } from "./components/numberForm.js";
 import { InputField } from "./components/inputField.js";
 import { LineItemTagsTable } from "./lineItemTags/lineItemTags.js";
-import { LineItemCard } from "./components/lineItemCard.js";
-import { LineItemMobileModal } from "./components/lineItemMobileModal.js";
 import { LineItemsEmptyState } from "./components/lineItemsEmptyState.js";
 // Helper function to get precision based on currency
 function getCurrencyPrecision(currency) {
@@ -291,12 +289,9 @@ export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, o
     const [editingId, setEditingId] = useState(null);
     const [isAddingNew, setIsAddingNew] = useState(false);
     const [showTagTable, setShowTagTable] = useState(false);
-    const [mobileEditItem, setMobileEditItem] = useState(null);
-    const [showMobileModal, setShowMobileModal] = useState(false);
     const containerRef = useRef(null);
     const tableContainerRef = useRef(null);
     const tableRef = useRef(null);
-    const [modalRect, setModalRect] = useState(null);
     function handleAddClick() {
         setIsAddingNew(true);
     }
@@ -353,86 +348,47 @@ export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, o
     if (showTagTable) {
         return (_jsx(LineItemTagsTable, { lineItems: tagAssignmentRows, onClose: () => setShowTagTable(false), dispatch: dispatch, paymentAccounts: paymentAccounts }));
     }
-    // Calculate totals for mobile footer
-    const totalPriceTaxExcl = lineItems.reduce((sum, item) => sum + item.totalPriceTaxExcl, 0);
-    const totalPriceTaxIncl = lineItems.reduce((sum, item) => sum + item.totalPriceTaxIncl, 0);
-    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [showMobileModal && (_jsx(LineItemMobileModal, { item: mobileEditItem || {}, currency: currency, isNew: !mobileEditItem?.id || mobileEditItem.id === "", onSave: (item) => {
-                    try {
-                        // If editing an item with empty ID, delete it first, then add new one
-                        if (mobileEditItem?.id === "") {
-                            onDeleteItem({ id: "" });
-                            onAddItem(item);
-                        }
-                        else if (mobileEditItem?.id) {
-                            onUpdateItem(item);
-                        }
-                        else {
-                            onAddItem(item);
-                        }
-                        setShowMobileModal(false);
-                        setMobileEditItem(null);
-                    }
-                    catch (error) {
-                        toast(error.message || "Failed to save line item", {
-                            type: "error",
-                        });
-                    }
-                }, onCancel: () => {
-                    setShowMobileModal(false);
-                    setMobileEditItem(null);
-                } }, mobileEditItem?.id || "new")), _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }), _jsxs("div", { className: "hidden md:flex items-center gap-3", children: [_jsxs("button", { onClick: () => setShowTagTable(true), className: "flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors text-sm font-medium text-gray-700", title: "Manage Tags for All Line Items", children: [_jsx(Tag, { className: "w-4 h-4" }), _jsx("span", { className: "hidden md:inline", children: "Manage Tags" })] }), _jsx(RWAButton, { className: "hidden md:block", disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] })] }), lineItems.length === 0 && !isAddingNew && (_jsx("div", { className: "md:hidden", children: _jsx(LineItemsEmptyState, { onAddItem: () => {
-                                setMobileEditItem({});
-                                setShowMobileModal(true);
-                            } }) })), lineItems.length === 0 && !isAddingNew && (_jsx("div", { className: "hidden md:block", children: _jsx(LineItemsEmptyState, { onAddItem: handleAddClick }) })), lineItems.length > 0 && (_jsxs("div", { className: "md:hidden space-y-3", children: [_jsxs("div", { className: "flex gap-2 mb-4", children: [_jsxs("button", { onClick: () => setShowTagTable(true), className: "flex items-center justify-center gap-2 px-4 py-3 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors font-medium text-gray-700", title: "Manage Tags for All Line Items", children: [_jsx(Tag, { className: "w-4 h-4" }), _jsx("span", { children: "Tags" })] }), _jsx("button", { onClick: () => {
-                                            setMobileEditItem({});
-                                            setShowMobileModal(true);
-                                        }, className: "flex-1 py-3 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors font-medium", children: "Add Line Item" })] }), lineItems.map((item) => (_jsx(LineItemCard, { item: item, currency: currency, onEdit: () => {
-                                    setMobileEditItem(item);
-                                    setShowMobileModal(true);
-                                }, onDelete: () => {
-                                    const input = { id: item.id };
-                                    onDeleteItem(input);
-                                } }, item.id)))] })), (lineItems.length > 0 || isAddingNew) && (_jsx("div", { ref: tableContainerRef, className: "hidden md:block overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { ref: tableRef, className: "w-full table-fixed border-collapse bg-white", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "30%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", {}), _jsx("col", {}), _jsx("col", {})] }), _jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Description" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Quantity" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Unit Price (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Tax %" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (incl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-center", children: "Actions" })] }) }), _jsxs("tbody", { children: [lineItems.map((item) => editingId === item.id ? (_jsx(EditableLineItem, { currency: currency, item: item, onCancel: () => setEditingId(null), onSave: (updatedItem) => {
-                                                try {
-                                                    onUpdateItem(updatedItem);
-                                                    setEditingId(null);
-                                                }
-                                                catch (error) {
-                                                    console.error(error);
-                                                    if (error?.message?.includes("Invalid action input:")) {
-                                                        try {
-                                                            const zodError = JSON.parse(error.message.split("Invalid action input: ")[1]);
-                                                            if (Array.isArray(zodError) &&
-                                                                zodError.length > 0) {
-                                                                const firstError = zodError[0];
-                                                                const errorJSX = (_jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Failed to update line item" }), _jsxs("p", { children: [firstError.message, ": "] }), zodError.map((err, index) => (_jsx("ul", { children: _jsxs("li", { className: "text-red-500 font-semibold", children: ["- ", err.path.join(".")] }) }, index)))] }));
-                                                                toast(errorJSX, {
-                                                                    type: "error",
-                                                                });
-                                                                return;
-                                                            }
-                                                        }
-                                                        catch (parseError) {
-                                                            console.error("Failed to parse Zod error:", parseError);
-                                                            toast("Invalid input data", {
+    return (_jsx("div", { ref: containerRef, className: "relative w-full", children: _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { onClick: () => setShowTagTable(true), className: "flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors text-sm font-medium text-gray-700", title: "Manage Tags for All Line Items", children: [_jsx(Tag, { className: "w-4 h-4" }), _jsx("span", { children: "Manage Tags" })] }), _jsx(RWAButton, { disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] })] }), lineItems.length === 0 && !isAddingNew && (_jsx(LineItemsEmptyState, { onAddItem: handleAddClick })), (lineItems.length > 0 || isAddingNew) && (_jsx("div", { ref: tableContainerRef, className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { ref: tableRef, className: "w-full table-fixed border-collapse bg-white", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "30%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", {}), _jsx("col", {}), _jsx("col", {})] }), _jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Description" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Quantity" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Unit Price (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Tax %" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (incl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-center", children: "Actions" })] }) }), _jsxs("tbody", { children: [lineItems.map((item) => editingId === item.id ? (_jsx(EditableLineItem, { currency: currency, item: item, onCancel: () => setEditingId(null), onSave: (updatedItem) => {
+                                            try {
+                                                onUpdateItem(updatedItem);
+                                                setEditingId(null);
+                                            }
+                                            catch (error) {
+                                                console.error(error);
+                                                if (error?.message?.includes("Invalid action input:")) {
+                                                    try {
+                                                        const zodError = JSON.parse(error.message.split("Invalid action input: ")[1]);
+                                                        if (Array.isArray(zodError) &&
+                                                            zodError.length > 0) {
+                                                            const firstError = zodError[0];
+                                                            const errorJSX = (_jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Failed to update line item" }), _jsxs("p", { children: [firstError.message, ": "] }), zodError.map((err, index) => (_jsx("ul", { children: _jsxs("li", { className: "text-red-500 font-semibold", children: ["- ", err.path.join(".")] }) }, index)))] }));
+                                                            toast(errorJSX, {
                                                                 type: "error",
                                                             });
                                                             return;
                                                         }
                                                     }
-                                                    else if (error?.message) {
-                                                        toast(error.message, {
+                                                    catch (parseError) {
+                                                        console.error("Failed to parse Zod error:", parseError);
+                                                        toast("Invalid input data", {
                                                             type: "error",
                                                         });
                                                         return;
                                                     }
-                                                    toast("Failed to update line item", {
+                                                }
+                                                else if (error?.message) {
+                                                    toast(error.message, {
                                                         type: "error",
                                                     });
+                                                    return;
                                                 }
-                                            }, onEditingItemChange: onEditingItemChange }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50 table-row", children: [_jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: item.quantity % 1 === 0
-                                                        ? item.quantity.toString()
-                                                        : item.quantity.toFixed(2) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: [typeof item.taxPercent === "number"
-                                                            ? Math.round(item.taxPercent)
-                                                            : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { className: "rounded bg-blue-500 px-3 py-1 text-white hover:bg-blue-200", onClick: () => setEditingId(item.id), children: "Edit" }), _jsx("button", { className: "rounded bg-red-600 px-3 py-1 text-white hover:bg-red-700", onClick: () => onDeleteItem({ id: item.id }), children: "Delete" })] }) })] }, item.id))), isAddingNew ? (_jsx(EditableLineItem, { currency: currency, item: {}, onCancel: handleCancelNewItem, onSave: handleSaveNewItem, onEditingItemChange: onEditingItemChange })) : null] })] }) }))] }), lineItems.length > 0 && (_jsxs("div", { className: "md:hidden mt-4 bg-white border border-gray-200 rounded-lg p-4 space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Subtotal (excl. tax):" }), _jsxs("span", { className: "font-medium text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxExcl)] })] }), _jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Total tax:" }), _jsxs("span", { className: "font-medium text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxIncl - totalPriceTaxExcl)] })] }), _jsxs("div", { className: "flex justify-between text-base pt-2 border-t border-gray-200", children: [_jsx("span", { className: "font-semibold text-gray-900", children: "Total (incl. tax):" }), _jsxs("span", { className: "font-bold text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxIncl)] })] })] }))] }));
+                                                toast("Failed to update line item", {
+                                                    type: "error",
+                                                });
+                                            }
+                                        }, onEditingItemChange: onEditingItemChange }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50 table-row", children: [_jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: item.quantity % 1 === 0
+                                                    ? item.quantity.toString()
+                                                    : item.quantity.toFixed(2) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: [typeof item.taxPercent === "number"
+                                                        ? Math.round(item.taxPercent)
+                                                        : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { className: "rounded bg-blue-500 px-3 py-1 text-white hover:bg-blue-200", onClick: () => setEditingId(item.id), children: "Edit" }), _jsx("button", { className: "rounded bg-red-600 px-3 py-1 text-white hover:bg-red-700", onClick: () => onDeleteItem({ id: item.id }), children: "Delete" })] }) })] }, item.id))), isAddingNew ? (_jsx(EditableLineItem, { currency: currency, item: {}, onCancel: handleCancelNewItem, onSave: handleSaveNewItem, onEditingItemChange: onEditingItemChange })) : null] })] }) }))] }) }));
 }

package/dist/editors/invoice/module.d.ts

@@ -1,4 +1,4 @@
 import type { EditorModule } from "document-model";
-/** Document editor module for the Todo List document type */
+/** Document editor module for the Invoice document type */
 export declare const Invoice: EditorModule;
 //# sourceMappingURL=module.d.ts.map

package/dist/editors/invoice/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/invoice/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,6DAA6D;AAC7D,eAAO,MAAM,OAAO,EAAE,YAOrB,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/invoice/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,2DAA2D;AAC3D,eAAO,MAAM,OAAO,EAAE,YAOrB,CAAC"}

package/dist/editors/invoice/module.js

@@ -1,5 +1,5 @@
 import { lazy } from "react";
-/** Document editor module for the Todo List document type */
+/** Document editor module for the Invoice document type */
 export const Invoice = {
     Component: lazy(() => import("./editor.js")),
     documentTypes: ["powerhouse/invoice"],

package/dist/editors/invoice/requestFinance.js

@@ -3,8 +3,8 @@ import React, { useState } from "react";
 import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 const RequestFinance = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/uploadPdfChunked.js

@@ -6,8 +6,8 @@
  * @param onProgress Callback for upload progress
  */
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
 onProgress) {

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

@@ -0,0 +1,3 @@
+/** Displays the name of the selected ServiceOffering document and allows editing it */
+export declare function EditServiceOfferingName(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EditName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/EditName.tsx"],"names":[],"mappings":"AAKA,uFAAuF;AACvF,wBAAgB,uBAAuB,mDAwEtC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
+import { useState } from "react";
+import { useSelectedServiceOfferingDocument } from "../../../document-models/service-offering/hooks.js";
+/** Displays the name of the selected ServiceOffering document and allows editing it */
+export function EditServiceOfferingName() {
+    const [serviceOfferingDocument, dispatch] = useSelectedServiceOfferingDocument();
+    const [isEditing, setIsEditing] = useState(false);
+    if (!serviceOfferingDocument)
+        return null;
+    const serviceOfferingDocumentName = serviceOfferingDocument.header.name;
+    const onClickEditServiceOfferingName = () => {
+        setIsEditing(true);
+    };
+    const onClickCancelEditServiceOfferingName = () => {
+        setIsEditing(false);
+    };
+    const onSubmitSetName = (event) => {
+        event.preventDefault();
+        const form = event.currentTarget;
+        const nameInput = form.elements.namedItem("name");
+        const name = nameInput.value;
+        if (!name)
+            return;
+        dispatch(setName(name));
+        setIsEditing(false);
+    };
+    if (isEditing)
+        return (_jsxs("form", { className: "flex gap-2 items-center justify-between", onSubmit: onSubmitSetName, children: [_jsx("input", { className: "text-lg font-semibold text-gray-900 p-1", type: "text", name: "name", defaultValue: serviceOfferingDocumentName, autoFocus: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "submit", className: "text-sm text-gray-600", children: "Save" }), _jsx("button", { className: "text-sm text-red-800", onClick: onClickCancelEditServiceOfferingName, children: "Cancel" })] })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: serviceOfferingDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditServiceOfferingName, children: "Edit Name" })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferingInfo.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/OfferingInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,wDAAwD,CAAC;AAQhE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,uBAAuB,CAAC;IAClC,QAAQ,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CACnD;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAsRrE"}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { updateOfferingInfo, updateOfferingStatus, setOperator, setOfferingId, } from "../../../document-models/service-offering/gen/creators.js";
+export function OfferingInfo({ document, dispatch }) {
+    const { state } = document;
+    const globalState = state.global;
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        id: globalState.id || "",
+        title: globalState.title || "",
+        summary: globalState.summary || "",
+        infoLink: globalState.infoLink || "",
+        operatorId: globalState.operatorId || "",
+    });
+    const handleSave = () => {
+        if (formData.id && formData.id !== globalState.id) {
+            dispatch(setOfferingId({
+                id: formData.id,
+                lastModified: new Date().toISOString(),
+            }));
+        }
+        if (formData.title !== globalState.title ||
+            formData.summary !== globalState.summary ||
+            formData.infoLink !== globalState.infoLink) {
+            dispatch(updateOfferingInfo({
+                title: formData.title || undefined,
+                summary: formData.summary || undefined,
+                infoLink: formData.infoLink || undefined,
+                lastModified: new Date().toISOString(),
+            }));
+        }
+        if (formData.operatorId && formData.operatorId !== globalState.operatorId) {
+            dispatch(setOperator({
+                operatorId: formData.operatorId,
+                lastModified: new Date().toISOString(),
+            }));
+        }
+        setIsEditing(false);
+    };
+    const handleCancel = () => {
+        setFormData({
+            id: globalState.id || "",
+            title: globalState.title || "",
+            summary: globalState.summary || "",
+            infoLink: globalState.infoLink || "",
+            operatorId: globalState.operatorId || "",
+        });
+        setIsEditing(false);
+    };
+    const statusColors = {
+        DRAFT: "bg-gray-100 text-gray-800",
+        COMING_SOON: "bg-blue-100 text-blue-800",
+        ACTIVE: "bg-green-100 text-green-800",
+        DEPRECATED: "bg-red-100 text-red-800",
+    };
+    return (_jsxs("div", { className: "bg-white rounded-lg shadow-sm p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Offering Information" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${statusColors[globalState.status] || "bg-gray-100 text-gray-800"}`, children: globalState.status }), !isEditing && (_jsx("button", { onClick: () => setIsEditing(true), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors", children: "Edit" }))] })] }), isEditing ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Offering ID (PHID)" }), _jsx("input", { type: "text", value: formData.id, onChange: (e) => setFormData({ ...formData, id: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "phid:offering-...", disabled: !!globalState.id }), globalState.id && (_jsx("p", { className: "text-sm text-gray-500 mt-1", children: "ID cannot be changed once set" }))] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Title" }), _jsx("input", { type: "text", value: formData.title, onChange: (e) => setFormData({ ...formData, title: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "e.g., Powerhouse Operational Services" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Summary" }), _jsx("textarea", { value: formData.summary, onChange: (e) => setFormData({ ...formData, summary: e.target.value }), rows: 3, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Brief description of your service offering..." })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Info Link (URL)" }), _jsx("input", { type: "url", value: formData.infoLink, onChange: (e) => setFormData({ ...formData, infoLink: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "https://..." })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Operator ID (PHID)" }), _jsx("input", { type: "text", value: formData.operatorId, onChange: (e) => setFormData({ ...formData, operatorId: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "phid:operator-..." })] }), _jsxs("div", { className: "flex items-center gap-3 pt-4", children: [_jsx("button", { onClick: handleSave, className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors", children: "Save Changes" }), _jsx("button", { onClick: handleCancel, className: "px-4 py-2 bg-gray-200 text-gray-700 rounded-md hover:bg-gray-300 transition-colors", children: "Cancel" })] })] })) : (_jsxs("div", { className: "space-y-3", children: [globalState.id && (_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "ID:" }), _jsx("p", { className: "text-gray-900 font-mono text-sm", children: globalState.id })] })), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Title:" }), _jsx("p", { className: "text-gray-900", children: globalState.title || "Not set" })] }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Summary:" }), _jsx("p", { className: "text-gray-900", children: globalState.summary || "Not set" })] }), globalState.infoLink && (_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Info Link:" }), _jsx("a", { href: globalState.infoLink, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: globalState.infoLink })] })), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Operator:" }), _jsx("p", { className: "text-gray-900 font-mono text-sm", children: globalState.operatorId || "Not set" })] }), globalState.lastModified && (_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Last Modified:" }), _jsx("p", { className: "text-gray-900 text-sm", children: new Date(globalState.lastModified).toLocaleString() })] }))] })), !isEditing && (_jsxs("div", { className: "mt-6 pt-6 border-t border-gray-200", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Change Status" }), _jsx("div", { className: "flex items-center gap-2", children: ["DRAFT", "COMING_SOON", "ACTIVE", "DEPRECATED"].map((status) => (_jsx("button", { onClick: () => dispatch(updateOfferingStatus({
+                                status: status,
+                                lastModified: new Date().toISOString(),
+                            })), disabled: globalState.status === status, className: `px-3 py-1 rounded-md text-sm font-medium transition-colors ${globalState.status === status
+                                ? "bg-gray-300 text-gray-500 cursor-not-allowed"
+                                : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, children: status.replace("_", " ") }, status))) })] }))] }));
+}

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

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

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

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