@powerhousedao/contributor-billing 0.1.22 → 0.1.24

package/dist/editors/hooks/useExpenseReportDocument.d.ts

@@ -1,4 +1,4 @@
 import type { ExpenseReportDocument } from "../../document-models/expense-report/index.js";
-export declare function useExpenseReportDocument(documentId: string | null | undefined): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/gen/actions.js").ExpenseReportWalletAction>];
-export declare function useSelectedExpenseReportDocument(): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/gen/actions.js").ExpenseReportWalletAction>];
+export declare function useExpenseReportDocument(documentId: string | null | undefined): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/index.js").ExpenseReportWalletAction>];
+export declare function useSelectedExpenseReportDocument(): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/index.js").ExpenseReportWalletAction>];
 //# sourceMappingURL=useExpenseReportDocument.d.ts.map

package/dist/editors/hooks/useExpenseReportDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExpenseReportDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useExpenseReportDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,+CAA+C,CAAC;AAEvD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,yLAMtC;AAED,wBAAgB,gCAAgC,0LAG/C"}
+{"version":3,"file":"useExpenseReportDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useExpenseReportDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,+CAA+C,CAAC;AAEvD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,mLAMtC;AAED,wBAAgB,gCAAgC,oLAG/C"}

package/dist/editors/hooks/useIntegrationsDocument.d.ts

@@ -1,4 +1,4 @@
 import type { IntegrationsDocument } from "../../document-models/integrations/index.js";
