@powerhousedao/contributor-billing 0.0.13 → 0.0.14

package/dist/document-models/billing-statement/src/reducers/line-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-items.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/reducers/line-items.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,oCAAoC,CAAC;AAG9F,eAAO,MAAM,OAAO,EAAE,mCAuCrB,CAAC"}

package/dist/document-models/billing-statement/src/reducers/line-items.js

@@ -0,0 +1,49 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - modify it by implementing the reducer functions
+ * - delete the file and run the code generator again to have it reset
+ */
+export const reducer = {
+    addLineItemOperation(state, action, dispatch) {
+        try {
+            const newLineItem = {
+                ...action.input,
+                lineItemTag: [],
+            };
+            // Check for duplicate ID
+            if (state.lineItems.find((x) => x.id === newLineItem.id)) {
+                throw new Error("Duplicate line item ID");
+            }
+            state.lineItems.push(newLineItem);
+            updateTotals(state);
+        }
+        catch (error) {
+            console.error("Failed to add line item:", error);
+        }
+    },
+    editLineItemOperation(state, action, dispatch) {
+        try {
+            const stateItem = state.lineItems.find((x) => x.id === action.input.id);
+            if (!stateItem)
+                throw new Error("Item matching input.id not found");
+            const sanitizedInput = Object.fromEntries(Object.entries(action.input).filter(([, value]) => value !== null));
+            const nextItem = {
+                ...stateItem,
+                ...sanitizedInput,
+            };
+            Object.assign(stateItem, nextItem);
+            updateTotals(state);
+        }
+        catch (error) {
+            console.error("Failed to edit line item:", error);
+        }
+    },
+};
+const updateTotals = (state) => {
+    state.totalCash = state.lineItems.reduce((total, lineItem) => {
+        return total + lineItem.quantity * lineItem.unitPriceCash;
+    }, 0.0);
+    state.totalPowt = state.lineItems.reduce((total, lineItem) => {
+        return total + lineItem.quantity * lineItem.unitPricePwt;
+    }, 0.0);
+};

package/dist/document-models/billing-statement/src/reducers/tags.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - modify it by implementing the reducer functions
+ * - delete the file and run the code generator again to have it reset
+ */
+import type { BillingStatementTagsOperations } from "../../gen/tags/operations.js";
+export declare const reducer: BillingStatementTagsOperations;
+//# sourceMappingURL=tags.d.ts.map

package/dist/document-models/billing-statement/src/reducers/tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/reducers/tags.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAEnF,eAAO,MAAM,OAAO,EAAE,8BA8BrB,CAAC"}

package/dist/document-models/billing-statement/src/reducers/tags.js

@@ -0,0 +1,36 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - modify it by implementing the reducer functions
+ * - delete the file and run the code generator again to have it reset
+ */
+export const reducer = {
+    editLineItemTagOperation(state, action, dispatch) {
+        try {
+            const stateItem = state.lineItems.find((x) => x.id === action.input.lineItemId);
+            if (!stateItem)
+                throw new Error("Item matching input.lineItemId not found");
+            // if tag already exists with the same dimension, update the value and label
+            const existingTag = stateItem.lineItemTag?.find((tag) => tag.dimension === action.input.dimension);
+            if (existingTag) {
+                existingTag.value = action.input.value;
+                existingTag.label = action.input.label || null;
+            }
+            else {
+                // if tag does not exist, add it
+                const newTag = {
+                    dimension: action.input.dimension,
+                    value: action.input.value,
+                    label: action.input.label || null,
+                };
+                if (!stateItem.lineItemTag) {
+                    stateItem.lineItemTag = [];
+                }
+                // Add the new tag
+                stateItem.lineItemTag?.push(newTag);
+            }
+        }
+        catch (error) {
+            console.error("Failed to edit line item tag:", error);
+        }
+    },
+};

