@mohasinac/appkit 4.9.5 → 4.11.0

package/dist/features/digital-codes/components/DigitalCodesIndexListing.js

@@ -1,114 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { useProducts } from "../../products/hooks/useProducts";
-import { BulkActionBar, Div, FilterDrawer, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, Text, useToast, StickyToolbar } from "../../../ui";
-import { usePendingTable } from "../../../react/hooks/usePendingTable";
-import { useAuthGate } from "../../../react/hooks/useAuthGate";
-import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
-import { pushWishlistOp } from "../../cart/utils/pending-ops";
-import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree";
-import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
-import { sortBy } from "../../../constants/sort";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { ROUTES } from "../../../next";
-import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
-import { DigitalCodeFilters } from "./DigitalCodeFilters";
-import { ACTION_ID } from "../../products/constants/action-defs";
-import { useBottomActions } from "../../layout";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-const SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
-const FILTER_KEYS = [
-    TABLE_KEYS.CATEGORY,
-    TABLE_KEYS.DELIVERY_METHOD,
-    TABLE_KEYS.MIN_PRICE,
-    TABLE_KEYS.MAX_PRICE,
-];
-export function DigitalCodesIndexListing({ initialData }) {
-    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
-    const { showToast } = useToast();
-    const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
-    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
-    const localWishlist = useGuestWishlist();
-    const { categories } = useCategoryTree();
-    const categoryOptions = categoriesToFacetOptions(categories);
-    const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "digital-code").map((i) => i.itemId));
-    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
-    const openFilters = useCallback(() => {
-        onFilterReset();
-        setFilterOpen(true);
-    }, [onFilterReset]);
-    const applyFilters = useCallback(() => {
-        onFilterApply();
-        setFilterOpen(false);
-    }, [onFilterApply]);
-    const resetAll = useCallback(() => {
-        onResetAll({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
-        setSearchInput("");
-    }, [onResetAll]);
-    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
-        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
-        filterActiveCount > 0;
-    const params = {
-        q: table.get(TABLE_KEYS.QUERY) || undefined,
-        category: table.get(TABLE_KEYS.CATEGORY) || undefined,
-        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
-        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
-        sort: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
-        page: table.getNumber(TABLE_KEYS.PAGE, 1),
-        perPage: table.getNumber(TABLE_KEYS.PAGE_SIZE, 24),
-        listingType: "digital-code",
-    };
-    const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
-    const commitSearch = useCallback(() => {
-        table.set(TABLE_KEYS.QUERY, searchInput.trim());
-    }, [searchInput, table]);
-    const selection = useBulkSelection({ items: products, keyExtractor: (p) => p.id });
-    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";
-    const wishlistActions = {
-        addToWishlist: (productId) => {
-            requireAuth(ACTION_ID.ADD_TO_WISHLIST, () => {
-                localWishlist.add(productId, "digital-code");
-                pushWishlistOp({ op: "add", itemId: productId, type: "digital-code" });
-                showToast("Added to wishlist", "success");
-            });
-            return Promise.resolve();
-        },
-        removeFromWishlist: (productId) => {
-            requireAuth(ACTION_ID.REMOVE_FROM_WISHLIST, () => {
-                localWishlist.remove(productId, "digital-code");
-                pushWishlistOp({ op: "remove", itemId: productId, type: "digital-code" });
-                showToast("Removed from wishlist", "info");
-            });
-            return Promise.resolve();
-        },
-        isWishlisted: (productId) => wishlistedIds.has(productId),
-    };
-    function handleToggleWishlist(id) {
-        if (wishlistActions.isWishlisted(id)) {
-            wishlistActions.removeFromWishlist(id);
-        }
-        else {
-            wishlistActions.addToWishlist(id);
-        }
-    }
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] } } : {});
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search digital codes\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: (e) => { if (e.key === "Enter")
-                    commitSearch(); }, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: (v) => { if (v !== "table")
-                    setView(v); }, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Div, { className: gridClass, children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3", surface: "subtle", rounded: "default" })] })] }, i))) })) : products.length === 0 ? (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "No digital code listings found." })) : (_jsx(Div, { className: view === "list" ? "flex flex-col divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)] rounded-xl border border-[var(--appkit-color-border-subtle)]" : gridClass, children: products.map((product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(product.id)), variant: view === "list" ? "list" : "grid", isWishlisted: wishlistActions.isWishlisted(product.id), onToggleWishlist: handleToggleWishlist, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(DigitalCodeFilters, { table: pendingTable, categoryOptions: categoryOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
-}

