@mohasinac/appkit 2.2.0 → 2.3.1

package/dist/features/stores/schemas/firestore.js

@@ -5,7 +5,7 @@
  * and helpers for the stores feature.
  */
 import { slugify } from "../../../utils/string.formatter";
-// ── Store Document ───────────────────────────────────────────────────────────
+// -- Store Document -----------------------------------------------------------
 export const StoreStatusValues = {
     PENDING: "pending",
     ACTIVE: "active",

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

@@ -34,35 +34,35 @@ export declare const storeListItemSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     id: string;
     status: string;
+    storeName: string;
     storeSlug: string;
-    isPublic: boolean;
     ownerId: string;
-    storeName: string;
+    isPublic: boolean;
     createdAt?: string | undefined;
     itemsSold?: number | undefined;
+    totalProducts?: number | undefined;
+    averageRating?: number | undefined;
+    totalReviews?: number | undefined;
+    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
-    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
-    totalProducts?: number | undefined;
-    totalReviews?: number | undefined;
-    averageRating?: number | undefined;
 }, {
     id: string;
     status: string;
+    storeName: string;
     storeSlug: string;
-    isPublic: boolean;
     ownerId: string;
-    storeName: string;
+    isPublic: boolean;
     createdAt?: string | undefined;
     itemsSold?: number | undefined;
+    totalProducts?: number | undefined;
+    averageRating?: number | undefined;
+    totalReviews?: number | undefined;
+    storeLogoURL?: string | undefined;
     storeDescription?: string | undefined;
     storeCategory?: string | undefined;
-    storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
-    totalProducts?: number | undefined;
-    totalReviews?: number | undefined;
-    averageRating?: number | undefined;
 }>;
 export declare const storeListParamsSchema: z.ZodObject<{
     category: z.ZodOptional<z.ZodString>;
@@ -72,14 +72,14 @@ export declare const storeListParamsSchema: z.ZodObject<{
     filters: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
+    page?: number | undefined;
     pageSize?: number | undefined;
     filters?: string | undefined;
-    page?: number | undefined;
     category?: string | undefined;
 }, {
     sort?: string | undefined;
+    page?: number | undefined;
     pageSize?: number | undefined;
     filters?: string | undefined;
-    page?: number | undefined;
     category?: string | undefined;
 }>;

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

@@ -8,7 +8,7 @@ export const storeStatusSchema = z.enum([
     StoreStatusValues.SUSPENDED,
     StoreStatusValues.REJECTED,
 ]);
-// ─── Base item schema ─────────────────────────────────────────────────────────
+// --- Base item schema ---------------------------------------------------------
 /**
  * Base Zod schema for a store list item.
  * Apps can extend this to add their own fields:

package/dist/features/stores/server.d.ts

@@ -3,7 +3,6 @@
  *
  * Server-only entry point — repositories and API route handlers.
  */
-import "server-only";
 export * from "./actions";
 export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";

package/dist/features/stores/server.js

@@ -3,7 +3,6 @@
  *
  * Server-only entry point — repositories and API route handlers.
  */
-import "server-only";
 export * from "./actions";
 export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";

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

@@ -1,2 +1,2 @@
-// ─── Store list item (public-facing, safe to send to client) ─────────────────
+// --- Store list item (public-facing, safe to send to client) -----------------
 export {};

package/dist/features/whatsapp-bot/components/WhatsAppChatButton.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 export function WhatsAppChatButton({ waNumber, message = "Hi! I have a question.", label = "Chat on WhatsApp", className, }) {

package/dist/features/whatsapp-bot/helpers/whatsapp.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 import type { CheckoutMessageInput, StatusNotificationInput, WebhookVerifyInput, IncomingWebhookPayload, SendWhatsAppInput, StatusMessageInput } from "../types";
 export declare function buildCheckoutMessageURL(input: CheckoutMessageInput): string;
 export declare function buildStatusNotificationURL(input: StatusNotificationInput): string;

package/dist/features/whatsapp-bot/helpers/whatsapp.js

@@ -1,4 +1,3 @@
-import "server-only";
 import { createHmac, timingSafeEqual } from "crypto";
 import { getDefaultCurrencySymbol, getDefaultLocale, } from "../../../core/baseline-resolver";
 export function buildCheckoutMessageURL(input) {

package/dist/features/whatsapp-bot/server.d.ts

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for WhatsApp bot helpers (crypto operations).
  */
-import "server-only";
 export * from "./helpers/whatsapp";

package/dist/features/whatsapp-bot/server.js

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for WhatsApp bot helpers (crypto operations).
  */
-import "server-only";
 export * from "./helpers/whatsapp";

package/dist/features/wishlist/components/WishlistPage.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Stack, Text } from "../../../ui";
 import { formatCurrency } from "../../../utils/number.formatter";
+import { THEME_CONSTANTS } from "../../../tokens";
 export function WishlistCard({ item, onRemove, onProductClick, }) {
-    return (_jsxs(Div, { className: "flex gap-4 rounded-xl border border-neutral-200 bg-white p-4", children: [_jsx(Div, { role: onProductClick ? "button" : undefined, tabIndex: onProductClick ? 0 : undefined, onClick: onProductClick ? () => onProductClick(item) : undefined, onKeyDown: onProductClick
+    return (_jsxs(Div, { className: "flex gap-4 rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4", children: [_jsx(Div, { role: onProductClick ? "button" : undefined, tabIndex: onProductClick ? 0 : undefined, onClick: onProductClick ? () => onProductClick(item) : undefined, onKeyDown: onProductClick
                     ? (e) => e.key === "Enter" && onProductClick(item)
-                    : undefined, className: `h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-neutral-100 ${onProductClick ? "cursor-pointer" : ""}`, children: item.productImage && (_jsx(Div, { role: "img", "aria-label": item.productTitle ?? "", className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${item.productImage})` } })) }), _jsxs(Div, { className: "flex flex-1 flex-col justify-between", children: [_jsx(Text, { className: "font-medium text-neutral-900 line-clamp-2", children: item.productTitle }), item.productPrice !== undefined && (_jsx(Text, { className: "text-sm font-semibold text-neutral-900", children: formatCurrency(item.productPrice, item.productCurrency) }))] }), onRemove && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onRemove(item.id), "aria-label": "Remove from wishlist", className: "self-start text-neutral-400 transition hover:text-red-500", children: "\u2715" }))] }));
+                    : undefined, className: `h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-neutral-100 dark:bg-slate-800 ${onProductClick ? "cursor-pointer" : ""}`, children: item.productImage && (_jsx(Div, { role: "img", "aria-label": item.productTitle ?? "", className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${item.productImage})` } })) }), _jsxs(Div, { className: "flex flex-1 flex-col justify-between", children: [_jsx(Text, { className: `font-medium text-neutral-900 dark:text-zinc-100 ${THEME_CONSTANTS.utilities.textClamp2}`, children: item.productTitle }), item.productPrice !== undefined && (_jsx(Text, { className: "text-sm font-semibold text-neutral-900 dark:text-zinc-100", children: formatCurrency(item.productPrice, item.productCurrency) }))] }), onRemove && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onRemove(item.id), "aria-label": "Remove from wishlist", className: "self-start text-neutral-400 dark:text-zinc-500 transition hover:text-red-500", children: "\u2715" }))] }));
 }
 export function WishlistPage({ items, isLoading, onRemove, onProductClick, emptyLabel = "Your wishlist is empty", }) {
     if (isLoading) {
-        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { className: "flex animate-pulse gap-4 rounded-xl border border-neutral-200 p-4", children: [_jsx(Div, { className: "h-20 w-20 rounded-lg bg-neutral-200" }), _jsxs(Stack, { gap: "sm", className: "flex-1", children: [_jsx(Div, { className: "h-4 w-3/4 rounded bg-neutral-200" }), _jsx(Div, { className: "h-4 w-1/3 rounded bg-neutral-200" })] })] }, i))) }));
+        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { className: "flex animate-pulse gap-4 rounded-xl border border-neutral-200 p-4", children: [_jsx(Div, { className: "h-20 w-20 rounded-lg bg-neutral-200" }), _jsxs(Stack, { gap: "sm", className: "flex-1", children: [_jsx(Div, { className: "h-4 w-3/4 rounded bg-neutral-200 dark:bg-slate-700" }), _jsx(Div, { className: "h-4 w-1/3 rounded bg-neutral-200 dark:bg-slate-700" })] })] }, i))) }));
     }
     if (items.length === 0) {
         return (_jsx(Text, { className: "py-16 text-center text-sm text-neutral-500", children: emptyLabel }));

package/dist/features/wishlist/components/WishlistToggleButton.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from "../../../ui";
 const sizeClasses = {

package/dist/features/wishlist/components/WishlistView.d.ts

@@ -3,7 +3,7 @@ import type { WishlistItem, WishlistResponse } from "../types";
 export type WishlistTab = "products" | "auctions" | "categories" | "stores";
 export interface WishlistViewProps {
     /** Authenticated user id — required to fetch wishlist */
-    userId: string;
+    userId?: string;
     /** Optional initial SSR data */
     initialData?: WishlistResponse;
     labels?: {
@@ -21,7 +21,7 @@ export interface WishlistViewProps {
     /** Render view mode toggle */
     renderViewToggle?: (mode: string, onToggle: (m: string) => void) => React.ReactNode;
     /** Render the products grid */
-    renderProducts: (items: WishlistItem[], isLoading: boolean) => React.ReactNode;
+    renderProducts?: (items: WishlistItem[], isLoading: boolean) => React.ReactNode;
     /** Render coming-soon placeholder for non-products tabs */
     renderTabPlaceholder?: (tab: WishlistTab) => React.ReactNode;
     /** Render bulk action bar */

package/dist/features/wishlist/components/WishlistView.js

@@ -9,7 +9,7 @@ export function WishlistView({ userId, initialData, labels = {}, renderTabs, ren
     const [sort, setSort] = React.useState("-addedAt");
     const [viewMode, setViewMode] = React.useState("card");
     const [selectedIds, setSelectedIds] = React.useState([]);
-    const { items, total, isLoading } = useWishlist(userId, { initialData });
+    const { items, total, isLoading } = useWishlist(userId ?? "", { initialData });
     // Client-side filter + sort for products tab
     const displayedItems = React.useMemo(() => {
         if (activeTab !== "products")
@@ -36,6 +36,6 @@ export function WishlistView({ userId, initialData, labels = {}, renderTabs, ren
     }, [items, activeTab, search, sort]);
     return (_jsx(Div, { className: `min-h-screen ${className}`, children: _jsxs(Div, { className: "py-8 px-4 max-w-screen-xl mx-auto", children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold mb-1", children: labels.title ?? "My Wishlist" }), total > 0 && (_jsx(Text, { variant: "secondary", className: "mb-4", children: labels.subtitle ?? `${total} saved items` })), renderTabs?.(activeTab, setActiveTab), activeTab === "products" && (_jsxs(Row, { wrap: true, gap: "3", className: "mb-4", children: [renderSearch?.(search, setSearch), renderSort?.(sort, setSort), renderViewToggle?.(viewMode, setViewMode)] })), selectedIds.length > 0 &&
                     renderBulkActions?.(selectedIds, () => setSelectedIds([])), activeTab === "products"
-                    ? renderProducts(displayedItems, isLoading)
+                    ? renderProducts?.(displayedItems, isLoading)
                     : (renderTabPlaceholder?.(activeTab) ?? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { variant: "secondary", children: "Coming soon" }) }))), renderPagination?.(total)] }) }));
 }

package/dist/features/wishlist/hooks/useUserWishlist.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { ACCOUNT_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/wishlist/hooks/useWishlist.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { WISHLIST_ENDPOINTS } from "../../../constants/api-endpoints";

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

@@ -28,9 +28,9 @@ export declare const wishlistItemSchema: z.ZodObject<{
     productTitle?: string | undefined;
     productImage?: string | undefined;
     addedAt?: string | undefined;
-    productSlug?: string | undefined;
     productPrice?: number | undefined;
     productCurrency?: string | undefined;
+    productSlug?: string | undefined;
     productStatus?: string | undefined;
 }, {
     id: string;
@@ -39,8 +39,8 @@ export declare const wishlistItemSchema: z.ZodObject<{
     productTitle?: string | undefined;
     productImage?: string | undefined;
     addedAt?: string | undefined;
-    productSlug?: string | undefined;
     productPrice?: number | undefined;
     productCurrency?: string | undefined;
+    productSlug?: string | undefined;
     productStatus?: string | undefined;
 }>;

package/dist/features/wishlist/server.d.ts

@@ -3,7 +3,6 @@
  *
  * Server-only entry point for wishlist repositories.
  */
-import "server-only";
 export * from "./actions";
 export { WishlistRepository } from "./repository/wishlist.repository";
 export { UserWishlistRepository, wishlistRepository, } from "./repository/user-wishlist.repository";

package/dist/features/wishlist/server.js

@@ -3,7 +3,6 @@
  *
  * Server-only entry point for wishlist repositories.
  */
-import "server-only";
 export * from "./actions";
 export { WishlistRepository } from "./repository/wishlist.repository";
 export { UserWishlistRepository, wishlistRepository, } from "./repository/user-wishlist.repository";