@mohasinac/appkit 3.3.2 → 3.3.4

package/dist/features/seller/actions/seller-actions.d.ts

@@ -9,7 +9,7 @@
  * (src/actions/seller.actions.ts) alongside the other seller server actions.
  */
 import type { JsonValue } from "../../../schemas/types";
-import type { SellerPayoutDetails, SellerShippingConfig } from "../../auth/schemas/firestore";
+import type { SellerPayoutDetails } from "../../auth/schemas/firestore";
 import type { StoreDocument } from "../../stores/schemas/firestore";
 import type { ProductDocument } from "../../products/schemas/firestore";
 import type { OrderDocument } from "../../orders/schemas/firestore";
@@ -115,7 +115,7 @@ export declare function requestPayout(userId: string, userName: string, userEmai
 export declare function bulkSellerOrder(userId: string, userRole: string, userDisplayName: string, userEmail: string, orderIds: string[]): Promise<BulkSellerOrderResult>;
 export declare function createSellerProduct(userId: string, userName: string, userEmail: string, input: Record<string, JsonValue>): Promise<void>;
 export declare function getSellerStore(userId: string): Promise<StoreDocument | null>;
-export declare function getSellerShipping(userId: string): Promise<SellerShippingConfig | null>;
+export declare function getSellerShipping(userId: string): Promise<import("../../auth").SellerShippingConfig | null>;
 export declare function getSellerPayoutSettings(userId: string): Promise<SellerPayoutDetails | {
     method: string;
     isConfigured: boolean;

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

@@ -358,9 +358,12 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
         buildBulkAction(ACTIONS.STORE["set-location"], () => setSetLocationOpen(true), { icon: _jsx(MapPin, { className: "w-4 h-4" }) }),
         buildBulkAction(ACTIONS.STORE["request-payout"], () => void requestPayoutForSelection(), { variant: "primary" }),
     ];
+    // useBottomActions must run unconditionally on every render — it was
+    // previously called after the `hasChildren` early return below, which
+    // skips the hook call in passthrough mode, violating the Rules of Hooks.
+    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
     if (hasChildren) {
         return _jsx(ListingLayout, { portal: "seller", ...props, children: children });
     }
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
     return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by order ID or buyer name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx(Row, { border: "bottom", className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 backdrop-blur-sm", surface: "default", padding: "toolbar", justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx(Div, { border: "default", paddingX: "x-sm-md", className: "sticky top-[calc(var(--header-height,0px)+88px)] z-20 backdrop-blur-sm border-b", surface: "default", padding: "y-xs", children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _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 })), _jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No orders yet", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: () => selection.toggleAll(), renderRowActions: renderRowActions })] }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }) }), selectedOrderId && (_jsx(OrderDetailDrawer, { orderId: selectedOrderId, apiBase: orderDetailApiBase, onClose: () => setSelectedOrderId(null) })), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selection.selectedIds.length, onSave: handleSetLocation, onClose: () => setSetLocationOpen(false) }))] }));
 }

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

@@ -214,6 +214,41 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
         .filter((r) => !deletedIds.has(r.id))
         .map((r) => statusOverrides.has(r.id) ? { ...r, status: statusOverrides.get(r.id) } : r);
     const selection = useBulkSelection({ items: visibleRows, keyExtractor: (r) => r.id });
