Merge branch 'main' into 162-add-the-rejected-status-to-the-invoice-dashboard

Author: sstefdev

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@requestnetwork/create-invoice-form",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "main": "./dist/web-component.umd.cjs",
   "scripts": {
     "dev": "vite dev",
@@ -37,7 +37,7 @@
     "@requestnetwork/request-client.js": "0.50.0",
     "@wagmi/core": "^2.13.8",
     "validator": "^13.12.0",
-    "viem": "^2.9.15"
+    "viem": "^2.21.27"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^2.5.2",

packages/create-invoice-form/package.json

@@ -1,19 +1,14 @@
 import React from "react";
 import { Config as WagmiConfig } from "@wagmi/core";
 import type { IConfig } from "@requestnetwork/shared-types";
-import type { RequestNetwork, Types } from "@requestnetwork/request-client.js";
+import type { RequestNetwork } from "@requestnetwork/request-client.js";
+import type { CurrencyTypes } from "@requestnetwork/types";
 
 export interface CreateInvoiceFormProps {
   config: IConfig;
   wagmiConfig: WagmiConfig;
   requestNetwork: RequestNetwork | null | undefined;
-  currencies: {
-    symbol: string;
-    address: string;
-    network: string;
-    decimals: number;
-    type: Types.RequestLogic.CURRENCY;
-  }[];
+  currencies: CurrencyTypes.CurrencyInput[];
 }
 
 /**
@@ -30,15 +25,7 @@ export interface CreateInvoiceFormProps {
  *   config={config}
  *   wagmiConfig={wagmiConfig}
  *   requestNetwork={requestNetwork}
- *   currencies={[
- *     {
- *       symbol: "USDC",
- *       address: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
- *       network: "sepolia",
- *       decimals: 6,
- *       type: Types.RequestLogic.CURRENCY.ERC20,
- *     },
- *   ]}
+ *   currencies={currencies}
  * />
  */
 declare const CreateInvoiceForm: React.FC<CreateInvoiceFormProps>;

packages/create-invoice-form/src/lib/react/CreateInvoiceForm.d.ts

@@ -1,6 +1,6 @@
 {
   "name": "@requestnetwork/invoice-dashboard",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "main": "./dist/web-component.umd.cjs",
   "scripts": {
     "dev": "vite dev",

packages/invoice-dashboard/package.json

@@ -50,8 +50,11 @@
     left: 50%;
     height: fit-content;
     width: 800px;
-
+    max-height: 90vh;
+    overflow-y: auto;
+    overflow-x: hidden;
     transform: translateX(0);
+    padding-right: 20px;
   }
 
   @media only screen and (max-width: 880px) {

packages/invoice-dashboard/src/lib/dashboard/drawer.svelte

@@ -8,7 +8,7 @@ export interface InvoiceDashboardProps {
   config: IConfig;
   wagmiConfig: WagmiConfig;
   requestNetwork: RequestNetwork | null | undefined;
-  currencies: CurrencyTypes.CurrencyDefinition[];
+  currencies: CurrencyTypes.CurrencyInput[];
 }
 /**
  * InvoiceDashboard is a React component that integrates with the Request Network to manage and display invoices.