{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "delivery-proof-card", "title": "Delivery Proof Card", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/delivery-proof-card/DeliveryProofCard.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n Camera,\n Check,\n Copy,\n Download,\n FileCheck,\n Fingerprint,\n Key,\n MapPin,\n Package,\n Share2,\n ShieldCheck,\n Truck,\n} from 'lucide-react'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Separator } from '@/components/ui/separator'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\nimport { cn } from '@/lib/utils'\n\nexport interface DeliveryProofCardProps {\n className?: string\n}\n\nexport function DeliveryProofCard({ className }: DeliveryProofCardProps) {\n const [copiedTracking, setCopiedTracking] = React.useState(false)\n const [copiedGps, setCopiedGps] = React.useState(false)\n const [copiedHash, setCopiedHash] = React.useState(false)\n const [sharedLink, setSharedLink] = React.useState(false)\n\n const copyTracking = () => {\n navigator.clipboard?.writeText('TRK-98421094')\n setCopiedTracking(true)\n setTimeout(() => {\n setCopiedTracking(false)\n }, 2000)\n }\n\n const copyGps = () => {\n navigator.clipboard?.writeText('34.0522°N, 118.2437°W')\n setCopiedGps(true)\n setTimeout(() => {\n setCopiedGps(false)\n }, 2000)\n }\n\n const copyHash = () => {\n navigator.clipboard?.writeText('7f83b1657ff1fc53b92dc18148a1d65dfc2d4b1fa3d677284addd200126d9069')\n setCopiedHash(true)\n setTimeout(() => {\n setCopiedHash(false)\n }, 2000)\n }\n\n const handleShare = () => {\n navigator.clipboard?.writeText('https://uipkge.dev/epod/TRK-98421094')\n setSharedLink(true)\n setTimeout(() => {\n setSharedLink(false)\n }, 2000)\n }\n\n return (\n
\n {/* Header Card */}\n \n \n
\n
\n \n \n ePOD Receipt\n \n
\n \n \n \n \n Delivered · Signed & Verified\n
\n
\n\n
\n

\n Electronic Proof of Delivery (ePOD)\n

\n
\n Tracking Number:\n \n #TRK-98421094\n {copiedTracking ? (\n \n ) : (\n \n )}\n \n Aug 21, 2026 at 14:32:08 PST\n
\n
\n
\n\n {/* Action Buttons */}\n
\n \n \n
\n \n \n\n {/* 2-Column Delivery Verification Grid */}\n
\n {/* Left Column: Visual Proof & Electronic Signatures (lg:col-span-6) */}\n
\n {/* Drop-off Photo Card */}\n \n \n
\n
\n \n Drop-off Photo Verification\n
\n \n Front Porch / Secure Entry\n \n
\n Photographic proof of drop-off captured at consignee doorstep\n \n\n \n {/* Delivery Photo Container with Viewfinder and HUD overlay */}\n
\n {/* Photographic Canvas Composition */}\n
\n {/* Porch Perspective & Doorstep Elements */}\n \n {/* Background Architectural Siding & Wall */}\n \n \n \n \n \n\n {/* Doorframe & Entry Siding */}\n \n \n \n\n {/* Porch Slate Flooring Horizon */}\n \n \n \n \n\n {/* Floor Plank Angles */}\n \n \n \n\n {/* Woven Door Mat */}\n \n \n \n\n {/* Package Shadow */}\n \n\n {/* 3D Cardboard Package Box */}\n {/* Box Front Face */}\n \n {/* Box Top Face */}\n \n {/* Box Right Face */}\n \n\n {/* Sealing Tape Across Top & Front */}\n \n \n\n {/* White Shipping Label on Box Front */}\n \n \n \n {/* Barcode on Label */}\n \n \n \n \n \n \n \n \n \n\n {/* Fragile / Express Stamp */}\n \n \n \n
\n\n {/* Camera Viewfinder Overlay Reticles */}\n
\n {/* Top-Left Corner */}\n
\n {/* Top-Right Corner */}\n
\n {/* Bottom-Left Corner */}\n
\n {/* Bottom-Right Corner */}\n
\n {/* Center Target Crosshair */}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n {/* Top Telemetry Pill */}\n
\n \n OPTICAL PROOF CAPTURED\n
\n\n {/* Bottom Geostamp HUD Banner */}\n
\n
\n
\n
\n \n \n 34.0522°N, 118.2437°W · Accurate to 3m\n \n
\n

\n Springfield, OR · Geofence Validated (0.8m delta)\n

\n
\n
\n \n Zebra TC57x\n \n 14:32:08 PST\n
\n
\n
\n
\n\n {/* Photo Metadata Breakdown */}\n
\n
\n

Capture Time

\n

14:32:08 PST

\n
\n
\n

Camera Sensor

\n

13 MP AutoFocus

\n
\n
\n

Geofence Delta

\n

0.8m radius

\n
\n
\n

Integrity Stamp

\n

SHA-256 Valid

\n
\n
\n \n \n\n {/* Customer Electronic Signature Card */}\n \n \n
\n
\n \n Customer Electronic Signature\n
\n \n \n ID Verified\n \n
\n \n Legally binding digital acceptance recorded via courier handheld terminal\n \n \n\n \n {/* Digital Signature Lined Canvas Readout */}\n
\n {/* Security Watermark Background */}\n
\n \n VERIFIED DIGITAL SIGNATURE • EPOD-#98421094\n \n
\n\n {/* Signature SVG Canvas */}\n
\n \n {/* Natural Cursive Handwritten Signature Path: Elena Rostova */}\n \n {/* Flourish Underline */}\n \n \n
\n\n {/* Signer Line Marker */}\n
\n ✕ Signer Baseline\n ● Digitally Encrypted\n
\n
\n\n {/* Signer Audit Metadata */}\n
\n
\n Received By\n Elena Rostova\n
\n \n
\n Signer Identity\n Direct Consignee (Government ID Verified)\n
\n \n
\n Timestamp\n Aug 21, 2026 at 14:32:08 PST\n
\n \n
\n Capture Method\n Capacitive Stylus · Terminal #SCAN-842\n
\n \n
\n Cryptographic Seal\n \n SHA-256: 7f83b1...126d9069\n {copiedHash ? (\n \n ) : (\n \n )}\n \n
\n
\n \n \n
\n\n {/* Right Column: Delivery Address, Courier Metadata, & Package Manifest (lg:col-span-6) */}\n
\n {/* Delivery Address & Locker Card */}\n \n \n
\n
\n \n Delivery Destination\n
\n \n Residential\n \n
\n \n\n \n
\n

Elena Rostova

\n

742 Evergreen Terrace, Apt 4B

\n

Springfield, OR 97477

\n

United States • +1 (555) 839-2041

\n
\n\n {/* Delivery Instructions Callout */}\n
\n \n
\n

Delivery Instruction Recorded:

\n

\"Left inside package locker #4B\"

\n

Electronic latch verified locked at 14:32 PST.

\n
\n
\n \n \n\n {/* Courier & Vehicle Metadata Card */}\n \n \n
\n
\n \n Courier & Vehicle Metadata\n
\n \n FedEx Express Priority\n \n
\n \n\n \n {/* Driver Profile Row */}\n
\n
\n \n DC\n \n
\n

David Chen

\n

Van #204 · Ford Transit 350

\n
\n
\n \n Rating: 4.99 ★\n \n
\n\n \n\n {/* Dispatch & Terminal Grid */}\n
\n
\n Carrier Service\n

FedEx Express Priority

\n
\n
\n Handheld Terminal ID\n

#SCAN-842

\n
\n
\n Dispatch Hub\n

Pacific NW Hub (PDX-04)

\n
\n
\n Route & Sequence\n

RTE-NW-084 · Stop #42

\n
\n
\n \n \n\n {/* Package Manifest Table Card */}\n \n \n
\n
\n \n Package Manifest\n
\n \n 2 Items · 1 Parcel\n \n
\n Itemized manifest details and physical cargo specifications\n \n\n \n {/* Manifest Table */}\n
\n
\n \n \n \n Item Description\n SKU / Ref\n Qty\n Weight\n \n \n \n \n \n Pro Wireless Studio Headphones X9\n \n SKU-AUD-9821\n \n 1\n \n \n 5.6 lbs\n \n \n \n \n Braided Balanced XLR Cable (Pair, 3m)\n \n SKU-CBL-4482\n \n 1\n \n \n 2.8 lbs\n \n \n \n
\n
\n
\n\n {/* Physical Specs Summary Grid */}\n
\n
\n Total Weight\n

8.4 lbs (3.81 kg)

\n
\n
\n Dimensions\n

14\" × 10\" × 6\"

\n
\n
\n Handling\n

Fragile Express

\n
\n
\n Tamper Seal\n

#SEAL-9842

\n
\n
\n \n \n
\n
\n\n {/* Security & Chain of Custody Audit Strip */}\n \n \n
\n \n Chain of Custody Verified · Cryptographically Timestamped & Geofence Locked\n
\n
\n GPS Lock:\n \n 34.0522°N, 118.2437°W\n {copiedGps ? (\n \n ) : (\n \n )}\n \n
\n \n \n
\n )\n}\n\nexport default DeliveryProofCard\n", "type": "registry:block", "target": "~/components/blocks/DeliveryProofCard.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/avatar.json", "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/separator.json", "https://uipkge.dev/r/react/table.json" ], "description": "Last-mile Electronic Proof of Delivery (ePOD) receipt featuring customer signature canvas readout, high-contrast drop-off photo with GPS geostamp HUD overlay, recipient & courier metadata, and itemized package manifest.", "categories": [ "logistics", "app", "ecommerce" ] }