@mohasinac/appkit 2.3.0 → 2.3.1

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerOrdersView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "orders", "listing"],
+        endpoint: SELLER_ENDPOINTS.ORDERS,
+        mapRows: (response) => toRecordArray(response.orders).map((item, index) => ({
+            id: toStringValue(item.id, `order-${index}`),
+            primary: toStringValue(item.orderNumber ?? `#${item.id}`, "Order"),
+            secondary: [
+                toStringValue(item.buyerName ?? "Unknown buyer", "Unknown buyer"),
+                toRupees(item.totalAmount ?? item.total),
+            ].join(" · "),
+            status: toStringValue(item.status, "Unknown"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.orderDate ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Orders", subtitle: "Track all orders for your products", actionLabel: "", searchPlaceholder: "Search by order #, buyer name, or product", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No orders found", resultSummary: `Showing ${rows.length} of ${total} orders` }));
+}

package/dist/features/seller/components/SellerPayoutHistoryTable.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface SellerPayoutHistoryTableLabels {
+    title?: string;
+}
+export interface SellerPayoutHistoryTableProps {
+    labels?: SellerPayoutHistoryTableLabels;
+    isLoading?: boolean;
+    hasRows: boolean;
+    renderLoading?: () => React.ReactNode;
+    renderEmptyState?: () => React.ReactNode;
+    renderTable: () => React.ReactNode;
+    className?: string;
+}
+export declare function SellerPayoutHistoryTable({ labels, isLoading, hasRows, renderLoading, renderEmptyState, renderTable, className, }: SellerPayoutHistoryTableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading } from "../../../ui";
+export function SellerPayoutHistoryTable({ labels = {}, isLoading = false, hasRows, renderLoading, renderEmptyState, renderTable, className = "", }) {
+    return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 2, className: "mb-4", children: labels.title })), isLoading
+                ? (renderLoading?.() ?? null)
+                : hasRows
+                    ? renderTable()
+                    : (renderEmptyState?.() ?? null)] }));
+}

package/dist/features/seller/components/SellerPayoutSettingsView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface SellerPayoutSettingsViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+        saveButton?: string;
+    };
+    renderForm?: (isLoading: boolean) => React.ReactNode;
+    isLoading?: boolean;
+}
+export declare function SellerPayoutSettingsView({ labels, renderForm, isLoading, ...rest }: SellerPayoutSettingsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function SellerPayoutSettingsView({ labels = {}, renderForm, isLoading = false, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderForm?.(isLoading)] }));
+}

package/dist/features/seller/components/SellerPayoutStats.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface SellerPayoutStatsProps {
+    isLoading?: boolean;
+    renderLoading?: () => React.ReactNode;
+    renderStats: () => React.ReactNode;
+    className?: string;
+}
+export declare function SellerPayoutStats({ isLoading, renderLoading, renderStats, className, }: SellerPayoutStatsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Div } from "../../../ui";
+export function SellerPayoutStats({ isLoading = false, renderLoading, renderStats, className = "", }) {
+    if (isLoading) {
+        return _jsx(Div, { className: className, children: renderLoading?.() ?? null });
+    }
+    return _jsx(Div, { className: className, children: renderStats() });
+}

