@mohasinac/appkit 2.7.36 → 2.7.37

package/dist/_internal/client/features/layout/DashboardLayoutClient.js

@@ -91,5 +91,5 @@ export function DashboardLayoutClient({ variant, groups, permissions, activeHref
     const adminGroups = variant === "admin"
         ? filteredGroups
         : groups;
-    return (_jsxs(_Fragment, { children: [variant === "admin" && (_jsx(AdminSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, activePath: activeHref, groups: adminGroups, onCloseMobile: close, onToggle: toggle, className: className })), variant === "store" && (_jsx(StoreSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, activeHref: activeHref, items: [], groups: filteredGroups, onCloseMobile: close, onToggle: toggle, className: className })), variant === "user" && (_jsx(UserSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, items: filteredGroups.flatMap((g) => g.items), groups: filteredGroups, onCloseMobile: close, onToggle: toggle, className: className })), _jsx("div", { className: "w-full px-4 py-8 md:pl-7 md:pr-6 lg:pl-8 lg:pr-8 min-h-[calc(100dvh-var(--header-height,3.5rem))]", children: children })] }));
+    return (_jsxs(_Fragment, { children: [variant === "admin" && (_jsx(AdminSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, activePath: activeHref, groups: adminGroups, onCloseMobile: close, onToggle: toggle, className: className })), variant === "store" && (_jsx(StoreSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, activeHref: activeHref, items: [], groups: filteredGroups, onCloseMobile: close, onToggle: toggle, className: className })), variant === "user" && (_jsx(UserSidebar, { variant: "sidebar", desktopOpen: desktopOpen, mobileOpen: mobileOpen, items: filteredGroups.flatMap((g) => g.items), groups: filteredGroups, onCloseMobile: close, onToggle: toggle, className: className })), _jsx("div", { className: "w-full px-5 py-8 md:pl-10 md:pr-6 lg:pl-11 lg:pr-8 min-h-[calc(100dvh-var(--header-height,3.5rem))]", children: children })] }));
 }

package/dist/_internal/client/features/seller/print-center/InventoryLabel.d.ts

