@mohasinac/appkit 2.8.3 → 2.8.4

package/dist/features/seller/components/SellerBidsView.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, { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
@@ -18,9 +20,9 @@ const PAGE_SIZE = 25;
 const FILTER_KEYS = ["status"];
 const DEFAULT_SORT = "-bidDate";
 const SORT_OPTIONS = [
-    { value: "-bidDate", label: "Newest" },
+    { value: sortBy("bidDate", "DESC"), label: "Newest" },
     { value: "bidDate", label: "Oldest" },
-    { value: "-bidAmount", label: "Highest Bid" },
+    { value: sortBy("bidAmount", "DESC"), label: "Highest Bid" },
     { value: "bidAmount", label: "Lowest Bid" },
 ];
 const STATUS_OPTIONS = SELLER_BID_STATUS_TABS;
@@ -67,7 +69,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
     const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
     const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
     const statusRaw = table.get("status");
-    const filters = statusRaw ? `status==${statusRaw}` : undefined;
+    const filters = statusRaw ? sieveFilter("status", SIEVE_OP.EQ, statusRaw) : undefined;
     const productIdFilter = table.get("productId") || undefined;
     const endpointWithProduct = productIdFilter
         ? `${endpoint}?productId=${encodeURIComponent(productIdFilter)}`

package/dist/features/seller/components/SellerBundlesView.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, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { ConfirmDeleteModal, RowActionMenu, Text } from "../../../ui";
@@ -60,16 +61,16 @@ export function SellerBundlesView({ onCreateClick, onEditClick, onDelete, onBulk
         searchPlaceholder: "Search bundles...",
         emptyLabel: "No bundles yet — create a bundle to group multiple products together",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "bundles"],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "productTitle", label: "Name A–Z" },
-            { value: "-productTitle", label: "Name Z–A" },
-            { value: "price", label: "Price: Low–High" },
-            { value: "-price", label: "Price: High–Low" },
+            { value: sortBy("productTitle", "DESC"), label: "Name Z–A" },
+            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
+            { value: sortBy("price", "DESC"), label: "Price: High–Low" },
         ],
         columns: COLUMNS,
         mapRows: (response) => toRecordArray(response.products).map((item, index) => ({

package/dist/features/seller/components/SellerClassifiedView.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, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { ConfirmDeleteModal, RowActionMenu, Text } from "../../../ui";
@@ -66,15 +67,15 @@ export function SellerClassifiedView({ onCreateClick, onEditClick, onDelete, onB
         searchPlaceholder: "Search classified listings...",
         emptyLabel: "No classified listings yet — post your first buy/sell/trade ad",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "classified"],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "productTitle", label: "Name A–Z" },
-            { value: "price", label: "Price: Low–High" },
-            { value: "-price", label: "Price: High–Low" },
+            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
+            { value: sortBy("price", "DESC"), label: "Price: High–Low" },
         ],
         columns: COLUMNS,
         mapRows: (response) => toRecordArray(response.products).map((item, index) => {

package/dist/features/seller/components/SellerCouponsView.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, { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Div, ListingLayout, Text, useToast } from "../../../ui";
@@ -48,12 +50,12 @@ export function SellerCouponsView({ onCreateClick, onEditClick, onToggle, onDele
         searchPlaceholder: "Search by coupon code",
         emptyLabel: "No coupons found — create your first coupon",
         filterKeys: ["isActive"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "coupons", "listing"],
         endpoint: SELLER_ENDPOINTS.COUPONS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "code", label: "Code A–Z" },
         ],
         hideTableView: true,
@@ -63,7 +65,7 @@ export function SellerCouponsView({ onCreateClick, onEditClick, onToggle, onDele
             isActive: getIsActive(item),
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => state.isActive ? `isActive==${state.isActive}` : undefined,
+        buildFilters: (state) => state.isActive ? sieveFilter("isActive", SIEVE_OP.EQ, state.isActive) : undefined,
         primaryAction: onCreateClick
             ? { label: "Add Coupon", onClick: () => onCreateClick() }
             : undefined,

package/dist/features/seller/components/SellerDigitalCodesView.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, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { ConfirmDeleteModal, RowActionMenu, Span, Text } from "../../../ui";
@@ -69,14 +70,14 @@ export function SellerDigitalCodesView({ onCreateClick, onEditClick, onDelete, o
         searchPlaceholder: "Search digital code listings...",
         emptyLabel: "No digital code listings yet",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "digital-codes"],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "productTitle", label: "Name A–Z" },
-            { value: "price", label: "Price: Low–High" },
+            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
         ],
         columns: COLUMNS,
         mapRows: (response) => toRecordArray(response.products).map((item, index) => {

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { Badge, Button, Div, Span } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
@@ -56,14 +57,14 @@ export function SellerGroupedListingsView({ onCreateClick, onEditClick, onDelete
         searchPlaceholder: "Search grouped listings",
         emptyLabel: "No grouped listings yet",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "grouped-listings"],
         endpoint: SELLER_ENDPOINTS.GROUPED_LISTINGS,
         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: "-title", label: "Title Z–A" },
+            { value: sortBy("title", "DESC"), label: "Title Z–A" },
         ],
         columns: COLUMNS,
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { ConfirmDeleteModal, Div, RowActionMenu, Text } from "../../../ui";
@@ -70,15 +71,15 @@ export function SellerLiveView({ onCreateClick, onEditClick, onDelete, onBulkDel
         searchPlaceholder: "Search live item listings...",
         emptyLabel: "No live item listings yet",
         filterKeys: [],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "live-items"],
         endpoint: SELLER_ENDPOINTS.PRODUCTS,
         sortOptions: [
-            { value: "-createdAt", label: "Newest" },
-            { value: "createdAt", label: "Oldest" },
+            { value: sortBy("createdAt", "DESC"), label: "Newest" },
+            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
             { value: "productTitle", label: "Name A–Z" },
-            { value: "price", label: "Price: Low–High" },
-            { value: "-price", label: "Price: High–Low" },
+            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
+            { value: sortBy("price", "DESC"), label: "Price: High–Low" },
         ],
         columns: COLUMNS,
         mapRows: (response) => toRecordArray(response.products).map((item, index) => {

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

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React from "react";
 import { FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -17,12 +19,12 @@ export function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCou
         searchPlaceholder: "Search offers by product or buyer name",
         emptyLabel: "No offers received",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "offers", "listing"],
         endpoint: SELLER_ENDPOINTS.OFFERS,
         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.offers).map((item, index) => ({
             id: toStringValue(item.id, `offer-${index}`),
@@ -37,7 +39,7 @@ export function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCou
         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,
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 ...(onAcceptOffer
                     ? [{ label: ACTIONS.STORE["accept-offer"].label, onClick: () => void onAcceptOffer(row.id) }]

package/dist/features/seller/components/SellerOrdersView.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, { useState, useCallback } from "react";
 import { Eye, Printer, MapPin, Truck } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
@@ -25,8 +27,8 @@ const PAGE_SIZE = 25;
 const FILTER_KEYS = ["status"];
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest" },
-    { value: "createdAt", label: "Oldest" },
+    { value: sortBy("createdAt", "DESC"), label: "Newest" },
+    { value: sortBy("createdAt", "ASC"), label: "Oldest" },
 ];
 const STATUS_OPTIONS = SELLER_ORDER_STATUS_TABS;
 const STATUS_BADGE_VARIANT = {
@@ -155,7 +157,7 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
     const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
     const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
     const statusRaw = table.get("status");
-    const filters = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
+    const filters = statusRaw && statusRaw !== "All" ? sieveFilter("status", SIEVE_OP.EQ, statusRaw) : undefined;
     const { rows, total, isLoading, errorMessage } = useSellerListingData({
         queryKey: ["seller", "orders", "listing"],
         endpoint: SELLER_ENDPOINTS.ORDERS,

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Plus } from "lucide-react";
@@ -13,8 +14,8 @@ import { TABLE_KEYS } from "../../../constants/table-keys";
 const PAGE_SIZE = 50;
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest" },
-    { value: "createdAt", label: "Oldest" },
+    { value: sortBy("createdAt", "DESC"), label: "Newest" },
+    { value: sortBy("createdAt", "ASC"), label: "Oldest" },
     { value: "label", label: "Label A–Z" },
 ];
 function getMaskedIdentifier(item) {

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

@@ -1,5 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import React from "react";
 import { FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -17,12 +19,12 @@ export function SellerPayoutsView({ children, onViewClick, onExportClick, ...pro
         searchPlaceholder: "Search payouts by payout # or amount",
         emptyLabel: "No payouts found",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "payouts", "listing"],
         endpoint: SELLER_ENDPOINTS.PAYOUTS,
         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.payouts).map((item, index) => ({
             id: toStringValue(item.id, `payout-${index}`),
@@ -37,7 +39,7 @@ export function SellerPayoutsView({ children, onViewClick, onExportClick, ...pro
         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,
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 ...(onViewClick
                     ? [{ label: ACTIONS.STORE["view-payout"].label, onClick: () => onViewClick(row.id) }]

package/dist/features/seller/components/SellerPreOrdersView.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 { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Badge, ConfirmDeleteModal, Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
@@ -78,12 +80,12 @@ export function SellerPreOrdersView({ children, onDelete, ...props }) {
         searchPlaceholder: "Search pre-orders by name…",
         emptyLabel: "No pre-orders listed yet",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "pre-orders", "listing"],
         endpoint: SELLER_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: "preorderAvailableDate", label: "Delivery Soon" },
         ],
@@ -105,7 +107,7 @@ export function SellerPreOrdersView({ children, onDelete, ...props }) {
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.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==pre-order", status].filter(Boolean).join(",");
         },
         getRowHref: (row) => String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id)),

package/dist/features/seller/components/SellerPrizeDrawsView.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 { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Badge, ConfirmDeleteModal, Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
@@ -75,12 +77,12 @@ export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
         searchPlaceholder: "Search prize draws by name…",
         emptyLabel: "No prize draws listed yet",
         filterKeys: ["status"],
-        defaultSort: "-createdAt",
+        defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["seller", "prize-draws", "listing"],
         endpoint: SELLER_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" },
         ],
@@ -102,7 +104,7 @@ export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.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.STORE.PRIZE_DRAWS_EDIT(row.id)),

package/dist/features/seller/components/SellerProductsView.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 { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
@@ -34,12 +36,12 @@ const FILTER_KEYS = [
 ];
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
-    { 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: "-title", label: "Title Z–A" },
-    { value: "-price", label: "Price High" },
-    { value: "price", label: "Price Low" },
+    { value: sortBy("title", "DESC"), label: "Title Z–A" },
+    { value: sortBy("price", "DESC"), label: "Price High" },
+    { value: sortBy("price", "ASC"), label: "Price Low" },
 ];
 const STATUS_OPTIONS = SELLER_PRODUCT_STATUS_TABS;
 // S-STORE-2-A — `<TypeDropdown>` replaces the legacy chip strip. Same width on
@@ -163,10 +165,10 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, children, .
         listingKind !== "all" ||
         showSold;
     const statusRaw = table.get("status");
-    const statusFilter = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
+    const statusFilter = statusRaw && statusRaw !== "All" ? sieveFilter("status", SIEVE_OP.EQ, statusRaw) : undefined;
     // SB1-G — single-field listingType clause. The repository's Sieve aliases
     // accept both `==auction|preorder|standard` and `==pre-order` directly.
-    const kindFilter = listingKind === "all" ? undefined : `listingType==${listingKind}`;
+    const kindFilter = listingKind === "all" ? undefined : sieveFilter("listingType", SIEVE_OP.EQ, listingKind);
     const soldFilter = showSold ? undefined : "isSold==false";
     const filters = [statusFilter, kindFilter, soldFilter].filter(Boolean).join(",") || undefined;
     const { rows, total, isLoading, errorMessage } = useSellerListingData({

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Plus } from "lucide-react";
@@ -13,8 +14,8 @@ import { TABLE_KEYS } from "../../../constants/table-keys";
 const PAGE_SIZE = 50;
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
-    { value: "-createdAt", label: "Newest" },
-    { value: "createdAt", label: "Oldest" },
+    { value: sortBy("createdAt", "DESC"), label: "Newest" },
+    { value: sortBy("createdAt", "ASC"), label: "Oldest" },
     { value: "label", label: "Label A–Z" },
 ];
 const COLUMNS = [

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Plus } from "lucide-react";
@@ -16,10 +17,10 @@ import { TABLE_KEYS } from "../../../constants/table-keys";
 const PAGE_SIZE = 25;
 const DEFAULT_SORT = "displayOrder";
 const SORT_OPTIONS = [
-    { value: "displayOrder", label: "Display Order" },
+    { value: sortBy("displayOrder", "ASC"), label: "Display Order" },
     { value: "label", label: "Label A–Z" },
-    { value: "-label", label: "Label Z–A" },
-    { value: "-createdAt", label: "Newest" },
+    { value: sortBy("label", "DESC"), label: "Label Z–A" },
+    { value: sortBy("createdAt", "DESC"), label: "Newest" },
 ];
 const COLUMNS = [
     {

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { useState, useCallback, useMemo } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
 import { Plus } from "lucide-react";
@@ -18,9 +19,9 @@ const __P = {
 const PAGE_SIZE = 25;
 const DEFAULT_SORT = "name";
 const SORT_OPTIONS = [
-    { value: "name", label: "Name A–Z" },
-    { value: "-name", label: "Name Z–A" },
-    { value: "-createdAt", label: "Newest" },
+    { 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" },

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -7,7 +8,7 @@ async function loadSublistingOptions(query, page) {
     const params = new URLSearchParams({
         page: String(page),
         pageSize: "25",
-        sorts: "name",
+        sorts: sortBy("name", "ASC"),
     });
     if (query.trim())
         params.set("q", query.trim());

package/dist/features/seller/hooks/useSellerPayouts.d.ts

@@ -12,14 +12,14 @@ export declare function useSellerPayouts(params?: {
     totalPages: number;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<PayoutListResponse>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<PayoutListResponse, Error>>;
 };
 export declare function useSellerPayoutSettings(opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
-    settings: NonNullable<NoInfer<SellerPayoutSettings | null>> | null;
+    settings: SellerPayoutSettings | null;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<SellerPayoutSettings | null>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SellerPayoutSettings | null, Error>>;
 };

package/dist/features/seller/hooks/useSellerStore.d.ts

@@ -3,28 +3,28 @@ export declare function useSellerStore(opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
-    store: NonNullable<NoInfer<SellerStore | null>> | null;
+    store: SellerStore | null;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<SellerStore | null>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SellerStore | null, Error>>;
 };
 export declare function useSellerDashboard(opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
-    stats: NoInfer<SellerDashboardStats> | null;
+    stats: SellerDashboardStats | null;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<SellerDashboardStats>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SellerDashboardStats, Error>>;
 };
 export declare function useSellerAnalytics(period?: string, opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
-    analytics: NoInfer<SellerAnalytics> | null;
+    analytics: SellerAnalytics | null;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<SellerAnalytics>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SellerAnalytics, Error>>;
 };
 /** @deprecated Use useStoreDashboard */
 export { useSellerDashboard as useStoreDashboard };

package/dist/features/seller/hooks/useSellerStorefront.d.ts

@@ -9,8 +9,8 @@ export declare function useSellerStorefront(sellerId: string, options?: {
     seller: PublicUserProfile | undefined;
     loading: boolean;
     profileError: string;
-    productsData: NoInfer<ProductsApiResponse> | undefined;
+    productsData: ProductsApiResponse | undefined;
     productsLoading: boolean;
-    reviewsData: NoInfer<SellerReviewsData> | undefined;
+    reviewsData: SellerReviewsData | undefined;
     reviewsLoading: boolean;
 };

package/dist/features/stores/actions/store-query-actions.js

@@ -4,6 +4,7 @@
  * Public and seller-facing read functions for store listings, products,
  * auctions and reviews.  No auth — callers decide whether auth is needed.
  */
+import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
 import { NotFoundError } from "../../../errors";
 const ERR_STORE_NOT_FOUND = "Store not found";
 import { maskPublicReview } from "../../../security";
@@ -35,7 +36,7 @@ export async function getStoreProducts(storeSlug, params = {}) {
         throw new NotFoundError(ERR_STORE_NOT_FOUND);
     }
     const filtersArr = [
-        `storeId==${storeDoc.id}`,
+        sieveFilter("storeId", SIEVE_OP.EQ, storeDoc.id),
         "status==published",
         "listingType==standard",
     ];
@@ -57,7 +58,7 @@ export async function getStoreAuctions(storeSlug, params = {}) {
         throw new NotFoundError(ERR_STORE_NOT_FOUND);
     }
     const filtersArr = [
-        `storeId==${storeDoc.id}`,
+        sieveFilter("storeId", SIEVE_OP.EQ, storeDoc.id),
         "status==published",
         "listingType==auction",
     ];

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, sieveAnd, SIEVE_OP } from "@mohasinac/appkit";
+import { sortBy } from "@mohasinac/appkit";
 import { productRepository } from "../../../repositories";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StoreAuctionsListing } from "./StoreAuctionsListing";
@@ -8,8 +10,8 @@ export async function StoreAuctionsPageView({ storeSlug }) {
     const result = storeId
         ? await productRepository
             .list({
-            filters: `storeId==${storeId},status==published,listingType==auction`,
-            sorts: "auctionEndDate",
+            filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "auction")),
+            sorts: sortBy("auctionEndDate", "ASC"),
             page: 1,
             pageSize: 24,
         })

package/dist/features/stores/components/StoreDetailLayoutView.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-export declare const getStoreBySlug: (slug: string) => Promise<import("..").StoreDocument | null | undefined>;
+export declare const getStoreBySlug: (slug: string) => Promise<import("@mohasinac/appkit").StoreDocument | null | undefined>;
 export interface StoreDetailLayoutViewProps {
     storeSlug: string;
     /** The current active tab value: "products" | "auctions" | "reviews" | "about" */