-export declare function useIntegrationsDocument(documentId: string | null | undefined): never[] | [IntegrationsDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/integrations/gen/actions.js").IntegrationsIntegrationsAction>];
-export declare function useSelectedIntegrationsDocument(): never[] | [IntegrationsDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/integrations/gen/actions.js").IntegrationsIntegrationsAction>];
+export declare function useIntegrationsDocument(documentId: string | null | undefined): never[] | [IntegrationsDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/integrations/index.js").IntegrationsIntegrationsAction>];
+export declare function useSelectedIntegrationsDocument(): never[] | [IntegrationsDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/integrations/index.js").IntegrationsIntegrationsAction>];
 //# sourceMappingURL=useIntegrationsDocument.d.ts.map

package/dist/editors/hooks/useIntegrationsDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntegrationsDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useIntegrationsDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,6CAA6C,CAAC;AAErD,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,2LAK5E;AAED,wBAAgB,+BAA+B,4LAG9C"}
+{"version":3,"file":"useIntegrationsDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useIntegrationsDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,6CAA6C,CAAC;AAErD,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,qLAK5E;AAED,wBAAgB,+BAA+B,sLAG9C"}

package/dist/editors/index.d.ts

@@ -1,6 +1,6 @@
-export { module as Invoice } from "./invoice/index.js";
-export { module as ContributorBilling } from "./contributor-billing/index.js";
-export { module as BillingStatement } from "./billing-statement/index.js";
-export { module as Integrations } from "./integrations/index.js";
-export { module as ExpenseReport } from "./expense-report/index.js";
+export { BillingStatement } from "./billing-statement/module.js";
+export { ContributorBilling } from "./contributor-billing/module.js";
+export { ExpenseReport } from "./expense-report/module.js";
+export { Integrations } from "./integrations/module.js";
+export { Invoice } from "./invoice/module.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/editors/index.js

@@ -1,5 +1,5 @@
-export { module as Invoice } from "./invoice/index.js";
-export { module as ContributorBilling } from "./contributor-billing/index.js";
-export { module as BillingStatement } from "./billing-statement/index.js";
-export { module as Integrations } from "./integrations/index.js";
-export { module as ExpenseReport } from "./expense-report/index.js";
+export { BillingStatement } from "./billing-statement/module.js";
+export { ContributorBilling } from "./contributor-billing/module.js";
+export { ExpenseReport } from "./expense-report/module.js";
+export { Integrations } from "./integrations/module.js";
+export { Invoice } from "./invoice/module.js";

package/dist/editors/integrations/config.d.ts

@@ -0,0 +1,3 @@
+import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
+export declare const editorConfig: PHDocumentEditorConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/editors/integrations/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/integrations/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

package/dist/editors/integrations/config.js

@@ -0,0 +1,3 @@
+export const editorConfig = {
+    isExternalControlsEnabled: false,
+};

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/integrations/editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AASlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDAoTnF"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/integrations/editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAclD,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDA+UtD"}

package/dist/editors/integrations/editor.js

@@ -3,6 +3,8 @@ import { actions, } from "../../document-models/integrations/index.js";
 import { Button } from "@powerhousedao/document-engineering";
 import { useState } from "react";
 import { useSelectedIntegrationsDocument } from "../hooks/useIntegrationsDocument.js";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
 const TABS = [
     { key: "requestFinance", label: "Request Finance" },
     { key: "gnosisSafe", label: "Gnosis Safe" },
@@ -56,56 +58,76 @@ export default function Editor(props) {
             keyFile: { ...googleCloud.keyFile },
         }));
     };
-    return (_jsx("div", { className: "editor-container min-h-screen bg-gray-50 flex flex-col items-center p-2 sm:p-4", children: _jsxs("div", { className: "w-full max-w-xl", children: [_jsx("div", { className: "flex mb-4 border-b border-gray-200", children: TABS.map((tab) => (_jsx("button", { className: `flex-1 py-2 text-sm sm:text-base font-medium transition-colors duration-200 border-b-2 focus:outline-none ${activeTab === tab.key
-                            ? "border-blue-500 text-blue-600 bg-white"
-                            : "border-transparent text-gray-500 bg-gray-100 hover:text-blue-500"}`, onClick: () => setActiveTab(tab.key), type: "button", children: tab.label }, tab.key))) }), _jsxs("div", { className: "bg-white rounded-xl shadow p-4 sm:p-6", children: [activeTab === "requestFinance" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
-                                e.preventDefault();
-                                handleRequestFinanceSave();
-                            }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Request Finance API" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "API Key" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: requestFinance.apiKey, onChange: (e) => setRequestFinance((v) => ({ ...v, apiKey: e.target.value })), placeholder: "Enter API Key" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Email" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "email", value: requestFinance.email, onChange: (e) => setRequestFinance((v) => ({ ...v, email: e.target.value })), placeholder: "Enter Email" })] }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.requestFinance?.apiKey === requestFinance.apiKey &&
-                                            state.requestFinance?.email === requestFinance.email, children: "Save" }) })] })), activeTab === "gnosisSafe" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
-                                e.preventDefault();
-                                handleGnosisSafeSave();
-                            }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Gnosis Safe" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Safe Address" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: gnosisSafe.safeAddress, onChange: (e) => setGnosisSafe((v) => ({
-                                                ...v,
-                                                safeAddress: e.target.value,
-                                            })), placeholder: "0x..." })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Signer Private Key" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: gnosisSafe.signerPrivateKey, onChange: (e) => setGnosisSafe((v) => ({
-                                                ...v,
-                                                signerPrivateKey: e.target.value,
-                                            })), placeholder: "Private Key" })] }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.gnosisSafe?.safeAddress === gnosisSafe.safeAddress &&
-                                            state.gnosisSafe?.signerPrivateKey ===
-                                                gnosisSafe.signerPrivateKey, children: "Save" }) })] })), activeTab === "googleCloud" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
-                                e.preventDefault();
-                                handleGoogleCloudSave();
-                            }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Google Cloud" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Project ID" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.projectId, onChange: (e) => setGoogleCloud((v) => ({ ...v, projectId: e.target.value })), placeholder: "Project ID" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Location" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.location, onChange: (e) => setGoogleCloud((v) => ({ ...v, location: e.target.value })), placeholder: "Location" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Processor ID" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.processorId, onChange: (e) => setGoogleCloud((v) => ({
-                                                ...v,
-                                                processorId: e.target.value,
-                                            })), placeholder: "Processor ID" })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: Object.entries(googleCloud.keyFile).map(([key, value]) => (_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: key.replace(/_/g, " ") }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: value, onChange: (e) => setGoogleCloud((v) => ({
-                                                    ...v,
-                                                    keyFile: { ...v.keyFile, [key]: e.target.value },
-                                                })), placeholder: key.replace(/_/g, " ") })] }, key))) }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.googleCloud?.projectId === googleCloud.projectId &&
-                                            state.googleCloud?.location === googleCloud.location &&
-                                            state.googleCloud?.processorId ===
-                                                googleCloud.processorId &&
-                                            state.googleCloud?.keyFile?.type ===
-                                                googleCloud.keyFile.type &&
-                                            state.googleCloud?.keyFile?.project_id ===
-                                                googleCloud.keyFile.project_id &&
-                                            state.googleCloud?.keyFile?.private_key_id ===
-                                                googleCloud.keyFile.private_key_id &&
-                                            state.googleCloud?.keyFile?.private_key ===
-                                                googleCloud.keyFile.private_key &&
-                                            state.googleCloud?.keyFile?.client_email ===
-                                                googleCloud.keyFile.client_email &&
-                                            state.googleCloud?.keyFile?.client_id ===
-                                                googleCloud.keyFile.client_id &&
-                                            state.googleCloud?.keyFile?.auth_uri ===
-                                                googleCloud.keyFile.auth_uri &&
-                                            state.googleCloud?.keyFile?.token_uri ===
-                                                googleCloud.keyFile.token_uri &&
-                                            state.googleCloud?.keyFile?.auth_provider_x509_cert_url ===
-                                                googleCloud.keyFile.auth_provider_x509_cert_url &&
-                                            state.googleCloud?.keyFile?.client_x509_cert_url ===
-                                                googleCloud.keyFile.client_x509_cert_url &&
-                                            state.googleCloud?.keyFile?.universe_domain ===
-                                                googleCloud.keyFile.universe_domain, children: "Save" }) })] }))] })] }) }));
+    // Get the parent folder node for the currently selected node
+    const parentFolder = useParentFolderForSelectedNode();
+    // Set the selected node to the parent folder node (close the editor)
+    function handleClose() {
+        setSelectedNode(parentFolder?.id);
+    }
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsx("div", { className: "editor-container min-h-screen bg-gray-50 flex flex-col items-center p-2 sm:p-4", children: _jsxs("div", { className: "w-full max-w-xl", children: [_jsx("div", { className: "flex mb-4 border-b border-gray-200", children: TABS.map((tab) => (_jsx("button", { className: `flex-1 py-2 text-sm sm:text-base font-medium transition-colors duration-200 border-b-2 focus:outline-none ${activeTab === tab.key
+                                    ? "border-blue-500 text-blue-600 bg-white"
+                                    : "border-transparent text-gray-500 bg-gray-100 hover:text-blue-500"}`, onClick: () => setActiveTab(tab.key), type: "button", children: tab.label }, tab.key))) }), _jsxs("div", { className: "bg-white rounded-xl shadow p-4 sm:p-6", children: [activeTab === "requestFinance" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
+                                        e.preventDefault();
+                                        handleRequestFinanceSave();
+                                    }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Request Finance API" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "API Key" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: requestFinance.apiKey, onChange: (e) => setRequestFinance((v) => ({
+                                                        ...v,
+                                                        apiKey: e.target.value,
+                                                    })), placeholder: "Enter API Key" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Email" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "email", value: requestFinance.email, onChange: (e) => setRequestFinance((v) => ({
+                                                        ...v,
+                                                        email: e.target.value,
+                                                    })), placeholder: "Enter Email" })] }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.requestFinance?.apiKey === requestFinance.apiKey &&
+                                                    state.requestFinance?.email === requestFinance.email, children: "Save" }) })] })), activeTab === "gnosisSafe" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
+                                        e.preventDefault();
+                                        handleGnosisSafeSave();
+                                    }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Gnosis Safe" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Safe Address" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: gnosisSafe.safeAddress, onChange: (e) => setGnosisSafe((v) => ({
+                                                        ...v,
+                                                        safeAddress: e.target.value,
+                                                    })), placeholder: "0x..." })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Signer Private Key" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: gnosisSafe.signerPrivateKey, onChange: (e) => setGnosisSafe((v) => ({
+                                                        ...v,
+                                                        signerPrivateKey: e.target.value,
+                                                    })), placeholder: "Private Key" })] }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.gnosisSafe?.safeAddress ===
+                                                    gnosisSafe.safeAddress &&
+                                                    state.gnosisSafe?.signerPrivateKey ===
+                                                        gnosisSafe.signerPrivateKey, children: "Save" }) })] })), activeTab === "googleCloud" && (_jsxs("form", { className: "flex flex-col gap-4", onSubmit: (e) => {
+                                        e.preventDefault();
+                                        handleGoogleCloudSave();
+                                    }, children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Google Cloud" }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Project ID" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.projectId, onChange: (e) => setGoogleCloud((v) => ({
+                                                        ...v,
+                                                        projectId: e.target.value,
+                                                    })), placeholder: "Project ID" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Location" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.location, onChange: (e) => setGoogleCloud((v) => ({
+                                                        ...v,
+                                                        location: e.target.value,
+                                                    })), placeholder: "Location" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Processor ID" }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: googleCloud.processorId, onChange: (e) => setGoogleCloud((v) => ({
+                                                        ...v,
+                                                        processorId: e.target.value,
+                                                    })), placeholder: "Processor ID" })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: Object.entries(googleCloud.keyFile).map(([key, value]) => (_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium", children: key.replace(/_/g, " ") }), _jsx("input", { className: "input input-bordered rounded px-3 py-2 border border-gray-300 focus:border-blue-400 focus:ring focus:ring-blue-100 text-sm", type: "text", value: value, onChange: (e) => setGoogleCloud((v) => ({
+                                                            ...v,
+                                                            keyFile: { ...v.keyFile, [key]: e.target.value },
+                                                        })), placeholder: key.replace(/_/g, " ") })] }, key))) }), _jsx("div", { className: "flex justify-end mt-2", children: _jsx(Button, { size: "sm", variant: "outline", color: "black", type: "submit", className: "hover:bg-gray-200", disabled: state.googleCloud?.projectId === googleCloud.projectId &&
+                                                    state.googleCloud?.location === googleCloud.location &&
+                                                    state.googleCloud?.processorId ===
+                                                        googleCloud.processorId &&
+                                                    state.googleCloud?.keyFile?.type ===
+                                                        googleCloud.keyFile.type &&
+                                                    state.googleCloud?.keyFile?.project_id ===
+                                                        googleCloud.keyFile.project_id &&
+                                                    state.googleCloud?.keyFile?.private_key_id ===
+                                                        googleCloud.keyFile.private_key_id &&
+                                                    state.googleCloud?.keyFile?.private_key ===
+                                                        googleCloud.keyFile.private_key &&
+                                                    state.googleCloud?.keyFile?.client_email ===
+                                                        googleCloud.keyFile.client_email &&
+                                                    state.googleCloud?.keyFile?.client_id ===
+                                                        googleCloud.keyFile.client_id &&
+                                                    state.googleCloud?.keyFile?.auth_uri ===
+                                                        googleCloud.keyFile.auth_uri &&
+                                                    state.googleCloud?.keyFile?.token_uri ===
+                                                        googleCloud.keyFile.token_uri &&
+                                                    state.googleCloud?.keyFile
+                                                        ?.auth_provider_x509_cert_url ===
+                                                        googleCloud.keyFile.auth_provider_x509_cert_url &&
+                                                    state.googleCloud?.keyFile?.client_x509_cert_url ===
+                                                        googleCloud.keyFile.client_x509_cert_url &&
+                                                    state.googleCloud?.keyFile?.universe_domain ===
+                                                        googleCloud.keyFile.universe_domain, children: "Save" }) })] }))] })] }) })] }));
 }

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

