@mohasinac/appkit 2.8.3 → 2.8.4

package/dist/features/admin/components/AdminNewsletterView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useCallback, useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui";
@@ -55,11 +57,11 @@ export function AdminNewsletterView({ children, onBulkUnsubscribe, ...props }) {
         searchPlaceholder: "Search by email or source",
         emptyLabel: "No subscribers found",
         filterKeys: ["status"],
-        defaultSort: "-subscribedAt",
+        defaultSort: sortBy("subscribedAt", "DESC"),
         queryKey: ["admin", "newsletter", "listing"],
         endpoint: ADMIN_ENDPOINTS.NEWSLETTER,
         sortOptions: [
-            { value: "-subscribedAt", label: "Newest" },
+            { value: sortBy("subscribedAt", "DESC"), label: "Newest" },
             { value: "subscribedAt", label: "Oldest" },
         ],
         mapRows: (response) => toRecordArray(response.subscribers).map((item, index) => ({
@@ -79,7 +81,7 @@ export function AdminNewsletterView({ children, onBulkUnsubscribe, ...props }) {
                 return response.meta.total;
             return mappedRows.length;
         },
-        buildFilters: (state) => state.status && state.status !== "All" ? `status==${state.status}` : undefined,
+        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
         toolbarExtra: (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleExportCsv, children: ACTIONS.ADMIN["export-csv"].label })),
         buildBulkActions: onBulkUnsubscribe
             ? (selection) => [

package/dist/features/admin/components/AdminNotificationsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal, Div, ListingLayout, RowActionMenu, Text, useToast } from "../../../ui";
@@ -50,12 +52,12 @@ export function AdminNotificationsView({ children, ...props }) {
         searchPlaceholder: "Search by title or user ID",
         emptyLabel: "No notifications found",
         filterKeys: ["type"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "notifications", "listing"],
         endpoint: ADMIN_ENDPOINTS.ADMIN_NOTIFICATIONS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
         ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `notif-${index}`),
@@ -68,7 +70,7 @@ export function AdminNotificationsView({ children, ...props }) {
             type: toStringValue(item.type, ""),
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => state.type && state.type !== "All" ? `type==${state.type}` : undefined,
+        buildFilters: (state) => state.type && state.type !== "All" ? sieveFilter("type", SIEVE_OP.EQ, state.type) : undefined,
         buildBulkActions: (selection) => [
             {
                 id: ROW_ACTION_ID.MARK_READ,

package/dist/features/admin/components/AdminOrdersView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { FilterChipGroup, ListingLayout, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
@@ -33,12 +35,12 @@ export function AdminOrdersView({ children, ...props }) {
         searchPlaceholder: "Search orders, buyers, or tracking IDs",
         emptyLabel: "No orders found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "orders", "listing"],
         endpoint: ADMIN_ENDPOINTS.ORDERS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
         ],
         mapRows: (response) => toRecordArray(response.orders).map((item, index) => ({
             id: toStringValue(item.id, `order-${index}`),
@@ -51,7 +53,7 @@ export function AdminOrdersView({ children, ...props }) {
             updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
         })),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        buildFilters: (f) => (f.status && f.status !== "All" ? `status==${f.status}` : undefined),
+        buildFilters: (f) => (f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined),
         buildBulkActions: (selection) => [
             {
                 id: "mark-shipped",

package/dist/features/admin/components/AdminPayoutsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, FilterChipGroup, Form, FormActions, Input, ListingLayout, Modal, RowActionMenu, useToast, } from "../../../ui";
@@ -65,13 +67,13 @@ export function AdminPayoutsView({ children, ...props }) {
         searchPlaceholder: "Search stores, payout IDs, or order groups",
         emptyLabel: "No payouts found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "payouts", "listing"],
         endpoint: ADMIN_ENDPOINTS.PAYOUTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
-            { value: "-amount", label: "Highest amount" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
+            { value: sortBy("amount", "DESC"), label: "Highest amount" },
         ],
         mapRows: (response) => toRecordArray(response.payouts).map((item, index) => ({
             id: toStringValue(item.id, `payout-${index}`),
@@ -81,7 +83,7 @@ export function AdminPayoutsView({ children, ...props }) {
             updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
         })),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        buildFilters: (state) => state.status && state.status !== "All" ? `status==${state.status}` : undefined,
+        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
         toolbarExtra: (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleExportCsv, children: ACTIONS.ADMIN["export-csv"].label })),
         buildBulkActions: (selection) => [
             {

package/dist/features/admin/components/AdminPrizeDrawsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React from "react";
 import { Pencil } from "lucide-react";
 import { Badge, Button, Div, FilterChipGroup, ListingLayout, Span, Text } from "../../../ui";
@@ -61,12 +63,12 @@ export function AdminPrizeDrawsView({ children, ...props }) {
         searchPlaceholder: "Search prize draws by name or store…",
         emptyLabel: "No prize draws found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "prize-draws", "listing"],
         endpoint: ADMIN_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "title", label: "Title A–Z" },
             { value: "prizeDrawEndDate", label: "Draw Date Soon" },
         ],
@@ -88,7 +90,7 @@ export function AdminPrizeDrawsView({ children, ...props }) {
         }),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
         buildFilters: (state) => {
-            const status = state.status && state.status !== "All" ? `status==${state.status}` : null;
+            const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
             return ["listingType==prize-draw", status].filter(Boolean).join(",");
         },
         getRowHref: (row) => String(ROUTES.ADMIN.PRIZE_DRAWS_EDIT(row.id)),

package/dist/features/admin/components/AdminProductsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { Div, ListingLayout, Span, Text, Toggle, useToast } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -99,14 +101,14 @@ export function AdminProductsView({ children, ...props }) {
         searchPlaceholder: "Search products, SKUs, or seller names",
         emptyLabel: "No products found",
         filterKeys: ["status", "type", "showSold"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "products", "listing"],
         endpoint: ADMIN_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "title", label: "Title A–Z" },
-            { value: "-price", label: "Highest price" },
+            { value: sortBy("price", "DESC"), label: "Highest price" },
         ],
         columns: [...buildBaseColumns(), flagColumn],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => {
@@ -133,7 +135,7 @@ export function AdminProductsView({ children, ...props }) {
             if (state.showSold !== "true")
                 parts.push("isSold==false");
             if (state.status && state.status !== "All")
-                parts.push(`status==${state.status}`);
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, state.status));
             const typeFilter = TYPE_FILTER_MAP[state.type];
             if (typeFilter)
                 parts.push(typeFilter);

package/dist/features/admin/components/AdminReturnRequestsView.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal, RowActionMenu, useToast } from "../../../ui";
@@ -50,12 +51,12 @@ export function AdminReturnRequestsView(_props) {
         searchPlaceholder: "Search by order ID or buyer",
         emptyLabel: "No return requests",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "return-requests", "listing"],
         endpoint: `${ADMIN_ENDPOINTS.ORDERS}?status=return_requested`,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
         ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `order-${index}`),

package/dist/features/admin/components/AdminReviewsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, Div, FilterChipGroup, Label, ListingLayout, Modal, RowActionMenu, useToast } from "../../../ui";
@@ -75,14 +77,14 @@ export function AdminReviewsView({ children, ...props }) {
         searchPlaceholder: "Search reviews, products, or seller names",
         emptyLabel: "No reviews found",
         filterKeys: ["status", "rating"],
-        defaultSort: "-publishedAt",
+        defaultSort: sortBy("publishedAt", "DESC"),
         queryKey: ["admin", "reviews", "listing"],
         endpoint: ADMIN_ENDPOINTS.REVIEWS,
         sortOptions: [
-            { value: "-publishedAt", label: "Newest" },
+            { value: sortBy("publishedAt", "DESC"), label: "Newest" },
             { value: "publishedAt", label: "Oldest" },
-            { value: "-rating", label: "Highest rating" },
-            { value: "rating", label: "Lowest rating" },
+            { value: sortBy("rating", "DESC"), label: "Highest rating" },
+            { value: sortBy("rating", "ASC"), label: "Lowest rating" },
         ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `review-${index}`),
@@ -97,9 +99,9 @@ export function AdminReviewsView({ children, ...props }) {
         buildFilters: (f) => {
             const parts = [];
             if (f.status && f.status !== "All")
-                parts.push(`status==${f.status}`);
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, f.status));
             if (f.rating && f.rating !== "All")
-                parts.push(`rating==${f.rating}`);
+                parts.push(sieveFilter("rating", SIEVE_OP.EQ, f.rating));
             return parts.join(",") || undefined;
         },
         buildBulkActions: (selection) => [

package/dist/features/admin/components/AdminScammersView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -45,14 +47,14 @@ export function AdminScammersView({ children, ...props }) {
         searchPlaceholder: "Search by name, phone, UPI ID",
         emptyLabel: "No scammer profiles found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "scammers", "listing"],
         endpoint: ADMIN_ENDPOINTS.SCAMMERS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
-            { value: "-views", label: "Most viewed" },
-            { value: "-incidentCount", label: "Most incidents" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
+            { value: sortBy("views", "DESC"), label: "Most viewed" },
+            { value: sortBy("incidentCount", "DESC"), label: "Most incidents" },
         ],
         columns: SCAMMER_COLUMNS,
         mapRows: (response) => toRecordArray(response.scammers).map((item, index) => ({
@@ -80,7 +82,7 @@ export function AdminScammersView({ children, ...props }) {
                 return response.total;
             return mappedRows.length;
         },
-        buildFilters: (f) => (f.status && f.status !== "All" ? `status==${f.status}` : undefined),
+        buildFilters: (f) => (f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined),
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ACTIONS.ADMIN["review-scammer"].label,

package/dist/features/admin/components/AdminSessionsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal, Div, ListingLayout, RowActionMenu, Text, useToast } from "../../../ui";
@@ -43,13 +45,13 @@ export function AdminSessionsView({ children, ...props }) {
         searchPlaceholder: "Search by user or device",
         emptyLabel: "No sessions found",
         filterKeys: ["isActive"],
-        defaultSort: "-lastActivity",
+        defaultSort: sortBy("lastActivity", "DESC"),
         queryKey: ["admin", "sessions", "listing"],
         endpoint: ADMIN_ENDPOINTS.SESSIONS,
         sortOptions: [
-            { value: "-lastActivity", label: "Most recent" },
+            { value: sortBy("lastActivity", "DESC"), label: "Most recent" },
             { value: "lastActivity", label: "Least recent" },
-            { value: "-createdAt", label: "Newest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
         ],
         mapRows: (response) => toRecordArray(response.sessions).map((item, index) => {
             const deviceInfo = (item.deviceInfo ?? {});
@@ -72,7 +74,7 @@ export function AdminSessionsView({ children, ...props }) {
             };
         }),
         getTotal: (response, mappedRows) => typeof response.count === "number" ? response.count : mappedRows.length,
-        buildFilters: (state) => (state.isActive ? `isActive==${state.isActive}` : undefined),
+        buildFilters: (state) => (state.isActive ? sieveFilter("isActive", SIEVE_OP.EQ, state.isActive) : undefined),
         buildBulkActions: (selection) => [
             {
                 id: ROW_ACTION_ID.REVOKE,

package/dist/features/admin/components/AdminStoreAddressesView.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { toRecordArray, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -9,7 +10,7 @@ const ADMIN_STORE_ADDRESSES_CONFIG = {
     searchPlaceholder: "Search by label, city, or store ID",
     emptyLabel: "No store addresses found",
     filterKeys: [],
-    defaultSort: "storeId",
+    defaultSort: sortBy("storeId", "ASC"),
     queryKey: ["admin", "store-addresses", "listing"],
     endpoint: ADMIN_ENDPOINTS.STORE_ADDRESSES,
     sortOptions: [

package/dist/features/admin/components/AdminStoresView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui";
@@ -43,12 +45,12 @@ export function AdminStoresView({ children, ...props }) {
         searchPlaceholder: "Search stores, slugs, or owner names",
         emptyLabel: "No stores found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "stores", "listing"],
         endpoint: ADMIN_ENDPOINTS.STORES,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "storeName", label: "Name A–Z" },
         ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
@@ -63,7 +65,7 @@ export function AdminStoresView({ children, ...props }) {
             _raw: item,
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => state.status && state.status !== "All" ? `status==${state.status}` : undefined,
+        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
         onRowClick: (row) => setEditorRow(row),
         buildBulkActions: (selection) => [
             {

package/dist/features/admin/components/AdminSublistingCategoriesView.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
@@ -12,14 +13,14 @@ export function AdminSublistingCategoriesView({ onBulkDelete, }) {
         searchPlaceholder: "Search sub-listing categories…",
         emptyLabel: "No sub-listing categories found",
         filterKeys: [],
-        defaultSort: "name",
+        defaultSort: sortBy("name", "ASC"),
         queryKey: ["admin", "sublisting-categories", "listing"],
         endpoint: ADMIN_ENDPOINTS.SUBLISTING_CATEGORIES,
         sortOptions: [
-            { value: "name", label: "Name A–Z" },
-            { value: "-name", label: "Name Z–A" },
-            { value: "-productCount", label: "Most listings" },
-            { value: "-createdAt", label: "Newest" },
+            { value: sortBy("name", "ASC"), label: "Name A–Z" },
+            { value: sortBy("name", "DESC"), label: "Name Z–A" },
+            { value: sortBy("productCount", "DESC"), label: "Most listings" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
         ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `sc-${index}`),

package/dist/features/admin/components/AdminSupportTicketsView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -55,13 +57,13 @@ export function AdminSupportTicketsView({ children, ...props }) {
         searchPlaceholder: "Search by subject",
         emptyLabel: "No support tickets found",
         filterKeys: ["status", "priority"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "support-tickets", "listing"],
         endpoint: ADMIN_ENDPOINTS.SUPPORT_TICKETS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
-            { value: "-updatedAt", label: "Recently updated" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
+            { value: sortBy("updatedAt", "DESC"), label: "Recently updated" },
         ],
         columns: TICKET_COLUMNS,
         mapRows: (response) => toRecordArray(response.tickets).map((item, index) => ({
@@ -90,9 +92,9 @@ export function AdminSupportTicketsView({ children, ...props }) {
         buildFilters: (f) => {
             const parts = [];
             if (f.status && f.status !== "All")
-                parts.push(`status==${f.status}`);
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, f.status));
             if (f.priority && f.priority !== "All")
-                parts.push(`priority==${f.priority}`);
+                parts.push(sieveFilter("priority", SIEVE_OP.EQ, f.priority));
             return parts.join(",") || undefined;
         },
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [

package/dist/features/admin/components/AdminTeamView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
 import { UserPlus } from "lucide-react";
 import { Button, FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
@@ -58,12 +60,12 @@ export function AdminTeamView({ children, onBulkRemove, ...props }) {
         searchPlaceholder: "Search by name or email",
         emptyLabel: "No employees found",
         filterKeys: ["group"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "team", "listing"],
         endpoint: ADMIN_ENDPOINTS.TEAM,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "displayName", label: "Name A–Z" },
         ],
         mapRows: (response) => toRecordArray(response.users).map((item, index) => ({
@@ -90,7 +92,7 @@ export function AdminTeamView({ children, onBulkRemove, ...props }) {
                 return response.total;
             return mappedRows.length;
         },
-        buildFilters: (state) => state.group && state.group !== "All" ? `permissionGroup==${state.group}` : undefined,
+        buildFilters: (state) => state.group && state.group !== "All" ? sieveFilter("permissionGroup", SIEVE_OP.EQ, state.group) : undefined,
         toolbarExtra: (_jsxs(Button, { type: "button", variant: "primary", onClick: openInvite, className: "flex items-center gap-1.5 whitespace-nowrap", children: [_jsx(UserPlus, { className: "h-4 w-4" }), "Invite Employee"] })),
         buildBulkActions: onBulkRemove
             ? (selection) => [

package/dist/features/admin/components/AdminUsersView.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, FilterChipGroup, Form, FormActions, Input, ListingLayout, Modal, RowActionMenu, Text as AppText, useToast, } from "../../../ui";
@@ -54,12 +56,12 @@ export function AdminUsersView({ children, ...props }) {
         searchPlaceholder: "Search users, email, or seller handles",
         emptyLabel: "No users found",
         filterKeys: ["status", "role"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "users", "listing"],
         endpoint: ADMIN_ENDPOINTS.USERS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "displayName", label: "Name A–Z" },
         ],
         mapRows: (response) => toRecordArray(response.users).map((item, index) => {
@@ -98,7 +100,7 @@ export function AdminUsersView({ children, ...props }) {
                 parts.push(f.status === "Active" ? "disabled==false" : "disabled==true");
             }
             if (f.role && f.role !== "All")
-                parts.push(`role==${f.role}`);
+                parts.push(sieveFilter("role", SIEVE_OP.EQ, f.role));
             return parts.join(",") || undefined;
         },
         onRowClick: (row) => {

package/dist/features/admin/components/AdminWishlistsView.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import React from "react";
 import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -11,12 +12,12 @@ const ADMIN_WISHLISTS_CONFIG = {
     searchPlaceholder: "Search by user ID",
     emptyLabel: "No user wishlists found",
     filterKeys: [],
-    defaultSort: "-updatedAt",
+    defaultSort: sortBy("updatedAt", "DESC"),
     queryKey: ["admin", "wishlists", "listing"],
     endpoint: ADMIN_ENDPOINTS.ADMIN_WISHLISTS,
     sortOptions: [
-        { value: "-updatedAt", label: "Recently updated" },
-        { value: "-itemCount", label: "Largest first" },
+        { value: sortBy("updatedAt", "DESC"), label: "Recently updated" },
+        { value: sortBy("itemCount", "DESC"), label: "Largest first" },
     ],
     mapRows: (response) => toRecordArray(response.items).map((item, index) => {
         const itemCount = typeof item.itemCount === "number" ? item.itemCount : 0;

package/dist/features/admin/constants/filter-tabs.d.ts

@@ -10,7 +10,7 @@
  * primitive and stay in sync when statuses are added.
  */
 export interface AdminFilterTab {
-    /** Filter value — empty when `id === "All"`. */
+    /** Filter value — empty when sieveFilter("id", SIEVE_OP.EQ, "= "All""). */
     id: string;
     /** Display text. */
     label: string;

package/dist/features/admin/constants/filter-tabs.js

@@ -1,14 +1,3 @@
-/**
- * Admin filter-chip tab sets (SB10-C completion, S8 2026-05-13).
- *
- * Match current view-filter values exactly so migrating an inline
- * `STATUS_OPTIONS` array to one of these constants is a behaviour-preserving
- * rename. The `ALL_TAB` sentinel collapses to an empty filter string when
- * clicked.
- *
- * Each entry is a typed `{ id, label }` row so views render with one
- * primitive and stay in sync when statuses are added.
- */
 export const ALL_TAB = { id: "All", label: "All" };
 /** Admin > Products — listing status filter chip set. */
 export const ADMIN_PRODUCT_STATUS_TABS = [

package/dist/features/admin/hooks/useAdmin.d.ts

@@ -3,7 +3,7 @@ export declare function useDashboardStats(opts?: {
     initialData?: DashboardStats;
     enabled?: boolean;
 }): {
-    stats: NoInfer<DashboardStats> | undefined;
+    stats: DashboardStats | undefined;
     isLoading: boolean;
     error: Error | null;
 };

package/dist/features/admin/hooks/useAdminSectionsListing.d.ts

@@ -23,6 +23,6 @@ export declare function useAdminSectionsListing({ page, pageSize, sorts, filters
     hasMore: boolean;
     isLoading: boolean;
     errorMessage: string | undefined;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<AdminSectionsListingResponse>, ApiClientError>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<AdminSectionsListingResponse, ApiClientError>>;
 };
 export {};

package/dist/features/admin/hooks/useChat.d.ts

@@ -16,7 +16,7 @@ export interface UseChatReturn {
 export declare function useChat(chatId: string | null, options?: {
     realtimeProvider?: IClientRealtimeProvider;
 }): UseChatReturn;
-export declare function useChatRooms(): import("@tanstack/react-query").UseQueryResult<NoInfer<unknown[]>, Error>;
+export declare function useChatRooms(): import("@tanstack/react-query").UseQueryResult<unknown[], Error>;
 export declare function useCreateChatRoom(): import("@tanstack/react-query").UseMutationResult<unknown, Error, {
     orderId: string;
     ownerId: string;

package/dist/features/admin/types/index.d.ts

@@ -4,7 +4,7 @@ export type { AdminProduct, AdminProductStatus, AdminProductDrawerMode, } from "
 export { ADMIN_PRODUCT_STATUS_OPTIONS } from "./product.types";
 /**
  * Admin-specific column definition that narrows `render` to `React.ReactNode`.
- * Extends `TableColumn<T>` from `@mohasinac/contracts` so it is compatible
+ * Extends sieveFilter("TableColumn", SIEVE_OP.LT, "T>") from `@mohasinac/contracts` so it is compatible
  * with column arrays built from the base type.
  */
 export interface AdminTableColumn<T = Record<string, unknown>> extends Omit<TableColumn<T>, "render"> {