@powerhousedao/contributor-billing 0.0.8 → 0.0.9

package/dist/document-models/invoice/src/reducers/items.js

@@ -53,18 +53,25 @@ export const reducer = {
     },
     setLineItemTagOperation(state, action, dispatch) {
         try {
-            const stateItem = state.lineItems.find((x) => x.id === action.input.id);
+            const stateItem = state.lineItems.find((x) => x.id === action.input.lineItemId);
             if (!stateItem)
                 throw new Error("Item matching input.id not found");
-            const newTag = {
-                dimension: action.input.dimension,
-                value: action.input.value,
-                label: action.input.label || null,
-            };
-            // Remove existing tag with same dimension if it exists
-            stateItem.lineItemTag = stateItem.lineItemTag.filter((tag) => tag.dimension !== action.input.dimension);
-            // Add the new tag
-            stateItem.lineItemTag.push(newTag);
+            // 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,
+                };
+                // Add the new tag
+                stateItem.lineItemTag?.push(newTag);
+            }
         }
         catch (e) {
             console.error(e);

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

@@ -65,8 +65,8 @@ describe("General Operations", () => {
     it("should handle setPaymentAccount operation", () => {
         // generate a random id
         // const id = documentModelUtils.hashKey();
-        const input = generateMock(z.SetPaymentAccountInputSchema());
-        const updatedDocument = reducer(document, creators.setPaymentAccount(input));
+        const input = generateMock(z.AddPaymentAccountInputSchema());
+        const updatedDocument = reducer(document, creators.addPaymentAccount(input));
         expect(updatedDocument.operations.global).toHaveLength(1);
         expect(updatedDocument.operations.global[0].type).toBe("SET_PAYMENT_ACCOUNT");
         expect(updatedDocument.operations.global[0].input).toStrictEqual(input);

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

@@ -1 +1 @@
-{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,YAAY,EAIb,MAAM,wCAAwC,CAAC;AA4ShD,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ZhD,CAAC"}
+{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,YAAY,EAIb,MAAM,wCAAwC,CAAC;AAiThD,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ZhD,CAAC"}

package/dist/editors/invoice/InvoicePDF.js

@@ -215,6 +215,11 @@ const styles = StyleSheet.create({
         fontSize: 9,
         color: "#4B5563",
         marginBottom: 4,
+        flexShrink: 1,
+        flexGrow: 1,
+        minWidth: 0,
+        paddingRight: 1,
+        wordBreak: "break-all",
     },
     companyInfoLabel: {
         color: "#9ea0a2",
@@ -305,22 +310,22 @@ export const InvoicePDF = ({ invoice, fiatMode, }) => {
                                     }, children: [_jsxs(View, { style: {
                                                 flexDirection: "column",
                                                 alignItems: "flex-start",
-                                            }, children: [_jsx(Text, { style: { fontSize: 20, fontWeight: "bold" }, children: invoice.issuer.name }), _jsxs(View, { children: [_jsx(Text, { style: styles.invoiceLabel, children: "Invoice number" }), _jsx(Text, { style: styles.invoiceNumber, children: invoice.invoiceNo })] })] }), _jsxs(View, { style: { alignItems: "flex-end" }, children: [_jsxs(Text, { style: styles.invoiceLabel, children: ["Invoice of (", invoice.currency, ")"] }), _jsx(Text, { style: [
+                                            }, children: [_jsx(Text, { style: { fontSize: 20, fontWeight: "bold", marginBottom: 10, paddingRight: 65, marginRight: 20 }, children: invoice.issuer.name }), _jsxs(View, { children: [_jsx(Text, { style: styles.invoiceLabel, children: "Invoice number" }), _jsx(Text, { style: styles.invoiceNumber, children: invoice.invoiceNo })] })] }), _jsxs(View, { style: { alignItems: "flex-end" }, children: [_jsxs(Text, { style: styles.invoiceLabel, children: ["Invoice of (", invoice.currency, ")"] }), _jsx(Text, { style: [
                                                         styles.invoiceNumber,
                                                         { fontSize: 18, fontWeight: "bold" },
                                                     ], children: formatNumber(invoice.totalPriceTaxIncl) })] })] }), _jsxs(View, { style: {
                                         flexDirection: "row",
                                         justifyContent: "space-between",
                                         marginTop: 20,
-                                    }, children: [_jsxs(View, { style: { width: "45%" }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Issuer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.id
+                                    }, children: [_jsxs(View, { style: { width: "50%", minWidth: 0, flexDirection: "column", paddingRight: 65 }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Issuer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.id
                                                                 ?.taxId ||
                                                                 invoice.issuer
                                                                     .id?.corpRegId ||
-                                                                "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.streetAddress || "" })] }), invoice.issuer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, children: [invoice.issuer.address?.city || "", ",", " ", getCountryName(invoice.issuer.address?.country || "") || ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.postalCode || "00000" })] }), invoice.issuer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.contactInfo.email })] }))] }), _jsxs(View, { style: { width: "45%" }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Payer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.id?.taxId ||
+                                                                "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.address?.streetAddress || "" })] }), invoice.issuer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, wrap: true, children: [invoice.issuer.address?.city || "", ",", " ", getCountryName(invoice.issuer.address?.country || "") || ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.postalCode || "00000" })] }), invoice.issuer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.contactInfo.email })] }))] }), _jsxs(View, { style: { width: "47%", minWidth: 0, flexDirection: "column" }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Payer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.payer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.id?.taxId ||
                                                                 invoice.payer
                                                                     .id?.corpRegId ||
-                                                                "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.streetAddress || "" })] }), invoice.payer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, children: [invoice.payer.address?.city || "", ",", " ", getCountryName(invoice.payer.address?.country || "") ||
-                                                                    ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.postalCode || "00000" })] }), invoice.payer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.contactInfo.email })] }))] }), _jsxs(View, { style: {
+                                                                "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.payer.address?.streetAddress || "" })] }), invoice.payer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.payer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, wrap: true, children: [invoice.payer.address?.city || "", ",", " ", getCountryName(invoice.payer.address?.country || "") ||
+                                                                    ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.postalCode || "00000" })] }), invoice.payer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.payer.contactInfo.email })] }))] }), _jsxs(View, { style: {
                                                 width: "30%",
                                                 alignItems: "flex-end",
                                                 textAlign: "right",
@@ -368,19 +373,13 @@ export const InvoicePDF = ({ invoice, fiatMode, }) => {
                         alignItems: "center",
                         justifyContent: "space-between",
                         width: "90%",
-                    }, children: [_jsxs(View, { children: [_jsx(Text, { style: styles.termsTitle, children: "Terms & Conditions" }), _jsx(Text, { style: styles.termsText, children: "Please pay within 30 days of receiving this invoice." })] }), _jsx(Text, { style: {
+                    }, children: [_jsx(View, { children: _jsx(Text, { style: styles.termsText, children: "Please pay within 30 days of receiving this invoice." }) }), _jsx(Text, { style: {
                                 fontSize: 10,
                                 color: "#6B7280",
                                 textAlign: "right",
                                 flex: 1,
                             }, children: `${pageIndex + 1}/${totalPages}` })] })] }, pageIndex))) }));
 };