+    // handleBulkPrintLabels/handleSetLocation (useCallback) and useBottomActions
+    // must run unconditionally on every render — they were previously declared
+    // after the `hasChildren` early return below, which skips these hook calls
+    // in passthrough mode, violating the Rules of Hooks.
+    const handleBulkPrintLabels = useCallback(() => {
+        const ids = selection.selectedIds.join(",");
+        void dispatch({
+            type: "NAVIGATE",
+            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=product&ids=${ids}&autoprint=1`,
+        });
+    }, [selection.selectedIds, dispatch]);
+    const handleSetLocation = useCallback(async (loc) => {
+        try {
+            const res = await fetch(SELLER_ENDPOINTS.PRODUCTS_BULK_LOCATION, {
+                method: "PATCH",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ productIds: selection.selectedIds, physicalLocation: loc }),
+            });
+            if (!res.ok) {
+                const body = await res.json().catch(() => null);
+                throw new Error(body?.error ?? "Failed to update location");
+            }
+            showToast("Location updated.", "success");
+            setSetLocationOpen(false);
+        }
+        catch (err) {
+            void normalizeError(err);
+            showToast(err instanceof Error ? err.message : "Failed to update location.", "error");
+        }
+    }, [selection.selectedIds, showToast]);
+    const bulkActions = [
+        buildBulkAction(ACTIONS.STORE["print-labels"], handleBulkPrintLabels, { icon: _jsx(Printer, { className: "w-4 h-4" }) }),
+        buildBulkAction(ACTIONS.STORE["set-location"], () => setSetLocationOpen(true), { icon: _jsx(MapPin, { className: "w-4 h-4" }) }),
+    ];
+    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
     if (hasChildren) {
         return (_jsx(ListingLayout, { portal: "seller", ...props, children: children }));
     }
@@ -262,37 +297,6 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
             setPublishingId(null);
         }
     };
-    const handleBulkPrintLabels = useCallback(() => {
-        const ids = selection.selectedIds.join(",");
-        void dispatch({
-            type: "NAVIGATE",
-            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=product&ids=${ids}&autoprint=1`,
-        });
-    }, [selection.selectedIds, dispatch]);
-    const handleSetLocation = useCallback(async (loc) => {
-        try {
-            const res = await fetch(SELLER_ENDPOINTS.PRODUCTS_BULK_LOCATION, {
-                method: "PATCH",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ productIds: selection.selectedIds, physicalLocation: loc }),
-            });
-            if (!res.ok) {
-                const body = await res.json().catch(() => null);
-                throw new Error(body?.error ?? "Failed to update location");
-            }
-            showToast("Location updated.", "success");
-            setSetLocationOpen(false);
-        }
-        catch (err) {
-            void normalizeError(err);
-            showToast(err instanceof Error ? err.message : "Failed to update location.", "error");
-        }
-    }, [selection.selectedIds, showToast]);
-    const bulkActions = [
-        buildBulkAction(ACTIONS.STORE["print-labels"], handleBulkPrintLabels, { icon: _jsx(Printer, { className: "w-4 h-4" }) }),
-        buildBulkAction(ACTIONS.STORE["set-location"], () => setSetLocationOpen(true), { icon: _jsx(MapPin, { className: "w-4 h-4" }) }),
-    ];
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
     return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products by name\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, toggles: [
                             { label: "Show sold", active: showSold, onChange: (next) => table.set("showSold", next ? "true" : "") },
                         ], extra: onCreateClick ? (_jsx(Button, { variant: "primary", size: "sm", onClick: onCreateClick, children: "+ New Listing" })) : null }), _jsx(TypeDropdown, { active: listingKind, onChange: handleKindChange }), totalPages > 1 && (_jsx(Row, { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)] py-[0.375rem]", padding: "x-sm", justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx(Div, { paddingX: "x-sm-lg-md", className: "sticky top-[calc(var(--header-height,0px)+88px)] z-20 bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)]", padding: "y-xs", children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs(Div, { paddingX: "x-sm-lg-md", padding: "y-md", children: [errorMessage && (_jsx(Alert, { variant: "error", className: "mb-4", children: errorMessage })), view !== "table" && (_jsx(SellerProductsCards, { view: view, rows: visibleRows, isLoading: isLoading, listingKind: listingKind, selectedIds: selection.selectedIdSet, toggle: selection.toggle, onEdit: handleEdit, onDuplicate: (row) => void handleDuplicate(row), onDelete: onDeleteProduct ? (row) => void handleDelete(row) : undefined })), view === "table" && (_jsx(DataTable, { columns: PRODUCT_COLUMNS, rows: visibleRows, isLoading: isLoading, emptyLabel: listingKind !== "all"

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { Alert, Badge, BulkActionBar, Button, Checkbox, Div, Modal, Row, Select, SideDrawer, Span, Stack, Text, Textarea, } from "../../../ui";
+import { Alert, Badge, BulkActionBar, Button, Checkbox, Div, Modal, Row, Select, SideDrawer, Span, Stack, Text, Textarea } from "../../../ui";
 import { StackedViewShell } from "../../../ui";
 import { useBottomActions } from "../../layout";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";

package/dist/features/seller/schemas/index.d.ts