package/dist/features/digital-codes/components/DigitalCodesListView.d.ts

@@ -1,6 +0,0 @@
-type SearchParams = Record<string, string | string[]>;
-export interface DigitalCodesListViewProps {
-    searchParams?: SearchParams;
-}
-export declare function DigitalCodesListView({ searchParams }: DigitalCodesListViewProps): Promise<import("react").JSX.Element>;
-export {};

package/dist/features/digital-codes/components/DigitalCodesListView.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
-import { Container, Heading, Main, Section } from "../../../ui";
-import { AdSlot } from "../../homepage/components/AdSlot";
-import { parseListingSearchParams } from "../../../utils/listing-params";
-import { DigitalCodesIndexListing } from "./DigitalCodesIndexListing";
-const DEFAULT_PAGE = 1;
-const DEFAULT_PAGE_SIZE = 24;
-const DEFAULT_SORT = "-createdAt";
-function sp(params, key) {
-    const v = params[key];
-    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
-}
-function buildDigitalCodeFilters(params) {
-    const parts = ["status==published", "listingType==digital-code"];
-    const minPrice = sp(params, "minPrice");
-    const maxPrice = sp(params, "maxPrice");
-    if (minPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.GTE, minPrice));
-    if (maxPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.LTE, maxPrice));
-    const deliveryMethod = sp(params, "deliveryMethod");
-    if (deliveryMethod)
-        parts.push(sieveFilter("digitalCodeDelivery", SIEVE_OP.EQ, deliveryMethod));
-    return parts.join(",");
-}
-export async function DigitalCodesListView({ searchParams = {} }) {
-    const std = parseListingSearchParams(searchParams);
-    const sort = std.sorts ?? DEFAULT_SORT;
-    const page = std.page ?? DEFAULT_PAGE;
-    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
-    const filters = buildDigitalCodeFilters(searchParams);
-    const result = await productRepository
-        .list({ filters, sorts: sort, page, pageSize })
-        .catch(() => null);
-    return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Digital Codes" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(DigitalCodesIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
-}

package/dist/features/live/components/LiveItemsIndexListing.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface LiveItemsIndexListingProps {
-    initialData?: any;
-}
-export declare function LiveItemsIndexListing({ initialData }: LiveItemsIndexListingProps): React.JSX.Element;

package/dist/features/live/components/LiveItemsIndexListing.js