-// New component for issuer and payer sections
-const InvoiceSection = ({ title, data, }) => (_jsxs(View, { style: styles.gridColumn, children: [_jsx(Text, { style: styles.sectionTitle, children: title }), title === "Issuer" && (_jsxs(_Fragment, { children: [_jsx(InvoiceField, { label: "Issue Date", value: formatDate(data.dateIssued) }), _jsx(InvoiceField, { label: "Delivery Date", value: formatDate(data.dateDelivered) })] })), title === "Payer" && (_jsx(InvoiceField, { label: "Due Date", value: formatDate(data.dateDue) })), _jsx(InvoiceField, { label: "Name", value: data.name }), _jsx(InvoiceField, { label: data.id?.taxId ? "Tax ID" : data.id?.corpRegId ? "Corp. Reg" : "", value: data.id?.taxId || data.id?.corpRegId || "" }), _jsx(InvoiceField, { label: "Address", value: data.address?.streetAddress || "" }), _jsx(InvoiceField, { label: "City", value: data.address?.city || "" }), _jsx(InvoiceField, { label: "Country", value: getCountryName(data.address?.country || "") || "" }), _jsx(InvoiceField, { label: "Email", value: data.contactInfo?.email || "" })] }));
-{
-    /* New component for individual fields */
-}
-const InvoiceField = ({ label, value, }) => value && (_jsx(View, { style: styles.row, children: _jsx(Text, { style: styles.value, children: value }) }));
 {
     /* New component for fiat payment section */
 }

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,wCAAwC,CAAC;AA6ChD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA+tB3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,wCAAwC,CAAC;AA4BhD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAouB3C"}

package/dist/editors/invoice/editor.js

@@ -17,21 +17,7 @@ import { InputField } from "./components/inputField.js";
 import { validateField, } from "./validation/validationManager.js";
 import { DatePicker } from "./components/datePicker.js";
 import { SelectField } from "./components/selectField.js";
