updates

2026-04-23 14:38:41 +03:00
parent f17dd1486c
commit c0f78c6e18
90 changed files with 10819 additions and 1583 deletions
@@ -0,0 +1,110 @@
+"use client"
+
+import { Separator } from "@/shared/components/ui/separator"
+import { formatCurrency } from "@/shared/utils/formatters"
+import { cn } from "@/shared/lib/utils"
+import type { DocumentTotals } from "@/shared/hooks/use-document-totals"
+
+export type DocumentTotalsSummaryProps = {
+    totals: DocumentTotals
+    discountType?: string | null
+    taxLabel?: string | null
+    /** Override labels for line groups, keyed by group name */
+    groupLabels?: Record<string, number>
+}
+
+function SummaryRow({
+    label,
+    value,
+    muted = false,
+    className,
+}: {
+    label: string
+    value: string
+    muted?: boolean
+    className?: string
+}) {
+    return (
+        <div className={cn("flex items-center justify-between text-sm", className)}>
+            <span className={muted ? "text-muted-foreground" : ""}>{label}</span>
+            <span className={muted ? "text-muted-foreground" : ""}>{value}</span>
+        </div>
+    )
+}
+
+export function DocumentTotalsSummary({
+    totals,
+    discountType,
+    taxLabel,
+    groupLabels,
+}: DocumentTotalsSummaryProps) {
+    const {
+        subTotal,
+        lineItemDiscount,
+        transactionDiscount,
+        totalDiscount,
+        taxAmount,
+        total,
+        hasLineItems,
+    } = totals
+
+    if (!hasLineItems) return null
+
+    return (
+        <div className="space-y-2">
+            {/* Group breakdowns */}
+            {groupLabels &&
+                Object.entries(groupLabels).map(([label, amount]) => (
+                    <SummaryRow
+                        key={label}
+                        label={label}
+                        value={formatCurrency(amount)}
+                        muted
+                    />
+                ))}
+
+            {groupLabels && Object.keys(groupLabels).length > 0 && <Separator />}
+
+            {/* Subtotal */}
+            <SummaryRow label="Subtotal" value={formatCurrency(subTotal)} />
+
+            {/* Line-item discount */}
+            {discountType === "line_item_level" && lineItemDiscount > 0 && (
+                <SummaryRow
+                    label="Line Discounts"
+                    value={`– ${formatCurrency(lineItemDiscount)}`}
+                    muted
+                />
+            )}
+
+            {/* Transaction-level discount */}
+            {discountType === "transaction_level" && transactionDiscount > 0 && (
+                <SummaryRow
+                    label="Discount"
+                    value={`– ${formatCurrency(transactionDiscount)}`}
+                    muted
+                />
+            )}
+
+            {/* Tax */}
+            {taxAmount > 0 && (
+                <SummaryRow
+                    label={taxLabel ?? "Tax"}
+                    value={`+ ${formatCurrency(taxAmount)}`}
+                    muted
+                />
+            )}
+
+            <Separator />
+
+            {/* Total */}
+            <div className={cn(
+                "flex items-center justify-between rounded-md px-3 py-2 text-sm font-semibold",
+                "bg-primary/10 text-primary",
+            )}>
+                <span>Total</span>
+                <span>{formatCurrency(total)}</span>
+            </div>
+        </div>
+    )
+}
@@ -109,15 +109,14 @@ export function RhfResourceField<
                        {triggerLabel ?? label}
                    </Button>
                </CardHeader>
-                <CardContent>
-                    {(items as any[]).length > 0
-                        ? renderItems(items, helpers)
-                        : (
-                            <p className="text-sm text-muted-foreground text-center py-4">
-                                No items added yet.
-                            </p>
-                        )}
-                </CardContent>
+                {
+                    items.length > 0 &&
+                    <CardContent>
+                        {(items as any[]).length > 0
+                            && renderItems(items, helpers)
+                        }
+                    </CardContent>
+                }
            </Card>
            {error && <FieldError>{error.message}</FieldError>}
            <ResourceSelectorDialog<TClient>