@@ -1,115 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { useProducts } from "../../products/hooks/useProducts";
-import { BulkActionBar, Div, FilterDrawer, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, Text, useToast, StickyToolbar } from "../../../ui";
-import { usePendingTable } from "../../../react/hooks/usePendingTable";
-import { useAuthGate } from "../../../react/hooks/useAuthGate";
-import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
-import { pushWishlistOp } from "../../cart/utils/pending-ops";
-import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree";
-import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
-import { sortBy } from "../../../constants/sort";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { ROUTES } from "../../../next";
-import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
-import { LiveItemFilters } from "./LiveItemFilters";
-import { ACTION_ID } from "../../products/constants/action-defs";
-import { useBottomActions } from "../../layout";
-const __P = {
-    p3: "p-[var(--appkit-space-3)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-const SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
-const FILTER_KEYS = [
-    TABLE_KEYS.CATEGORY,
-    TABLE_KEYS.SPECIES,
-    TABLE_KEYS.JURISDICTION,
-    TABLE_KEYS.MIN_PRICE,
-    TABLE_KEYS.MAX_PRICE,
-];
-export function LiveItemsIndexListing({ initialData }) {
-    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
-    const { showToast } = useToast();
-    const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
-    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
-    const localWishlist = useGuestWishlist();
-    const { categories } = useCategoryTree();
-    const categoryOptions = categoriesToFacetOptions(categories);
-    const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "live").map((i) => i.itemId));
-    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
-    const openFilters = useCallback(() => {
-        onFilterReset();
-        setFilterOpen(true);
-    }, [onFilterReset]);
-    const applyFilters = useCallback(() => {
-        onFilterApply();
-        setFilterOpen(false);
-    }, [onFilterApply]);
-    const resetAll = useCallback(() => {
-        onResetAll({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
-        setSearchInput("");
-    }, [onResetAll]);
-    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
-        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
-        filterActiveCount > 0;
-    const params = {
-        q: table.get(TABLE_KEYS.QUERY) || undefined,
-        category: table.get(TABLE_KEYS.CATEGORY) || undefined,
-        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
-        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
-        sort: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
-        page: table.getNumber(TABLE_KEYS.PAGE, 1),
-        perPage: table.getNumber(TABLE_KEYS.PAGE_SIZE, 24),
-        listingType: "live",
-    };
-    const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
-    const commitSearch = useCallback(() => {
-        table.set(TABLE_KEYS.QUERY, searchInput.trim());
-    }, [searchInput, table]);
-    const selection = useBulkSelection({ items: products, keyExtractor: (p) => p.id });
-    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";
-    const wishlistActions = {
-        addToWishlist: (productId) => {
-            requireAuth(ACTION_ID.ADD_TO_WISHLIST, () => {
-                localWishlist.add(productId, "live");
-                pushWishlistOp({ op: "add", itemId: productId, type: "live" });
-                showToast("Added to wishlist", "success");
-            });
-            return Promise.resolve();
-        },
-        removeFromWishlist: (productId) => {
-            requireAuth(ACTION_ID.REMOVE_FROM_WISHLIST, () => {
-                localWishlist.remove(productId, "live");
-                pushWishlistOp({ op: "remove", itemId: productId, type: "live" });
-                showToast("Removed from wishlist", "info");
-            });
-            return Promise.resolve();
-        },
-        isWishlisted: (productId) => wishlistedIds.has(productId),
-    };
-    function handleToggleWishlist(id) {
-        if (wishlistActions.isWishlisted(id)) {
-            wishlistActions.removeFromWishlist(id);
-        }
-        else {
-            wishlistActions.addToWishlist(id);
-        }
-    }
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] } } : {});
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search live items\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: (e) => { if (e.key === "Enter")
-                    commitSearch(); }, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: (v) => { if (v !== "table")
-                    setView(v); }, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Div, { className: gridClass, children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3", surface: "subtle", rounded: "default" })] })] }, i))) })) : products.length === 0 ? (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "No live item listings found." })) : (_jsx(Div, { className: view === "list" ? "flex flex-col divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)] rounded-xl border border-[var(--appkit-color-border-subtle)]" : gridClass, children: products.map((product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.LIVE_DETAIL(product.id)), variant: view === "list" ? "list" : "grid", isWishlisted: wishlistActions.isWishlisted(product.id), onToggleWishlist: handleToggleWishlist, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(LiveItemFilters, { table: pendingTable, categoryOptions: categoryOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
-}

package/dist/features/live/components/LiveItemsListView.d.ts

@@ -1,6 +0,0 @@
-type SearchParams = Record<string, string | string[]>;
-export interface LiveItemsListViewProps {
-    searchParams?: SearchParams;
-}
-export declare function LiveItemsListView({ searchParams }: LiveItemsListViewProps): Promise<import("react").JSX.Element>;
-export {};