-// Helper function to format numbers with appropriate decimal places
-function formatNumber(value) {
-    // Check if the value has decimal places
-    const hasDecimals = value % 1 !== 0;
-    // If no decimals or only trailing zeros after 2 decimal places, show 2 decimal places
-    if (!hasDecimals || value.toFixed(5).endsWith("000")) {
-        return value.toFixed(2);
-    }
-    // Otherwise, show actual decimal places up to 5
-    const stringValue = value.toString();
-    const decimalPart = stringValue.split(".")[1] || "";
-    // Determine how many decimal places to show (up to 5)
-    const decimalPlaces = Math.min(Math.max(2, decimalPart.length), 5);
-    return value.toFixed(decimalPlaces);
-}
+import { formatNumber } from "./lineItems.js";
 function isFiatCurrency(currency) {
     return currencyList.find((c) => c.ticker === currency)?.crypto === false;
 }
@@ -370,8 +356,11 @@ export default function Editor(props) {
                                                     }
                                                 }, value: state.dateDelivered || "" })] })] }), _jsx(LegalEntityForm, { legalEntity: state.issuer, onChangeBank: (input) => dispatch(actions.editIssuerBank(input)), onChangeInfo: (input) => dispatch(actions.editIssuer(input)), onChangeWallet: (input) => dispatch(actions.editIssuerWallet(input)), bankDisabled: !fiatMode, walletDisabled: fiatMode, currency: state.currency, status: state.status, walletvalidation: walletValidation, countryvalidation: countryValidation, ibanvalidation: ibanValidation, bicvalidation: bicValidation, banknamevalidation: bankNameValidation, streetaddressvalidation: streetAddressValidation, cityvalidation: cityValidation, postalcodevalidation: postalCodeValidation })] }), _jsxs("div", { className: "border border-gray-200 rounded-lg p-6", children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Payer" }), _jsxs("div", { className: "mb-2", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Due Date:" }), _jsx(DatePicker, { name: "dateDue", className: "w-full", onChange: (e) => dispatch(actions.editInvoice({
                                             dateDue: e.target.value.split("T")[0],
-                                        })), value: state.dateDue })] }), _jsx(LegalEntityForm, { bankDisabled: true, legalEntity: state.payer, onChangeInfo: (input) => dispatch(actions.editPayer(input)), currency: state.currency, status: state.status, payeremailvalidation: payerEmailValidation })] })] }), _jsx("div", { className: "mb-8", children: _jsx(LineItemsTable, { currency: state.currency, lineItems: state.lineItems, onAddItem: (item) => dispatch(actions.addLineItem(item)), onDeleteItem: (input) => dispatch(actions.deleteLineItem(input)), onUpdateCurrency: (input) => {
+                                        })), value: state.dateDue })] }), _jsx(LegalEntityForm, { bankDisabled: true, legalEntity: state.payer, onChangeInfo: (input) => dispatch(actions.editPayer(input)), currency: state.currency, status: state.status, payeremailvalidation: payerEmailValidation })] })] }), _jsx("div", { className: "mb-8", children: _jsx(LineItemsTable, { currency: state.currency, lineItems: state.lineItems.map(item => ({
+                        ...item,
+                        lineItemTag: item.lineItemTag ?? [],
+                    })), onAddItem: (item) => dispatch(actions.addLineItem(item)), onDeleteItem: (input) => dispatch(actions.deleteLineItem(input)), onUpdateCurrency: (input) => {
                         setFiatMode(input.currency !== "USDS");
                         dispatch(actions.editInvoice(input));
-                    }, onUpdateItem: (item) => dispatch(actions.editLineItem(item)) }) }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: _jsx("div", { className: "md:col-start-2", children: _jsx("div", { className: "rounded-lg border border-gray-200 bg-gray-50 p-6 shadow-sm", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between text-gray-700", children: [_jsx("span", { className: "font-medium", children: "Subtotal (excl. tax):" }), _jsxs("span", { children: [formatNumber(itemsTotalTaxExcl), " ", state.currency] })] }), _jsxs("div", { className: "flex justify-between border-t border-gray-200 pt-4 text-lg font-bold text-gray-900", children: [_jsx("span", { children: "Total (incl. tax):" }), _jsxs("span", { children: [formatNumber(itemsTotalTaxIncl), " ", state.currency] })] })] }) }) }) }), state.status === "PAYMENTSCHEDULED" && (_jsx("div", { className: "mt-8", children: !isFiatCurrency(state.currency) ? (_jsx(InvoiceToGnosis, { docState: state })) : (_jsx(RequestFinance, { docState: state })) }))] }));
+                    }, onUpdateItem: (item) => dispatch(actions.editLineItem(item)), dispatch: dispatch, paymentAccounts: state.paymentAccounts || [] }) }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: _jsx("div", { className: "md:col-start-2", children: _jsx("div", { className: "rounded-lg border border-gray-200 bg-gray-50 p-6 shadow-sm", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between text-gray-700", children: [_jsx("span", { className: "font-medium", children: "Subtotal (excl. tax):" }), _jsxs("span", { children: [formatNumber(itemsTotalTaxExcl), " ", state.currency] })] }), _jsxs("div", { className: "flex justify-between border-t border-gray-200 pt-4 text-lg font-bold text-gray-900", children: [_jsx("span", { children: "Total (incl. tax):" }), _jsxs("span", { children: [formatNumber(itemsTotalTaxIncl), " ", state.currency] })] })] }) }) }) }), state.status === "PAYMENTSCHEDULED" && (_jsx("div", { className: "mt-8", children: !isFiatCurrency(state.currency) ? (_jsx(InvoiceToGnosis, { docState: state })) : (_jsx(RequestFinance, { docState: state })) }))] }));
 }

package/dist/editors/invoice/ingestPDF.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"invoiceToGnosis.d.ts","sourceRoot":"","sources":["../../../editors/invoice/invoiceToGnosis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8LnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"invoiceToGnosis.d.ts","sourceRoot":"","sources":["../../../editors/invoice/invoiceToGnosis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwKnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/editors/invoice/invoiceToGnosis.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
 if (window.document.baseURI !== "http://localhost:3000/") {
-    GRAPHQL_URL = "https://switchboard.powerhouse.xyz/graphql/invoice";
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql/invoice";
 }
 const InvoiceToGnosis = ({ docState }) => {
     const [isLoading, setIsLoading] = useState(false);
@@ -33,27 +33,6 @@ const InvoiceToGnosis = ({ docState }) => {
         },
         // Add more networks as needed
     };
-    // Separate payerWallet configuration
-    const payerWallet = {
-        BASE: {
-            rpc: "https://base.llamarpc.com",
-            chainName: "Base",
-            chainId: "8453",
-            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
-        },
-        ETHEREUM: {
-            rpc: "https://eth.llamarpc.com",
-            chainName: "Ethereum",
-            chainId: "1",
-            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
-        },
-        "ARBITRUM ONE": {
-            rpc: "https://arb1.arbitrum.io/rpc",
-            chainName: "Arbitrum One",
-            chainId: "42161",
-            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
-        },
-    };
     // Extract payment details from current-state.json
     const paymentDetails = {
         payeeWallet: {
@@ -91,8 +70,8 @@ const InvoiceToGnosis = ({ docState }) => {
                 },
                 body: JSON.stringify({
                     query: `
-            mutation Invoice_processGnosisPayment($payerWallet: JSON!, $paymentDetails: JSON!, $invoiceNo: String!) {
-              Invoice_processGnosisPayment(payerWallet: $payerWallet, paymentDetails: $paymentDetails, invoiceNo: $invoiceNo) {
+            mutation Invoice_processGnosisPayment($chainName: String!, $paymentDetails: JSON!, $invoiceNo: String!) {
+              Invoice_processGnosisPayment(chainName: $chainName, paymentDetails: $paymentDetails, invoiceNo: $invoiceNo) {
                 success
                 data
                 error
@@ -100,7 +79,7 @@ const InvoiceToGnosis = ({ docState }) => {
             }
           `,
                     variables: {
-                        payerWallet: payerWallet[chainName.toUpperCase()],
+                        chainName: chainName,
                         paymentDetails: paymentDetails,
                         invoiceNo: docState.invoiceNo,
                     },

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

@@ -0,0 +1,20 @@
+import { Dispatch } from "react";
+import { InvoiceLineItemTag } from "../../../document-models/invoice/index.js";
+interface TagAssignmentRow {
+    id: string;
+    item: string;
+    period: string;
+    expenseAccount: string;
+    total: string;
+    lineItemTag: InvoiceLineItemTag[];
+}
+interface LineItemTagsTableProps {
+    lineItems: TagAssignmentRow[];
+    onSave: (updatedLineItems: TagAssignmentRow[], paymentAccount: string) => void;
+    onClose: () => void;
+    dispatch: Dispatch<any>;
+    paymentAccounts: string[];
+}
+export declare function LineItemTagsTable({ lineItems, onSave, onClose, dispatch, paymentAccounts, }: LineItemTagsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=lineItemTags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lineItemTags.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/lineItemTags/lineItemTags.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAC;AAKlD,OAAO,EAAW,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAExF,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,kBAAkB,EAAE,CAAC;CACnC;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,MAAM,EAAE,CACN,gBAAgB,EAAE,gBAAgB,EAAE,EACpC,cAAc,EAAE,MAAM,KACnB,IAAI,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxB,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,sBAAsB,2CAuKxB"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { X, Tag } from "lucide-react";
+import { Button } from "@powerhousedao/design-system";
+import { Select } from "@powerhousedao/document-engineering/ui";
+import { expenseAccountOptions } from "./tagMapping.js";
+import { actions } from "../../../document-models/invoice/index.js";
+export function LineItemTagsTable({ lineItems, onSave, onClose, dispatch, paymentAccounts, }) {
+    const [taggedItems, setTaggedItems] = useState(lineItems);
+    const [paymentAccount, setPaymentAccount] = useState("Powerhouse USD");
+    const periodOptions = [
+        "Jan 2025",
+        "Feb 2025",
+        "Mar 2025",
+        "Apr 2025",
+        "May 2025",
+        "Jun 2025",
+    ];
+    const handleSave = () => {
+        onSave(taggedItems, paymentAccount);
+        onClose();
+    };
+    const handleBackdropClick = (e) => {
+        if (e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    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", 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: taggedItems.map((item) => (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: _jsx("input", { type: "text", value: item.item, onChange: (e) => setTaggedItems((prev) => prev.map((row) => row.id === item.id
+                                                ? { ...row, item: e.target.value }
+                                                : row)), className: "w-full rounded border border-gray-300 px-3 py-2 focus:border-blue-500 focus:outline-none" }) }), _jsx("td", { className: "border-b border-gray-200 p-3", children: _jsxs("select", { value: item.period, onChange: (e) => setTaggedItems((prev) => prev.map((row) => row.id === item.id
+                                                ? { ...row, period: e.target.value }
+                                                : row)), className: "w-full rounded border border-gray-300 px-3 py-2 focus:border-blue-500 focus:outline-none", children: [_jsx("option", { value: "", children: "Select Period" }), periodOptions.map((period) => (_jsx("option", { value: period, children: period }, period)))] }) }), _jsx("td", { className: "border-b border-gray-200 p-3", children: _jsx(Select, { options: expenseAccountOptions, value: item.lineItemTag.find((tag) => tag.dimension === "xero-expense-account")?.value || "", placeholder: "Select Expense Account", searchable: true, onChange: (value) => {
+                                                dispatch(actions.setLineItemTag({
+                                                    lineItemId: item.id,
+                                                    dimension: "xero-expense-account",
+                                                    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: "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: [
+                                { label: "Powerhouse USD", value: "Powerhouse USD" },
+                                { label: "Powerhouse EUR", value: "Powerhouse EUR" },
+                            ], value: paymentAccounts && paymentAccounts.length > 0
+                                ? paymentAccounts[0]
+                                : "", placeholder: "Select Payment Account", searchable: true, onChange: (value) => {
+                                dispatch(actions.addPaymentAccount({ paymentAccount: value }));
+                            } })] }) }), _jsx("div", { className: "border-t border-gray-200 p-6", children: _jsx("div", { className: "flex justify-end", children: _jsx("button", { onClick: handleSave, className: "rounded bg-blue-600 px-4 py-2 text-white hover:bg-blue-700", children: "Save Tags" }) }) })] }));
+}

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

@@ -0,0 +1,3 @@
+import { SelectOption } from "@powerhousedao/document-engineering/ui";
+export declare const expenseAccountOptions: SelectOption[];
+//# sourceMappingURL=tagMapping.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tagMapping.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/lineItemTags/tagMapping.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,EAAE,YAAY,EA6D/C,CAAC"}

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

@@ -0,0 +1,62 @@
+export const expenseAccountOptions = [
+    { label: "Grants from Maker DAO", value: "200" },
+    { label: "Request Finance IC account", value: "2222" },
+    { label: "Interest Income", value: "270" },
+    { label: "Activities and Events", value: "3000" },
+    { label: "Meals", value: "3001" },
+    { label: "Airfare", value: "3002" },
+    { label: "Hotels", value: "3003" },
+    { label: "Transportation (Uber, Taxi etc)", value: "3004" },
+    { label: "Cost of Goods Sold", value: "310" },
+    { label: "Advertising", value: "400" },
+    { label: "Legal Fees Abroad", value: "4001" },
+    { label: "Legal Fees Switzerland", value: "4002" },
+    { label: "Finance Team Fees Abroad", value: "4003" },
+    { label: "Fnance and Accounting Fees Switzerland", value: "4004" },
+    { label: "Software Development Team Fees", value: "4005" },
+    { label: "Research Team Fees", value: "4006" },
+    { label: "Marketing Team Fees", value: "4007" },
+    { label: "Health Care Fees", value: "4008" },
+    { label: "Contractor Fees", value: "4009" },
+    { label: "Insurance Fees Team", value: "4010" },
+    { label: "HR Fees", value: "4011" },
+    { label: "Team Bonus", value: "4012" },
+    { label: "Refferal Fees", value: "4013" },
+    { label: "Depreciation", value: "416" },
+    { label: "Freight & Courier", value: "425" },
+    { label: "Interest Expense", value: "437" },
+    { label: "Office Expenses", value: "453" },
+    { label: "Rent", value: "469" },
+    { label: "Subscriptions", value: "485" },
+    { label: "Bank Revaluations", value: "497" },
+    { label: "Unrealised Currency Gains", value: "498" },
+    { label: "Realised Currency Gains", value: "499" },
+    { label: "Income Tax Expense", value: "505" },
+    { label: "Accounts Receivable", value: "610" },
+    { label: "Prepayments", value: "620" },
+    { label: "Inventory", value: "630" },
+    { label: "Software/IT Subscriptions", value: "701" },
+    { label: "Office Equipment", value: "710" },
+    { label: "Less Accumulated Depreciation on Office Equipment", value: "711" },
+    { label: "Computer Equipment", value: "720" },
+    { label: "Less Accumulated Depreciation on Computer Equipment", value: "721" },
+    { label: "Accounts Payable", value: "800" },
+    { label: "Bank Fees", value: "8000" },
+    { label: "Gas Fees", value: "8001" },
+    { label: "Exchange Fees", value: "8003" },
+    { label: "Unpaid Expense Claims", value: "801" },
+    { label: "Wages Payable", value: "803" },
+    { label: "Sales Tax", value: "820" },
+    { label: "Employee Tax Payable", value: "825" },
+    { label: "Superannuation Payable", value: "826" },
+    { label: "Income Tax Payable", value: "830" },
+    { label: "Historical Adjustment", value: "840" },
+    { label: "Suspense", value: "850" },
+    { label: "Rounding", value: "860" },
+    { label: "Tracking Transfers", value: "877" },
+    { label: "Owner A Drawings", value: "880" },
+    { label: "Owner A Funds Introduced", value: "881" },
+    { label: "Loan", value: "900" },
+    { label: "Retained Earnings", value: "960" },
+    { label: "Owner A Share Capital", value: "970" }
+];

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

@@ -1,4 +1,6 @@
-import { EditInvoiceInput, DeleteLineItemInput } from "../../document-models/invoice/index.js";
+import { EditInvoiceInput, DeleteLineItemInput, InvoiceLineItemTag } from "../../document-models/invoice/index.js";
+import { Dispatch } from "react";
+export declare function formatNumber(value: number): string;
 type LineItem = {
     currency: string;
     description: string;
@@ -9,6 +11,7 @@ type LineItem = {
     totalPriceTaxIncl: number;
     unitPriceTaxExcl: number;
     unitPriceTaxIncl: number;
+    lineItemTag: InvoiceLineItemTag[];
 };
 type LineItemsTableProps = {
     readonly lineItems: LineItem[];
@@ -17,7 +20,9 @@ type LineItemsTableProps = {
     readonly onUpdateItem: (item: LineItem) => void;
     readonly onDeleteItem: (input: DeleteLineItemInput) => void;
     readonly onUpdateCurrency: (input: EditInvoiceInput) => void;
+    readonly dispatch: Dispatch<any>;
+    readonly paymentAccounts: string[];
 };
-export declare function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, }: LineItemsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, dispatch, paymentAccounts }: LineItemsTableProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=lineItems.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../editors/invoice/lineItems.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AA+B/F,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;CAC1B,CAAC;AAmNF,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;CAC9D,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,EAAE,mBAAmB,2CA+HrB"}
+{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../editors/invoice/lineItems.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AACnH,OAAO,EAA0D,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBzF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAsBlD;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,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAoNF,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,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;CACpC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,eAAe,EAChB,EAAE,mBAAmB,2CAuKrB"}

package/dist/editors/invoice/lineItems.js

@@ -3,28 +3,35 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-no-bind */
 /* eslint-disable react/button-has-type */
 import { RWAButton } from "@powerhousedao/design-system";
-import { forwardRef, useState, useMemo } from "react";
+import { forwardRef, useState, useMemo, useRef } from "react";
 import { v4 as uuidv4 } from "uuid";
+import { Tag } from "lucide-react";
 import { NumberForm } from "./components/numberForm.js";
 import { InputField } from "./components/inputField.js";
+import { LineItemTagsTable } from "./lineItemTags/lineItemTags.js";
 // Helper function to get precision based on currency
 function getCurrencyPrecision(currency) {
     return currency === "USDS" || currency === "DAI" ? 6 : 2;
 }
-// Helper function to format numbers with appropriate decimal places
-function formatNumber(value) {
+export function formatNumber(value) {
     // Check if the value has decimal places
     const hasDecimals = value % 1 !== 0;
     // If no decimals or only trailing zeros after 2 decimal places, show 2 decimal places
     if (!hasDecimals || value.toFixed(5).endsWith("000")) {
-        return value.toFixed(2);
+        return value.toLocaleString('en-US', {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+        });
     }
-    // Otherwise, show atual decimal places up to 5
+    // Otherwise, show actual decimal places up to 5
     const stringValue = value.toString();
     const decimalPart = stringValue.split(".")[1] || "";
     // Determine how many decimal places to show (up to 5)
     const decimalPlaces = Math.min(Math.max(2, decimalPart.length), 5);
-    return value.toFixed(decimalPlaces);
+    return value.toLocaleString('en-US', {
+        minimumFractionDigits: decimalPlaces,
+        maximumFractionDigits: decimalPlaces
+    });
 }
 const EditableLineItem = forwardRef(function EditableLineItem(props, ref) {
     const { item, onSave, onCancel, currency } = props;
@@ -128,16 +135,22 @@ const EditableLineItem = forwardRef(function EditableLineItem(props, ref) {
             unitPriceTaxIncl: calculatedValues.unitPriceTaxIncl,
             totalPriceTaxExcl: calculatedValues.totalPriceTaxExcl,
             totalPriceTaxIncl: calculatedValues.totalPriceTaxIncl,
+            lineItemTag: [],
         };
         onSave(completeItem);
     }
-    return (_jsxs("tr", { ref: ref, className: "hover:bg-gray-50", children: [_jsx("td", { className: "border border-gray-200 p-3", children: _jsx(InputField, { onBlur: () => { }, handleInputChange: (e) => {
+    return (_jsxs("tr", { ref: ref, className: "hover:bg-gray-50", children: [_jsx("td", { className: "border border-gray-200 p-3", style: { width: '38%' }, children: _jsx(InputField, { onBlur: () => { }, handleInputChange: (e) => {
                         setEditedItem((prev) => ({ ...prev, description: e.target.value }));
-                    }, value: editedItem.description ?? "", placeholder: "Description" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.quantity ?? "", precision: 0, handleInputChange: handleInputChange("quantity"), placeholder: "Quantity" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.unitPriceTaxExcl ?? "", precision: getCurrencyPrecision(currency), handleInputChange: handleInputChange("unitPriceTaxExcl"), placeholder: "Unit Price (excl. tax)" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.taxPercent ?? "", precision: 0, min: 0, max: 100, handleInputChange: handleInputChange("taxPercent"), placeholder: "Tax %" }) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", children: formatNumber(calculatedValues.totalPriceTaxExcl) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", children: formatNumber(calculatedValues.totalPriceTaxIncl) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsxs("div", { className: "flex space-x-2", children: [_jsx("button", { style: { backgroundColor: "blue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", onClick: handleSave, children: "Save" }), _jsx("button", { className: "rounded bg-gray-500 px-3 py-1 text-white hover:bg-gray-600", onClick: onCancel, children: "Cancel" })] }) })] }));
+                    }, value: editedItem.description ?? "", placeholder: "Description" }) }), _jsx("td", { className: "border border-gray-200 p-3", style: { width: '8%' }, children: _jsx(NumberForm, { number: editedItem.quantity ?? "", precision: 0, handleInputChange: handleInputChange("quantity"), placeholder: "Quantity" }) }), _jsx("td", { className: "border border-gray-200 p-3", style: { width: '16%' }, children: _jsx(NumberForm, { number: editedItem.unitPriceTaxExcl ?? "", precision: getCurrencyPrecision(currency), handleInputChange: handleInputChange("unitPriceTaxExcl"), placeholder: "Unit Price (excl. tax)" }) }), _jsx("td", { className: "border border-gray-200 p-3", style: { width: '8%' }, children: _jsx(NumberForm, { number: editedItem.taxPercent ?? "", precision: 0, min: 0, max: 100, handleInputChange: handleInputChange("taxPercent"), placeholder: "Tax %" }) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", style: { width: '14%' }, children: formatNumber(calculatedValues.totalPriceTaxExcl) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", style: { width: '14%' }, children: formatNumber(calculatedValues.totalPriceTaxIncl) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsxs("div", { className: "flex space-x-2", children: [_jsx("button", { style: { backgroundColor: "blue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", onClick: handleSave, children: "Save" }), _jsx("button", { className: "rounded bg-gray-500 px-3 py-1 text-white hover:bg-gray-600", onClick: onCancel, children: "Cancel" })] }) })] }));
 });
-export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, }) {
+export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, dispatch, paymentAccounts }) {
     const [editingId, setEditingId] = useState(null);
     const [isAddingNew, setIsAddingNew] = useState(false);
+    const [showTagTable, setShowTagTable] = useState(false);
+    const containerRef = useRef(null);
+    const tableContainerRef = useRef(null);
+    const tableRef = useRef(null);
+    const [modalRect, setModalRect] = useState(null);
     function handleAddClick() {
         setIsAddingNew(true);
     }
@@ -148,10 +161,26 @@ export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, o
     function handleCancelNewItem() {
         setIsAddingNew(false);
     }
-    return (_jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("div", { className: "flex items-center gap-4", children: _jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }) }), _jsx(RWAButton, { className: "mb-2", disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] }), _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", { 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) => {
-                                        onUpdateItem(updatedItem);
-                                        setEditingId(null);
-                                    } }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: item.quantity }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right", children: [typeof item.taxPercent === "number"
-                                                    ? Math.round(item.taxPercent)
-                                                    : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { style: { backgroundColor: "lightblue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", 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 })) : null] })] }) })] }));
+    // Transform line items to TagAssignmentRow format for the tag table
+    const tagAssignmentRows = lineItems.map(item => ({
+        id: item.id,
+        item: item.description,
+        period: 'Jan 2025', // Default value
+        expenseAccount: '', // Default value
+        total: `$${formatNumber(item.totalPriceTaxIncl)}`,
+        lineItemTag: item.lineItemTag,
+    }));
+    const handleTagsSave = (updatedTaggedItems, paymentAccount) => {
+        // Handle the saved tags here if needed
+        setShowTagTable(false);
+    };
+    if (showTagTable) {
+        return (_jsx(LineItemTagsTable, { lineItems: tagAssignmentRows, onSave: handleTagsSave, onClose: () => setShowTagTable(false), dispatch: dispatch, paymentAccounts: paymentAccounts }));
+    }
+    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("div", { className: "flex items-center gap-4", children: _jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }) }), _jsx(RWAButton, { className: "mb-2", disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] }), _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: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", style: { width: '38%' }, children: "Description" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", style: { width: '8%' }, children: "Quantity" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", style: { width: '16%' }, children: "Unit Price (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", style: { width: '8%' }, children: "Tax %" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", style: { width: '14%' }, children: "Total (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", style: { width: '14%' }, children: "Total (incl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-center", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-sm", children: "Actions" }), _jsx(Tag, { onClick: () => setShowTagTable(true), style: { cursor: "pointer", width: 28, height: 28, color: "white", fill: "#475264" } })] }) })] }) }), _jsxs("tbody", { children: [lineItems.map((item) => editingId === item.id ? (_jsx(EditableLineItem, { currency: currency, item: item, onCancel: () => setEditingId(null), onSave: (updatedItem) => {
+                                            onUpdateItem(updatedItem);
+                                            setEditingId(null);
+                                        } }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: item.quantity }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right", children: [typeof item.taxPercent === "number"
+                                                        ? Math.round(item.taxPercent)
+                                                        : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { style: { backgroundColor: "lightblue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", 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 })) : null] })] }) })] }) }));
 }

