@powerhousedao/contributor-billing 0.0.88 → 0.0.90

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderStats.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,+CA6GvB,CAAC"}
+{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderStats.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,+CAoHvB,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderStats.js

@@ -30,20 +30,24 @@ export const HeaderStats = () => {
             for (const doc of invoices) {
                 const invoice = doc;
                 const invoiceAmount = invoice.state.global.totalPriceTaxIncl;
-                let invoiceCurrency = invoice.state.global.currency;
+                let invoiceCurrency = invoice.state.global.currency || 'USD'; // Fallback to USD if currency is empty
                 let selectCurrency = selectedCurrency;
                 if (invoiceCurrency === selectedCurrency) {
                     total += invoiceAmount;
                 }
                 else {
                     try {
+                        // Only convert crypto currencies to USD for the API call
+                        let fromCurrency = invoiceCurrency;
+                        let toCurrency = selectedCurrency;
+                        // Convert crypto to USD for API compatibility
                         if (invoiceCurrency === "DAI" || invoiceCurrency === "USDS") {
-                            invoiceCurrency = "USD";
+                            fromCurrency = "USD";
                         }
                         if (selectedCurrency === "DAI" || selectedCurrency === "USDS") {
-                            selectCurrency = "USD";
+                            toCurrency = "USD";
                         }
-                        const exchangeRate = await getExchangeRate(invoiceCurrency, selectCurrency);
+                        const exchangeRate = await getExchangeRate(fromCurrency, toCurrency, invoiceAmount);
                         total += invoiceAmount * exchangeRate;
                     }
                     catch (error) {

package/dist/editors/contributor-billing/util.d.ts

@@ -3,7 +3,8 @@
  * Supports both fiat and crypto currencies.
  * @param fromCurrency - The currency code to convert from (e.g., 'USD', 'DAI').
  * @param toCurrency - The currency code to convert to (e.g., 'EUR', 'USDS').
+ * @param amount - The amount to convert (optional, used for validation).
  * @returns The exchange rate from fromCurrency to toCurrency.
  */
-export declare const getExchangeRate: (fromCurrency: string, toCurrency: string) => Promise<number>;
+export declare const getExchangeRate: (fromCurrency: string, toCurrency: string, amount?: number) => Promise<number>;
 //# sourceMappingURL=util.d.ts.map

package/dist/editors/contributor-billing/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/util.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAU,cAAc,MAAM,EAAE,YAAY,MAAM,KAAG,OAAO,CAAC,MAAM,CAiF9F,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/util.ts"],"names":[],"mappings":"AAYA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAU,cAAc,MAAM,EAAE,YAAY,MAAM,EAAE,SAAS,MAAM,KAAG,OAAO,CAAC,MAAM,CAoH/G,CAAC"}

package/dist/editors/contributor-billing/util.js

@@ -1,35 +1,58 @@
 // Cache for exchange rates to avoid repeated API calls
 const exchangeRateCache = {};
+/**
+ * Validates if an amount should trigger an exchange rate fetch
+ * @param amount - The amount to validate
+ * @returns true if the amount is valid and should trigger API calls
+ */
+const isValidAmount = (amount) => {
+    return amount !== undefined && amount !== null && !isNaN(amount) && amount > 0;
+};
 /**
  * Fetches the exchange rate between two currencies using ExchangeRate-API.
  * Supports both fiat and crypto currencies.
  * @param fromCurrency - The currency code to convert from (e.g., 'USD', 'DAI').
  * @param toCurrency - The currency code to convert to (e.g., 'EUR', 'USDS').
+ * @param amount - The amount to convert (optional, used for validation).
  * @returns The exchange rate from fromCurrency to toCurrency.
  */
-export const getExchangeRate = async (fromCurrency, toCurrency) => {
+export const getExchangeRate = async (fromCurrency, toCurrency, amount) => {
+    // Normalize inputs
+    const base = (fromCurrency || '').trim().toUpperCase();
+    const quote = (toCurrency || '').trim().toUpperCase();
+    // Guard empty currencies
+    if (!base || !quote) {
+        return 1;
+    }
     // Return 1 if currencies are the same
-    if (fromCurrency === toCurrency) {
+    if (base === quote) {
+        return 1;
+    }
+    // Skip API call if amount is explicitly provided and invalid
+    if (amount !== undefined && !isValidAmount(amount)) {
         return 1;
     }
     // Create cache key
-    const cacheKey = `${fromCurrency}_${toCurrency}`;
+    const cacheKey = `${base}_${quote}`;
     // Return cached rate if available
     if (exchangeRateCache[cacheKey] !== undefined) {
         return exchangeRateCache[cacheKey];
     }
     try {
-        // Use ExchangeRate-API.com for currency conversion
-        // This API supports both fiat and crypto currencies
-        const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
+        // Use a CORS-friendly endpoint that does not redirect
+        // API: https://open.er-api.com/v6/latest/{BASE}
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 10000); // 10 second timeout
+        const response = await fetch(`https://open.er-api.com/v6/latest/${base}`, { signal: controller.signal });
+        clearTimeout(timeoutId);
         if (!response.ok) {
             throw new Error(`Failed to fetch exchange rates: ${response.status}`);
         }
         const data = await response.json();
-        if (!data.rates || !data.rates[toCurrency]) {
-            throw new Error(`Exchange rate not found for ${fromCurrency} to ${toCurrency}`);
+        if (!data.rates || !data.rates[quote]) {
+            throw new Error(`Exchange rate not found for ${base} to ${quote}`);
         }
-        const exchangeRate = data.rates[toCurrency];
+        const exchangeRate = data.rates[quote];
         // Cache the result
         exchangeRateCache[cacheKey] = exchangeRate;
         return exchangeRate;
@@ -37,18 +60,21 @@ export const getExchangeRate = async (fromCurrency, toCurrency) => {
     catch (error) {
         console.error('ExchangeRate-API error:', error);
         // Fallback: try a different approach for crypto currencies
-        if (['USDS', 'DAI'].includes(fromCurrency) || ['USDS', 'DAI'].includes(toCurrency)) {
+        if (['USDS', 'DAI'].includes(base) || ['USDS', 'DAI'].includes(quote)) {
             try {
                 // For crypto currencies, use CoinGecko as fallback
                 const cryptoMapping = {
                     'USDS': 'usd-coin',
                     'DAI': 'dai',
                 };
-                const fromMapped = cryptoMapping[fromCurrency] || fromCurrency.toLowerCase();
-                const toMapped = cryptoMapping[toCurrency] || toCurrency.toLowerCase();
-                if (cryptoMapping[fromCurrency]) {
+                const fromMapped = cryptoMapping[base] || base.toLowerCase();
+                const toMapped = cryptoMapping[quote] || quote.toLowerCase();
+                if (cryptoMapping[base]) {
                     // From crypto to fiat/crypto
-                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${fromMapped}&vs_currencies=${toMapped}`);
+                    const cryptoController = new AbortController();
+                    const cryptoTimeoutId = setTimeout(() => cryptoController.abort(), 8000); // 8 second timeout
+                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${fromMapped}&vs_currencies=${toMapped}`, { signal: cryptoController.signal });
+                    clearTimeout(cryptoTimeoutId);
                     if (response.ok) {
                         const data = await response.json();
                         const rate = data[fromMapped]?.[toMapped];
@@ -58,9 +84,12 @@ export const getExchangeRate = async (fromCurrency, toCurrency) => {
                         }
                     }
                 }
-                else if (cryptoMapping[toCurrency]) {
+                else if (cryptoMapping[quote]) {
                     // From fiat to crypto
-                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${toMapped}&vs_currencies=${fromMapped}`);
+                    const cryptoController2 = new AbortController();
+                    const cryptoTimeoutId2 = setTimeout(() => cryptoController2.abort(), 8000); // 8 second timeout
+                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${toMapped}&vs_currencies=${fromMapped}`, { signal: cryptoController2.signal });
+                    clearTimeout(cryptoTimeoutId2);
                     if (response.ok) {
                         const data = await response.json();
                         const rate = data[toMapped]?.[fromMapped];

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-staging.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-staging.powerhouse.xyz/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 const InvoiceToGnosis = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

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-staging.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-staging.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/migrate-zip.d.ts

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

package/dist/migrate-zip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"migrate-zip.d.ts","sourceRoot":"","sources":["../migrate-zip.js"],"names":[],"mappings":""}

package/dist/migrate-zip.js

@@ -0,0 +1,56 @@
+import fs from "node:fs";
+import JSZip from "jszip";
+import path from "node:path";
+import { documentModelDocumentModelModule } from "document-model";
+import { argv } from "node:process";
+const docModelMap = {
+    "powerhouse/document-model": documentModelDocumentModelModule,
+    // add other document models here
+};
+async function loadFromZip(zip, entryName) {
+    const entry = await zip.file(entryName).async("string");
+    return JSON.parse(entry);
+}
+async function resolvePath(argPath) {
+    if (fs.lstatSync(argPath).isDirectory()) {
+        const children = fs.readdirSync(argPath);
+        return children
+            .filter((child) => child.endsWith(".zip") &&
+            fs.lstatSync(path.join(argPath, child)).isFile())
+            .map((child) => path.join(argPath, child));
+    }
+    return [path.resolve(argPath)];
+}
+async function migrateZip(zipPath) {
+    const file = fs.readFileSync(zipPath);
+    const docZip = new JSZip();
+    await docZip.loadAsync(file);
+    const header = await loadFromZip(docZip, "header.json");
+    const operations = await loadFromZip(docZip, "operations.json");
+    const documentModel = docModelMap[header.documentType];
+    if (!documentModel) {
+        throw new Error(`Unknown document type: ${header.documentType}. Add it to docModelMap.`);
+    }
+    const result = Object.values(operations)
+        .flat()
+        .reduce((doc, operation) => {
+        const action = "action" in operation ? operation.action : operation;
+        return documentModel.reducer(doc, action);
+    }, documentModel.utils.createDocument());
+    const targetName = path.basename(zipPath, path.extname(zipPath));
+    const targetPath = path.resolve(zipPath, "../");
+    await documentModel.utils.saveToFile(result, targetPath, `${targetName}-migrated`);
+    console.info(`Migrated ${path.relative(process.cwd(), zipPath)} to ${path.relative(process.cwd(), path.join(targetPath, `${targetName}-migrated.${documentModel.documentModel.extension}.zip`))}`);
+}
+const paths = argv.length > 2 ? argv.slice(2) : [process.cwd()];
+paths.forEach(async (val) => {
+    const resolvedPaths = await resolvePath(val);
+    for (const zipPath of resolvedPaths) {
+        try {
+            await migrateZip(zipPath);
+        }
+        catch (e) {
+            console.error(`Error migrating ${zipPath}`, e);
+        }
+    }
+});

package/dist/processors/index.d.ts

@@ -1,2 +1,7 @@
-export {};
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+import { ProcessorRecord } from "document-drive/processors/types";
+export declare const processorFactory: (module: any) => (driveId: string) => ProcessorRecord[];
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../processors/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../processors/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,GAC1B,QAAQ,GAAG,MACX,SAAS,MAAM,KAAG,eAAe,EAYjC,CAAC"}

package/dist/processors/index.js

@@ -1 +1,18 @@
-export {};
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+import { LineItemProcessorProcessor } from "./line-item-processor/index.js";
+export const processorFactory = (module) => (driveId) => {
+    return [
+        {
+            processor: new LineItemProcessorProcessor(module.analyticsStore),
+            filter: {
+                branch: ["main"],
+                documentId: ["*"],
+                scope: ["*"],
+                documentType: ["powerhouse/billing-statement"],
+            },
+        },
+    ];
+};

package/dist/processors/line-item-processor/index.d.ts

@@ -0,0 +1,11 @@
+import type { PHDocument } from "document-model";
+import { IAnalyticsStore } from "@powerhousedao/reactor-api";
+import { InternalTransmitterUpdate, IProcessor } from "document-drive";
+export declare class LineItemProcessorProcessor implements IProcessor {
+    private readonly analyticsStore;
+    constructor(analyticsStore: IAnalyticsStore);
+    onStrands<TDocument extends PHDocument>(strands: InternalTransmitterUpdate[]): Promise<void>;
+    onDisconnect(): Promise<void>;
+    private clearSource;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/processors/line-item-processor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../processors/line-item-processor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAiB,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEvE,qBAAa,0BAA2B,YAAW,UAAU;IAC/C,OAAO,CAAC,QAAQ,CAAC,cAAc;gBAAd,cAAc,EAAE,eAAe;IAItD,SAAS,CAAC,SAAS,SAAS,UAAU,EAC1C,OAAO,EAAE,yBAAyB,EAAE,GACnC,OAAO,CAAC,IAAI,CAAC;IAwBV,YAAY;YAEJ,WAAW;CAO1B"}

package/dist/processors/line-item-processor/index.js

@@ -0,0 +1,35 @@
+import { AnalyticsPath } from "@powerhousedao/reactor-api";
+export class LineItemProcessorProcessor {
+    analyticsStore;
+    constructor(analyticsStore) {
+        this.analyticsStore = analyticsStore;
+        //
+    }
+    async onStrands(strands) {
+        if (strands.length === 0) {
+            return;
+        }
+        for (const strand of strands) {
+            if (strand.operations.length === 0) {
+                continue;
+            }
+            const firstOp = strand.operations[0];
+            const source = AnalyticsPath.fromString(`ph/${strand.driveId}/${strand.documentId}/${strand.branch}/${strand.scope}`);
+            if (firstOp.index === 0) {
+                await this.clearSource(source);
+            }
+            for (const operation of strand.operations) {
+                console.log(">>> ", operation.type);
+            }
+        }
+    }
+    async onDisconnect() { }
+    async clearSource(source) {
+        try {
+            await this.analyticsStore.clearSeriesBySource(source, true);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+}

package/dist/style.css

@@ -86,6 +86,10 @@
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-gray-900: oklch(21% 0.034 264.665);
+    --color-zinc-50: oklch(98.5% 0 0);
+    --color-zinc-200: oklch(92% 0.004 286.32);
+    --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-zinc-600: oklch(44.2% 0.017 285.786);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -1991,6 +1995,10 @@
     --color-gray-700: hsl(189 5% 29%);
     --color-gray-800: hsl(200 4% 26%);
     --color-gray-900: hsl(192 5% 21%);
+    --color-zinc-50: oklch(98.5% 0 0);
+    --color-zinc-200: oklch(92% 0.004 286.32);
+    --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-zinc-600: oklch(44.2% 0.017 285.786);
     --color-black: hsl(0 0% 0%);
     --color-white: hsl(0 0% 100%);
     --spacing: 0.25rem;
@@ -2020,6 +2028,7 @@
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --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;
@@ -2276,6 +2285,9 @@
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
@@ -2285,9 +2297,15 @@
   .right-\[0px\] {
     right: 0px;
   }
+  .-bottom-16 {
+    bottom: calc(var(--spacing) * -16);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -2333,6 +2351,12 @@
   .z-\[20\] {
     z-index: 20;
   }
+  .z-\[1000\] {
+    z-index: 1000;
+  }
+  .z-\[1001\] {
+    z-index: 1001;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -2586,9 +2610,15 @@
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -2637,6 +2667,9 @@
   .h-\[17px\] {
     height: 17px;
   }
+  .h-\[18px\] {
+    height: 18px;
+  }
   .h-\[22px\] {
     height: 22px;
   }
@@ -2652,6 +2685,9 @@
   .h-\[52px\] {
     height: 52px;
   }
+  .h-\[130px\] {
+    height: 130px;
+  }
   .h-\[244px\] {
     height: 244px;
   }
@@ -2694,6 +2730,9 @@
   .max-h-\[370px\] {
     max-height: 370px;
   }
+  .max-h-\[404px\] {
+    max-height: 404px;
+  }
   .max-h-screen {
     max-height: 100vh;
   }
@@ -2718,6 +2757,9 @@
   .min-h-full {
     min-height: 100%;
   }
+  .min-h-screen {
+    min-height: 100vh;
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
@@ -2742,6 +2784,9 @@
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -2766,6 +2811,9 @@
   .w-\[6px\] {
     width: 6px;
   }
+  .w-\[18px\] {
+    width: 18px;
+  }
   .w-\[50px\] {
     width: 50px;
   }
@@ -2778,6 +2826,12 @@
   .w-\[320px\] {
     width: 320px;
   }
+  .w-\[338px\] {
+    width: 338px;
+  }
+  .w-\[358px\] {
+    width: 358px;
+  }
   .w-\[400px\] {
     width: 400px;
   }
@@ -2862,6 +2916,9 @@
   .flex-none {
     flex: none;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -2886,6 +2943,9 @@
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
+  .rotate-0 {
+    rotate: 0deg;
+  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -2973,6 +3033,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -3053,12 +3116,18 @@
   .overflow-scroll {
     overflow: scroll;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
+  .overflow-x-visible {
+    overflow-x: visible;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -3074,6 +3143,9 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[24px\] {
+    border-radius: 24px;
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -3167,6 +3239,9 @@
     --tw-border-style: solid;
     border-style: solid;
   }
+  .border-black {
+    border-color: var(--color-black);
+  }
   .border-blue-600 {
     border-color: var(--color-blue-600);
   }
@@ -3212,6 +3287,9 @@
   .border-white {
     border-color: var(--color-white);
   }
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
   .border-b-gray-300 {
     border-bottom-color: var(--color-gray-300);
   }
@@ -3221,6 +3299,15 @@
   .bg-black {
     background-color: var(--color-black);
   }
+  .bg-black\/50 {
+    background-color: color-mix(in srgb, hsl(0 0% 0%) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb, #000 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+      }
+    }
+  }
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
@@ -3320,6 +3407,9 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
   .object-contain {
     object-fit: contain;
   }
@@ -3389,6 +3479,9 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
   .py-28 {
     padding-block: calc(var(--spacing) * 28);
   }
@@ -3552,6 +3645,9 @@
   .text-nowrap {
     text-wrap: nowrap;
   }
+  .break-words {
+    overflow-wrap: break-word;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -3666,6 +3762,12 @@
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -3694,10 +3796,18 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_2px_12px_rgba\(37\,42\,52\,0\.1\)\] {
+    --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(37,42,52,0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
     --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[1px_4px_15px_rgba\(74\,88\,115\,0\.25\)\] {
+    --tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74,88,115,0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-button {
     --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3772,6 +3882,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -3788,6 +3903,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;

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.88",
+  "version": "0.0.90",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -57,9 +57,9 @@
   },
   "dependencies": {
     "@google-cloud/documentai": "^8.12.0",
-    "@powerhousedao/builder-tools": "^5.0.0-staging.12",
-    "@powerhousedao/common": "^5.0.0-staging.12",
-    "@powerhousedao/design-system": "^5.0.0-staging.12",
+    "@powerhousedao/builder-tools": "^5.0.0-staging.15",
+    "@powerhousedao/common": "^5.0.0-staging.15",
+    "@powerhousedao/design-system": "^5.0.0-staging.15",
     "@powerhousedao/document-engineering": "^1.37.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": "^5.0.0-staging.12",
+    "document-model": "^5.0.0-staging.15",
     "dotenv": "^16.5.0",
     "error": "^10.4.0",
     "ethers": "^6.14.0",
@@ -85,23 +85,24 @@
     "@electric-sql/pglite": "^0.2.12",
     "@eslint/js": "^9.25.0",
     "@powerhousedao/analytics-engine-core": "^0.5.0",
-    "@powerhousedao/codegen": "^5.0.0-staging.12",
-    "@powerhousedao/ph-cli": "^5.0.0-staging.12",
-    "@powerhousedao/reactor-api": "^5.0.0-staging.12",
-    "@powerhousedao/reactor-browser": "^5.0.0-staging.12",
-    "@powerhousedao/reactor-local": "^5.0.0-staging.12",
+    "@powerhousedao/codegen": "^5.0.0-staging.15",
+    "@powerhousedao/ph-cli": "^5.0.0-staging.15",
+    "@powerhousedao/reactor-api": "^5.0.0-staging.15",
+    "@powerhousedao/reactor-browser": "^5.0.0-staging.15",
+    "@powerhousedao/reactor-local": "^5.0.0-staging.15",
     "@powerhousedao/scalars": "^1.33.1-staging.5",
-    "@powerhousedao/switchboard": "^5.0.0-staging.12",
+    "@powerhousedao/switchboard": "^5.0.0-staging.15",
     "@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": "^5.0.0-staging.12",
+    "document-drive": "^5.0.0-staging.15",
     "eslint": "^9.25.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.0.0",
+    "jszip": "^3.10.1",
     "package-manager-detector": "^0.2.8",
     "pm2": "^5.4.3",
     "react": "^18.3.1",