package/dist/features/seller/components/SellerPayoutsView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerPayoutsViewProps extends ListingViewShellProps {
+}
+export declare function SellerPayoutsView({ children, ...props }: SellerPayoutsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerPayoutsView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "payouts", "listing"],
+        endpoint: SELLER_ENDPOINTS.PAYOUTS,
+        mapRows: (response) => toRecordArray(response.payouts).map((item, index) => ({
+            id: toStringValue(item.id, `payout-${index}`),
+            primary: `Payout #${toStringValue(item.payoutNumber ?? item.id, "Unknown")}`,
+            secondary: [
+                toRupees(item.amount ?? item.totalAmount),
+                `Requested: ${toRelativeDate(item.requestedAt ?? item.createdAt)}`,
+            ].join(" · "),
+            status: toStringValue(item.status, "Pending"),
+            updatedAt: toRelativeDate(item.processedAt ?? item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Payout History", subtitle: "Track all payouts to your bank account", actionLabel: "Request Payout", searchPlaceholder: "Search payouts by payout # or amount", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No payouts found", resultSummary: `Showing ${rows.length} of ${total} payouts` }));
+}

package/dist/features/seller/components/SellerProductsView.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerProductsViewProps extends ListingViewShellProps {
+    renderHeader?: (onAdd: () => void) => React.ReactNode;
+}
+export declare function SellerProductsView({ renderHeader, children, ...props }: SellerProductsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerProductsView({ renderHeader, children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "products", "listing"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => ({
+            id: toStringValue(item.id, `product-${index}`),
+            primary: toStringValue(item.title ?? item.name, "Untitled product"),
+            secondary: [
+                toStringValue(item.sku, "No SKU"),
+                toStringValue(item.condition ?? "Unknown condition", "Unknown condition"),
+            ].join(" · "),
+            status: toStringValue(item.status, "Unknown"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "My Products", subtitle: "Manage your product listings, inventory, and pricing", actionLabel: "New Listing", searchPlaceholder: "Search products by name or SKU", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No products listed", resultSummary: `Showing ${rows.length} of ${total} products` }));
+}

package/dist/features/seller/components/SellerShippingView.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface SellerShippingViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+        saveButton?: string;
+    };
+    renderZones?: (isLoading: boolean) => React.ReactNode;
+    renderForm?: () => React.ReactNode;
+    isLoading?: boolean;
+}
+export declare function SellerShippingView({ labels, renderZones, renderForm, isLoading, ...rest }: SellerShippingViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function SellerShippingView({ labels = {}, renderZones, renderForm, isLoading = false, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderZones?.(isLoading), renderForm?.()] }));
+}

package/dist/features/seller/components/SellerSidebar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface SellerNavItem {
+    href: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number;
+}
+interface SellerSidebarProps {
+    items: SellerNavItem[];
+    activeHref: string;
+    storeName?: string;
+    storeLogoURL?: string;
+    /** Whether the mobile drawer is open */
+    mobileOpen?: boolean;
+    /** Called when the mobile drawer should close */
+    onCloseMobile?: () => void;
+    className?: string;
+}
+export declare function SellerSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen, onCloseMobile, className, }: SellerSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from "next/link";
+import { Aside, Div, Li, Nav, Row, Span, Text, Ul } from "../../../ui";
+import { BottomSheet } from "../../layout/BottomSheet";
+function SellerNavContent({ items, activeHref, storeName, storeLogoURL, onItemClick, }) {
+    return (_jsxs(_Fragment, { children: [storeName && (_jsxs(Row, { gap: "3", className: "px-5 py-4 border-b border-gray-100 dark:border-slate-700", children: [storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": storeName, className: "h-8 w-8 rounded-full bg-center bg-cover", style: { backgroundImage: `url(${storeLogoURL})` } })) : (_jsx(Div, { className: "h-8 w-8 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-sm", children: storeName[0]?.toUpperCase() })), _jsx(Text, { className: "font-semibold text-gray-900 dark:text-zinc-100 text-sm truncate", children: storeName })] })), _jsx(Nav, { "aria-label": "Seller navigation", className: "flex-1 overflow-y-auto py-3", children: _jsx(Ul, { className: "space-y-0.5 px-2", children: items.map((item) => {
+                        const isActive = activeHref === item.href;
+                        return (_jsx(Li, { children: _jsxs(Link, { href: item.href, onClick: onItemClick, className: `flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${isActive
+                                    ? "bg-orange-50 dark:bg-orange-900/20 text-orange-600 dark:text-orange-400 font-medium"
+                                    : "text-gray-600 dark:text-zinc-300 hover:bg-gray-50 dark:hover:bg-slate-800 hover:text-gray-900 dark:hover:text-zinc-100"}`, children: [item.icon && (_jsx(Span, { className: "shrink-0 text-[1.1rem]", children: item.icon })), _jsx(Span, { className: "flex-1 truncate", children: item.label }), item.badge != null && item.badge > 0 && (_jsx(Span, { className: "shrink-0 rounded-full bg-orange-500 px-1.5 py-0.5 text-[10px] font-bold text-white", children: item.badge }))] }) }, item.href));
+                    }) }) })] }));
+}
+export function SellerSidebar({ items, activeHref, storeName, storeLogoURL, mobileOpen = false, onCloseMobile, className = "", }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-64 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-gray-200 dark:border-slate-700 ${className}`, children: _jsx(SellerNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: storeName ?? "Seller Panel", children: _jsx(SellerNavContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: onCloseMobile }) })] }));
+}

package/dist/features/seller/components/SellerStatCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface SellerStatCardProps {
+    label: string;
+    value: string | number;
+    subLabel?: string;
+    trend?: {
+        value: number;
+        positive: boolean;
+    };
+    icon?: React.ReactNode;
+    className?: string;
+}
+export declare function SellerStatCard({ label, value, subLabel, trend, icon, className, }: SellerStatCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Text } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
+export function SellerStatCard({ label, value, subLabel, trend, icon, className = "", }) {
+    return (_jsx(Div, { className: `rounded-xl border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-5 shadow-sm ${className}`, children: _jsxs(Div, { className: "flex items-start justify-between gap-2", children: [_jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "text-sm text-gray-500 dark:text-zinc-400 mb-1 truncate", children: label }), _jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-zinc-100", children: value }), subLabel && (_jsx(Text, { className: "text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: subLabel })), trend && (_jsxs(Text, { className: `text-xs mt-1 font-medium ${trend.positive ? THEME_CONSTANTS.themed.textSuccess : THEME_CONSTANTS.themed.textError}`, children: [trend.positive ? "▲" : "▼", " ", Math.abs(trend.value), "%"] }))] }), icon && _jsx(Div, { className: "shrink-0 text-gray-400 dark:text-zinc-500 text-2xl", children: icon })] }) }));
+}

package/dist/features/seller/components/SellerStoreSetupView.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface SellerStoreSetupViewProps {
+    labels?: {
+        title?: string;
+        submitButton?: string;
+    };
+    renderTabs?: (activeTab: string, onChange: (t: string) => void) => React.ReactNode;
+    renderForm: (tab: string, isLoading: boolean) => React.ReactNode;
+    isLoading?: boolean;
+    className?: string;
+}
+export declare function SellerStoreSetupView({ labels, renderTabs, renderForm, isLoading, className, }: SellerStoreSetupViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Div, Heading } from "../../../ui";
+export function SellerStoreSetupView({ labels = {}, renderTabs, renderForm, isLoading = false, className = "", }) {
+    const [tab, setTab] = React.useState("basic");
+    return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 1, className: "text-2xl font-bold mb-6", children: labels.title })), renderTabs?.(tab, setTab), renderForm(tab, isLoading)] }));
+}

package/dist/features/seller/components/SellerStoreView.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface SellerStoreViewProps {
+    renderHeader?: () => React.ReactNode;
+    renderNavTabs?: (activeTab: string, onChange: (t: string) => void) => React.ReactNode;
+    renderContent?: (activeTab: string) => React.ReactNode;
+    className?: string;
+}
+export declare function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className, }: SellerStoreViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Div } from "../../../ui";
+export function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className = "", }) {
+    const [tab, setTab] = React.useState("products");
+    return (_jsxs(Div, { className: className, children: [renderHeader?.(), renderNavTabs?.(tab, setTab), renderContent?.(tab)] }));
+}

package/dist/features/seller/components/SellerStorefrontView.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface SellerStorefrontViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+        subtitle?: string;
+    };
+    renderBanner?: () => React.ReactNode;
+    renderProducts?: () => React.ReactNode;
+    renderReviews?: () => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+}
+export declare function SellerStorefrontView({ labels, renderBanner, renderProducts, renderReviews, renderFooter, ...rest }: SellerStorefrontViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StackedViewShell } from "../../../ui";
+export function SellerStorefrontView({ labels = {}, renderBanner, renderProducts, renderReviews, renderFooter, ...rest }) {
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [
+            renderBanner?.(),
+            renderProducts?.(),
+            renderReviews?.(),
+            renderFooter?.(),
+        ] }));
+}

package/dist/features/seller/components/SellersListView.d.ts

@@ -0,0 +1,4 @@
+import type { SlottedListingViewProps } from "../../../ui";
+export interface SellersListViewProps extends SlottedListingViewProps {
+}
+export declare function SellersListView(props: SellersListViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SlottedListingView } from "../../../ui";
+export function SellersListView(props) {
+    return _jsx(SlottedListingView, { portal: "public", ...props, manageSearch: true, manageSelection: true });
+}

package/dist/features/seller/components/analytics/SellerAnalyticsStats.d.ts

@@ -0,0 +1,14 @@
+import type { SellerAnalyticsSummary } from "../../types";
+export interface SellerAnalyticsStatsLabels {
+    totalRevenue?: string;
+    totalOrders?: string;
+    totalProducts?: string;
+    publishedProducts?: string;
+}
+export interface SellerAnalyticsStatsProps {
+    summary: SellerAnalyticsSummary;
+    labels?: SellerAnalyticsStatsLabels;
+    formatRevenue?: (amount: number) => string;
+    className?: string;
+}
+export declare function SellerAnalyticsStats({ summary, labels, formatRevenue, className, }: SellerAnalyticsStatsProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/analytics/SellerAnalyticsStats.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading, Span, Text } from "../../../../ui";
+function SellerAnalyticsStatCard({ label, value, icon, colorClassName, }) {
+    return (_jsx(Div, { className: "bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-5", children: _jsxs(Div, { className: "flex items-start justify-between gap-3", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 font-medium uppercase tracking-wide", children: label }), _jsx(Heading, { level: 3, className: `mt-1 text-2xl font-bold ${colorClassName}`, children: value })] }), _jsx(Span, { className: "text-2xl sm:text-3xl", "aria-hidden": true, children: icon })] }) }));
+}
+export function SellerAnalyticsStats({ summary, labels = {}, formatRevenue = (amount) => String(amount), className = "", }) {
+    return (_jsxs(Div, { className: `grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-4 gap-4 ${className}`, children: [_jsx(SellerAnalyticsStatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatRevenue(summary.totalRevenue), icon: "\uD83D\uDCB0", colorClassName: "text-emerald-600 dark:text-emerald-400" }), _jsx(SellerAnalyticsStatCard, { label: labels.totalOrders ?? "Total Orders", value: String(summary.totalOrders), icon: "\uD83D\uDCE6", colorClassName: "text-blue-600 dark:text-blue-400" }), _jsx(SellerAnalyticsStatCard, { label: labels.totalProducts ?? "Total Products", value: String(summary.totalProducts), icon: "\uD83D\uDECD\uFE0F", colorClassName: "text-violet-600 dark:text-violet-400" }), _jsx(SellerAnalyticsStatCard, { label: labels.publishedProducts ?? "Published Products", value: String(summary.publishedProducts), icon: "\u2705", colorClassName: "text-amber-600 dark:text-amber-400" })] }));
+}

package/dist/features/seller/components/analytics/SellerRevenueChart.d.ts

@@ -0,0 +1,13 @@
+import type { SellerAnalyticsMonthEntry } from "../../types";
+export interface SellerRevenueChartLabels {
+    title?: string;
+    noData?: string;
+    revenueLabel?: string;
+}
+export interface SellerRevenueChartProps {
+    data: SellerAnalyticsMonthEntry[];
+    labels?: SellerRevenueChartLabels;
+    formatRevenue?: (amount: number) => string;
+    className?: string;
+}
+export declare function SellerRevenueChart({ data, labels, formatRevenue, className, }: SellerRevenueChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/analytics/SellerRevenueChart.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { Div, Heading, Text } from "../../../../ui";
+const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), {
+    ssr: false,
+});
+const Bar = dynamic(() => import("recharts").then((m) => m.Bar), {
+    ssr: false,
+});
+const XAxis = dynamic(() => import("recharts").then((m) => m.XAxis), {
+    ssr: false,
+});
+const YAxis = dynamic(() => import("recharts").then((m) => m.YAxis), {
+    ssr: false,
+});
+const CartesianGrid = dynamic(() => import("recharts").then((m) => m.CartesianGrid), { ssr: false });
+const Tooltip = dynamic(() => import("recharts").then((m) => m.Tooltip), {
+    ssr: false,
+});
+const ResponsiveContainer = dynamic(() => import("recharts").then((m) => m.ResponsiveContainer), { ssr: false });
+export function SellerRevenueChart({ data, labels = {}, formatRevenue = (amount) => String(amount), className = "", }) {
+    const hasRevenue = data.some((item) => item.revenue > 0);
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), hasRevenue ? (_jsx(Div, { className: "h-[300px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", strokeOpacity: 0.3 }), _jsx(XAxis, { dataKey: "month", tick: { fontSize: 11, fill: "#6b7280" }, tickLine: false, axisLine: false }), _jsx(YAxis, { tick: { fontSize: 11, fill: "#6b7280" }, tickLine: false, axisLine: false, tickFormatter: (value) => formatRevenue(Number(value)) }), _jsx(Tooltip, { formatter: (value) => [
+                                    formatRevenue(Number(value)),
+                                    labels.revenueLabel ?? "Revenue",
+                                ] }), _jsx(Bar, { dataKey: "revenue", fill: "#6366f1", radius: [4, 4, 0, 0] })] }) }) })) : (_jsx(Text, { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center py-8", children: labels.noData ?? "No data available" }))] }));
+}

package/dist/features/seller/components/analytics/SellerTopProducts.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { SellerAnalyticsTopProduct } from "../../types";
+export interface SellerTopProductsLabels {
+    title?: string;
+    ordersLabel?: string;
+    noData?: string;
+    noDataDescription?: string;
+}
+export interface SellerTopProductsProps {
+    products: SellerAnalyticsTopProduct[];
+    labels?: SellerTopProductsLabels;
+    formatRevenue?: (amount: number) => string;
+    renderProductLink?: (product: SellerAnalyticsTopProduct) => React.ReactNode;
+    renderEmptyAction?: () => React.ReactNode;
+    className?: string;
+}
+export declare function SellerTopProducts({ products, labels, formatRevenue, renderProductLink, renderEmptyAction, className, }: SellerTopProductsProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/analytics/SellerTopProducts.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading, Span, Text } from "../../../../ui";
+export function SellerTopProducts({ products, labels = {}, formatRevenue = (amount) => String(amount), renderProductLink, renderEmptyAction, className = "", }) {
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), products.length > 0 ? (_jsx(Div, { className: "divide-y divide-neutral-100 dark:divide-neutral-800", children: products.map((product, index) => (_jsxs(Div, { className: "flex items-center gap-4 py-3", children: [_jsxs(Span, { className: "w-6 text-sm font-bold text-neutral-500 dark:text-neutral-400", children: [index + 1, "."] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "text-sm font-medium truncate", children: product.title }), _jsxs(Text, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [product.orders, " ", labels.ordersLabel ?? "orders"] })] }), _jsxs(Div, { className: "text-right ml-2", children: [_jsx(Span, { className: "text-sm font-semibold text-emerald-600 dark:text-emerald-400", children: formatRevenue(product.revenue) }), renderProductLink?.(product)] })] }, product.productId))) })) : (_jsxs(Div, { className: "text-center py-8", children: [_jsx(Text, { className: "text-sm font-medium", children: labels.noData ?? "No data available" }), labels.noDataDescription && (_jsx(Text, { className: "text-xs text-neutral-500 dark:text-neutral-400 mt-1", children: labels.noDataDescription })), renderEmptyAction?.()] }))] }));
+}

package/dist/features/seller/components/analytics/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SellerAnalyticsStats";
+export * from "./SellerRevenueChart";
+export * from "./SellerTopProducts";

package/dist/features/seller/components/analytics/index.js

@@ -0,0 +1,3 @@
+export * from "./SellerAnalyticsStats";
+export * from "./SellerRevenueChart";
+export * from "./SellerTopProducts";

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

@@ -0,0 +1,44 @@
+export { SellerStatCard } from "./SellerStatCard";
+export { SellerSidebar } from "./SellerSidebar";
+export type { SellerNavItem } from "./SellerSidebar";
+export { SellerDashboardView } from "./SellerDashboardView";
+export type { SellerDashboardViewProps } from "./SellerDashboardView";
+export { SellerProductsView } from "./SellerProductsView";
+export type { SellerProductsViewProps } from "./SellerProductsView";
+export { SellerAuctionsView } from "./SellerAuctionsView";
+export type { SellerAuctionsViewProps } from "./SellerAuctionsView";
+export { SellerOrdersView } from "./SellerOrdersView";
+export type { SellerOrdersViewProps } from "./SellerOrdersView";
+export { SellerOffersView } from "./SellerOffersView";
+export type { SellerOffersViewProps } from "./SellerOffersView";
+export { SellerCouponsView } from "./SellerCouponsView";
+export type { SellerCouponsViewProps } from "./SellerCouponsView";
+export { SellersListView } from "./SellersListView";
+export type { SellersListViewProps } from "./SellersListView";
+export { SellerPayoutsView } from "./SellerPayoutsView";
+export type { SellerPayoutsViewProps } from "./SellerPayoutsView";
+export { SellerPayoutStats } from "./SellerPayoutStats";
+export type { SellerPayoutStatsProps } from "./SellerPayoutStats";
+export { SellerPayoutHistoryTable } from "./SellerPayoutHistoryTable";
+export type { SellerPayoutHistoryTableProps, SellerPayoutHistoryTableLabels, } from "./SellerPayoutHistoryTable";
+export { SellerPayoutSettingsView } from "./SellerPayoutSettingsView";
+export type { SellerPayoutSettingsViewProps } from "./SellerPayoutSettingsView";
+export { SellerAnalyticsView } from "./SellerAnalyticsView";
+export type { SellerAnalyticsViewProps } from "./SellerAnalyticsView";
+export { SellerCreateProductView } from "./SellerCreateProductView";
+export type { SellerCreateProductViewProps } from "./SellerCreateProductView";
+export { SellerEditProductView } from "./SellerEditProductView";
+export type { SellerEditProductViewProps } from "./SellerEditProductView";
+export { SellerStoreSetupView } from "./SellerStoreSetupView";
+export type { SellerStoreSetupViewProps } from "./SellerStoreSetupView";
+export { SellerStoreView } from "./SellerStoreView";
+export type { SellerStoreViewProps } from "./SellerStoreView";
+export { SellerStorefrontView } from "./SellerStorefrontView";
+export type { SellerStorefrontViewProps } from "./SellerStorefrontView";
+export { SellerShippingView } from "./SellerShippingView";
+export type { SellerShippingViewProps } from "./SellerShippingView";
+export { SellerAddressesView } from "./SellerAddressesView";
+export type { SellerAddressesViewProps } from "./SellerAddressesView";
+export { SellerGuideView } from "./SellerGuideView";
+export type { SellerGuideViewProps } from "./SellerGuideView";
+export * from "./analytics";

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

@@ -0,0 +1,23 @@
+export { SellerStatCard } from "./SellerStatCard";
+export { SellerSidebar } from "./SellerSidebar";
+export { SellerDashboardView } from "./SellerDashboardView";
+export { SellerProductsView } from "./SellerProductsView";
+export { SellerAuctionsView } from "./SellerAuctionsView";
+export { SellerOrdersView } from "./SellerOrdersView";
+export { SellerOffersView } from "./SellerOffersView";
+export { SellerCouponsView } from "./SellerCouponsView";
+export { SellersListView } from "./SellersListView";
+export { SellerPayoutsView } from "./SellerPayoutsView";
+export { SellerPayoutStats } from "./SellerPayoutStats";
+export { SellerPayoutHistoryTable } from "./SellerPayoutHistoryTable";
+export { SellerPayoutSettingsView } from "./SellerPayoutSettingsView";
+export { SellerAnalyticsView } from "./SellerAnalyticsView";
+export { SellerCreateProductView } from "./SellerCreateProductView";
+export { SellerEditProductView } from "./SellerEditProductView";
+export { SellerStoreSetupView } from "./SellerStoreSetupView";
+export { SellerStoreView } from "./SellerStoreView";
+export { SellerStorefrontView } from "./SellerStorefrontView";
+export { SellerShippingView } from "./SellerShippingView";
+export { SellerAddressesView } from "./SellerAddressesView";
+export { SellerGuideView } from "./SellerGuideView";
+export * from "./analytics";

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

@@ -0,0 +1,12 @@
+import type { BecomeSellerResult } from "../actions/seller-actions";
+export type { BecomeSellerResult };
+export interface UseBecomeSellerOptions<T = BecomeSellerResult> {
+    mutationFn?: () => Promise<T>;
+    endpoint?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    shouldShowSuccess?: (result: T) => boolean;
+    onSuccess?: (result: T) => void;
+    onError?: (error: Error) => void;
+}
+export declare function useBecomeSeller<T = BecomeSellerResult>(options?: UseBecomeSellerOptions<T>): import("@tanstack/react-query").UseMutationResult<T, Error, void, unknown>;

package/dist/features/seller/hooks/useBecomeSeller.js

@@ -0,0 +1,25 @@
+import { useMutation } from "@tanstack/react-query";
+import { apiClient } from "../../../http";
+import { useMessage } from "../../../react";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+export function useBecomeSeller(options) {
+    const { showSuccess, showError } = useMessage();
+    return useMutation({
+        mutationFn: options?.mutationFn ??
+            (() => apiClient.post(options?.endpoint ?? SELLER_ENDPOINTS.BECOME, {})),
+        onSuccess: (result) => {
+            const shouldShowSuccess = options?.shouldShowSuccess ??
+                ((value) => !value?.alreadySeller);
+            if (options?.successMessage && shouldShowSuccess(result)) {
+                showSuccess(options.successMessage);
+            }
+            options?.onSuccess?.(result);
+        },
+        onError: (error) => {
+            if (options?.errorMessage) {
+                showError(options.errorMessage);
+            }
+            options?.onError?.(error);
+        },
+    });
+}

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

@@ -0,0 +1,29 @@
+type UnknownRecord = Record<string, unknown>;
+interface UseSellerListingDataOptions<TResponse, TRow extends {
+    id: string;
+}> {
+    queryKey: readonly unknown[];
+    endpoint: string;
+    page?: number;
+    pageSize?: number;
+    sorts?: string;
+    filters?: string;
+    mapRows: (response: TResponse) => TRow[];
+    getTotal?: (response: TResponse, rows: TRow[]) => number;
+}
+export interface UseSellerListingDataResult<TRow extends {
+    id: string;
+}> {
+    rows: TRow[];
+    total: number;
+    isLoading: boolean;
+    errorMessage?: string;
+}
+export declare function useSellerListingData<TResponse, TRow extends {
+    id: string;
+}>({ queryKey, endpoint, page, pageSize, sorts, filters, mapRows, getTotal, }: UseSellerListingDataOptions<TResponse, TRow>): UseSellerListingDataResult<TRow>;
+export declare function toRecordArray(value: unknown): UnknownRecord[];
+export declare function toStringValue(value: unknown, fallback?: string): string;
+export declare function toRupees(value: unknown): string;
+export declare function toRelativeDate(value: unknown): string;
+export {};