package/dist/editors/invoice/requestFinance.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
 if (window.document.baseURI !== 'http://localhost:3000/') {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 const RequestFinance = ({ docState }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/uploadPdfChunked.js

@@ -7,7 +7,7 @@
  */
 let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
 if (window.document.baseURI !== 'http://localhost:3000/') {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
 onProgress) {

package/dist/scripts/invoice/exampleBatchTxn.js

@@ -33,7 +33,7 @@ async function testBatchTransfer() {
                 amount: '15.5',
             },
         ];
-        const result = await executeTransferProposal(payerWallet, paymentDetails);
+        const result = await executeTransferProposal(payerWallet.chainName, paymentDetails);
         console.log('\n✅ Batch transaction proposed successfully:');
         console.log(result);
     }

package/dist/scripts/invoice/gnosisTransactionBuilder.d.ts

@@ -23,6 +23,6 @@ export interface TransferResult {
     safeAddress: string;
     paymentDetails: PaymentDetail[];
 }
-declare function executeTransferProposal(payerWallet: PayerWallet, paymentDetailsInput: PaymentDetail | PaymentDetail[]): Promise<TransferResult>;
+declare function executeTransferProposal(chainName: string, paymentDetailsInput: PaymentDetail | PaymentDetail[]): Promise<TransferResult>;
 export { executeTransferProposal };
 //# sourceMappingURL=gnosisTransactionBuilder.d.ts.map