@powerhousedao/contributor-billing 0.0.61 → 0.0.63

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

@@ -1 +1 @@
-{"version":3,"file":"objectSetTable.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/components/objectSetTable.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,uBAAuB,GAAI,OAAO;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,4CA+JpE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"objectSetTable.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/components/objectSetTable.tsx"],"names":[],"mappings":"AAqBA,QAAA,MAAM,uBAAuB,GAAI,OAAO;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,4CA6JpE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tag } from "lucide-react";
 import { ObjectSetTable, Select } from "@powerhousedao/document-engineering";
-import { useMemo, useRef } from "react";
+import { useMemo } from "react";
 const ObjectSetTableComponent = (props) => {
     const { state, dispatch } = props;
-    const tableApiRef = useRef(null);
     // console.log("lineItems", state.lineItems);
     const units = [
         { label: "Minute", value: "Minute" },
@@ -91,6 +90,6 @@ const ObjectSetTableComponent = (props) => {
                                 height: 28,
                                 color: "white",
                                 fill: "#475264",
-                            } }) })] }), _jsx("div", {}), _jsx("div", { className: "mt-4", children: _jsx(ObjectSetTable, { columns: columns, data: state.lineItems, apiRef: tableApiRef }, state.lineItems.length) })] }));
+                            } }) })] }), _jsx("div", {}), _jsx("div", { className: "mt-4", children: _jsx(ObjectSetTable, { columns: columns, data: state.lineItems }, state.lineItems.length) })] }));
 };
 export default ObjectSetTableComponent;

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.includes('localhost')) {
-    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.js

@@ -4,7 +4,7 @@ import { actions, } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
 if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 const InvoiceToGnosis = ({ docState, dispatch }) => {
     const [isLoading, setIsLoading] = useState(false);
@@ -131,6 +131,6 @@ const InvoiceToGnosis = ({ docState, dispatch }) => {
         }
     };
     const urlChainName = parseChainName(chainName);
-    return (_jsxs("div", { className: "space-y-4", children: [currency && chainName && currency !== "" && chainName !== "" && (_jsx("button", { className: "bg-blue-500 text-black px-4 py-2 rounded-md hover:bg-blue-600", onClick: handleInvoiceToGnosis, disabled: isLoading, children: isLoading ? "Processing..." : "Send Payment to Gnosis >" })), error && (_jsx("div", { className: "text-red-500 bg-red-50 p-3 rounded-md", children: error })), safeTxHash && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md space-y-2", children: [_jsxs("p", { className: "font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: safeTxHash })] }), _jsx("a", { href: `https://app.safe.global/transactions/queue?safe=${urlChainName}:0xF130f741d4E3185b29412c65397363f8c23A0460`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 underline block", children: "View Transaction" })] })), invoiceStatusResponse && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md", children: [_jsx("p", { className: "font-medium", children: "Payment Details:" }), _jsx("p", { className: "text-gray-700", children: invoiceStatusResponse })] }))] }));
+    return (_jsxs("div", { className: "space-y-4", children: [currency && chainName && currency !== "" && chainName !== "" && (_jsx("button", { className: "bg-blue-500 text-black px-4 py-2 rounded-md hover:bg-blue-600", onClick: handleInvoiceToGnosis, disabled: isLoading, children: isLoading ? "Processing..." : "Send Payment to Gnosis >" })), error && (_jsx("div", { className: "text-red-500 bg-red-50 p-3 rounded-md", children: error })), safeTxHash && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md space-y-2", children: [_jsxs("p", { className: "font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: safeTxHash })] }), _jsx("a", { href: `https://app.safe.global/transactions/queue?safe=${urlChainName}:0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 underline block", children: "View Transaction" })] })), invoiceStatusResponse && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md", children: [_jsx("p", { className: "font-medium", children: "Payment Details:" }), _jsx("p", { className: "text-gray-700", children: invoiceStatusResponse })] }))] }));
 };
 export default InvoiceToGnosis;

package/dist/editors/invoice/requestFinance.js

@@ -4,7 +4,7 @@ import { actions, } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
 if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 const RequestFinance = ({ docState, dispatch }) => {
     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.includes('localhost')) {
-    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/gnosisTransactionBuilder.js

@@ -4,7 +4,7 @@ import { OperationType } from '@safe-global/types-kit';
 import { ethers, AbiCoder } from 'ethers';
 import dotenv from 'dotenv';
 dotenv.config();
-const safeAddress = process.env.PRODUCTION_SAFE_ADDRESS;
+const safeAddress = process.env.DEV_STAGING_SAFE_ADDRESS;
 if (!safeAddress) {
     throw new Error('Missing SAFE_ADDRESS in .env');
 }

package/dist/style.css

@@ -8,6 +8,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
@@ -5686,6 +5687,7 @@ input[type="number"] {
     --font-sans: "Inter", sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-100: hsl(3 82% 96%);
     --color-red-300: hsl(6 82% 87%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
@@ -5763,6 +5765,7 @@ input[type="number"] {
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -5948,6 +5951,9 @@ input[type="number"] {
   .\!pointer-events-auto {
     pointer-events: auto !important;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -6011,6 +6017,9 @@ input[type="number"] {
   .right-8 {
     right: calc(var(--spacing) * 8);
   }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -6029,6 +6038,9 @@ input[type="number"] {
   .left-\[50\%\] {
     left: 50%;
   }
+  .z-0 {
+    z-index: 0;
+  }
   .z-1 {
     z-index: 1;
   }
@@ -6194,6 +6206,9 @@ input[type="number"] {
   .inline {
     display: inline;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -6252,6 +6267,9 @@ input[type="number"] {
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -6315,6 +6333,9 @@ input[type="number"] {
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-\[148px\] {
+    min-height: 148px;
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
@@ -6336,6 +6357,39 @@ input[type="number"] {
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-22 {
+    width: calc(var(--spacing) * 22);
+  }
+  .w-23 {
+    width: calc(var(--spacing) * 23);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-30 {
+    width: calc(var(--spacing) * 30);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-34 {
+    width: calc(var(--spacing) * 34);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-38 {
+    width: calc(var(--spacing) * 38);
+  }
+  .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -6372,6 +6426,9 @@ input[type="number"] {
   .w-\[184px\] {
     width: 184px;
   }
+  .w-\[247px\] {
+    width: 247px;
+  }
   .w-\[275px\] {
     width: 275px;
   }
@@ -6547,6 +6604,9 @@ input[type="number"] {
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -6648,10 +6708,18 @@ input[type="number"] {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-r-md {
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
   .rounded-r-none {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -6696,6 +6764,10 @@ input[type="number"] {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-\[0\.5px\] {
     border-left-style: var(--tw-border-style);
     border-left-width: 0.5px;
@@ -6708,6 +6780,9 @@ input[type="number"] {
     --tw-border-style: none;
     border-style: none;
   }
+  .border-\[\#E4E4E7\] {
+    border-color: #E4E4E7;
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -6744,6 +6819,9 @@ input[type="number"] {
   .border-red-700 {
     border-color: var(--color-red-700);
   }
+  .border-red-900 {
+    border-color: var(--color-red-900);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -6846,6 +6924,9 @@ input[type="number"] {
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -6972,6 +7053,9 @@ input[type="number"] {
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-\[25px\] {
     padding-top: 25px;
   }
@@ -7008,6 +7092,9 @@ input[type="number"] {
   .pb-0\.5 {
     padding-bottom: calc(var(--spacing) * 0.5);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -7087,6 +7174,10 @@ input[type="number"] {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
   }
+  .leading-4\.5 {
+    --tw-leading: calc(var(--spacing) * 4.5);
+    line-height: calc(var(--spacing) * 4.5);
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -7404,6 +7495,10 @@ input[type="number"] {
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   .ease-linear {
     --tw-ease: linear;
     transition-timing-function: linear;
@@ -7590,6 +7685,18 @@ input[type="number"] {
       background-color: var(--color-blue-900);
     }
   }
+  .before\:bg-gray-500 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-gray-500);
+    }
+  }
+  .before\:bg-green-900 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-green-900);
+    }
+  }
   .before\:bg-orange-900 {
     &::before {
       content: var(--tw-content);
@@ -7602,6 +7709,28 @@ input[type="number"] {
       background-color: var(--color-red-900);
     }
   }
+  .before\:transition-colors {
+    &::before {
+      content: var(--tw-content);
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .before\:duration-200 {
+    &::before {
+      content: var(--tw-content);
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .before\:ease-in-out {
+    &::before {
+      content: var(--tw-content);
+      --tw-ease: var(--ease-in-out);
+      transition-timing-function: var(--ease-in-out);
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -7737,12 +7866,24 @@ input[type="number"] {
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-gray-900 {
+    &:focus-within {
+      --tw-ring-color: var(--color-gray-900);
+    }
+  }
   .focus-within\:ring-offset-0 {
     &:focus-within {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
   .hover\:rounded-\[4px\] {
     &:hover {
       @media (hover: hover) {
@@ -7813,6 +7954,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-600);
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -7867,6 +8015,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-red-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-100);
+      }
+    }
+  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -7894,6 +8049,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-white {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white);
+      }
+    }
+  }
   .hover\:pr-6 {
     &:hover {
       @media (hover: hover) {
@@ -8035,6 +8197,11 @@ input[type="number"] {
       background-color: var(--color-gray-50);
     }
   }
+  .focus\:bg-transparent {
+    &:focus {
+      background-color: transparent;
+    }
+  }
   .focus\:bg-white {
     &:focus {
       background-color: var(--color-white);
@@ -10643,6 +10810,11 @@ input[type="number"] {
       display: none;
     }
   }
+  .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-blue-600 {
+    & [data-slot=progress-bar-indicator] {
+      background-color: var(--color-blue-600);
+    }
+  }
   .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-green-900 {
     & [data-slot=progress-bar-indicator] {
       background-color: var(--color-green-900);
@@ -10671,6 +10843,21 @@ input[type="number"] {
       }
     }
   }
+  .\[\&_\[data-type\=\"character-counter\"\]\]\:hidden {
+    & [data-type="character-counter"] {
+      display: none;
+    }
+  }
+  .\[\&_\[data-type\=\"error\"\]\]\:hidden {
+    & [data-type="error"] {
+      display: none;
+    }
+  }
+  .\[\&_\[data-type\=\"warning\"\]\]\:hidden {
+    & [data-type="warning"] {
+      display: none;
+    }
+  }
   .\[\&_button\]\:\!mr-0 {
     & button {
       margin-right: calc(var(--spacing) * 0) !important;
@@ -10792,6 +10979,11 @@ input[type="number"] {
       }
     }
   }
+  .\[\&_div\]\:justify-center {
+    & div {
+      justify-content: center;
+    }
+  }
   .\[\&_label\]\:text-blue-600 {
     & label {
       color: var(--color-blue-600);
@@ -11342,19 +11534,6 @@ input[type="number"] {
       }
     }
   }
-  .\[\&\>li\]\:text-gray-500 {
-    &>li {
-      color: var(--color-gray-500);
-    }
-  }
-  .\[\&\>li\]\:before\:bg-gray-500 {
-    &>li {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-gray-500);
-      }
-    }
-  }
   .\[\&\>span\]\:w-full {
     &>span {
       width: 100%;
@@ -11686,6 +11865,7 @@ input[type="number"] {
     --font-sans: "Inter", sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-100: hsl(3 82% 96%);
     --color-red-300: hsl(6 82% 87%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
@@ -11763,6 +11943,7 @@ input[type="number"] {
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -11948,6 +12129,9 @@ input[type="number"] {
   .\!pointer-events-auto {
     pointer-events: auto !important;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -12011,6 +12195,9 @@ input[type="number"] {
   .right-8 {
     right: calc(var(--spacing) * 8);
   }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -12029,6 +12216,9 @@ input[type="number"] {
   .left-\[50\%\] {
     left: 50%;
   }
+  .z-0 {
+    z-index: 0;
+  }
   .z-1 {
     z-index: 1;
   }
@@ -12194,6 +12384,9 @@ input[type="number"] {
   .inline {
     display: inline;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -12252,6 +12445,9 @@ input[type="number"] {
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -12315,6 +12511,9 @@ input[type="number"] {
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-\[148px\] {
+    min-height: 148px;
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
@@ -12336,6 +12535,39 @@ input[type="number"] {
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-22 {
+    width: calc(var(--spacing) * 22);
+  }
+  .w-23 {
+    width: calc(var(--spacing) * 23);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-30 {
+    width: calc(var(--spacing) * 30);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-34 {
+    width: calc(var(--spacing) * 34);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-38 {
+    width: calc(var(--spacing) * 38);
+  }
+  .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -12372,6 +12604,9 @@ input[type="number"] {
   .w-\[184px\] {
     width: 184px;
   }
+  .w-\[247px\] {
+    width: 247px;
+  }
   .w-\[275px\] {
     width: 275px;
   }
@@ -12547,6 +12782,9 @@ input[type="number"] {
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -12648,10 +12886,18 @@ input[type="number"] {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-r-md {
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
   .rounded-r-none {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -12696,6 +12942,10 @@ input[type="number"] {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-\[0\.5px\] {
     border-left-style: var(--tw-border-style);
     border-left-width: 0.5px;
@@ -12708,6 +12958,9 @@ input[type="number"] {
     --tw-border-style: none;
     border-style: none;
   }
+  .border-\[\#E4E4E7\] {
+    border-color: #E4E4E7;
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -12744,6 +12997,9 @@ input[type="number"] {
   .border-red-700 {
     border-color: var(--color-red-700);
   }
+  .border-red-900 {
+    border-color: var(--color-red-900);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -12846,6 +13102,9 @@ input[type="number"] {
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -12972,6 +13231,9 @@ input[type="number"] {
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-\[25px\] {
     padding-top: 25px;
   }
@@ -13008,6 +13270,9 @@ input[type="number"] {
   .pb-0\.5 {
     padding-bottom: calc(var(--spacing) * 0.5);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -13087,6 +13352,10 @@ input[type="number"] {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
   }
+  .leading-4\.5 {
+    --tw-leading: calc(var(--spacing) * 4.5);
+    line-height: calc(var(--spacing) * 4.5);
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -13404,6 +13673,10 @@ input[type="number"] {
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   .ease-linear {
     --tw-ease: linear;
     transition-timing-function: linear;
@@ -13590,6 +13863,18 @@ input[type="number"] {
       background-color: var(--color-blue-900);
     }
   }
+  .before\:bg-gray-500 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-gray-500);
+    }
+  }
+  .before\:bg-green-900 {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-green-900);
+    }
+  }
   .before\:bg-orange-900 {
     &::before {
       content: var(--tw-content);
@@ -13602,6 +13887,28 @@ input[type="number"] {
       background-color: var(--color-red-900);
     }
   }
+  .before\:transition-colors {
+    &::before {
+      content: var(--tw-content);
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .before\:duration-200 {
+    &::before {
+      content: var(--tw-content);
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .before\:ease-in-out {
+    &::before {
+      content: var(--tw-content);
+      --tw-ease: var(--ease-in-out);
+      transition-timing-function: var(--ease-in-out);
+    }
+  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -13737,12 +14044,24 @@ input[type="number"] {
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-gray-900 {
+    &:focus-within {
+      --tw-ring-color: var(--color-gray-900);
+    }
+  }
   .focus-within\:ring-offset-0 {
     &:focus-within {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
   .hover\:rounded-\[4px\] {
     &:hover {
       @media (hover: hover) {
@@ -13813,6 +14132,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-600);
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -13867,6 +14193,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-red-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-100);
+      }
+    }
+  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -13894,6 +14227,13 @@ input[type="number"] {
       }
     }
   }
+  .hover\:bg-white {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white);
+      }
+    }
+  }
   .hover\:pr-6 {
     &:hover {
       @media (hover: hover) {
@@ -14035,6 +14375,11 @@ input[type="number"] {
       background-color: var(--color-gray-50);
     }
   }
+  .focus\:bg-transparent {
+    &:focus {
+      background-color: transparent;
+    }
+  }
   .focus\:bg-white {
     &:focus {
       background-color: var(--color-white);
@@ -16643,6 +16988,11 @@ input[type="number"] {
       display: none;
     }
   }
+  .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-blue-600 {
+    & [data-slot=progress-bar-indicator] {
+      background-color: var(--color-blue-600);
+    }
+  }
   .\[\&_\[data-slot\=progress-bar-indicator\]\]\:bg-green-900 {
     & [data-slot=progress-bar-indicator] {
       background-color: var(--color-green-900);
@@ -16671,6 +17021,21 @@ input[type="number"] {
       }
     }
   }
+  .\[\&_\[data-type\=\"character-counter\"\]\]\:hidden {
+    & [data-type="character-counter"] {
+      display: none;
+    }
+  }
+  .\[\&_\[data-type\=\"error\"\]\]\:hidden {
+    & [data-type="error"] {
+      display: none;
+    }
+  }
+  .\[\&_\[data-type\=\"warning\"\]\]\:hidden {
+    & [data-type="warning"] {
+      display: none;
+    }
+  }
   .\[\&_button\]\:\!mr-0 {
     & button {
       margin-right: calc(var(--spacing) * 0) !important;
@@ -16792,6 +17157,11 @@ input[type="number"] {
       }
     }
   }
+  .\[\&_div\]\:justify-center {
+    & div {
+      justify-content: center;
+    }
+  }
   .\[\&_label\]\:text-blue-600 {
     & label {
       color: var(--color-blue-600);
@@ -17342,19 +17712,6 @@ input[type="number"] {
       }
     }
   }
-  .\[\&\>li\]\:text-gray-500 {
-    &>li {
-      color: var(--color-gray-500);
-    }
-  }
-  .\[\&\>li\]\:before\:bg-gray-500 {
-    &>li {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-gray-500);
-      }
-    }
-  }
   .\[\&\>span\]\:w-full {
     &>span {
       width: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/contributor-billing",
   "description": "Document models that help contributors of open organisations get paid anonymously for their work on a monthly basis.",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -57,9 +57,9 @@
   },
   "dependencies": {
     "@google-cloud/documentai": "^8.12.0",
-    "@powerhousedao/builder-tools": "^4.0.4",
-    "@powerhousedao/common": "^4.0.4",
-    "@powerhousedao/design-system": "^4.0.4",
+    "@powerhousedao/builder-tools": "^4.0.5",
+    "@powerhousedao/common": "^4.0.5",
+    "@powerhousedao/design-system": "^4.0.5",
     "@powerhousedao/document-engineering": "^1.27.0",
     "@react-pdf/renderer": "^4.3.0",
     "@safe-global/api-kit": "^3.0.1",
@@ -69,7 +69,7 @@
     "@types/cors": "^2.8.17",
     "axios": "^1.9.0",
     "cors": "^2.8.5",
-    "document-model": "^4.0.4",
+    "document-model": "^4.0.5",
     "dotenv": "^16.5.0",
     "error": "^10.4.0",
     "ethers": "^6.14.0",
@@ -85,19 +85,19 @@
     "@electric-sql/pglite": "^0.2.12",
     "@eslint/js": "^9.25.0",
     "@powerhousedao/analytics-engine-core": "^0.5.0",
-    "@powerhousedao/codegen": "latest",
-    "@powerhousedao/ph-cli": "latest",
-    "@powerhousedao/reactor-api": "latest",
-    "@powerhousedao/reactor-browser": "latest",
-    "@powerhousedao/reactor-local": "latest",
-    "@powerhousedao/scalars": "latest",
-    "@powerhousedao/switchboard": "latest",
+    "@powerhousedao/codegen": "^4.0.5",
+    "@powerhousedao/ph-cli": "^4.0.5",
+    "@powerhousedao/reactor-api": "^4.0.5",
+    "@powerhousedao/reactor-browser": "^4.0.5",
+    "@powerhousedao/reactor-local": "^4.0.5",
+    "@powerhousedao/scalars": "^2.0.1",
+    "@powerhousedao/switchboard": "^4.0.5",
     "@tailwindcss/cli": "^4.1.4",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^22.14.1",
     "@types/react": "^18.3.20",
     "@vitejs/plugin-react": "^4.4.1",
-    "document-drive": "latest",
+    "document-drive": "^4.0.5",
     "eslint": "^9.25.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",