package/dist/features/live/components/LiveItemsListView.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
-import { Container, Heading, Main, Section } from "../../../ui";
-import { AdSlot } from "../../homepage/components/AdSlot";
-import { parseListingSearchParams } from "../../../utils/listing-params";
-import { LiveItemsIndexListing } from "./LiveItemsIndexListing";
-const DEFAULT_PAGE = 1;
-const DEFAULT_PAGE_SIZE = 24;
-const DEFAULT_SORT = "-createdAt";
-function sp(params, key) {
-    const v = params[key];
-    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
-}
-function buildLiveFilters(params) {
-    const parts = ["status==published", "listingType==live"];
-    const minPrice = sp(params, "minPrice");
-    const maxPrice = sp(params, "maxPrice");
-    if (minPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.GTE, minPrice));
-    if (maxPrice)
-        parts.push(sieveFilter("price", SIEVE_OP.LTE, maxPrice));
-    const species = sp(params, "species");
-    if (species)
-        parts.push(sieveFilter("liveSpecies", SIEVE_OP.EQ, species));
-    const liveSex = sp(params, "liveSex");
-    if (liveSex)
-        parts.push(sieveFilter("liveSex", SIEVE_OP.EQ, liveSex));
-    const transport = sp(params, "liveTransportMethod");
-    if (transport)
-        parts.push(sieveFilter("liveTransportMethod", SIEVE_OP.EQ, transport));
-    return parts.join(",");
-}
-export async function LiveItemsListView({ searchParams = {} }) {
-    const std = parseListingSearchParams(searchParams);
-    const sort = std.sorts ?? DEFAULT_SORT;
-    const page = std.page ?? DEFAULT_PAGE;
-    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
-    const filters = buildLiveFilters(searchParams);
-    const result = await productRepository
-        .list({ filters, sorts: sort, page, pageSize })
-        .catch(() => null);
-    return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Live Items" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(LiveItemsIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
-}

package/dist/features/seller/components/SellerTemplatesView.d.ts

@@ -1,12 +0,0 @@
-import type { JsonValue } from "@mohasinac/appkit";
-import React from "react";
-export interface SellerTemplatesViewProps {
-    onDelete?: (id: string) => Promise<void>;
-    onBulkDelete?: (ids: string[]) => Promise<void>;
-    onDuplicate?: (row: {
-        id: string;
-        name: string;
-        raw: Record<string, JsonValue>;
-    }) => Promise<void>;
-}
-export declare function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }: SellerTemplatesViewProps): React.JSX.Element;

package/dist/features/seller/components/SellerTemplatesView.js

