@powerhousedao/contributor-billing 0.0.98 → 0.1.0

package/dist/style.css

@@ -315,9 +315,6 @@
   .z-10 {
     z-index: 10;
   }
-  .z-40 {
-    z-index: 40;
-  }
   .z-50 {
     z-index: 50;
   }
@@ -354,6 +351,9 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -372,6 +372,9 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -402,9 +405,6 @@
   .inline {
     display: inline;
   }
-  .inline-block {
-    display: inline-block;
-  }
   .inline-flex {
     display: inline-flex;
   }
@@ -427,6 +427,12 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
@@ -442,6 +448,9 @@
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
+  .h-\[29px\] {
+    height: 29px;
+  }
   .h-full {
     height: 100%;
   }
@@ -460,6 +469,12 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -469,6 +484,9 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
@@ -481,6 +499,9 @@
   .w-50 {
     width: calc(var(--spacing) * 50);
   }
+  .w-54 {
+    width: calc(var(--spacing) * 54);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -496,6 +517,9 @@
   .w-full {
     width: 100%;
   }
+  .max-w-\[60\%\] {
+    max-width: 60%;
+  }
   .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -508,6 +532,9 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-\[142px\] {
     min-width: 142px;
   }
@@ -566,12 +593,18 @@
   .flex-col {
     flex-direction: column;
   }
-  .flex-nowrap {
-    flex-wrap: nowrap;
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
   }
   .items-center {
     align-items: center;
   }
+  .items-start {
+    align-items: flex-start;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -581,6 +614,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -600,6 +636,13 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -640,6 +683,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -665,6 +711,14 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -677,12 +731,19 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
   .border-blue-100 {
     border-color: var(--color-blue-100);
   }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
+  .border-gray-100 {
+    border-color: var(--color-gray-100);
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -770,6 +831,9 @@
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -800,6 +864,9 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
@@ -809,9 +876,15 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -888,12 +961,18 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
   .text-gray-50 {
     color: var(--color-gray-50);
   }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }
@@ -1089,6 +1168,13 @@
       }
     }
   }