package/dist/document-models/billing-statement/src/tests/document-model.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};
+//# sourceMappingURL=document-model.test.d.ts.map

package/dist/document-models/billing-statement/src/tests/document-model.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-model.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/tests/document-model.test.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/document-models/billing-statement/src/tests/document-model.test.js

@@ -0,0 +1,17 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import utils, { initialGlobalState, initialLocalState, } from "../../gen/utils.js";
+describe("Billing Statement Document Model", () => {
+    it("should create a new Billing Statement document", () => {
+        const document = utils.createDocument();
+        expect(document).toBeDefined();
+        expect(document.documentType).toBe("powerhouse/billing-statement");
+    });
+    it("should create a new Billing Statement document with a valid initial state", () => {
+        const document = utils.createDocument();
+        expect(document.state.global).toStrictEqual(initialGlobalState);
+        expect(document.state.local).toStrictEqual(initialLocalState);
+    });
+});

package/dist/document-models/billing-statement/src/tests/general.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Tests for Billing Statement operations
+ */
+export {};
+//# sourceMappingURL=general.test.d.ts.map

package/dist/document-models/billing-statement/src/tests/general.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/tests/general.test.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/document-models/billing-statement/src/tests/general.test.js

@@ -0,0 +1,93 @@
+/**
+ * Tests for Billing Statement operations
+ */
+import utils from "../../gen/utils.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/general/creators.js";
+describe("Billing Statement Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    describe("editBillingStatement", () => {
+        it("should update billing statement with all fields", () => {
+            const input = {
+                dateIssued: "2024-03-20T10:00:00Z",
+                dateDue: "2024-04-20T10:00:00Z",
+                currency: "USD",
+                notes: "Test billing statement notes"
+            };
+            const updatedDocument = reducer(document, creators.editBillingStatement(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(1);
+            expect(updatedDocument.operations.global[0].type).toBe("EDIT_BILLING_STATEMENT");
+            expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+            expect(updatedDocument.operations.global[0].index).toEqual(0);
+            // Verify state was updated
+            expect(updatedDocument.state.global.dateIssued).toBe(input.dateIssued);
+            expect(updatedDocument.state.global.dateDue).toBe(input.dateDue);
+            expect(updatedDocument.state.global.currency).toBe(input.currency);
+            expect(updatedDocument.state.global.notes).toBe(input.notes);
+        });
+        it("should update billing statement with partial fields", () => {
+            const input = {
+                dateIssued: "2024-03-20T10:00:00Z",
+                currency: "EUR"
+            };
+            const updatedDocument = reducer(document, creators.editBillingStatement(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(1);
+            expect(updatedDocument.operations.global[0].type).toBe("EDIT_BILLING_STATEMENT");
+            expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+            // Verify only specified fields were updated
+            expect(updatedDocument.state.global.dateIssued).toBe(input.dateIssued);
+            expect(updatedDocument.state.global.currency).toBe(input.currency);
+            // Other fields should remain unchanged
+            expect(updatedDocument.state.global.dateDue).toBe(document.state.global.dateDue);
+            expect(updatedDocument.state.global.notes).toBe(document.state.global.notes);
+        });
+    });
+    describe("editContributor", () => {
+        it("should update contributor ID", () => {
+            const input = {
+                contributor: "PHID-USER-123456789"
+            };
+            const updatedDocument = reducer(document, creators.editContributor(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(1);
+            expect(updatedDocument.operations.global[0].type).toBe("EDIT_CONTRIBUTOR");
+            expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+            // Verify state was updated
+            expect(updatedDocument.state.global.contributor).toBe(input.contributor);
+        });
+    });
+    describe("editStatus", () => {
+        it("should update billing statement status", () => {
+            const input = {
+                status: "ISSUED"
+            };
+            const updatedDocument = reducer(document, creators.editStatus(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(1);
+            expect(updatedDocument.operations.global[0].type).toBe("EDIT_STATUS");
+            expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+            // Verify state was updated
+            expect(updatedDocument.state.global.status).toBe(input.status);
+        });
+        it("should handle all possible status transitions", () => {
+            const statuses = [
+                "DRAFT",
+                "ISSUED",
+                "ACCEPTED",
+                "REJECTED",
+                "PAID"
+            ];
+            let currentDocument = document;
+            for (const status of statuses) {
+                const input = { status };
+                currentDocument = reducer(currentDocument, creators.editStatus(input));
+                expect(currentDocument.state.global.status).toBe(status);
+            }
+        });
+    });
+});

package/dist/document-models/billing-statement/src/tests/line-items.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};
+//# sourceMappingURL=line-items.test.d.ts.map

package/dist/document-models/billing-statement/src/tests/line-items.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-items.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/tests/line-items.test.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/document-models/billing-statement/src/tests/line-items.test.js

@@ -0,0 +1,131 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import utils from "../../gen/utils.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/line-items/creators.js";
+import { generateId } from "document-model";
+describe("Billing Statement Line Items Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    describe("addLineItem", () => {
+        it("should add a new line item and update totals", () => {
+            const input = {
+                id: generateId(),
+                description: "Test Line Item",
+                quantity: 2,
+                unit: "HOUR",
+                unitPricePwt: 10,
+                unitPriceCash: 20,
+                totalPricePwt: 20,
+                totalPriceCash: 40,
+            };
+            const updatedDocument = reducer(document, creators.addLineItem(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(1);
+            expect(updatedDocument.operations.global[0].type).toBe("ADD_LINE_ITEM");
+            expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+            // Verify state was updated
+            expect(updatedDocument.state.global.lineItems).toHaveLength(1);
+            const addedItem = updatedDocument.state.global.lineItems[0];
+            expect(addedItem.description).toBe(input.description);
+            expect(addedItem.quantity).toBe(input.quantity);
+            expect(addedItem.unitPricePwt).toBe(input.unitPricePwt);
+            expect(addedItem.unitPriceCash).toBe(input.unitPriceCash);
+            expect(addedItem.totalPricePwt).toBe(input.totalPricePwt);
+            expect(addedItem.totalPriceCash).toBe(input.totalPriceCash);
+            expect(addedItem.lineItemTag).toEqual([]);
+            // Verify totals were updated
+            expect(updatedDocument.state.global.totalCash).toBe(input.totalPriceCash);
+            expect(updatedDocument.state.global.totalPowt).toBe(input.totalPricePwt);
+        });
+    });
+    describe("editLineItem", () => {
+        it("should edit an existing line item and update totals", () => {
+            // First, add a line item
+            const addInput = {
+                id: generateId(),
+                description: "Original Line Item",
+                quantity: 1,
+                unit: "HOUR",
+                unitPricePwt: 10,
+                unitPriceCash: 20,
+                totalPricePwt: 10,
+                totalPriceCash: 20,
+            };
+            let updatedDocument = reducer(document, creators.addLineItem(addInput));
+            const lineItemId = updatedDocument.state.global.lineItems[0].id;
+            // Now edit the line item
+            const editInput = {
+                id: lineItemId,
+                description: "Updated Line Item",
+                quantity: 3,
+                unit: "HOUR",
+                unitPricePwt: 15,
+                unitPriceCash: 25,
+                totalPricePwt: 45,
+                totalPriceCash: 75,
+            };
+            updatedDocument = reducer(updatedDocument, creators.editLineItem(editInput));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(2);
+            expect(updatedDocument.operations.global[1].type).toBe("EDIT_LINE_ITEM");
+            expect(updatedDocument.operations.global[1].input).toStrictEqual(editInput);
+            // Verify state was updated
+            expect(updatedDocument.state.global.lineItems).toHaveLength(1);
+            const editedItem = updatedDocument.state.global.lineItems[0];
+            expect(editedItem.description).toBe(editInput.description);
+            expect(editedItem.quantity).toBe(editInput.quantity);
+            expect(editedItem.unitPricePwt).toBe(editInput.unitPricePwt);
+            expect(editedItem.unitPriceCash).toBe(editInput.unitPriceCash);
+            expect(editedItem.totalPricePwt).toBe(editInput.totalPricePwt);
+            expect(editedItem.totalPriceCash).toBe(editInput.totalPriceCash);
+            // Verify totals were updated
+            expect(updatedDocument.state.global.totalCash).toBe(editInput.totalPriceCash);
+            expect(updatedDocument.state.global.totalPowt).toBe(editInput.totalPricePwt);
+        });
+        it("should handle partial updates to a line item", () => {
+            // First, add a line item
+            const addInput = {
+                id: generateId(),
+                description: "Original Line Item",
+                quantity: 1,
+                unit: "HOUR",
+                unitPricePwt: 10,
+                unitPriceCash: 20,
+                totalPricePwt: 10,
+                totalPriceCash: 20,
+            };
+            let updatedDocument = reducer(document, creators.addLineItem(addInput));
+            const lineItemId = updatedDocument.state.global.lineItems[0].id;
+            // Now edit the line item with partial fields
+            const editInput = {
+                id: lineItemId,
+                description: "Updated Description",
+                quantity: 2,
+                unit: "UNIT",
+            };
+            updatedDocument = reducer(updatedDocument, creators.editLineItem(editInput));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(2);
+            expect(updatedDocument.operations.global[1].type).toBe("EDIT_LINE_ITEM");
+            expect(updatedDocument.operations.global[1].input).toStrictEqual(editInput);
+            // Verify state was updated
+            expect(updatedDocument.state.global.lineItems).toHaveLength(1);
+            const editedItem = updatedDocument.state.global.lineItems[0];
+            expect(editedItem.description).toBe(editInput.description);
+            expect(editedItem.quantity).toBe(editInput.quantity);
+            // Other fields should remain unchanged
+            expect(editedItem.unitPricePwt).toBe(addInput.unitPricePwt);
+            expect(editedItem.unitPriceCash).toBe(addInput.unitPriceCash);
+            // Verify totals were updated based on new quantity
+            expect(editInput.quantity).not.toBeNull();
+            expect(editInput.quantity).not.toBeUndefined();
+            expect(updatedDocument.state.global.totalCash).toBe(editInput.quantity * addInput.unitPriceCash);
+            expect(updatedDocument.state.global.totalPowt).toBe(editInput.quantity * addInput.unitPricePwt);
+        });
+    });
+});

package/dist/document-models/billing-statement/src/tests/tags.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};
+//# sourceMappingURL=tags.test.d.ts.map

package/dist/document-models/billing-statement/src/tests/tags.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/billing-statement/src/tests/tags.test.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/document-models/billing-statement/src/tests/tags.test.js

@@ -0,0 +1,52 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import utils from "../../gen/utils.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/tags/creators.js";
+import * as lineItemCreators from "../../gen/line-items/creators.js";
+import { generateId } from "document-model";
+describe("Billing Statement Tags Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    describe("editLineItemTag", () => {
+        it("should edit a line item tag", () => {
+            // First, add a line item
+            const addInput = {
+                id: generateId(),
+                description: "Test Line Item",
+                quantity: 1,
+                unit: "HOUR",
+                unitPricePwt: 10,
+                unitPriceCash: 20,
+                totalPricePwt: 10,
+                totalPriceCash: 20,
+            };
+            let updatedDocument = reducer(document, lineItemCreators.addLineItem(addInput));
+            const lineItemId = updatedDocument.state.global.lineItems[0].id;
+            // Now edit the line item tag
+            const input = {
+                lineItemId: lineItemId,
+                dimension: "category",
+                value: "expense",
+                label: "Office Supplies",
+            };
+            updatedDocument = reducer(updatedDocument, creators.editLineItemTag(input));
+            // Verify operation was recorded
+            expect(updatedDocument.operations.global).toHaveLength(2);
+            expect(updatedDocument.operations.global[1].type).toBe("EDIT_LINE_ITEM_TAG");
+            expect(updatedDocument.operations.global[1].input).toStrictEqual(input);
+            // Verify state was updated
+            const lineItem = updatedDocument.state.global.lineItems.find(item => item.id === input.lineItemId);
+            expect(lineItem).toBeDefined();
+            expect(lineItem?.lineItemTag).toContainEqual({
+                dimension: input.dimension,
+                value: input.value,
+                label: input.label,
+            });
+        });
+    });
+});