@@ -0,0 +1,12 @@
+import type { ProductItem } from "../../../../../features/products/types";
+import type { LabelDesign } from "./types";
+interface InventoryLabelProps {
+    product: ProductItem;
+    publicBaseUrl: string;
+    design: LabelDesign;
+    qrDataUrl?: string;
+    barcodeDataUrl?: string;
+    brandName?: string;
+}
+export declare function InventoryLabel({ product, design, qrDataUrl, barcodeDataUrl, brandName }: InventoryLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/InventoryLabel.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getListingBadge(product) {
+    const lt = product.listingType;
+    if (lt === "auction") {
+        const sub = product.auctionEndDate
+            ? `Ends ${new Date(product.auctionEndDate).toLocaleDateString("en-IN")}`
+            : undefined;
+        return { label: "AUCTION", sub };
+    }
+    if (lt === "pre-order") {
+        const sub = product.preOrderDeliveryDate
+            ? `Expected ${new Date(product.preOrderDeliveryDate).toLocaleDateString("en-IN")}`
+            : undefined;
+        return { label: "PRE-ORDER", sub };
+    }
+    if (lt === "prize-draw")
+        return { label: "PRIZE DRAW" };
+    return null;
+}
+export function InventoryLabel({ product, design, qrDataUrl, barcodeDataUrl, brandName = "" }) {
+    const { size, show, colorScheme } = design;
+    const isDark = colorScheme === "dark";
+    const bg = isDark ? "#1a1a1a" : "#ffffff";
+    const fg = isDark ? "#f5f5f5" : "#111111";
+    const muted = isDark ? "#999999" : "#666666";
+    const border = isDark ? "#333333" : "#e5e5e5";
+    const badge = show.listingTypeBadge ? getListingBadge(product) : null;
+    const loc = product.physicalLocation;
+    const locStr = loc ? `${loc.zone} / ${loc.shelf} / ${loc.bin}` : null;
+    const priceStr = product.price != null ? `₹${(product.price / 100).toFixed(2)}` : null;
+    return (_jsxs("div", { style: {
+            width: `${size.widthMm}mm`,
+            height: `${size.heightMm}mm`,
+            background: bg,
+            color: fg,
+            border: `1px solid ${border}`,
+            borderRadius: "2px",
+            padding: "2mm",
+            fontFamily: "monospace, sans-serif",
+            fontSize: "7pt",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1mm",
+            overflow: "hidden",
+            boxSizing: "border-box",
+            pageBreakInside: "avoid",
+        }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [show.logo && brandName && (_jsx("span", { style: { fontWeight: 700, fontSize: "6pt", color: muted, letterSpacing: "0.05em" }, children: brandName })), badge && (_jsx("span", { style: { background: "#111", color: "#fff", fontSize: "5pt", fontWeight: 700, padding: "0.5mm 1.5mm", borderRadius: "1px", letterSpacing: "0.05em" }, children: badge.label }))] }), _jsx("div", { style: { fontWeight: 700, fontSize: "8pt", lineHeight: 1.2, flex: 1 }, children: product.title }), badge?.sub && _jsx("div", { style: { fontSize: "6pt", color: muted }, children: badge.sub }), (show.price || show.stock) && (_jsxs("div", { style: { display: "flex", gap: "3mm", alignItems: "center" }, children: [show.price && priceStr && _jsx("span", { style: { fontWeight: 700, fontSize: "8pt" }, children: priceStr }), show.stock && product.stockCount != null && (_jsxs("span", { style: { fontSize: "6pt", color: muted }, children: ["Qty: ", product.stockCount] })), product.condition && _jsx("span", { style: { fontSize: "6pt", color: muted }, children: product.condition })] })), show.location && locStr && _jsx("div", { style: { fontSize: "6pt", color: muted }, children: locStr }), (show.barcode || qrDataUrl) && (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", marginTop: "auto" }, children: [show.barcode && barcodeDataUrl && (_jsx("img", { src: barcodeDataUrl, alt: "barcode", style: { height: "8mm", maxWidth: "60%" } })), qrDataUrl && _jsx("img", { src: qrDataUrl, alt: "qr", style: { width: "10mm", height: "10mm" } })] })), _jsx("div", { style: { fontSize: "5pt", color: muted, textAlign: "center" }, children: product.id })] }));
+}

package/dist/_internal/client/features/seller/print-center/LabelDesignPicker.d.ts

@@ -0,0 +1,7 @@
+import { type LabelDesign } from "./types";
+interface LabelDesignPickerProps {
+    value: LabelDesign;
+    onChange: (design: LabelDesign) => void;
+}
+export declare function LabelDesignPicker({ value, onChange }: LabelDesignPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/LabelDesignPicker.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row } from "../../../../../ui/components/Layout";
+import { Button } from "../../../../../ui/components/Button";
+import { Input } from "../../../../../ui/components/Input";
+import { Text } from "../../../../../ui/components/Typography";
+import { LABEL_DESIGN_STORAGE_KEY } from "./types";
+const TEMPLATES = ["minimal", "detailed", "branded"];
+const SCHEMES = [
+    { value: "light", label: "Light" },
+    { value: "dark", label: "Dark" },
+    { value: "store-primary", label: "Brand" },
+];
+const SHOW_FIELDS = [
+    { key: "logo", label: "Logo" },
+    { key: "price", label: "Price" },
+    { key: "stock", label: "Stock" },
+    { key: "barcode", label: "Barcode" },
+    { key: "location", label: "Location" },
+    { key: "listingTypeBadge", label: "Type badge" },
+];
+export function LabelDesignPicker({ value, onChange }) {
+    const set = (key, val) => {
+        const next = { ...value, [key]: val };
+        onChange(next);
+        try {
+            localStorage.setItem(LABEL_DESIGN_STORAGE_KEY, JSON.stringify(next));
+        }
+        catch { /* noop */ }
+    };
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", padding: "16px" }, children: [_jsxs(_Fragment, { children: [_jsx(Text, { variant: "muted", style: { fontSize: "11px", fontWeight: 600, marginBottom: "6px", display: "block" }, children: "Template" }), _jsx(Row, { gap: "xs", children: TEMPLATES.map(t => (_jsx(Button, { variant: value.template === t ? "primary" : "outline", size: "sm", onClick: () => set("template", t), children: t.charAt(0).toUpperCase() + t.slice(1) }, t))) })] }), _jsxs(_Fragment, { children: [_jsx(Text, { variant: "muted", style: { fontSize: "11px", fontWeight: 600, marginBottom: "6px", display: "block" }, children: "Color" }), _jsx(Row, { gap: "xs", children: SCHEMES.map(s => (_jsx(Button, { variant: value.colorScheme === s.value ? "primary" : "outline", size: "sm", onClick: () => set("colorScheme", s.value), children: s.label }, s.value))) })] }), _jsxs(_Fragment, { children: [_jsx(Text, { variant: "muted", style: { fontSize: "11px", fontWeight: 600, marginBottom: "6px", display: "block" }, children: "Size (mm)" }), _jsxs(Row, { gap: "sm", children: [_jsx(Input, { label: "W", type: "number", value: value.size.widthMm, onChange: e => set("size", { ...value.size, widthMm: Number(e.target.value) }), style: { width: "70px" } }), _jsx(Input, { label: "H", type: "number", value: value.size.heightMm, onChange: e => set("size", { ...value.size, heightMm: Number(e.target.value) }), style: { width: "70px" } })] })] }), _jsxs(_Fragment, { children: [_jsx(Text, { variant: "muted", style: { fontSize: "11px", fontWeight: 600, marginBottom: "6px", display: "block" }, children: "Show" }), _jsx("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "4px" }, children: SHOW_FIELDS.map(f => (_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "6px", cursor: "pointer", fontSize: "12px" }, children: [_jsx("input", { type: "checkbox", checked: value.show[f.key], onChange: e => set("show", { ...value.show, [f.key]: e.target.checked }) }), f.label] }, f.key))) })] })] }));
+}

package/dist/_internal/client/features/seller/print-center/OrderPackingLabel.d.ts

