@mohasinac/appkit 3.3.3 → 3.3.4

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/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";