package/dist/document-models/billing-statement/src/utils.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/document-models/billing-statement/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../document-models/billing-statement/src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/dist/document-models/billing-statement/src/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/document-models/index.d.ts

@@ -1,2 +1,3 @@
 export { module as Invoice } from "./invoice/index.js";
+export { module as BillingStatement } from "./billing-statement/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/document-models/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../document-models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../document-models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/document-models/index.js

@@ -1 +1,2 @@
 export { module as Invoice } from "./invoice/index.js";
+export { module as BillingStatement } from "./billing-statement/index.js";

package/dist/editors/billing-statement/components/lineItems.d.ts

@@ -0,0 +1,3 @@
+declare const LineItems: () => import("react/jsx-runtime").JSX.Element;
+export default LineItems;
+//# sourceMappingURL=lineItems.d.ts.map

package/dist/editors/billing-statement/components/lineItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/components/lineItems.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS,+CA2Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/editors/billing-statement/components/lineItems.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tag } from "lucide-react";
+// import { ObjectSetTable } from "@powerhousedao/document-engineering";
+import { useMemo } from "react";
+// table columns
+const LineItems = () => {
+    const columns = useMemo(() => [
+        { field: 'description', title: "Description" },
+        { field: 'unit', title: "Unit" },
+        { field: 'quantity', title: "Quantity" },
+        { field: 'unitPriceCash', title: "Fiat/Unit" },
+        { field: 'unitPricePwt', title: "POWT/Unit" },
+        { field: 'totalPriceCash', title: "Total Fiat" },
+        { field: 'totalPricePwt', title: "Total POWT" },
+    ], []);
+    return (_jsxs("div", { className: "mt-6", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-1xl font-bold px-2", children: "Line Items" }) }), _jsx("div", { className: "flex items-center", children: _jsx(Tag, { onClick: () => { }, style: {
+                                cursor: "pointer",
+                                width: 28,
+                                height: 28,
+                                color: "white",
+                                fill: "#475264",
+                            } }) })] }), _jsx("div", { className: "mt-4" })] }));
+};
+export default LineItems;