@@ -0,0 +1,28 @@
+import type { LabelDesign } from "./types";
+export interface OrderForLabel {
+    id: string;
+    createdAt?: string;
+    status?: string;
+    buyerDisplayName?: string;
+    buyerCity?: string;
+    items: {
+        productName: string;
+        quantity: number;
+        price: number;
+    }[];
+    physicalLocation?: {
+        zone: string;
+        shelf: string;
+        bin: string;
+    };
+}
+interface OrderPackingLabelProps {
+    order: OrderForLabel;
+    storeBaseUrl: string;
+    design: LabelDesign;
+    qrDataUrl?: string;
+    barcodeDataUrl?: string;
+    brandName?: string;
+}
+export declare function OrderPackingLabel({ order, design, qrDataUrl, barcodeDataUrl, brandName }: OrderPackingLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/OrderPackingLabel.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OrderPackingLabel({ order, design, qrDataUrl, barcodeDataUrl, brandName = "" }) {
+    const { size, show, colorScheme } = design;
+    const isDark = colorScheme === "dark";
+    const bg = isDark ? "#1a1a1a" : "#ffffff";
+    const fg = isDark ? "#f5f5f5" : "#111111";
+    const muted = isDark ? "#999999" : "#666666";
+    const border = isDark ? "#333333" : "#e5e5e5";
+    const MAX_ITEMS = 4;
+    const shownItems = order.items.slice(0, MAX_ITEMS);
+    const extraCount = order.items.length - MAX_ITEMS;
+    const loc = order.physicalLocation;
+    const locStr = loc ? `${loc.zone} / ${loc.shelf} / ${loc.bin}` : null;
+    const dateStr = order.createdAt ? new Date(order.createdAt).toLocaleDateString("en-IN") : "";
+    return (_jsxs("div", { style: {
+            width: `${size.widthMm}mm`,
+            height: `${size.heightMm}mm`,
+            background: bg,
+            color: fg,
+            border: `1px solid ${border}`,
+            borderRadius: "2px",
+            padding: "2mm",
+            fontFamily: "monospace, sans-serif",
+            fontSize: "7pt",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1mm",
+            overflow: "hidden",
+            boxSizing: "border-box",
+            pageBreakInside: "avoid",
+        }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [_jsx("span", { style: { fontWeight: 700, fontSize: "9pt", letterSpacing: "0.1em" }, children: "PACKING SLIP" }), show.logo && brandName && _jsx("span", { style: { fontSize: "6pt", color: muted }, children: brandName })] }), _jsx("div", { style: { fontWeight: 700, fontSize: "8pt" }, children: order.id }), _jsxs("div", { style: { fontSize: "6pt", color: muted }, children: [dateStr, order.status ? ` · ${order.status}` : ""] }), _jsxs("div", { style: { borderTop: `1px solid ${border}`, paddingTop: "1mm", flex: 1 }, children: [shownItems.map((item, i) => (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: "6pt", marginBottom: "0.5mm" }, children: [_jsxs("span", { style: { flex: 1, overflow: "hidden" }, children: ["x", item.quantity, " ", item.productName] }), _jsxs("span", { children: ["Rs.", (item.price / 100).toFixed(0)] })] }, i))), extraCount > 0 && _jsxs("div", { style: { fontSize: "6pt", color: muted }, children: ["+", extraCount, " more"] })] }), (order.buyerDisplayName || order.buyerCity) && (_jsxs("div", { style: { fontSize: "6pt" }, children: [order.buyerDisplayName?.split(" ")[0], order.buyerCity ? ` · ${order.buyerCity}` : ""] })), show.location && locStr && _jsxs("div", { style: { fontSize: "6pt", color: muted }, children: ["Stage: ", locStr] }), (show.barcode || qrDataUrl) && (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", marginTop: "auto" }, children: [show.barcode && barcodeDataUrl && (_jsx("img", { src: barcodeDataUrl, alt: "barcode", style: { height: "8mm", maxWidth: "65%" } })), qrDataUrl && _jsx("img", { src: qrDataUrl, alt: "qr", style: { width: "10mm", height: "10mm" } })] }))] }));
+}

package/dist/_internal/client/features/seller/print-center/PhysicalLocationModal.d.ts

