@spaceinvoices/react-ui 0.4.0 → 0.4.2

package/src/components/taxes/tax-list-table/tax-list-row-actions.tsx

@@ -12,14 +12,11 @@ import {
 
 type TaxListRowActionsProps = {
   tax: Tax;
+  onView?: (tax: Tax) => void;
   t: (key: string) => string;
 };
 
-export default function TaxListRowActions({ tax, t }: TaxListRowActionsProps) {
-  const handleViewTax = () => {
-    window.location.href = `/app/taxes/${tax.id}`;
-  };
-
+export default function TaxListRowActions({ tax, onView, t }: TaxListRowActionsProps) {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
@@ -34,7 +31,7 @@ export default function TaxListRowActions({ tax, t }: TaxListRowActionsProps) {
           {t("Copy tax ID")}
         </DropdownMenuItem>
         <DropdownMenuSeparator />
-        <DropdownMenuItem className="cursor-pointer" onClick={handleViewTax}>
+        <DropdownMenuItem className="cursor-pointer" onClick={() => onView?.(tax)}>
           {t("View tax")}
         </DropdownMenuItem>
       </DropdownMenuContent>

package/src/components/taxes/tax-list-table/tax-list-row.tsx

@@ -8,10 +8,11 @@ import TaxListRowActions from "./tax-list-row-actions";
 type TaxListRowProps = {
   tax: Tax;
   onRowClick?: (tax: Tax) => void;
+  onView?: (tax: Tax) => void;
   t: (key: string) => string;
 };
 
-export default function TaxListRow({ tax, onRowClick, t }: TaxListRowProps) {
+export default function TaxListRow({ tax, onRowClick, onView, t }: TaxListRowProps) {
   const formatTaxRates = (taxRates: Tax["tax_rates"]) => {
     if (!taxRates || taxRates.length === 0) return "-";
     return taxRates.map((rate) => `${rate.rate}%`).join(", ");
@@ -39,7 +40,7 @@ export default function TaxListRow({ tax, onRowClick, t }: TaxListRowProps) {
       <TableCell>{formatTaxRates(tax.tax_rates)}</TableCell>
       <TableCell>{formatDate(tax.created_at)}</TableCell>
       <TableCell className="text-right">
-        <TaxListRowActions tax={tax} t={t} />
+        <TaxListRowActions tax={tax} onView={onView} t={t} />
       </TableCell>
     </TableRow>
   );

package/src/components/taxes/tax-list-table/tax-list-table.tsx

@@ -34,6 +34,7 @@ const translations = {
 
 type TaxListTableProps = {
   entityId?: string;
+  onView?: (tax: Tax) => void;
 } & ListTableProps<Tax> &
   ComponentTranslationProps;
 
@@ -41,6 +42,7 @@ export default function TaxListTable({
   queryParams,
   createNewTrigger,
   onRowClick,
+  onView,
   onChangeParams,
   entityId,
   ...i18nProps
@@ -61,7 +63,9 @@ export default function TaxListTable({
         { id: "created_at", header: t("Created"), sortable: true },
         { id: "actions", header: "", align: "right" },
       ]}
-      renderRow={(tax) => <TaxListRow tax={tax} key={tax.id} onRowClick={(tax) => onRowClick?.(tax)} t={t} />}
+      renderRow={(tax) => (
+        <TaxListRow tax={tax} key={tax.id} onRowClick={(tax) => onRowClick?.(tax)} onView={onView} t={t} />
+      )}
       renderHeader={(headerProps) => <TaxListHeader orderBy={headerProps.orderBy} onSort={headerProps.onSort} t={t} />}
       queryParams={queryParams}
       resourceName="tax"

package/src/components/ui/checkbox.tsx

@@ -1,14 +1,15 @@
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 
 import { cn } from "@/ui/lib/utils"
-import { CheckIcon } from "lucide-react"
+import { CheckIcon, MinusIcon } from "lucide-react"
 
-function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
+function Checkbox({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props & { indeterminate?: boolean }) {
   return (
     <CheckboxPrimitive.Root
       data-slot="checkbox"
+      indeterminate={indeterminate}
       className={cn(
-        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border shadow-xs transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border shadow-xs transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 data-[indeterminate]:bg-primary data-[indeterminate]:text-primary-foreground data-[indeterminate]:border-primary",
         className
       )}
       {...props}
@@ -17,8 +18,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
         data-slot="checkbox-indicator"
         className="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
       >
-        <CheckIcon
-        />
+        {indeterminate ? <MinusIcon /> : <CheckIcon />}
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
   )

package/src/generate-schemas.ts

@@ -86,7 +86,12 @@ async function main() {
         for (const ref of constRefs) {
           const cleanRef = ref.replace(/\.(optional|nullable)\(\)/, "");
           // Check if it's actually a schema definition in the file
-          if (fullContent.includes(`const ${cleanRef} = z.`)) {
+          // Handle `const Foo = z.object(...)`, `const Foo = z\n  .object(...)`,
+          // and `const Foo = OtherSchema.and(...)` (schema composition)
+          const isZodSchema =
+            fullContent.includes(`const ${cleanRef} = z.`) || fullContent.includes(`const ${cleanRef} = z\n`);
+          const isComposedSchema = new RegExp(`const ${cleanRef} = [A-Z][a-zA-Z0-9]+\\.`).test(fullContent);
+          if (isZodSchema || isComposedSchema) {
             dependencies.push(cleanRef);
           }
         }
@@ -133,14 +138,41 @@ async function main() {
       return groups;
     }, {});
 
+  // Topological sort: ensures each schema is defined after all schemas it depends on
+  function topologicalSort(names: string[], fullContent: string): string[] {
+    const visited = new Set<string>();
+    const result: string[] = [];
+
+    function visit(name: string) {
+      if (visited.has(name)) return;
+      visited.add(name);
+      // Visit dependencies first so they appear earlier in the output
+      const deps = findSchemaDependencies(name, fullContent);
+      for (const dep of deps) {
+        if (names.includes(dep)) {
+          visit(dep);
+        }
+      }
+      result.push(name);
+    }
+
+    for (const name of names) {
+      visit(name);
+    }
+    return result;
+  }
+
   // Create files for each group
   for (const [groupName, schemaNames] of Object.entries(schemasByGroup)) {
     // Separate dependencies from operation schemas
-    const dependencies = schemaNames.filter((name) => !name.includes("_Body")).reverse();
+    const dependencies = schemaNames.filter((name) => !name.includes("_Body"));
     const operations = schemaNames.filter((name) => name.includes("_Body"));
 
+    // Topologically sort dependencies so each schema is defined after its own dependencies
+    const sortedDependencies = topologicalSort(dependencies, content);
+
     // Process dependencies first, then operations
-    const orderedNames = [...dependencies, ...operations];
+    const orderedNames = [...sortedDependencies, ...operations];
 
     const schemas = orderedNames
       .map((schemaName) => {
@@ -244,16 +276,23 @@ ${exports}
     await fs.writeFile(path.join(SCHEMAS_DIR, `${groupName}.ts`), schemaContent);
   }
 
-  // Create index file
+  // Create index file - export ALL schema files (not just schemasByGroup)
+  const allSchemaFiles = (await fs.readdir(SCHEMAS_DIR))
+    .filter((f) => f.endsWith(".ts") && f !== "index.ts")
+    .map((f) => f.replace(".ts", ""))
+    .sort();
+
   const indexContent = `/**
  * This file was automatically generated using 'bun generate-schemas'.
  * Do not edit this file manually. To update, run the generator again.
  * @generated
  */
 
-${Object.keys(schemasByGroup)
-  .map((groupName) => `export * from './${groupName}';`)
-  .join("\n")}
+${allSchemaFiles.map((name) => `export * from './${name}';`).join("\n")}
+
+// Re-export invoice create schema as credit note create schema (same body structure)
+// Placed here (after invoice is exported) to avoid circular dependency issues
+export { createInvoiceSchema as createCreditNoteSchema, type CreateInvoiceSchema as CreateCreditNoteSchema } from './invoice';
 `;
 
   await fs.writeFile(path.join(SCHEMAS_DIR, "index.ts"), indexContent);

package/src/generated/schemas/advanceinvoice.ts

@@ -8,6 +8,17 @@ import { z } from 'zod';
 
 // Schemas for advanceinvoice endpoints
 
+// Dependency schema for advanceinvoice
+const CreateDocumentPayment = z.object({
+  amount: z.number().gt(0).optional(),
+  type: z.string().max(20),
+  date: z.string().optional(),
+  reference: z.union([z.string(), z.null()]).optional(),
+  note: z.union([z.string(), z.null()]).optional(),
+  metadata: z.union([z.record(z.string(), z.any()), z.null()]).optional(),
+});
+
+
 // Dependency schema for advanceinvoice
 const LineDiscount = z.object({
   value: z.number().gte(0),
@@ -15,6 +26,56 @@ const LineDiscount = z.object({
 });
 
 
+// Dependency schema for advanceinvoice
+const DocumentItemTax = z
+  .object({
+    rate: z.number(),
+    tax_id: z.string(),
+    classification: z.string(),
+    reverse_charge: z.boolean(),
+    amount: z.number(),
+  })
+  .partial();
+
+
+// Dependency schema for advanceinvoice
+const DocumentEntity = z
+  .object({
+    name: z.union([z.string(), z.null()]),
+    email: z.union([z.string(), z.null()]),
+    address: z.union([z.string(), z.null()]),
+    address_2: z.union([z.string(), z.null()]),
+    post_code: z.union([z.string(), z.null()]),
+    city: z.union([z.string(), z.null()]),
+    state: z.union([z.string(), z.null()]),
+    country: z.union([z.string(), z.null()]),
+    country_code: z.union([z.string(), z.null()]),
+    tax_number: z.union([z.string(), z.null()]),
+    tax_number_2: z.union([z.string(), z.null()]),
+    company_number: z.union([z.string(), z.null()]),
+    bank_account: z.union([
+      z
+        .object({
+          type: z
+            .enum(["iban", "us_domestic", "uk_domestic", "other"])
+            .default("iban"),
+          name: z.string(),
+          bank_name: z.string(),
+          iban: z.string(),
+          account_number: z.string(),
+          bic: z.string(),
+          routing_number: z.string(),
+          sort_code: z.string(),
+        })
+        .partial()
+        .passthrough(),
+      z.null(),
+    ]),
+  })
+  .partial()
+  .passthrough();
+
+
 // Schema for create advanceinvoice operation
 const createAdvanceInvoiceSchemaDefinition = z.object({
   is_draft: z.boolean().optional(),
@@ -22,84 +83,17 @@ const createAdvanceInvoiceSchemaDefinition = z.object({
     .string()
     .regex(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?)?$/)
     .optional(),
-  issuer: z
-    .object({
-      name: z.union([z.string(), z.null()]),
-      email: z.union([z.string(), z.null()]),
-      address: z.union([z.string(), z.null()]),
-      address_2: z.union([z.string(), z.null()]),
-      post_code: z.union([z.string(), z.null()]),
-      city: z.union([z.string(), z.null()]),
-      state: z.union([z.string(), z.null()]),
-      country: z.union([z.string(), z.null()]),
-      country_code: z.union([z.string(), z.null()]),
-      tax_number: z.union([z.string(), z.null()]),
-      tax_number_2: z.union([z.string(), z.null()]),
-      company_number: z.union([z.string(), z.null()]),
-      bank_account: z.union([
-        z
-          .object({
-            type: z
-              .enum(["iban", "us_domestic", "uk_domestic", "other"])
-              .default("iban"),
-            name: z.string(),
-            bank_name: z.string(),
-            iban: z.string(),
-            account_number: z.string(),
-            bic: z.string(),
-            routing_number: z.string(),
-            sort_code: z.string(),
-          })
-          .partial()
-          .passthrough(),
-        z.null(),
-      ]),
-    })
-    .partial()
-    .passthrough()
-    .optional(),
+  issuer: DocumentEntity.optional(),
   customer_id: z.union([z.string(), z.null()]).optional(),
-  customer: z
-    .union([
+  customer: DocumentEntity.and(
+    z.union([
       z
-        .object({
-          name: z.union([z.string(), z.null()]),
-          email: z.union([z.string(), z.null()]),
-          address: z.union([z.string(), z.null()]),
-          address_2: z.union([z.string(), z.null()]),
-          post_code: z.union([z.string(), z.null()]),
-          city: z.union([z.string(), z.null()]),
-          state: z.union([z.string(), z.null()]),
-          country: z.union([z.string(), z.null()]),
-          country_code: z.union([z.string(), z.null()]),
-          tax_number: z.union([z.string(), z.null()]),
-          tax_number_2: z.union([z.string(), z.null()]),
-          company_number: z.union([z.string(), z.null()]),
-          bank_account: z.union([
-            z
-              .object({
-                type: z
-                  .enum(["iban", "us_domestic", "uk_domestic", "other"])
-                  .default("iban"),
-                name: z.string(),
-                bank_name: z.string(),
-                iban: z.string(),
-                account_number: z.string(),
-                bic: z.string(),
-                routing_number: z.string(),
-                sort_code: z.string(),
-              })
-              .partial()
-              .passthrough(),
-            z.null(),
-          ]),
-          save_customer: z.boolean().default(true),
-        })
+        .object({ save_customer: z.boolean().default(true) })
         .partial()
         .passthrough(),
       z.null(),
     ])
-    .optional(),
+  ).optional(),
   note: z.union([z.string(), z.null()]).optional(),
   tax_clause: z.union([z.string(), z.null()]).optional(),
   currency_code: z.string().max(3).optional(),
@@ -116,19 +110,7 @@ const createAdvanceInvoiceSchemaDefinition = z.object({
         gross_price: z.number().optional(),
         quantity: z.number().gte(-140737488355328).lte(140737488355327),
         unit: z.union([z.string(), z.null()]).optional(),
-        taxes: z
-          .array(
-            z
-              .object({
-                rate: z.number(),
-                tax_id: z.string(),
-                classification: z.string(),
-                reverse_charge: z.boolean(),
-                amount: z.number(),
-              })
-              .partial()
-          )
-          .optional(),
+        taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),
         metadata: z
           .union([
@@ -146,21 +128,7 @@ const createAdvanceInvoiceSchemaDefinition = z.object({
     )
     .min(1),
   linked_documents: z.array(z.string().min(1)).optional(),
-  payments: z
-    .union([
-      z.array(
-        z.object({
-          amount: z.number().gt(0).optional(),
-          type: z.string().max(20),
-          date: z.string().optional(),
-          reference: z.union([z.string(), z.null()]).optional(),
-          note: z.union([z.string(), z.null()]).optional(),
-          metadata: z.union([z.record(z.string(), z.any()), z.null()]).optional(),
-        })
-      ),
-      z.null(),
-    ])
-    .optional(),
+  payments: z.union([z.array(CreateDocumentPayment), z.null()]).optional(),
   furs: z
     .union([
       z
@@ -220,81 +188,17 @@ const updateAdvanceInvoiceSchemaDefinition = z
     date: z
       .string()
       .regex(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?)?$/),
-    issuer: z
-      .object({
-        name: z.union([z.string(), z.null()]),
-        email: z.union([z.string(), z.null()]),
-        address: z.union([z.string(), z.null()]),
-        address_2: z.union([z.string(), z.null()]),
-        post_code: z.union([z.string(), z.null()]),
-        city: z.union([z.string(), z.null()]),
-        state: z.union([z.string(), z.null()]),
-        country: z.union([z.string(), z.null()]),
-        country_code: z.union([z.string(), z.null()]),
-        tax_number: z.union([z.string(), z.null()]),
-        tax_number_2: z.union([z.string(), z.null()]),
-        company_number: z.union([z.string(), z.null()]),
-        bank_account: z.union([
-          z
-            .object({
-              type: z
-                .enum(["iban", "us_domestic", "uk_domestic", "other"])
-                .default("iban"),
-              name: z.string(),
-              bank_name: z.string(),
-              iban: z.string(),
-              account_number: z.string(),
-              bic: z.string(),
-              routing_number: z.string(),
-              sort_code: z.string(),
-            })
-            .partial()
-            .passthrough(),
-          z.null(),
-        ]),
-      })
-      .partial()
-      .passthrough(),
+    issuer: DocumentEntity.and(z.unknown()),
     customer_id: z.union([z.string(), z.null()]),
-    customer: z.union([
-      z
-        .object({
-          name: z.union([z.string(), z.null()]),
-          email: z.union([z.string(), z.null()]),
-          address: z.union([z.string(), z.null()]),
-          address_2: z.union([z.string(), z.null()]),
-          post_code: z.union([z.string(), z.null()]),
-          city: z.union([z.string(), z.null()]),
-          state: z.union([z.string(), z.null()]),
-          country: z.union([z.string(), z.null()]),
-          country_code: z.union([z.string(), z.null()]),
-          tax_number: z.union([z.string(), z.null()]),
-          tax_number_2: z.union([z.string(), z.null()]),
-          company_number: z.union([z.string(), z.null()]),
-          bank_account: z.union([
-            z
-              .object({
-                type: z
-                  .enum(["iban", "us_domestic", "uk_domestic", "other"])
-                  .default("iban"),
-                name: z.string(),
-                bank_name: z.string(),
-                iban: z.string(),
-                account_number: z.string(),
-                bic: z.string(),
-                routing_number: z.string(),
-                sort_code: z.string(),
-              })
-              .partial()
-              .passthrough(),
-            z.null(),
-          ]),
-          save_customer: z.boolean().default(true),
-        })
-        .partial()
-        .passthrough(),
-      z.null(),
-    ]),
+    customer: DocumentEntity.and(
+      z.union([
+        z
+          .object({ save_customer: z.boolean().default(true) })
+          .partial()
+          .passthrough(),
+        z.null(),
+      ])
+    ),
     items: z
       .array(
         z.object({
@@ -304,19 +208,7 @@ const updateAdvanceInvoiceSchemaDefinition = z
           gross_price: z.number().optional(),
           quantity: z.number().gte(-140737488355328).lte(140737488355327),
           unit: z.union([z.string(), z.null()]).optional(),
-          taxes: z
-            .array(
-              z
-                .object({
-                  rate: z.number(),
-                  tax_id: z.string(),
-                  classification: z.string(),
-                  reverse_charge: z.boolean(),
-                  amount: z.number(),
-                })
-                .partial()
-            )
-            .optional(),
+          taxes: z.array(DocumentItemTax).optional(),
           discounts: z.array(LineDiscount).max(5).optional(),
           metadata: z
             .union([

package/src/generated/schemas/authorizeshopify_body.ts

@@ -0,0 +1,22 @@
+/**
+ * This file was automatically generated using 'bun generate-schemas'.
+ * Do not edit this file manually. To update, run the generator again.
+ * @generated
+ */
+
+import { z } from 'zod';
+
+// Schemas for authorizeshopify_body endpoints
+
+// Dependency schema for authorizeshopify_body
+const authorizeShopify_Body = z.object({
+  shop_domain: z.string().min(1),
+  name: z.string().optional(),
+  auto_process: z.boolean().optional(),
+  send_invoice_email: z.boolean().optional(),
+  issue_invoice_for_bank: z.boolean().optional(),
+  issue_invoice_on_complete: z.boolean().optional(),
+  auto_process_delay_seconds: z.number().int().gte(0).optional(),
+});
+
+