package/dist/editors/billing-statement/components/lineItemsTable.d.ts

@@ -0,0 +1,6 @@
+declare const LineItemsTable: (props: {
+    state: any;
+    dispatch: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LineItemsTable;
+//# sourceMappingURL=lineItemsTable.d.ts.map

package/dist/editors/billing-statement/components/lineItemsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineItemsTable.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/components/lineItemsTable.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,cAAc,GAAI,OAAO;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,4CA8N3D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/editors/billing-statement/components/lineItemsTable.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tag } from "lucide-react";
+import { Select } from "@powerhousedao/document-engineering";
+import { InputField } from "../../invoice/components/inputField.js";
+import { NumberForm } from "../../invoice/components/numberForm.js";
+import { actions, } from "../../../document-models/billing-statement/index.js";
+import { useState, useRef, useEffect } from "react";
+import { formatNumber } from "../../invoice/lineItems.js";
+import { LineItemTagsTable } from "../lineItemTags/lineItemTags.js";
+const initialLineItem = {
+    description: "",
+    unit: "Hour",
+    quantity: "",
+    unitPriceCash: "",
+    unitPricePwt: "",
+};
+const LineItemsTable = (props) => {
+    const { state, dispatch } = props;
+    const [editingRow, setEditingRow] = useState(null);
+    const [localLineItem, setLocalLineItem] = useState(initialLineItem);
+    const [showTagTable, setShowTagTable] = useState(false);
+    const tableRef = useRef(null);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            // Check if the click is on a select menu or its dropdown
+            const target = event.target;
+            const isSelectMenu = target.closest('[role="listbox"]') || target.closest('[role="option"]');
+            if (tableRef.current &&
+                !tableRef.current.contains(event.target) &&
+                !isSelectMenu) {
+                // Save changes before clearing the editing state
+                if (editingRow !== null) {
+                    handleSave();
+                }
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [editingRow, localLineItem]);
+    const units = [
+        { label: "Minute", value: "MINUTE" },
+        { label: "Hour", value: "HOUR" },
+        { label: "Day", value: "DAY" },
+        { label: "Unit", value: "UNIT" },
+    ];
+    const handleEdit = (rowIdx, item) => {
+        setEditingRow(rowIdx);
+        setLocalLineItem({ ...item });
+    };
+    const handleInputChange = (field, value) => {
+        if (field === "unitPriceCash" || field === "unitPricePwt") {
+            // Allow negative numbers with optional minus sign at start
+            const regex = new RegExp(`^-?\\d*\\.?\\d{0,6}$`);
+            if (regex.test(value) || value === "-") {
+                setLocalLineItem((prev) => ({ ...prev, [field]: value }));
+            }
+        }
+        setLocalLineItem((prev) => ({ ...prev, [field]: value }));
+    };
+    const handleSave = () => {
+        const { description, unit, quantity, unitPriceCash, unitPricePwt } = localLineItem;
+        if (description &&
+            unit &&
+            quantity !== "" &&
+            unitPriceCash !== "" &&
+            unitPricePwt !== "") {
+            // Parse as number, allowing negative values
+            const qty = Number(quantity);
+            const fiat = Number(unitPriceCash);
+            const powt = Number(unitPricePwt);
+            // Get the original line item
+            const originalItem = state.lineItems.find((item) => item.id === localLineItem.id);
+            // Check if any values have actually changed
+            const hasChanges = !originalItem ||
+                originalItem.description !== description ||
+                originalItem.unit !== unit ||
+                originalItem.quantity !== qty ||
+                originalItem.unitPriceCash !== fiat ||
+                originalItem.unitPricePwt !== powt;
+            if (hasChanges) {
+                dispatch(actions.editLineItem({
+                    id: localLineItem.id,
+                    description,
+                    unit,
+                    quantity: qty,
+                    unitPriceCash: fiat,
+                    unitPricePwt: powt,
+                    totalPriceCash: qty * fiat,
+                    totalPricePwt: qty * powt,
+                }));
+            }
+            setEditingRow(null);
+            setLocalLineItem(initialLineItem);
+        }
+    };
+    if (showTagTable) {
+        return (_jsx(LineItemTagsTable, { lineItems: state.lineItems, onClose: () => setShowTagTable(false), dispatch: dispatch }));
+    }
+    return (_jsxs("div", { className: "mt-2 overflow-x-auto", ref: tableRef, children: [_jsxs("div", { className: "flex justify-between mt-6", children: [_jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-1xl font-bold", children: "Line Items" }) }), _jsx("div", { className: "flex items-center", children: _jsx(Tag, { style: {
+                                cursor: "pointer",
+                                width: 28,
+                                height: 28,
+                                color: "white",
+                                fill: "#475264",
+                            }, onClick: () => setShowTagTable(!showTagTable) }) })] }), _jsx("div", { className: "mt-4 min-w-[900px]", children: _jsxs("table", { className: "w-full border border-gray-300 text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-100", children: [_jsx("th", { className: "border px-2 py-1", children: "#" }), _jsx("th", { className: "border px-2 py-1", children: "Desc" }), _jsx("th", { className: "border px-2 py-1 w-40", children: "Unit" }), _jsx("th", { className: "border px-2 py-1 w-16", children: "Qty" }), _jsx("th", { className: "border px-2 py-1 w-16", children: "FIAT/Uni" }), _jsx("th", { className: "border px-2 py-1 w-16", children: "POWT/Uni" }), _jsx("th", { className: "border px-2 py-1 w-16", children: "Total Fiat" }), _jsx("th", { className: "border px-2 py-1 w-16", children: "Total POW" })] }) }), _jsx("tbody", { children: state.lineItems.map((item, idx) => (editingRow === idx ? (_jsxs("tr", { className: "bg-yellow-50", children: [_jsx("td", { className: "border px-2 py-1 text-center", children: idx + 1 }), _jsx("td", { className: "border px-2 py-1 w-40", children: _jsx(InputField, { input: localLineItem.description, value: localLineItem.description, onBlur: () => { }, handleInputChange: (e) => handleInputChange("description", e.target.value), className: "w-full px-1 py-1 border rounded" }) }), _jsx("td", { className: "border px-2 py-1 w-16", children: _jsx(Select, { options: units, value: localLineItem.unit, onChange: (value) => handleInputChange("unit", value), className: "w-32 px-1 py-1 border rounded" }) }), _jsx("td", { className: "border px-2 py-1 w-16", children: _jsx(NumberForm, { number: localLineItem.quantity, handleInputChange: (e) => handleInputChange("quantity", e.target.value), className: "w-32 px-4 py-1 border rounded text-center" }) }), _jsx("td", { className: "border px-2 py-1 w-16", children: _jsx(NumberForm, { number: localLineItem.unitPriceCash, handleInputChange: (e) => handleInputChange("unitPriceCash", String(e.target.value)), className: "w-32 px-4 py-1 border rounded text-center" }) }), _jsx("td", { className: "border px-2 py-1 w-16", children: _jsx(NumberForm, { number: localLineItem.unitPricePwt, handleInputChange: (e) => handleInputChange("unitPricePwt", e.target.value), className: "w-32 px-4 py-1 border rounded text-center" }) }), _jsx("td", { className: "border px-2 py-1 text-center", children: localLineItem.quantity && localLineItem.unitPriceCash
+                                            ? Number(localLineItem.quantity) * Number(localLineItem.unitPriceCash)
+                                            : "" }), _jsx("td", { className: "border px-2 py-1 text-center", children: localLineItem.quantity && localLineItem.unitPricePwt
+                                            ? Number(localLineItem.quantity) * Number(localLineItem.unitPricePwt)
+                                            : "" })] }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50 cursor-pointer", onDoubleClick: () => {
+                                    setEditingRow(idx);
+                                    setLocalLineItem({ ...item });
+                                }, children: [_jsx("td", { className: "border px-2 py-2 text-center", children: idx + 1 }), _jsx("td", { className: "border px-2 py-2", children: item.description }), _jsx("td", { className: "border px-2 py-2 w-40 text-center", children: item.unit }), _jsx("td", { className: "border px-2 py-2 w-16 text-center", children: item.quantity }), _jsx("td", { className: "border px-2 py-2 w-10 text-center", children: formatNumber(item.unitPriceCash) }), _jsx("td", { className: "border px-2 py-2 w-10 text-center", children: formatNumber(item.unitPricePwt) }), _jsx("td", { className: "border px-2 py-2 text-center", children: formatNumber(item.totalPriceCash) }), _jsx("td", { className: "border px-2 py-2 text-center", children: formatNumber(item.totalPricePwt) })] }, item.id)))) })] }) })] }));
+};
+export default LineItemsTable;