@@ -0,0 +1,12 @@
+export interface PhysicalLocation {
+    zone: string;
+    shelf: string;
+    bin: string;
+}
+interface PhysicalLocationModalProps {
+    count: number;
+    onSave: (loc: PhysicalLocation) => Promise<void>;
+    onClose: () => void;
+}
+export declare function PhysicalLocationModal({ count, onSave, onClose }: PhysicalLocationModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/PhysicalLocationModal.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Modal } from "../../../../../ui/components/Modal";
+import { Input } from "../../../../../ui/components/Input";
+import { Button } from "../../../../../ui/components/Button";
+import { Row } from "../../../../../ui/components/Layout";
+import { Text } from "../../../../../ui/components/Typography";
+export function PhysicalLocationModal({ count, onSave, onClose }) {
+    const [zone, setZone] = useState("");
+    const [shelf, setShelf] = useState("");
+    const [bin, setBin] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState("");
+    const handleSave = async () => {
+        setSaving(true);
+        setError("");
+        try {
+            await onSave({ zone: zone.trim(), shelf: shelf.trim(), bin: bin.trim() });
+            onClose();
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Failed to save location");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(Modal, { isOpen: true, onClose: onClose, title: `Set Location — ${count} item${count !== 1 ? "s" : ""}`, size: "sm", actions: _jsxs(Row, { gap: "sm", justify: "end", children: [_jsx(Button, { variant: "ghost", onClick: onClose, disabled: saving, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleSave, disabled: saving, children: saving ? "Saving..." : "Save" })] }), children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx(Text, { variant: "muted", children: "Assign a physical storage location to the selected items. All fields are optional." }), _jsx(Input, { label: "Zone (e.g. A, B, Storage-1)", value: zone, onChange: e => setZone(e.target.value), placeholder: "A" }), _jsx(Input, { label: "Shelf (e.g. 3, Top, Middle)", value: shelf, onChange: e => setShelf(e.target.value), placeholder: "3" }), _jsx(Input, { label: "Bin (e.g. Blue, Box-12)", value: bin, onChange: e => setBin(e.target.value), placeholder: "Blue" }), error && _jsx(Text, { variant: "error", children: error })] }) }));
+}

package/dist/_internal/client/features/seller/print-center/PrintCenterView.d.ts

@@ -0,0 +1,12 @@
+import type { ProductItem } from "../../../../../features/products/types";
+import { type OrderForLabel } from "./OrderPackingLabel";
+import { type StoreForCard } from "./StoreCard";
+export interface PrintCenterViewProps {
+    store: StoreForCard | null;
+    publicBaseUrl: string;
+    isAdmin?: boolean;
+    initialProducts?: ProductItem[];
+    initialOrders?: OrderForLabel[];
+    brandName?: string;
+}
+export declare function PrintCenterView({ store, publicBaseUrl, isAdmin, initialProducts, initialOrders, brandName, }: PrintCenterViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/_internal/client/features/seller/print-center/PrintCenterView.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../../../../ui/components/Tabs";
+import { Button } from "../../../../../ui/components/Button";
+import { Input } from "../../../../../ui/components/Input";
+import { Text } from "../../../../../ui/components/Typography";
+import { Row } from "../../../../../ui/components/Layout";
+import { DEFAULT_PRODUCT_LABEL_DESIGN, DEFAULT_ORDER_LABEL_DESIGN, DEFAULT_CARD_DESIGN, LABEL_DESIGN_STORAGE_KEY, } from "./types";
+import { LabelDesignPicker } from "./LabelDesignPicker";
+import { PrintGrid } from "./PrintGrid";
+import { InventoryLabel } from "./InventoryLabel";
+import { OrderPackingLabel } from "./OrderPackingLabel";
+import { StoreCard } from "./StoreCard";
+import { WebsiteCard } from "./WebsiteCard";
+import { useInventoryPdf } from "./useInventoryPdf";
+function loadSavedDesign(def) {
+    try {
+        const raw = localStorage.getItem(LABEL_DESIGN_STORAGE_KEY);
+        if (raw)
+            return { ...def, ...JSON.parse(raw) };
+    }
+    catch { /* noop */ }
+    return def;
+}
+async function generateLabelData(id, qrUrl) {
+    try {
+        const [qrcode, jsbarcodeModule] = await Promise.all([
+            import("qrcode"),
+            import("jsbarcode"),
+        ]);
+        const JsBarcode = jsbarcodeModule.default;
+        const qrDataUrl = await qrcode.toDataURL(qrUrl, { width: 80, margin: 1 });
+        const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        JsBarcode(svg, id, { format: "CODE128", width: 1, height: 25, displayValue: false });
+        const barcodeDataUrl = "data:image/svg+xml;base64," + btoa(new XMLSerializer().serializeToString(svg));
+        return { qrDataUrl, barcodeDataUrl };
+    }
+    catch {
+        return {};
+    }
+}
+export function PrintCenterView({ store, publicBaseUrl, isAdmin = false, initialProducts = [], initialOrders = [], brandName = "", }) {
+    const [tab, setTab] = useState("products");
+    const [productDesign, setProductDesign] = useState(() => loadSavedDesign(DEFAULT_PRODUCT_LABEL_DESIGN));
+    const [orderDesign, setOrderDesign] = useState(DEFAULT_ORDER_LABEL_DESIGN);
+    const [cardDesign, setCardDesign] = useState(DEFAULT_CARD_DESIGN);
+    const [selectedProductIds, setSelectedProductIds] = useState(new Set());
+    const [selectedOrderIds, setSelectedOrderIds] = useState(new Set());
+    const [storeCardCopies, setStoreCardCopies] = useState(1);
+    const [websiteCardCopies, setWebsiteCardCopies] = useState(1);
+    const [labelCache, setLabelCache] = useState({});
+    const [showGrid, setShowGrid] = useState(false);
+    const [printMode, setPrintMode] = useState("products");
+    const selectedProducts = initialProducts.filter(p => selectedProductIds.has(p.id));
+    const selectedOrders = initialOrders.filter(o => selectedOrderIds.has(o.id));
+    useEffect(() => {
+        const items = [
+            ...initialProducts.map(p => ({ id: p.id, url: `${publicBaseUrl}/products/${p.id}` })),
+            ...initialOrders.map(o => ({ id: o.id, url: `${publicBaseUrl}/store/orders/${o.id}/view` })),
+            ...(store ? [{ id: store.id, url: `${publicBaseUrl}/stores/${store.id}` }] : []),
+        ];
+        for (const item of items) {
+            if (labelCache[item.id])
+                continue;
+            generateLabelData(item.id, item.url).then(data => setLabelCache(prev => ({ ...prev, [item.id]: data })));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialProducts.length, initialOrders.length, store?.id, publicBaseUrl]);
+    const { downloadPdf: dlProducts, isGenerating: genProducts } = useInventoryPdf({ products: selectedProducts, design: productDesign, publicBaseUrl, brandName });
+    const { downloadPdf: dlOrders, isGenerating: genOrders } = useInventoryPdf({ orders: selectedOrders, design: orderDesign, publicBaseUrl, brandName });
+    const { downloadPdf: dlStore, isGenerating: genStore } = useInventoryPdf({ storeCards: store ? Array(storeCardCopies).fill(store) : [], design: cardDesign, publicBaseUrl, brandName });
+    const { downloadPdf: dlWebsite, isGenerating: genWebsite } = useInventoryPdf({ websiteCards: store ? Array(websiteCardCopies).fill(store) : [], design: cardDesign, publicBaseUrl, brandName });
+    const toggleProduct = useCallback((id) => {
+        setSelectedProductIds(prev => { const s = new Set(prev); if (s.has(id))
+            s.delete(id);
+        else
+            s.add(id); return s; });
+    }, []);
+    const toggleOrder = useCallback((id) => {
+        setSelectedOrderIds(prev => { const s = new Set(prev); if (s.has(id))
+            s.delete(id);
+        else
+            s.add(id); return s; });
+    }, []);
+    if (showGrid && printMode === "products") {
+        return _jsx(PrintGrid, { items: selectedProducts.map(p => _jsx(InventoryLabel, { product: p, publicBaseUrl: publicBaseUrl, design: productDesign, qrDataUrl: labelCache[p.id]?.qrDataUrl, barcodeDataUrl: labelCache[p.id]?.barcodeDataUrl }, p.id)), columns: 4, onBack: () => setShowGrid(false), onDownloadPdf: dlProducts, isGeneratingPdf: genProducts });
+    }
+    if (showGrid && printMode === "orders") {
+        return _jsx(PrintGrid, { items: selectedOrders.map(o => _jsx(OrderPackingLabel, { order: o, storeBaseUrl: publicBaseUrl, design: orderDesign, qrDataUrl: labelCache[o.id]?.qrDataUrl, barcodeDataUrl: labelCache[o.id]?.barcodeDataUrl }, o.id)), columns: 4, onBack: () => setShowGrid(false), onDownloadPdf: dlOrders, isGeneratingPdf: genOrders });
+    }
+    if (showGrid && printMode === "store" && store) {
+        return _jsx(PrintGrid, { items: Array.from({ length: storeCardCopies }, (_, i) => _jsx(StoreCard, { store: store, publicBaseUrl: publicBaseUrl, design: cardDesign, qrDataUrl: labelCache[store.id]?.qrDataUrl, barcodeDataUrl: labelCache[store.id]?.barcodeDataUrl }, i)), columns: 4, onBack: () => setShowGrid(false), onDownloadPdf: dlStore, isGeneratingPdf: genStore });
+    }
+    if (showGrid && printMode === "website" && store) {
+        return _jsx(PrintGrid, { items: Array.from({ length: websiteCardCopies }, (_, i) => _jsx(WebsiteCard, { store: store, publicBaseUrl: publicBaseUrl, design: cardDesign, qrDataUrl: labelCache[store.id]?.qrDataUrl, brandName: brandName }, i)), columns: 4, onBack: () => setShowGrid(false), onDownloadPdf: dlWebsite, isGeneratingPdf: genWebsite });
+    }
+    const PANEL_STYLE = { border: "1px solid #e5e7eb", borderRadius: "6px", overflow: "hidden" };
+    const PANEL_HEAD = { padding: "12px", borderBottom: "1px solid #e5e7eb", fontWeight: 600, fontSize: "13px" };
+    const GRID_LAYOUT = { display: "grid", gridTemplateColumns: "1fr 280px", gap: "16px", marginTop: "16px" };
+    return (_jsxs("div", { style: { maxWidth: "960px" }, children: [isAdmin && (_jsxs("div", { style: { marginBottom: "16px", padding: "12px", background: "var(--appkit-color-primary, #6d28d9)", color: "#fff", borderRadius: "6px", fontSize: "13px" }, children: ["Admin mode \u2014 generating materials for: ", store?.storeName ?? "all stores"] })), _jsxs(Tabs, { value: tab, onChange: setTab, children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "products", children: "Product Labels" }), _jsx(TabsTrigger, { value: "orders", children: "Packing Slips" }), _jsx(TabsTrigger, { value: "store", children: "Store Cards" }), _jsx(TabsTrigger, { value: "website", children: "Website Cards" })] }), _jsx(TabsContent, { value: "products", children: _jsxs("div", { style: GRID_LAYOUT, children: [_jsxs("div", { style: { minWidth: 0 }, children: [_jsxs(Text, { variant: "muted", style: { marginBottom: "8px", display: "block" }, children: ["Select products (", selectedProductIds.size, " selected)"] }), _jsxs("div", { style: PANEL_STYLE, children: [initialProducts.length === 0 && (_jsx("div", { style: { padding: "24px", textAlign: "center", color: "#9ca3af" }, children: "No products loaded" })), initialProducts.map(p => (_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "10px", padding: "10px 14px", borderBottom: "1px solid #f3f4f6", cursor: "pointer", background: selectedProductIds.has(p.id) ? "#f5f3ff" : "#fff" }, children: [_jsx("input", { type: "checkbox", checked: selectedProductIds.has(p.id), onChange: () => toggleProduct(p.id) }), _jsx("span", { style: { flex: 1, fontSize: "13px", fontWeight: 500 }, children: p.title }), _jsx("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: p.listingType ?? "standard" }), p.physicalLocation && (_jsxs("span", { style: { fontSize: "11px", color: "#6b7280", background: "#f3f4f6", padding: "2px 6px", borderRadius: "4px" }, children: [p.physicalLocation.zone, "/", p.physicalLocation.shelf, "/", p.physicalLocation.bin] }))] }, p.id)))] }), initialProducts.length > 0 && (_jsxs(Row, { gap: "sm", style: { marginTop: "6px" }, children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSelectedProductIds(new Set(initialProducts.map(p => p.id))), children: "All" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSelectedProductIds(new Set()), children: "Clear" })] })), _jsxs(Row, { gap: "sm", style: { marginTop: "12px" }, children: [_jsxs(Button, { variant: "primary", disabled: selectedProductIds.size === 0, onClick: () => { setPrintMode("products"); setShowGrid(true); }, children: ["Print", selectedProductIds.size > 0 ? ` (${selectedProductIds.size})` : ""] }), _jsx(Button, { variant: "outline", disabled: selectedProductIds.size === 0 || genProducts, onClick: dlProducts, children: genProducts ? "Generating..." : "Download PDF" })] })] }), _jsxs("div", { style: PANEL_STYLE, children: [_jsx("div", { style: PANEL_HEAD, children: "Label Design" }), _jsx(LabelDesignPicker, { value: productDesign, onChange: setProductDesign })] })] }) }), _jsx(TabsContent, { value: "orders", children: _jsxs("div", { style: GRID_LAYOUT, children: [_jsxs("div", { style: { minWidth: 0 }, children: [_jsxs(Text, { variant: "muted", style: { marginBottom: "8px", display: "block" }, children: ["Select orders (", selectedOrderIds.size, " selected)"] }), _jsxs("div", { style: PANEL_STYLE, children: [initialOrders.length === 0 && (_jsx("div", { style: { padding: "24px", textAlign: "center", color: "#9ca3af" }, children: "No orders loaded" })), initialOrders.map(o => (_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "10px", padding: "10px 14px", borderBottom: "1px solid #f3f4f6", cursor: "pointer", background: selectedOrderIds.has(o.id) ? "#f5f3ff" : "#fff" }, children: [_jsx("input", { type: "checkbox", checked: selectedOrderIds.has(o.id), onChange: () => toggleOrder(o.id) }), _jsx("span", { style: { flex: 1, fontSize: "13px", fontWeight: 500 }, children: o.id }), _jsxs("span", { style: { fontSize: "11px", color: "#9ca3af" }, children: [o.items.length, " item", o.items.length !== 1 ? "s" : ""] })] }, o.id)))] }), initialOrders.length > 0 && (_jsxs(Row, { gap: "sm", style: { marginTop: "6px" }, children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSelectedOrderIds(new Set(initialOrders.map(o => o.id))), children: "All" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSelectedOrderIds(new Set()), children: "Clear" })] })), _jsxs(Row, { gap: "sm", style: { marginTop: "12px" }, children: [_jsxs(Button, { variant: "primary", disabled: selectedOrderIds.size === 0, onClick: () => { setPrintMode("orders"); setShowGrid(true); }, children: ["Print", selectedOrderIds.size > 0 ? ` (${selectedOrderIds.size})` : ""] }), _jsx(Button, { variant: "outline", disabled: selectedOrderIds.size === 0 || genOrders, onClick: dlOrders, children: genOrders ? "Generating..." : "Download PDF" })] })] }), _jsxs("div", { style: PANEL_STYLE, children: [_jsx("div", { style: PANEL_HEAD, children: "Label Design" }), _jsx(LabelDesignPicker, { value: orderDesign, onChange: setOrderDesign })] })] }) }), _jsx(TabsContent, { value: "store", children: _jsxs("div", { style: GRID_LAYOUT, children: [_jsx("div", { style: { minWidth: 0 }, children: !store ? (_jsx(Text, { variant: "muted", children: "No store data available." })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { variant: "muted", style: { marginBottom: "12px", display: "block" }, children: ["Business cards for ", _jsx("strong", { children: store.storeName })] }), _jsxs(Row, { gap: "sm", style: { alignItems: "center", marginBottom: "16px" }, children: [_jsx("span", { style: { fontSize: "13px", fontWeight: 500 }, children: "Copies:" }), _jsx(Input, { type: "number", value: storeCardCopies, onChange: e => setStoreCardCopies(Math.max(1, Math.min(100, Number(e.target.value)))), style: { width: "80px" } })] }), _jsx("div", { style: { marginBottom: "16px" }, children: _jsx(StoreCard, { store: store, publicBaseUrl: publicBaseUrl, design: cardDesign, qrDataUrl: labelCache[store.id]?.qrDataUrl, barcodeDataUrl: labelCache[store.id]?.barcodeDataUrl }) }), _jsxs(Row, { gap: "sm", children: [_jsxs(Button, { variant: "primary", onClick: () => { setPrintMode("store"); setShowGrid(true); }, children: ["Print ", storeCardCopies, " card", storeCardCopies !== 1 ? "s" : ""] }), _jsx(Button, { variant: "outline", disabled: genStore, onClick: dlStore, children: genStore ? "Generating..." : "Download PDF" })] })] })) }), _jsxs("div", { style: PANEL_STYLE, children: [_jsx("div", { style: PANEL_HEAD, children: "Card Design" }), _jsx(LabelDesignPicker, { value: cardDesign, onChange: setCardDesign })] })] }) }), _jsx(TabsContent, { value: "website", children: _jsxs("div", { style: GRID_LAYOUT, children: [_jsx("div", { style: { minWidth: 0 }, children: !store ? (_jsx(Text, { variant: "muted", children: "No store data available." })) : (_jsxs(_Fragment, { children: [_jsx(Text, { variant: "muted", style: { marginBottom: "12px", display: "block" }, children: "Promotional cards to hand out at physical stalls and events." }), _jsxs(Row, { gap: "sm", style: { alignItems: "center", marginBottom: "16px" }, children: [_jsx("span", { style: { fontSize: "13px", fontWeight: 500 }, children: "Copies:" }), _jsx(Input, { type: "number", value: websiteCardCopies, onChange: e => setWebsiteCardCopies(Math.max(1, Math.min(100, Number(e.target.value)))), style: { width: "80px" } })] }), _jsx("div", { style: { marginBottom: "16px" }, children: _jsx(WebsiteCard, { store: store, publicBaseUrl: publicBaseUrl, design: cardDesign, qrDataUrl: labelCache[store.id]?.qrDataUrl, brandName: brandName }) }), _jsxs(Row, { gap: "sm", children: [_jsxs(Button, { variant: "primary", onClick: () => { setPrintMode("website"); setShowGrid(true); }, children: ["Print ", websiteCardCopies, " card", websiteCardCopies !== 1 ? "s" : ""] }), _jsx(Button, { variant: "outline", disabled: genWebsite, onClick: dlWebsite, children: genWebsite ? "Generating..." : "Download PDF" })] })] })) }), _jsxs("div", { style: PANEL_STYLE, children: [_jsx("div", { style: PANEL_HEAD, children: "Card Design" }), _jsx(LabelDesignPicker, { value: cardDesign, onChange: setCardDesign })] })] }) })] })] }));
+}

package/dist/_internal/client/features/seller/print-center/PrintGrid.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface PrintGridProps {
+    items: React.ReactNode[];
+    columns?: 2 | 4;
+    pageSize?: "A4" | "Letter" | "Label";
+    autoprint?: boolean;
+    onBack?: () => void;
+    onDownloadPdf?: () => void;
+    isGeneratingPdf?: boolean;
+}
+export declare function PrintGrid({ items, columns, autoprint, onBack, onDownloadPdf, isGeneratingPdf }: PrintGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/PrintGrid.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Button } from "../../../../../ui/components/Button";
+export function PrintGrid({ items, columns = 4, autoprint = false, onBack, onDownloadPdf, isGeneratingPdf = false }) {
+    useEffect(() => {
+        if (!autoprint || items.length === 0)
+            return;
+        const t = setTimeout(() => window.print(), 500);
+        return () => clearTimeout(t);
+    }, [autoprint, items.length]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "appkit-print-hide", style: { display: "flex", gap: "8px", marginBottom: "16px", alignItems: "center" }, children: [onBack && _jsx(Button, { variant: "ghost", onClick: onBack, children: "Back" }), _jsx(Button, { variant: "outline", onClick: () => window.print(), children: "Print" }), onDownloadPdf && (_jsx(Button, { variant: "primary", onClick: onDownloadPdf, disabled: isGeneratingPdf, children: isGeneratingPdf ? "Generating..." : "Download PDF" }))] }), _jsx("style", { children: `@media print { .appkit-print-hide { display: none !important; } body { margin: 0; } }` }), _jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, auto)`, gap: "4mm", justifyContent: "start" }, children: items.map((item, i) => (_jsx("div", { style: { pageBreakInside: "avoid" }, children: item }, i))) })] }));
+}

package/dist/_internal/client/features/seller/print-center/StoreCard.d.ts

@@ -0,0 +1,19 @@
+import type { LabelDesign } from "./types";
+export interface StoreForCard {
+    id: string;
+    storeName: string;
+    storeDescription?: string;
+    storeLogoURL?: string;
+    storeCategory?: string;
+    primaryAddress?: string;
+}
+interface StoreCardProps {
+    store: StoreForCard;
+    publicBaseUrl: string;
+    design: LabelDesign;
+    qrDataUrl?: string;
+    barcodeDataUrl?: string;
+    brandName?: string;
+}
+export declare function StoreCard({ store, publicBaseUrl, design, qrDataUrl, barcodeDataUrl, brandName }: StoreCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/StoreCard.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function StoreCard({ store, publicBaseUrl, design, qrDataUrl, barcodeDataUrl, brandName }) {
+    const { size, show, colorScheme } = design;
+    const isDark = colorScheme === "dark";
+    const bg = isDark ? "#1a1a1a" : "#ffffff";
+    const fg = isDark ? "#f5f5f5" : "#111111";
+    const muted = isDark ? "#999999" : "#666666";
+    const border = isDark ? "#333333" : "#e5e5e5";
+    const desc = store.storeDescription
+        ? store.storeDescription.slice(0, 80) + (store.storeDescription.length > 80 ? "..." : "")
+        : null;
+    return (_jsxs("div", { style: {
+            width: `${size.widthMm}mm`,
+            height: `${size.heightMm}mm`,
+            background: bg,
+            color: fg,
+            border: `1px solid ${border}`,
+            borderRadius: "3px",
+            padding: "3mm",
+            fontFamily: "sans-serif",
+            fontSize: "7pt",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1.5mm",
+            overflow: "hidden",
+            boxSizing: "border-box",
+            pageBreakInside: "avoid",
+        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2mm" }, children: [show.logo && store.storeLogoURL && (_jsx("img", { src: store.storeLogoURL, alt: store.storeName, style: { width: "8mm", height: "8mm", borderRadius: "2px", objectFit: "cover" } })), _jsxs(_Fragment, { children: [_jsx("div", { style: { fontWeight: 700, fontSize: "9pt" }, children: store.storeName }), store.storeCategory && _jsx("div", { style: { fontSize: "6pt", color: muted }, children: store.storeCategory })] })] }), desc && _jsx("div", { style: { fontSize: "6pt", color: muted, flex: 1 }, children: desc }), store.primaryAddress && _jsx("div", { style: { fontSize: "6pt", color: muted }, children: store.primaryAddress }), (show.barcode || qrDataUrl) && (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", marginTop: "auto" }, children: [show.barcode && barcodeDataUrl && (_jsx("img", { src: barcodeDataUrl, alt: "barcode", style: { height: "7mm", maxWidth: "55%" } })), qrDataUrl && _jsx("img", { src: qrDataUrl, alt: "qr", style: { width: "12mm", height: "12mm" } })] })), brandName && (_jsxs("div", { style: { fontSize: "5pt", color: muted, textAlign: "center", borderTop: `1px solid ${border}`, paddingTop: "1mm" }, children: [brandName, " \u00B7 ", publicBaseUrl.replace(/^https?:\/\//, "")] }))] }));
+}

package/dist/_internal/client/features/seller/print-center/WebsiteCard.d.ts

@@ -0,0 +1,11 @@
+import type { StoreForCard } from "./StoreCard";
+import type { LabelDesign } from "./types";
+interface WebsiteCardProps {
+    store: StoreForCard;
+    publicBaseUrl: string;
+    design: LabelDesign;
+    qrDataUrl?: string;
+    brandName?: string;
+}
+export declare function WebsiteCard({ store, publicBaseUrl, design, qrDataUrl, brandName }: WebsiteCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/seller/print-center/WebsiteCard.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WebsiteCard({ store, publicBaseUrl, design, qrDataUrl, brandName = "" }) {
+    const { size, colorScheme } = design;
+    const isDark = colorScheme === "dark";
+    const bg = isDark ? "#2d1b69" : "#6d28d9";
+    return (_jsxs("div", { style: {
+            width: `${size.widthMm}mm`,
+            height: `${size.heightMm}mm`,
+            background: bg,
+            color: "#ffffff",
+            borderRadius: "3px",
+            padding: "3mm",
+            fontFamily: "sans-serif",
+            fontSize: "7pt",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "space-between",
+            overflow: "hidden",
+            boxSizing: "border-box",
+            pageBreakInside: "avoid",
+            textAlign: "center",
+        }, children: [brandName && _jsx("div", { style: { fontWeight: 800, fontSize: "11pt", letterSpacing: "0.05em" }, children: brandName }), qrDataUrl && (_jsx("img", { src: qrDataUrl, alt: "qr", style: { width: "16mm", height: "16mm", background: "#fff", padding: "1mm", borderRadius: "2px" } })), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: "8pt", fontWeight: 600 }, children: "Scan to shop" }), _jsxs("div", { style: { fontSize: "6pt", color: "rgba(255,255,255,0.75)" }, children: [store.storeName, brandName ? ` on ${brandName}` : ""] }), _jsx("div", { style: { fontSize: "5pt", color: "rgba(255,255,255,0.55)", marginTop: "0.5mm" }, children: publicBaseUrl.replace(/^https?:\/\//, "") })] })] }));
+}

package/dist/_internal/client/features/seller/print-center/index.d.ts

@@ -0,0 +1,11 @@
+export { InventoryLabel } from "./InventoryLabel";
+export { OrderPackingLabel, type OrderForLabel } from "./OrderPackingLabel";
+export { StoreCard } from "./StoreCard";
+export { WebsiteCard } from "./WebsiteCard";
+export { LabelDesignPicker } from "./LabelDesignPicker";
+export { PrintGrid } from "./PrintGrid";
+export { PhysicalLocationModal } from "./PhysicalLocationModal";
+export { PrintCenterView } from "./PrintCenterView";
+export { useInventoryPdf } from "./useInventoryPdf";
+export type { LabelDesign } from "./types";
+export { DEFAULT_PRODUCT_LABEL_DESIGN, DEFAULT_ORDER_LABEL_DESIGN, DEFAULT_CARD_DESIGN, LABEL_DESIGN_STORAGE_KEY, } from "./types";

package/dist/_internal/client/features/seller/print-center/index.js

@@ -0,0 +1,10 @@
+export { InventoryLabel } from "./InventoryLabel";
+export { OrderPackingLabel } from "./OrderPackingLabel";
+export { StoreCard } from "./StoreCard";
+export { WebsiteCard } from "./WebsiteCard";
+export { LabelDesignPicker } from "./LabelDesignPicker";
+export { PrintGrid } from "./PrintGrid";
+export { PhysicalLocationModal } from "./PhysicalLocationModal";
+export { PrintCenterView } from "./PrintCenterView";
+export { useInventoryPdf } from "./useInventoryPdf";
+export { DEFAULT_PRODUCT_LABEL_DESIGN, DEFAULT_ORDER_LABEL_DESIGN, DEFAULT_CARD_DESIGN, LABEL_DESIGN_STORAGE_KEY, } from "./types";

package/dist/_internal/client/features/seller/print-center/types.d.ts

@@ -0,0 +1,20 @@
+export interface LabelDesign {
+    template: "minimal" | "detailed" | "branded";
+    colorScheme: "light" | "dark" | "store-primary";
+    size: {
+        widthMm: number;
+        heightMm: number;
+    };
+    show: {
+        logo: boolean;
+        price: boolean;
+        stock: boolean;
+        barcode: boolean;
+        location: boolean;
+        listingTypeBadge: boolean;
+    };
+}
+export declare const LABEL_DESIGN_STORAGE_KEY = "print-center:label-design";
+export declare const DEFAULT_PRODUCT_LABEL_DESIGN: LabelDesign;
+export declare const DEFAULT_ORDER_LABEL_DESIGN: LabelDesign;
+export declare const DEFAULT_CARD_DESIGN: LabelDesign;

package/dist/_internal/client/features/seller/print-center/types.js

@@ -0,0 +1,20 @@
+"use client";
+export const LABEL_DESIGN_STORAGE_KEY = "print-center:label-design";
+export const DEFAULT_PRODUCT_LABEL_DESIGN = {
+    template: "detailed",
+    colorScheme: "light",
+    size: { widthMm: 62, heightMm: 38 },
+    show: { logo: true, price: true, stock: true, barcode: true, location: true, listingTypeBadge: true },
+};
+export const DEFAULT_ORDER_LABEL_DESIGN = {
+    template: "detailed",
+    colorScheme: "light",
+    size: { widthMm: 100, heightMm: 70 },
+    show: { logo: true, price: false, stock: false, barcode: true, location: true, listingTypeBadge: false },
+};
+export const DEFAULT_CARD_DESIGN = {
+    template: "branded",
+    colorScheme: "light",
+    size: { widthMm: 85, heightMm: 54 },
+    show: { logo: true, price: false, stock: false, barcode: true, location: false, listingTypeBadge: false },
+};

package/dist/_internal/client/features/seller/print-center/useInventoryPdf.d.ts

@@ -0,0 +1,18 @@
+import type { ProductItem } from "../../../../../features/products/types";
+import type { OrderForLabel } from "./OrderPackingLabel";
+import type { StoreForCard } from "./StoreCard";
+import type { LabelDesign } from "./types";
+interface UseInventoryPdfOptions {
+    products?: ProductItem[];
+    orders?: OrderForLabel[];
+    storeCards?: StoreForCard[];
+    websiteCards?: StoreForCard[];
+    design: LabelDesign;
+    publicBaseUrl: string;
+    brandName?: string;
+}
+export declare function useInventoryPdf({ products, orders, storeCards, websiteCards, design, publicBaseUrl, brandName, }: UseInventoryPdfOptions): {
+    downloadPdf: () => Promise<void>;
+    isGenerating: boolean;
+};
+export {};