@@ -0,0 +1,3 @@
+import type { EditorModule } from "document-model";
+export declare const Integrations: EditorModule;
+//# sourceMappingURL=module.d.ts.map

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

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

package/dist/editors/integrations/module.js

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const Integrations = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/integrations"],
+    config: {
+        id: "integrations-editor",
+        name: "Integrations",
+    },
+};

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

@@ -1,4 +1,4 @@
-import { InvoiceState } from "../../document-models/invoice/index.js";
+import type { InvoiceState } from "../../document-models/invoice/index.js";
 interface InvoicePDFProps {
     invoice: InvoiceState;
     fiatMode: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AACA,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,CAmahD,CAAC"}
+{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,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,CAmahD,CAAC"}

package/dist/editors/invoice/components/confirmationModal.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
 const ConfirmationModal = ({ open, header, onCancel, onContinue, cancelLabel = "Cancel", continueLabel = "Continue", children, continueDisabled = false, }) => {
     if (!open)
         return null;

package/dist/editors/invoice/components/countryForm.d.ts

@@ -1,4 +1,4 @@
-import { ValidationResult } from "../validation/validationManager.js";
+import { type ValidationResult } from "../validation/validationManager.js";
 interface CountryFormProps {
     country: string;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/editors/invoice/components/countryForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"countryForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/countryForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,GAAI,2EAOzB,gBAAgB,4CA0ClB,CAAC"}
+{"version":3,"file":"countryForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/countryForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,GAAI,2EAOzB,gBAAgB,4CA0ClB,CAAC"}

package/dist/editors/invoice/components/countryForm.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Form, CountryCodeField } from "@powerhousedao/document-engineering/scalars";
 import { getCountryCodeFromName } from "../utils/utils.js";
 import { twMerge } from "tailwind-merge";
+import {} from "../validation/validationManager.js";
 export const CountryForm = ({ country, handleInputChange, handleBlur, className, label, validation, }) => {
     // Convert country name to country code if needed
     const countryCode = getCountryCodeFromName(country);

package/dist/editors/invoice/components/currencyForm.d.ts

@@ -1,4 +1,4 @@
-import { ValidationResult } from "../validation/validationManager.js";
+import { type ValidationResult } from "../validation/validationManager.js";
 interface CurrencyFormProps {
     currency: string;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/editors/invoice/components/currencyForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currencyForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/currencyForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,YAAY;;;GAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAI1B,iBAAiB,4CA4BnB,CAAC"}
+{"version":3,"file":"currencyForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/currencyForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,YAAY;;;GAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAI1B,iBAAiB,4CA4BnB,CAAC"}

package/dist/editors/invoice/components/currencyForm.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Form, CurrencyCodeField } from "@powerhousedao/document-engineering/scalars";
+import {} from "../validation/validationManager.js";
 export const currencyList = [
     { ticker: "USDS", crypto: true },
     { ticker: "USDC", crypto: true },

package/dist/editors/invoice/components/datePicker.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DatePickerField, Form, } from "@powerhousedao/document-engineering/scalars";
+import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 export const DatePicker = (props) => {
     return (_jsx(Form, { defaultValues: {

package/dist/editors/invoice/components/inputField.d.ts

@@ -1,4 +1,4 @@
-import { ValidationResult } from "../validation/validationManager.js";
+import { type ValidationResult } from "../validation/validationManager.js";
 interface InputFieldProps {
     input?: string;
     value?: string;

package/dist/editors/invoice/components/inputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/inputField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAGtE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC3D,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmDhD,CAAC"}
+{"version":3,"file":"inputField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/inputField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC3D,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmDhD,CAAC"}

package/dist/editors/invoice/components/inputField.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Form, StringField } from "@powerhousedao/document-engineering/scalars";
+import {} from "../validation/validationManager.js";
 import { twMerge } from "tailwind-merge";
 export const InputField = (props) => {
     const { input, value, label, placeholder, onBlur, handleInputChange, validation, className, } = props;

package/dist/editors/invoice/components/selectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/selectField.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAsGD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAqOlD,CAAC"}
+{"version":3,"file":"selectField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/selectField.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAyFD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAqOlD,CAAC"}

package/dist/editors/invoice/components/selectField.js

@@ -3,18 +3,6 @@ import { Select } from "@powerhousedao/document-engineering/ui";
 import { Icon } from "@powerhousedao/design-system";
 import { ArrowBigRight, FileCheck } from "lucide-react";
 import { useState } from "react";
-const STATUS_OPTIONS = [
-    "DRAFT",
-    "ISSUED",
-    "CANCELLED",
-    "ACCEPTED",
-    "REJECTED",
-    "PAYMENTSCHEDULED",
-    "PAYMENTSENT",
-    "PAYMENTISSUE",
-    "PAYMENTRECEIVED",
-    "PAYMENTCLOSED",
-];
 function warningIcon() {
     return _jsx(Icon, { name: "WarningFill", color: "#eb4235" });
 }

package/dist/editors/invoice/components/statusModalComponents.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { actions, } from "../../../document-models/invoice/index.js";
 import { InputField } from "../components/inputField.js";
 import { DatePicker } from "../components/datePicker.js";
-import { useEffect } from "react";
-import { Textarea, Checkbox, Select, } from "@powerhousedao/document-engineering";
+import { useEffect, useState } from "react";
+import { Textarea, Checkbox, Select, NumberInput, } from "@powerhousedao/document-engineering";
 export function IssueInvoiceModalContent({ invoiceNoInput, setInvoiceNoInput, state, dispatch, setWarning, }) {
     useEffect(() => {
         if (invoiceNoInput === "" || state.dateIssued === "") {
@@ -19,7 +19,7 @@ export function IssueInvoiceModalContent({ invoiceNoInput, setInvoiceNoInput, st
                             if (newValue !== state.invoiceNo) {
                                 dispatch(actions.editInvoice({ invoiceNo: newValue }));
                             }
-                        }, input: invoiceNoInput })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Issue Date:" }), _jsx(DatePicker, { name: "issueDate", className: String.raw `w-full p-0`, onChange: (e) => {
+                        }, input: invoiceNoInput })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Issue Date:" }), _jsx(DatePicker, { name: "issueDate", className: String.raw `w-full p-0 bg-white`, onChange: (e) => {
                             const newDate = e.target.value.split("T")[0];
                             dispatch(actions.editInvoice({
                                 dateIssued: newDate,
@@ -60,7 +60,7 @@ export function ClosePaymentModalContent({ closureReason, setClosureReason, }) {
                     } })] }) }));
 }
 export function RegisterPaymentTxModalContent({ paymentDate, setPaymentDate, txnRef, setTxnRef, }) {
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Date:" }), _jsx(DatePicker, { name: "paymentDate", className: String.raw `w-full p-0`, onChange: (e) => {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Date:" }), _jsx(DatePicker, { name: "paymentDate", className: String.raw `w-full p-0 bg-white`, onChange: (e) => {
                             setPaymentDate(e.target.value);
                         }, value: paymentDate })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Transaction Reference:" }), _jsx(Textarea, { autoExpand: true, placeholder: "Add transaction reference", value: txnRef, onChange: (e) => {
                             setTxnRef(e.target.value);

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

@@ -0,0 +1,3 @@
+import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
+export declare const editorConfig: PHDocumentEditorConfig;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/invoice/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

package/dist/editors/invoice/config.js

@@ -0,0 +1,3 @@
+export const editorConfig = {
+    isExternalControlsEnabled: false,
+};

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,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4C9D,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDA2oCtD"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiD9D,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDA8pCtD"}