@@ -1,276 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
-import { Row, sortBy } from "@mohasinac/appkit";
-import { useState, useCallback, useMemo } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { Plus } from "lucide-react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { BulkActionBar, Button, ConfirmDeleteModal, DataTable, Div, FilterDrawer, Input, Label, ListingToolbar, Pagination, RowActionMenu, Select, SideDrawer, Span, Stack, Text, useToast, StickyToolbar, } from "../../../ui";
-import { useBottomActions } from "../../layout";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
-import { toRecordArray, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
-import { TABLE_KEYS } from "../../../constants/table-keys";
-const __P = {
-    p4: "p-[var(--appkit-space-4)]",
-};
-const PAGE_SIZE = 25;
-const DEFAULT_SORT = "name";
-const SORT_OPTIONS = [
-    { value: sortBy("name", "ASC"), label: "Name A–Z" },
-    { value: sortBy("name", "DESC"), label: "Name Z–A" },
-    { value: sortBy("createdAt", "DESC"), label: "Newest" },
-];
-const CONDITION_OPTIONS = [
-    { value: "", label: "Any condition" },
-    { value: "new", label: "New" },
-    { value: "like_new", label: "Like New" },
-    { value: "good", label: "Good" },
-    { value: "fair", label: "Fair" },
-    { value: "used", label: "Used" },
-];
-const EMPTY_DRAFT = {
-    name: "",
-    description: "",
-    category: "",
-    brand: "",
-    condition: "",
-};
-const COLUMNS = [
-    {
-        key: "name",
-        header: "Name",
-        render: (row) => _jsx(Text, { size: "sm", weight: "medium", children: row.name }),
-    },
-    {
-        key: "category",
-        header: "Category",
-        render: (row) => (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.category || "—" })),
-    },
-    {
-        key: "brand",
-        header: "Brand",
-        render: (row) => (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.brand || "—" })),
-    },
-    {
-        key: "condition",
-        header: "Condition",
-        render: (row) => row.condition ? (_jsx(Span, { layout: "inline-flex", size: "xs", weight: "medium", rounded: "full", padding: "pill-xs", surface: "subtle", color: "muted", transform: "capitalize", children: row.condition.replace(/_/g, " ") })) : (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "\u2014" })),
-    },
-];
-export function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }) {
-    const table = useUrlTable({ defaults: { sort: DEFAULT_SORT } });
-    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const [pendingCondition, setPendingCondition] = useState(table.get(TABLE_KEYS.CONDITION) || "");
-    // Drawer state
-    const [drawerOpen, setDrawerOpen] = useState(false);
-    const [drawerMode, setDrawerMode] = useState("create");
-    const [editingId, setEditingId] = useState(null);
-    const [draft, setDraft] = useState(EMPTY_DRAFT);
-    const [saving, setSaving] = useState(false);
-    const [savingError, setSavingError] = useState(null);
-    // Delete state
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const { deletingId, handleDelete: performDelete } = useEntityDelete({
-        endpoint: SELLER_ENDPOINTS.TEMPLATE_BY_ID,
-        deleteFn: onDelete,
-        successMessage: "Template deleted.",
-        onSuccess: () => { refetch?.(); },
-        fetchOptions: { credentials: "include" },
-    });
-    const [duplicatingId, setDuplicatingId] = useState(null);
-    const { showToast } = useToast();
-    const commitSearch = useCallback(() => {
-        table.set(TABLE_KEYS.QUERY, searchInput.trim());
-    }, [searchInput, table]);
-    const openFilters = useCallback(() => {
-        setPendingCondition(table.get(TABLE_KEYS.CONDITION) || "");
-        setFilterOpen(true);
-    }, [table]);
-    const applyFilters = useCallback(() => {
-        table.setMany({ [TABLE_KEYS.CONDITION]: pendingCondition });
-        setFilterOpen(false);
-    }, [pendingCondition, table]);
-    const resetAll = useCallback(() => {
-        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.CONDITION]: "" });
-        setSearchInput("");
-    }, [table]);
-    const q = table.get(TABLE_KEYS.QUERY) || "";
-    const conditionFilter = table.get(TABLE_KEYS.CONDITION) || "";
-    const sort = table.get(TABLE_KEYS.SORT) || DEFAULT_SORT;
-    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
-    const hasActiveState = !!q || sort !== DEFAULT_SORT || !!conditionFilter;
-    const filterActiveCount = conditionFilter ? 1 : 0;
-    // Fetch all templates (server doesn't paginate this endpoint)
-    const { rows: allRows, isLoading, errorMessage, refetch } = useSellerListingData({
-        queryKey: ["seller", "templates"],
-        endpoint: SELLER_ENDPOINTS.TEMPLATES,
-        page: 1,
-        pageSize: 1000,
-        mapRows: (response) => toRecordArray(response.templates).map((item, index) => ({
-            id: toStringValue(item.id, `tpl-${index}`),
-            raw: item,
-            name: String(item.name ?? ""),
-            category: String(item.category ?? ""),
-            brand: String(item.brand ?? ""),
-            condition: String(item.condition ?? ""),
-        })),
-    });
-    // Client-side filter + sort
-    const filteredRows = useMemo(() => {
-        let result = allRows;
-        if (q)
-            result = result.filter((r) => r.name.toLowerCase().includes(q.toLowerCase()));
-        if (conditionFilter)
-            result = result.filter((r) => r.condition === conditionFilter);
-        return [...result].sort((a, b) => sort === "-name" ? b.name.localeCompare(a.name) : a.name.localeCompare(b.name));
-    }, [allRows, q, conditionFilter, sort]);
-    const totalPages = Math.max(1, Math.ceil(filteredRows.length / PAGE_SIZE));
-    const safePage = Math.min(Math.max(1, currentPage), totalPages);
-    const pageRows = filteredRows.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE);
-    const selection = useBulkSelection({ items: filteredRows, keyExtractor: (r) => r.id });
-    // Drawer helpers
-    const openCreate = useCallback(() => {
-        setDraft(EMPTY_DRAFT);
-        setEditingId(null);
-        setDrawerMode("create");
-        setSavingError(null);
-        setDrawerOpen(true);
-    }, []);
-    const openEdit = useCallback((row) => {
-        setDraft({
-            name: row.name,
-            description: String(row.raw.description ?? ""),
-            category: row.category,
-            brand: row.brand,
-            condition: row.condition,
-        });
-        setEditingId(row.id);
-        setDrawerMode("edit");
-        setSavingError(null);
-        setDrawerOpen(true);
-    }, []);
-    const closeDrawer = useCallback(() => {
-        setDrawerOpen(false);
-        setEditingId(null);
-        setSavingError(null);
-    }, []);
-    const handleSave = useCallback(async () => {
-        if (!draft.name.trim()) {
-            setSavingError("Template name is required.");
-            return;
-        }
-        setSaving(true);
-        setSavingError(null);
-        try {
-            const body = {
-                name: draft.name.trim(),
-                description: draft.description.trim() || undefined,
-                category: draft.category.trim() || undefined,
-                brand: draft.brand.trim() || undefined,
-                condition: draft.condition || undefined,
-            };
-            const url = drawerMode === "edit" && editingId
-                ? SELLER_ENDPOINTS.TEMPLATE_BY_ID(editingId)
-                : SELLER_ENDPOINTS.TEMPLATES;
-            const method = drawerMode === "edit" ? "PUT" : "POST";
-            await fetch(url, {
-                method,
-                headers: { "Content-Type": "application/json" },
-                credentials: "include",
-                body: JSON.stringify(body),
-            });
-            closeDrawer();
-            refetch?.();
-            showToast("Template saved.", "success");
-        }
-        catch (err) {
-            void normalizeError(err);
-            setSavingError("Failed to save template. Please try again.");
-            showToast(err instanceof Error ? err.message : "Failed to save template.", "error");
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [draft, drawerMode, editingId, closeDrawer, refetch, showToast]);
-    const handleDelete = useCallback(async (id) => {
-        try {
-            await performDelete(id);
-        }
-        catch (err) {
-            void normalizeError(err);
-            showToast(err instanceof Error ? err.message : "Failed to delete template", "error");
-        }
-        setDeleteTargetId(null);
-    }, [performDelete, showToast]);
-    const handleDuplicate = useCallback(async (row) => {
-        setDuplicatingId(row.id);
-        try {
-            if (onDuplicate) {
-                await onDuplicate(row);
-            }
-            else {
-                await fetch(SELLER_ENDPOINTS.TEMPLATES, {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    credentials: "include",
-                    body: JSON.stringify({
-                        name: `Copy of ${row.name}`,
-                        description: String(row.raw.description ?? "") || undefined,
-                        category: row.category || undefined,
-                        brand: row.brand || undefined,
-                        condition: row.condition || undefined,
-                    }),
-                });
-            }
-            refetch?.();
-            showToast("Template duplicated.", "success");
-        }
-        catch (err) {
-            void normalizeError(err);
-            showToast(err instanceof Error ? err.message : "Failed to duplicate template.", "error");
-        }
-        finally {
-            setDuplicatingId(null);
-        }
-    }, [onDuplicate, refetch, showToast]);
-    const bulkActions = [
-        buildBulkAction(ACTIONS.STORE["delete-template"], async () => {
-            if (onBulkDelete) {
-                await onBulkDelete(selection.selectedIds);
-            }
-            else {
-                await Promise.all(selection.selectedIds.map((id) => fetch(SELLER_ENDPOINTS.TEMPLATE_BY_ID(id), {
-                    method: "DELETE",
-                    credentials: "include",
-                })));
-            }
-            selection.clearSelection();
-            refetch?.();
-        }),
-    ];
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search templates by name...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: "table", onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { gap: "sm", size: "sm", onClick: openCreate, children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx(Span, { children: "New Template" })] }) }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: safePage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _jsxs(Div, { paddingX: "x-sm-md", padding: "y-md", children: [errorMessage && (_jsx(Div, { textSize: "sm", className: "mb-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "xl", children: errorMessage })), isLoading ? (_jsx(Stack, { gap: "sm", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse", border: "subtle", surface: "muted", rounded: "xl" }, i))) })) : pageRows.length === 0 ? (_jsx(Div, { className: "text-center", padding: "y-4xl", children: _jsx(Text, { color: "faint", children: q || conditionFilter
-                                ? "No templates match your search or filters"
-                                : "No templates yet — add your first product template" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: pageRows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids), actions: (row) => (_jsx(RowActionMenu, { actions: [
-                                {
-                                    label: ACTIONS.STORE["edit-template"].label,
-                                    onClick: () => openEdit(row),
-                                },
-                                {
-                                    label: "Clone",
-                                    disabled: duplicatingId === row.id,
-                                    onClick: () => handleDuplicate(row),
-                                },
-                                {
-                                    label: ACTIONS.STORE["delete-template"].label,
-                                    destructive: true,
-                                    onClick: () => setDeleteTargetId(row.id),
-                                    disabled: deletingId === row.id,
-                                },
-                            ] })) }))] }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: () => setPendingCondition(""), activeCount: filterActiveCount, hideTrigger: true, children: _jsx(Stack, { className: `${__P.p4}`, gap: "md", children: _jsxs(Div, { children: [_jsx(Label, { className: "mb-1.5 block", color: "primary", size: "sm", weight: "medium", children: "Condition" }), _jsx(Select, { value: pendingCondition, onValueChange: setPendingCondition, options: CONDITION_OPTIONS })] }) }) }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: drawerMode === "create" ? "New Template" : "Edit Template", mode: drawerMode, isDirty: draft.name !== "" || draft.category !== "" || draft.brand !== "", footer: _jsxs(Row, { align: "center", justify: "end", gap: "sm", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: closeDrawer, disabled: saving, children: "Cancel" }), _jsx(Button, { size: "sm", isLoading: saving, onClick: handleSave, children: drawerMode === "create" ? "Create Template" : "Save Changes" })] }), children: _jsxs(Stack, { gap: "md", children: [savingError && (_jsx(Div, { textSize: "sm", className: "border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: savingError })), _jsx(Input, { id: "tpl-name", label: "Template Name", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })), placeholder: "e.g. Pok\u00E9mon Card Standard", required: true, autoComplete: "off" }), _jsx(Input, { id: "tpl-description", label: "Description (optional)", value: draft.description, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), placeholder: "Short note about when to use this template", autoComplete: "off" }), _jsx(Input, { id: "tpl-category", label: "Category (optional)", value: draft.category, onChange: (e) => setDraft((d) => ({ ...d, category: e.target.value })), placeholder: "e.g. trading-cards", autoComplete: "off" }), _jsx(Input, { id: "tpl-brand", label: "Brand (optional)", value: draft.brand, onChange: (e) => setDraft((d) => ({ ...d, brand: e.target.value })), placeholder: "e.g. Pok\u00E9mon Company", autoComplete: "off" }), _jsx(Select, { label: "Condition (optional)", name: "tpl-condition", value: draft.condition, onValueChange: (v) => setDraft((d) => ({ ...d, condition: v })), options: CONDITION_OPTIONS })] }) }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Template", message: "Are you sure you want to delete this template? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
-}