@mohasinac/appkit 2.3.1 → 2.4.0

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

@@ -1,7 +1,41 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Span } from "../../../ui";
-export function DataTable({ columns, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", }) {
-    return (_jsxs(Div, { className: "overflow-hidden rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900", children: [_jsx(Div, { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800", children: columns.map((col) => (_jsxs("th", { scope: "col", onClick: col.sortable && onSort ? () => onSort(col.key) : undefined, className: `px-4 py-3 text-left font-semibold text-neutral-900 dark:text-zinc-100 ${col.sortable && onSort ? "cursor-pointer select-none hover:text-primary" : ""} ${col.className ?? ""}`, children: [col.header, col.sortable && sortKey === col.key && (_jsx(Span, { className: "ml-1", children: sortDir === "asc" ? "↑" : "↓" }))] }, col.key))) }) }), _jsx("tbody", { children: isLoading ? (Array.from({ length: 5 }).map((_, i) => (_jsx("tr", { className: "border-b border-neutral-100 dark:border-slate-700", children: columns.map((col) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Div, { className: "h-4 w-full animate-pulse rounded bg-neutral-200 dark:bg-slate-700" }) }, col.key))) }, i)))) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-12 text-center text-neutral-500 dark:text-zinc-400", children: emptyLabel }) })) : (rows.map((row) => (_jsx("tr", { className: "border-b border-neutral-100 dark:border-slate-700 hover:bg-neutral-50 dark:hover:bg-slate-800", children: columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 dark:text-zinc-300 ${col.className ?? ""}`, children: col.render
-                                        ? col.render(row)
-                                        : String(row[col.key] ?? "") }, col.key))) }, row.id)))) })] }) }), totalPages > 1 && onPageChange && (_jsx(Div, { className: "flex items-center justify-end gap-2 border-t border-neutral-200 dark:border-slate-700 px-4 py-3", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (_jsx(Button, { onClick: () => onPageChange(p), variant: p === currentPage ? "primary" : "ghost", size: "sm", className: `h-8 w-8 rounded text-xs font-medium transition ${p === currentPage ? "bg-neutral-900 text-white" : "text-neutral-600 dark:text-zinc-300 hover:bg-neutral-100 dark:hover:bg-slate-800"}`, children: p }, p))) }))] }));
+const DEFAULT_COLUMNS = [
+    {
+        key: "primary",
+        header: "Name",
+        render: (row) => (_jsxs("div", { className: "space-y-0.5", children: [_jsx("p", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: String(row.primary ?? "") }), row.secondary ? _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: String(row.secondary) }) : null] })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        className: "w-32",
+        render: (row) => (_jsx("span", { className: "inline-flex rounded-full bg-primary-50 px-2.5 py-1 text-xs font-medium text-primary-800 dark:bg-secondary-900/30 dark:text-secondary-300", children: String(row.status ?? "—") })),
+    },
+    {
+        key: "updatedAt",
+        header: "Updated",
+        className: "w-32",
+        render: (row) => _jsx("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: String(row.updatedAt ?? "") }),
+    },
+];
+export function DataTable({ columns: columnsProp, rows, isLoading, sortKey, sortDir, onSort, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No records found", getRowHref, renderRowActions, }) {
+    const columns = (columnsProp ?? DEFAULT_COLUMNS);
+    return (_jsxs(Div, { className: "overflow-hidden rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900", children: [_jsx(Div, { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800", children: [columns.map((col) => (_jsxs("th", { scope: "col", onClick: col.sortable && onSort ? () => onSort(col.key) : undefined, className: `px-4 py-3 text-left font-semibold text-neutral-900 dark:text-zinc-100 ${col.sortable && onSort ? "cursor-pointer select-none hover:text-primary" : ""} ${col.className ?? ""}`, children: [col.header, col.sortable && sortKey === col.key && (_jsx(Span, { className: "ml-1", children: sortDir === "asc" ? "↑" : "↓" }))] }, col.key))), renderRowActions && _jsx("th", { scope: "col", className: "w-12 px-2 py-3" })] }) }), _jsx("tbody", { children: isLoading ? (Array.from({ length: 5 }).map((_, i) => (_jsx("tr", { className: "border-b border-neutral-100 dark:border-slate-700", children: columns.map((col) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Div, { className: "h-4 w-full animate-pulse rounded bg-neutral-200 dark:bg-slate-700" }) }, col.key))) }, i)))) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-12 text-center text-neutral-500 dark:text-zinc-400", children: emptyLabel }) })) : (rows.map((row) => {
+                                const rowHref = getRowHref?.(row);
+                                return (_jsxs("tr", { onClick: rowHref
+                                        ? () => {
+                                            window.location.href = rowHref;
+                                        }
+                                        : undefined, onKeyDown: rowHref
+                                        ? (event) => {
+                                            if (event.key === "Enter" || event.key === " ") {
+                                                window.location.href = rowHref;
+                                            }
+                                        }
+                                        : undefined, role: rowHref ? "link" : undefined, tabIndex: rowHref ? 0 : undefined, className: `border-b border-neutral-100 dark:border-slate-700 hover:bg-neutral-50 dark:hover:bg-slate-800 ${rowHref ? "cursor-pointer" : ""}`, children: [columns.map((col) => (_jsx("td", { className: `px-4 py-3 text-neutral-700 dark:text-zinc-300 ${col.className ?? ""}`, children: col.render
+                                                ? col.render(row)
+                                                : String(row[col.key] ?? "") }, col.key))), renderRowActions && (_jsx("td", { className: "px-2 py-3", onClick: (e) => e.stopPropagation(), children: renderRowActions(row) }))] }, row.id));
+                            })) })] }) }), totalPages > 1 && onPageChange && (_jsx(Div, { className: "flex items-center justify-end gap-2 border-t border-neutral-200 dark:border-slate-700 px-4 py-3", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (_jsx(Button, { onClick: () => onPageChange(p), variant: p === currentPage ? "primary" : "ghost", size: "sm", className: `h-8 w-8 rounded text-xs font-medium transition ${p === currentPage ? "bg-neutral-900 text-white" : "text-neutral-600 dark:text-zinc-300 hover:bg-neutral-100 dark:hover:bg-slate-800"}`, children: p }, p))) }))] }));
 }

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

@@ -1,25 +1,63 @@
 export { DataTable } from "./DataTable";
+export { AdminListingScaffold } from "./AdminListingScaffold";
+export type { AdminListingScaffoldRow } from "./AdminListingScaffold";
 export { DashboardStatsGrid } from "./DashboardStats";
 export { AdminUsersView } from "./AdminUsersView";
 export type { AdminUsersViewProps } from "./AdminUsersView";
 export { AdminProductsView } from "./AdminProductsView";
 export type { AdminProductsViewProps } from "./AdminProductsView";
+export { AdminProductEditorView } from "./AdminProductEditorView";
+export type { AdminProductEditorViewProps } from "./AdminProductEditorView";
+export { CategoryQuickCreateForm } from "./CategoryQuickCreateForm";
+export type { CategoryQuickCreateFormProps } from "./CategoryQuickCreateForm";
+export { BrandQuickCreateForm } from "./BrandQuickCreateForm";
+export type { BrandQuickCreateFormProps } from "./BrandQuickCreateForm";
 export { AdminOrdersView } from "./AdminOrdersView";
 export type { AdminOrdersViewProps } from "./AdminOrdersView";
 export { AdminBidsView } from "./AdminBidsView";
 export type { AdminBidsViewProps } from "./AdminBidsView";
 export { AdminCouponsView } from "./AdminCouponsView";
 export type { AdminCouponsViewProps } from "./AdminCouponsView";
+export { AdminCouponEditorView } from "./AdminCouponEditorView";
+export type { AdminCouponEditorViewProps } from "./AdminCouponEditorView";
 export { AdminCategoriesView } from "./AdminCategoriesView";
 export type { AdminCategoriesViewProps } from "./AdminCategoriesView";
+export { AdminCategoryEditorView } from "./AdminCategoryEditorView";
+export type { AdminCategoryEditorViewProps } from "./AdminCategoryEditorView";
+export { AdminBrandsView } from "./AdminBrandsView";
+export type { AdminBrandsViewProps } from "./AdminBrandsView";
+export { AdminBrandEditorView } from "./AdminBrandEditorView";
+export type { AdminBrandEditorViewProps } from "./AdminBrandEditorView";
 export { AdminBlogView } from "./AdminBlogView";
 export type { AdminBlogViewProps } from "./AdminBlogView";
+export { AdminBlogEditorView } from "./AdminBlogEditorView";
+export type { AdminBlogEditorViewProps } from "./AdminBlogEditorView";
 export { AdminFaqsView } from "./AdminFaqsView";
 export type { AdminFaqsViewProps } from "./AdminFaqsView";
+export { AdminFaqEditorView } from "./AdminFaqEditorView";
+export type { AdminFaqEditorViewProps } from "./AdminFaqEditorView";
+export { AdminNavEditorView } from "./AdminNavEditorView";
+export type { AdminNavEditorViewProps, NavItemData } from "./AdminNavEditorView";
 export { AdminMediaView } from "./AdminMediaView";
 export type { AdminMediaViewProps } from "./AdminMediaView";
 export { AdminStoresView } from "./AdminStoresView";
 export type { AdminStoresViewProps } from "./AdminStoresView";
+export { AdminStoreEditorView } from "./AdminStoreEditorView";
+export type { AdminStoreEditorViewProps } from "./AdminStoreEditorView";
+export { AdminUserEditorView } from "./AdminUserEditorView";
+export type { AdminUserEditorViewProps } from "./AdminUserEditorView";
+export { AdminOrderEditorView } from "./AdminOrderEditorView";
+export type { AdminOrderEditorViewProps } from "./AdminOrderEditorView";
+export { AdminSessionsView } from "./AdminSessionsView";
+export type { AdminSessionsViewProps } from "./AdminSessionsView";
+export { AdminAllEventEntriesView } from "./AdminAllEventEntriesView";
+export type { AdminAllEventEntriesViewProps } from "./AdminAllEventEntriesView";
+export { AdminNotificationsView } from "./AdminNotificationsView";
+export type { AdminNotificationsViewProps } from "./AdminNotificationsView";
+export { AdminCartsView } from "./AdminCartsView";
+export type { AdminCartsViewProps } from "./AdminCartsView";
+export { AdminWishlistsView } from "./AdminWishlistsView";
+export type { AdminWishlistsViewProps } from "./AdminWishlistsView";
 export { AdminPayoutsView } from "./AdminPayoutsView";
 export type { AdminPayoutsViewProps } from "./AdminPayoutsView";
 export { AdminReviewsView } from "./AdminReviewsView";
@@ -36,12 +74,16 @@ export { AdminAdEditorView } from "./AdminAdEditorView";
 export type { AdminAdEditorViewProps } from "./AdminAdEditorView";
 export { AdminCarouselView } from "./AdminCarouselView";
 export type { AdminCarouselViewProps } from "./AdminCarouselView";
+export { AdminCarouselEditorView } from "./AdminCarouselEditorView";
+export type { AdminCarouselEditorViewProps } from "./AdminCarouselEditorView";
 export { AdminDashboardView } from "./AdminDashboardView";
 export type { AdminDashboardViewProps } from "./AdminDashboardView";
 export { QuickActionsPanel } from "./QuickActionsPanel";
 export type { QuickActionItem, QuickActionsPanelProps, } from "./QuickActionsPanel";
 export { AdminSiteView } from "./AdminSiteView";
 export type { AdminSiteViewProps } from "./AdminSiteView";
+export { AdminSiteSettingsView } from "./AdminSiteSettingsView";
+export type { AdminSiteSettingsViewProps } from "./AdminSiteSettingsView";
 export { AdminAnalyticsView } from "./AdminAnalyticsView";
 export type { AdminAnalyticsViewProps, AdminAnalyticsViewLabels, } from "./AdminAnalyticsView";
 export { AdminStatCard } from "./analytics/AdminStatCard";
@@ -58,8 +100,18 @@ export { AdminTopProductsTable } from "./analytics/AdminTopProductsTable";
 export type { AdminTopProductsTableProps, AdminTopProductsTableLabels, } from "./analytics/AdminTopProductsTable";
 export { AdminFeatureFlagsView } from "./AdminFeatureFlagsView";
 export type { AdminFeatureFlagsViewProps } from "./AdminFeatureFlagsView";
+export { AdminNewsletterView } from "./AdminNewsletterView";
+export type { AdminNewsletterViewProps } from "./AdminNewsletterView";
+export { AdminContactView } from "./AdminContactView";
+export type { AdminContactViewProps } from "./AdminContactView";
+export { AdminContactEditorView } from "./AdminContactEditorView";
+export type { AdminContactEditorViewProps } from "./AdminContactEditorView";
+export { AdminReturnRequestsView } from "./AdminReturnRequestsView";
+export type { AdminReturnRequestsViewProps } from "./AdminReturnRequestsView";
+export { AdminStoreAddressesView } from "./AdminStoreAddressesView";
+export type { AdminStoreAddressesViewProps } from "./AdminStoreAddressesView";
 export { AdminSidebar } from "./AdminSidebar";
-export type { AdminSidebarProps } from "./AdminSidebar";
+export type { AdminSidebarProps, AdminNavItem, AdminNavGroup } from "./AdminSidebar";
 export { AdminTopBar } from "./AdminTopBar";
 export type { AdminTopBarProps } from "./AdminTopBar";
 export { DemoSeedView } from "./DemoSeedView";

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

@@ -1,15 +1,34 @@
 export { DataTable } from "./DataTable";
+export { AdminListingScaffold } from "./AdminListingScaffold";
 export { DashboardStatsGrid } from "./DashboardStats";
 export { AdminUsersView } from "./AdminUsersView";
 export { AdminProductsView } from "./AdminProductsView";
+export { AdminProductEditorView } from "./AdminProductEditorView";
+export { CategoryQuickCreateForm } from "./CategoryQuickCreateForm";
+export { BrandQuickCreateForm } from "./BrandQuickCreateForm";
 export { AdminOrdersView } from "./AdminOrdersView";
 export { AdminBidsView } from "./AdminBidsView";
 export { AdminCouponsView } from "./AdminCouponsView";
+export { AdminCouponEditorView } from "./AdminCouponEditorView";
 export { AdminCategoriesView } from "./AdminCategoriesView";
+export { AdminCategoryEditorView } from "./AdminCategoryEditorView";
+export { AdminBrandsView } from "./AdminBrandsView";
+export { AdminBrandEditorView } from "./AdminBrandEditorView";
 export { AdminBlogView } from "./AdminBlogView";
+export { AdminBlogEditorView } from "./AdminBlogEditorView";
 export { AdminFaqsView } from "./AdminFaqsView";
+export { AdminFaqEditorView } from "./AdminFaqEditorView";
+export { AdminNavEditorView } from "./AdminNavEditorView";
 export { AdminMediaView } from "./AdminMediaView";
 export { AdminStoresView } from "./AdminStoresView";
+export { AdminStoreEditorView } from "./AdminStoreEditorView";
+export { AdminUserEditorView } from "./AdminUserEditorView";
+export { AdminOrderEditorView } from "./AdminOrderEditorView";
+export { AdminSessionsView } from "./AdminSessionsView";
+export { AdminAllEventEntriesView } from "./AdminAllEventEntriesView";
+export { AdminNotificationsView } from "./AdminNotificationsView";
+export { AdminCartsView } from "./AdminCartsView";
+export { AdminWishlistsView } from "./AdminWishlistsView";
 export { AdminPayoutsView } from "./AdminPayoutsView";
 export { AdminReviewsView } from "./AdminReviewsView";
 export { AdminSectionsView } from "./AdminSectionsView";
@@ -18,9 +37,11 @@ export { AdminNavigationView } from "./AdminNavigationView";
 export { AdminAdsView } from "./AdminAdsView";
 export { AdminAdEditorView } from "./AdminAdEditorView";
 export { AdminCarouselView } from "./AdminCarouselView";
+export { AdminCarouselEditorView } from "./AdminCarouselEditorView";
 export { AdminDashboardView } from "./AdminDashboardView";
 export { QuickActionsPanel } from "./QuickActionsPanel";
 export { AdminSiteView } from "./AdminSiteView";
+export { AdminSiteSettingsView } from "./AdminSiteSettingsView";
 export { AdminAnalyticsView } from "./AdminAnalyticsView";
 export { AdminStatCard } from "./analytics/AdminStatCard";
 export { AdminFilterBar } from "./AdminFilterBar";
@@ -29,6 +50,11 @@ export { DrawerFormFooter } from "./DrawerFormFooter";
 export { AdminRevenueChart, AdminOrdersChart, } from "./analytics/AdminAnalyticsCharts";
 export { AdminTopProductsTable } from "./analytics/AdminTopProductsTable";
 export { AdminFeatureFlagsView } from "./AdminFeatureFlagsView";
+export { AdminNewsletterView } from "./AdminNewsletterView";
+export { AdminContactView } from "./AdminContactView";
+export { AdminContactEditorView } from "./AdminContactEditorView";
+export { AdminReturnRequestsView } from "./AdminReturnRequestsView";
+export { AdminStoreAddressesView } from "./AdminStoreAddressesView";
 export { AdminSidebar } from "./AdminSidebar";
 export { AdminTopBar } from "./AdminTopBar";
 export { DemoSeedView } from "./DemoSeedView";

package/dist/features/admin/components/sections/adminSectionsBuildParse.d.ts

@@ -0,0 +1,48 @@
+import { AuctionsBuilderState, BannerBuilderState, BlogBuilderState, BrandsBuilderState, CarouselBuilderState, CategoriesBuilderState, CustomCardsBuilderState, EventsBuilderState, FAQBuilderState, FeaturesBuilderState, GoogleReviewsBuilderState, NewsletterBuilderState, PreOrdersBuilderState, ProductsBuilderState, ReviewsBuilderState, SocialFeedBuilderState, StatsBuilderState, StoresBuilderState, TrustIndicatorsBuilderState, WelcomeBuilderState, WhatsAppBuilderState } from "./adminSectionsTypes";
+export declare function parseCsvValues(value: string): string[];
+export declare function toNumberValue(value: unknown, fallback: number): number;
+export declare function toStringValue(value: unknown, fallback?: string): string;
+export declare function toBooleanValue(value: unknown, fallback?: boolean): boolean;
+export declare function toStringArray(value: unknown): string[];
+export declare function buildProductsConfig(builder: ProductsBuilderState): Record<string, unknown>;
+export declare function buildAuctionsConfig(builder: AuctionsBuilderState): Record<string, unknown>;
+export declare function buildStatsConfig(builder: StatsBuilderState): Record<string, unknown>;
+export declare function buildPreOrdersConfig(builder: PreOrdersBuilderState): Record<string, unknown>;
+export declare function buildStoresConfig(builder: StoresBuilderState): Record<string, unknown>;
+export declare function buildEventsConfig(builder: EventsBuilderState): Record<string, unknown>;
+export declare function parseProductsBuilder(config: Record<string, unknown>): ProductsBuilderState;
+export declare function parseAuctionsBuilder(config: Record<string, unknown>): AuctionsBuilderState;
+export declare function parseStatsBuilder(config: Record<string, unknown>): StatsBuilderState;
+export declare function parsePreOrdersBuilder(config: Record<string, unknown>): PreOrdersBuilderState;
+export declare function parseStoresBuilder(config: Record<string, unknown>): StoresBuilderState;
+export declare function parseEventsBuilder(config: Record<string, unknown>): EventsBuilderState;
+export declare function buildSocialFeedConfig(builder: SocialFeedBuilderState): Record<string, unknown>;
+export declare function parseSocialFeedBuilder(config: Record<string, unknown>): SocialFeedBuilderState;
+export declare function buildWelcomeConfig(builder: WelcomeBuilderState): Record<string, unknown>;
+export declare function parseWelcomeBuilder(config: Record<string, unknown>): WelcomeBuilderState;
+export declare function buildTrustIndicatorsConfig(builder: TrustIndicatorsBuilderState): Record<string, unknown>;
+export declare function parseTrustIndicatorsBuilder(config: Record<string, unknown>): TrustIndicatorsBuilderState;
+export declare function buildCategoriesConfig(builder: CategoriesBuilderState): Record<string, unknown>;
+export declare function parseCategoriesBuilder(config: Record<string, unknown>): CategoriesBuilderState;
+export declare function buildBrandsConfig(builder: BrandsBuilderState): Record<string, unknown>;
+export declare function parseBrandsBuilder(config: Record<string, unknown>): BrandsBuilderState;
+export declare function buildBannerConfig(builder: BannerBuilderState): Record<string, unknown>;
+export declare function parseBannerBuilder(config: Record<string, unknown>): BannerBuilderState;
+export declare function buildFeaturesConfig(builder: FeaturesBuilderState): Record<string, unknown>;
+export declare function parseFeaturesBuilder(config: Record<string, unknown>): FeaturesBuilderState;
+export declare function buildReviewsConfig(builder: ReviewsBuilderState): Record<string, unknown>;
+export declare function parseReviewsBuilder(config: Record<string, unknown>): ReviewsBuilderState;
+export declare function buildWhatsAppConfig(builder: WhatsAppBuilderState): Record<string, unknown>;
+export declare function parseWhatsAppBuilder(config: Record<string, unknown>): WhatsAppBuilderState;
+export declare function buildFAQConfig(builder: FAQBuilderState): Record<string, unknown>;
+export declare function parseFAQBuilder(config: Record<string, unknown>): FAQBuilderState;
+export declare function buildBlogConfig(builder: BlogBuilderState): Record<string, unknown>;
+export declare function parseBlogBuilder(config: Record<string, unknown>): BlogBuilderState;
+export declare function buildNewsletterConfig(builder: NewsletterBuilderState): Record<string, unknown>;
+export declare function parseNewsletterBuilder(config: Record<string, unknown>): NewsletterBuilderState;
+export declare function buildCarouselConfig(builder: CarouselBuilderState): Record<string, unknown>;
+export declare function parseCarouselBuilder(config: Record<string, unknown>): CarouselBuilderState;
+export declare function buildCustomCardsConfig(builder: CustomCardsBuilderState): Record<string, unknown>;
+export declare function parseCustomCardsBuilder(config: Record<string, unknown>): CustomCardsBuilderState;
+export declare function buildGoogleReviewsConfig(builder: GoogleReviewsBuilderState): Record<string, unknown>;
+export declare function parseGoogleReviewsBuilder(config: Record<string, unknown>): GoogleReviewsBuilderState;