@@ -167,8 +167,8 @@ export declare const payoutRecordSchema: z.ZodObject<{
     createdAt: z.ZodString;
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    status: "pending" | "paid" | "failed" | "processing";
     currency: string;
+    status: "pending" | "paid" | "failed" | "processing";
     createdAt: string;
     id: string;
     updatedAt: string;
@@ -184,8 +184,8 @@ export declare const payoutRecordSchema: z.ZodObject<{
     sellerId: string;
     processedAt?: string | undefined;
 }, {
-    status: "pending" | "paid" | "failed" | "processing";
     currency: string;
+    status: "pending" | "paid" | "failed" | "processing";
     createdAt: string;
     id: string;
     updatedAt: string;

package/dist/features/stores/columns/index.js

@@ -1,4 +1,4 @@
-import { buildColumns, renderBoolean, renderNullable, renderRating, } from "../../../ui/columns";
+import { buildColumns, renderBoolean, renderNullable, renderRating } from "../../../ui/columns";
 /**
  * Default admin column definitions for a store table.
  *

package/dist/features/stores/components/StoresIndexListing.js

@@ -121,6 +121,26 @@ export function StoresIndexListing({ initialData }) {
         filters: filterParts.length > 0 ? filterParts.join(",") : undefined,
     }, { initialData });
     const selection = useBulkSelection({ items: stores, keyExtractor: (s) => s.id ?? s.storeSlug });
+    // useBottomActions must run unconditionally on every render, once per
+    // component — it was previously mis-placed inside the grid view's
+    // `stores.map(...)` callback below, which fired it once per store in the
+    // list (a severe Rules-of-Hooks violation) instead of once for the whole
+    // bulk-selection bar.
+    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+                {
+                    id: ACTION_ID.COMPARE,
+                    label: "Compare",
+                    variant: "secondary",
+                    onClick: () => { selection.clearSelection(); },
+                },
+                {
+                    id: "visit",
+                    label: "Visit Store",
+                    variant: "primary",
+                    disabled: selection.selectedCount !== 1,
+                    onClick: () => { selection.clearSelection(); },
+                },
+            ] } } : {});
     return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search stores...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: STORE_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: stores.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {
                         id: ACTION_ID.COMPARE,
@@ -140,21 +160,6 @@ export function StoresIndexListing({ initialData }) {
                         return (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(storeKey)), selectable: selection.isSelecting, isSelected: selection.isSelected(store.id ?? store.storeSlug), onSelect: (id, sel) => { void sel; selection.toggle(id); } }, storeKey));
                     }) })) : (_jsx(Div, { layout: "grid", gap: "6", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", children: stores.map((store) => {
                         const storeKey = store.storeSlug ?? store.id;
-                        useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
-                                    {
-                                        id: ACTION_ID.COMPARE,
-                                        label: "Compare",
-                                        variant: "secondary",
-                                        onClick: () => { selection.clearSelection(); },
-                                    },
-                                    {
-                                        id: "visit",
-                                        label: "Visit Store",
-                                        variant: "primary",
-                                        disabled: selection.selectedCount !== 1,
-                                        onClick: () => { selection.clearSelection(); },
-                                    },
-                                ] } } : {});
                         return (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(storeKey)), selectable: selection.isSelecting, isSelected: selection.isSelected(store.id ?? store.storeSlug), onSelect: (id, sel) => { void sel; selection.toggle(id); } }, storeKey));
                     }) })) }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: pendingFilterCount, children: _jsx(StoreFilters, { table: pendingTable }) })] }));
 }

package/dist/features/support/schemas/index.d.ts

@@ -159,8 +159,8 @@ export declare const supportTicketFirestoreSchema: z.ZodObject<{
     updatedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
+    priority: "high" | "low" | "normal" | "urgent";
     userId: string;
-    priority: "normal" | "high" | "low" | "urgent";
     messages: {
         createdAt: string | Date | z.objectOutputType<{
             toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
@@ -202,8 +202,8 @@ export declare const supportTicketFirestoreSchema: z.ZodObject<{
     updatedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
+    priority: "high" | "low" | "normal" | "urgent";
     userId: string;
-    priority: "normal" | "high" | "low" | "urgent";
     messages: {
         createdAt: string | Date | z.objectInputType<{
             toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;

package/dist/features/wishlist/actions/wishlist-actions.js

@@ -5,7 +5,7 @@
  * Auth, rate-limiting, and Next.js specifics are handled by the consumer.
  */
 import { ValidationError } from "../../../errors";
-import { wishlistRepository, } from "../repository/user-wishlist.repository";
+import { wishlistRepository } from "../repository/user-wishlist.repository";
 import { productRepository } from "../../products/repository/products.repository";
 export { WishlistFullError } from "../repository/user-wishlist.repository";
 export async function addToWishlist(userSlug, productId, extras) {

package/dist/next/components/NotFoundView.js

@@ -1,4 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NotFoundView — Next.js not-found.tsx template.
+ *
+ * Rendered when `notFound()` is called inside a route segment, or when a
+ * route is not matched.
+ * @see https://nextjs.org/docs/app/api-reference/file-conventions/not-found
+ *
+ * Usage in your app:
+ *   // app/[locale]/not-found.tsx
+ *   export { NotFoundView as default } from "@mohasinac/appkit/next";
+ *
+ *   // Or with customisation:
+ *   import { NotFoundView } from "@mohasinac/appkit/next";
+ *   export default function NotFound() {
+ *     return <NotFoundView heading="Page not found" homeHref="/en" />;
+ *   }
+ */
 import { Heading, Text } from "../../ui/components/Typography";
 import { TextLink } from "../../ui/components/TextLink";
 import { DEFAULT_ROUTE_MAP } from "../routing/route-map";

package/dist/next/components/UnauthorizedView.js

@@ -1,4 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * UnauthorizedView — 401 page template.
+ *
+ * Render this when a user tries to access a resource they are not
+ * authenticated for. Wire up the `loginHref` prop to your sign-in route.
+ *
+ * Usage in your app:
+ *   // app/[locale]/unauthorized/page.tsx
+ *   import { UnauthorizedView } from "@mohasinac/appkit/next";
+ *   export default function UnauthorizedPage() {
+ *     return <UnauthorizedView loginHref="/en/auth/login" />;
+ *   }
+ */
 import { Row } from "../../ui/components/Layout";
 import { Heading, Text } from "../../ui/components/Typography";
 import { TextLink } from "../../ui/components/TextLink";