+  .hover\:bg-red-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-50);
+      }
+    }
+  }
   .hover\:bg-red-700 {
     &:hover {
       @media (hover: hover) {
@@ -1216,6 +1302,26 @@
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
   }
+  .md\:block {
+    @media (width >= 48rem) {
+      display: block;
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:hidden {
+    @media (width >= 48rem) {
+      display: none;
+    }
+  }
+  .md\:inline {
+    @media (width >= 48rem) {
+      display: inline;
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1227,6 +1333,32 @@
       line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
   }
+  .lg\:gap-4 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:rounded-lg {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .lg\:border {
+    @media (width >= 64rem) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .lg\:border-gray-200 {
+    @media (width >= 64rem) {
+      border-color: var(--color-gray-200);
+    }
+  }
+  .lg\:p-4 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 4);
+    }
+  }
 }
 /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@@ -19139,15 +19271,15 @@ input[type="number"] {
 }
 @media (max-width: 640px) {
   .editor-container {
-    padding: 0.25rem;
-    transform: scale(0.95);
+    padding: 0.125rem;
+    transform: none;
     transform-origin: top left;
   }
 }
 @media (min-width: 641px) and (max-width: 1023px) {
   .editor-container {
-    padding: 0.5rem;
-    transform: scale(0.9);
+    padding: 0.25rem;
+    transform: none;
     transform-origin: top left;
   }
 }
@@ -19160,6 +19292,42 @@ input[type="number"] {
     transform: none;
   }
 }
+@media (min-width: 768px) {
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+}
+@media (min-width: 768px) {
+  .md\:flex {
+    display: flex !important;
+  }
+  .md\:hidden {
+    display: none !important;
+  }
+  .md\:block {
+    display: block !important;
+  }
+  .md\:inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:gap-4 {
+    gap: 1rem !important;
+  }
+  .lg\:border {
+    border-width: 1px !important;
+  }
+  .lg\:border-gray-200 {
+    border-color: rgb(229, 231, 235) !important;
+  }
+  .lg\:rounded-lg {
+    border-radius: 0.5rem !important;
+  }
+  .lg\:p-4 {
+    padding: 1rem !important;
+  }
+}
 @property --tw-border-spacing-x {
   syntax: "<length>";
   inherits: false;

package/dist/tailwind.config.js

@@ -3,6 +3,7 @@ export default {
     content: [
         "./index.html",
         "./src/**/*.{js,ts,jsx,tsx}",
+        "./editors/**/*.{js,ts,jsx,tsx}",
     ],
     theme: {
         extend: {

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.98",
+  "version": "0.1.0",
   "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.21",
-    "@powerhousedao/common": "^5.0.0-staging.21",
-    "@powerhousedao/design-system": "^5.0.0-staging.21",
+    "@powerhousedao/builder-tools": "^5.0.0-staging.25",
+    "@powerhousedao/common": "^5.0.0-staging.25",
+    "@powerhousedao/design-system": "^5.0.0-staging.25",
     "@powerhousedao/document-engineering": "^1.38.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.21",
+    "document-model": "^5.0.0-staging.25",
     "dotenv": "^16.5.0",
     "error": "^10.4.0",
     "ethers": "^6.14.0",
@@ -84,20 +84,21 @@
   "devDependencies": {
     "@electric-sql/pglite": "^0.2.12",
     "@eslint/js": "^9.25.0",
+    "@playwright/test": "^1.56.0",
     "@powerhousedao/analytics-engine-core": "^0.5.0",
-    "@powerhousedao/codegen": "^5.0.0-staging.21",
-    "@powerhousedao/ph-cli": "^5.0.0-staging.21",
-    "@powerhousedao/reactor-api": "^5.0.0-staging.21",
-    "@powerhousedao/reactor-browser": "^5.0.0-staging.21",
-    "@powerhousedao/reactor-local": "^5.0.0-staging.21",
+    "@powerhousedao/codegen": "^5.0.0-staging.25",
+    "@powerhousedao/ph-cli": "^5.0.0-staging.25",
+    "@powerhousedao/reactor-api": "^5.0.0-staging.25",
+    "@powerhousedao/reactor-browser": "^5.0.0-staging.25",
+    "@powerhousedao/reactor-local": "^5.0.0-staging.25",
     "@powerhousedao/scalars": "^1.33.1-staging.5",
-    "@powerhousedao/switchboard": "^5.0.0-staging.21",
+    "@powerhousedao/switchboard": "^5.0.0-staging.25",
     "@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.21",
+    "document-drive": "^5.0.0-staging.25",
     "eslint": "^9.25.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",

package/dist/reducers/general.d.ts

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

package/dist/reducers/general.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../reducers/general.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAEhF,eAAO,MAAM,OAAO,EAAE,wBAkErB,CAAC"}

package/dist/reducers/general.js

@@ -1,73 +0,0 @@
-/**
- * This is a scaffold file meant for customization:
- * - modify it by implementing the reducer functions
- * - delete the file and run the code generator again to have it reset
- */
-export const reducer = {
-    editInvoiceOperation(state, action, dispatch) {
-        try {
-            const newState = { ...state };
-            newState.currency = action.input.currency ?? state.currency;
-            newState.dateDue = action.input.dateDue ?? state.dateDue;
-            newState.dateIssued = action.input.dateIssued ?? state.dateIssued;
-            newState.invoiceNo = action.input.invoiceNo ?? state.invoiceNo;
-            newState.notes = action.input.notes ?? state.notes;
-            state = Object.assign(state, newState);
-        }
-        catch (e) {
-            console.error(e);
-        }
-    },
-    editStatusOperation(state, action, dispatch) {
-        try {
-            state.status = action.input.status;
-        }
-        catch (e) {
-            console.error(e);
-        }
-    },
-    editPaymentDataOperation(state, action, dispatch) {
-        try {
-            const payment = state.payments.find((payment) => payment.id === action.input.id);
-            if (payment) {
-                payment.processorRef = action.input.processorRef ?? payment.processorRef;
-                payment.paymentDate = action.input.paymentDate ?? payment.paymentDate;
-                payment.txnRef = action.input.txnRef ?? payment.txnRef;
-                payment.confirmed = action.input.confirmed ?? payment.confirmed;
-                payment.issue = action.input.issue ?? payment.issue;
-            }
-        }
-        catch (e) {
-            console.error(e);
-        }
-    },
-    addPaymentOperation(state, action, dispatch) {
-        try {
-            const payment = {
-                id: action.input.id,
-                processorRef: action.input.processorRef ?? "",
-                paymentDate: action.input.paymentDate ?? "",
-                txnRef: action.input.txnRef ?? "",
-                confirmed: action.input.confirmed ?? false,
-                issue: action.input.issue ?? "",
-                amount: 0,
-            };
-            state.payments.push(payment);
-        }
-        catch (e) {
-            console.error(e);
-        }
-    },
-    setExportedDataOperation(state, action, dispatch) {
-        try {
-            const exportedData = {
-                timestamp: action.input.timestamp,
-                exportedLineItems: action.input.exportedLineItems,
-            };
-            state.exported = exportedData;
-        }
-        catch (e) {
-            console.error(e);
-        }
-    }
-};

package/dist/reducers/items.d.ts

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

package/dist/reducers/items.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../reducers/items.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAG5E,eAAO,MAAM,OAAO,EAAE,sBA6GrB,CAAC"}