@mohasinac/appkit 4.43.0 → 4.45.0

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Store, GitBranch, Edit, Shield, MapPin, Ban } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui";
-import { GC } from "../../_guide-cls";
+import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { GC } from "../../_guide-cls.js";
 export function AdminStoresGuideView() {
     return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(Store, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Stores & Sellers" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Store lifecycle, identity architecture, capabilities, and suspension on LetItRip." })] }), [
                 {

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

@@ -4,18 +4,18 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useRouter } from "next/navigation.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ROUTES } from "../../../next/routing/route-map";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
-import { ADMIN_STORE_STATUS_TABS } from "../constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
-import { apiClient } from "../../../http";
-import { AdminStoreEditorView } from "./AdminStoreEditorView";
+import { FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";
+import { ADMIN_STORE_STATUS_TABS } from "../constants/filter-tabs.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { apiClient } from "../../../http/index.js";
+import { AdminStoreEditorView } from "./AdminStoreEditorView.js";
 export function AdminStoresView({ children, ...props }) {
     const [editorRow, setEditorRow] = useState(null);
     const toast = useToast();

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
-import { ROUTES } from "../../../next/routing/route-map";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
 export function AdminSublistingCategoriesView({ onBulkDelete, }) {
     const config = {
         portal: "admin",

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

@@ -4,9 +4,9 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { z } from "zod";
-import { ConfirmDeleteModal, Div, Input, Stack, StackedViewShell, useToast, } from "../../../ui";
-import { FieldInput, FormErrorSummary, FormShellContext, useFormShellState } from "../../../ui/forms";
-import { SectionForm, useSectionFormNav } from "../../shell";
+import { ConfirmDeleteModal, Div, Input, Stack, StackedViewShell, useToast, } from "../../../ui/index.js";
+import { FieldInput, FormErrorSummary, FormShellContext, useFormShellState } from "../../../ui/forms/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/index.js";
 /**
  * Describes the fields this form actually edits.
  *
@@ -28,10 +28,10 @@ const EMPTY_VALUES = {
     description: "",
     coverImage: "",
 };
-import { ImageUpload } from "../../media/upload/ImageUpload";
-import { useMediaUpload } from "../../media";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ImageUpload } from "../../media/upload/ImageUpload.js";
+import { useMediaUpload } from "../../media/index.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDeleted, ...rest }) {
     const isEdit = Boolean(categoryId);
     const { showToast } = useToast();

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

@@ -3,15 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Code, useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Button, Checkbox, Div, HorizontalRule, Input, Label, Row, Select, SideDrawer, Span, Stack, Text, Textarea, Toggle, useToast } from "../../../ui";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS, SUPPORT_ENDPOINTS } from "../../../constants/api-endpoints";
-import { supportTicketUpdateSchema, toRelatedPartiesPayload, } from "../schemas/admin-ops-forms";
-import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell";
-import { useFormShellState, FormShellContext } from "../../../ui/forms";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
-import { RecordStatusTimeline } from "../../status-history/components/RecordStatusTimeline";
+import { Button, Checkbox, Div, HorizontalRule, Input, Label, Row, Select, SideDrawer, Span, Stack, Text, Textarea, Toggle, useToast } from "../../../ui/index.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS, SUPPORT_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { supportTicketUpdateSchema, toRelatedPartiesPayload, } from "../schemas/admin-ops-forms.js";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell/index.js";
+import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
+import { RecordStatusTimeline } from "../../status-history/components/RecordStatusTimeline.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p4: "p-[var(--appkit-space-4)]",

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

@@ -3,15 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
-import { useRouter } from "next/navigation";
-import { FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs";
-import { ROUTES } from "../../../next/routing/route-map";
-import { ADMIN_SUPPORT_TICKET_STATUS_TABS, ADMIN_SUPPORT_TICKET_PRIORITY_TABS, } from "../constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
-import { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView";
+import { useRouter } from "next/navigation.js";
+import { FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { ADMIN_SUPPORT_TICKET_STATUS_TABS, ADMIN_SUPPORT_TICKET_PRIORITY_TABS, } from "../constants/filter-tabs.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView.js";
 const PRIORITY_BADGE = {
     urgent: "bg-error-surface text-error",
     high: "bg-warning-surface text-warning",

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export interface AdminTaxCodeEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
+    taxCodeId?: string;
+    /** When true, omit the StackedViewShell wrapper (SideDrawer body). */
+    embedded?: boolean;
+    onSaved?: (id: string) => void;
+    onDeleted?: () => void;
+}
+export declare function AdminTaxCodeEditorView({ taxCodeId, embedded, onSaved, onDeleted, ...rest }: AdminTaxCodeEditorViewProps): React.JSX.Element;

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

@@ -0,0 +1,160 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useApiMutation } from "@mohasinac/appkit/client";
+import React from "react";
+import { useQuery } from "@tanstack/react-query";
+import { ConfirmDeleteModal, Div, StackedViewShell, useToast } from "../../../ui/index.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";
+import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
+import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sections.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
+import { taxCodeFormSchema, GST_RATE_OPTIONS, HSN_CHAPTER_OPTIONS, } from "../../tax-codes/schemas/tax-code-form.js";
+const __P = { p4: "p-[var(--appkit-space-4)]" };
+const __O = { yAuto: "overflow-y-auto" };
+/**
+ * 🛑 The delete copy says what the server will actually do.
+ *
+ * `DELETE /api/admin/tax-codes/[id]` REFUSES with a 409 while any category
+ * still points here, and names the referrers. Promising an unconditional
+ * delete and then showing a 409 is how a confirmation dialog loses its
+ * meaning — and the honest alternative (deactivate) is the one an admin
+ * usually wants anyway, since an inactive code is already skipped by
+ * `findResolvable` and gone from every picker.
+ */
+const DELETE_CONFIRM_TEXT = "Delete this tax code? This is refused while any category still points at it — " +
+    "set it inactive instead to retire it without breaking those categories.";
+const TOAST = {
+    CREATED: "Tax code created.",
+    UPDATED: "Tax code updated.",
+    DELETED: "Tax code deleted.",
+};
+export function AdminTaxCodeEditorView({ taxCodeId, embedded, onSaved, onDeleted, ...rest }) {
+    const isEdit = Boolean(taxCodeId);
+    const { showToast } = useToast();
+    const [form, setForm] = React.useState({
+        label: "",
+        hsnCode: "",
+        // The default rate is the one 70 of this catalogue's products need.
+        gstRate: "5",
+        chapter: "9503",
+        description: "",
+        notes: "",
+        isActive: true,
+    });
+    const [deleteConfirmOpen, setDeleteConfirmOpen] = React.useState(false);
+    const patch = (partial) => setForm((prev) => Object.assign({}, prev, partial));
+    const codeQuery = useQuery({
+        queryKey: ["admin", "tax-code", taxCodeId],
+        queryFn: async () => {
+            const res = await apiClient.get(ADMIN_ENDPOINTS.TAX_CODE_BY_ID(taxCodeId));
+            return res?.data ?? res;
+        },
+        enabled: isEdit,
+    });
+    React.useEffect(() => {
+        const t = codeQuery.data;
+        if (!t)
+            return;
+        patch({
+            label: t.label ?? "",
+            hsnCode: t.hsnCode ?? "",
+            /*
+             * `?? 5` would be wrong here and the distinction is the whole point of
+             * this field: rate 0 is a DELIBERATE exemption, and `t.gstRate ?? 5`
+             * would silently re-rate an exempt row to 5% the moment an admin opened
+             * it and saved anything. Test for null, not falsiness.
+             */
+            gstRate: t.gstRate == null ? "5" : String(t.gstRate),
+            chapter: t.chapter ?? "",
+            description: t.description ?? "",
+            notes: t.notes ?? "",
+            isActive: t.isActive ?? true,
+        });
+    }, [codeQuery.data]);
+    const saveMutation = useApiMutation({
+        errorMessage: "Failed to save tax code.",
+        mutationFn: async () => {
+            const payload = {
+                label: form.label,
+                hsnCode: form.hsnCode.trim() || undefined,
+                gstRate: Number(form.gstRate),
+                chapter: form.chapter || undefined,
+                description: form.description || undefined,
+                notes: form.notes || undefined,
+                isActive: form.isActive,
+            };
+            /*
+             * PATCH, not PUT — the route is `.strict()` and partial by design, so a
+             * PUT would 404. (`AdminFeatureEditorView` uses PUT because ITS route
+             * declares PUT; copying the verb rather than reading the route is how
+             * that kind of mismatch ships.)
+             */
+            if (isEdit) {
+                return apiClient.patch(ADMIN_ENDPOINTS.TAX_CODE_BY_ID(taxCodeId), payload);
+            }
+            return apiClient.post(ADMIN_ENDPOINTS.TAX_CODES, payload);
+        },
+        onSuccess: (res) => {
+            const id = res?.data?.id ??
+                res?.id ??
+                taxCodeId;
+            showToast(isEdit ? TOAST.UPDATED : TOAST.CREATED, "success");
+            if (onSaved && id)
+                onSaved(String(id));
+        },
+    });
+    const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete tax code.",
+        mutationFn: () => apiClient.delete(ADMIN_ENDPOINTS.TAX_CODE_BY_ID(taxCodeId)),
+        onSuccess: () => {
+            showToast(TOAST.DELETED, "success");
+            if (onDeleted)
+                onDeleted();
+        },
+    });
+    const isSubmitting = saveMutation.isPending || codeQuery.isLoading;
+    const sections = React.useMemo(() => buildSectionsFromSchema(taxCodeFormSchema, {
+        // `FieldUiMeta` has no `options` key — a select's VALUES are schema and
+        // its option LIST is supplied here. Same split as the bundle editor.
+        options: {
+            gstRate: [...GST_RATE_OPTIONS],
+            chapter: [{ value: "", label: "No chapter" }, ...HSN_CHAPTER_OPTIONS],
+        },
+    }), []);
+    const nav = useSectionFormNav(sections, form, { scope: "admin:tax-code-editor" });
+    const { shellCtx, setFieldError, clearErrors } = useFormShellState(taxCodeFormSchema, {
+        sections: nav.sectionMeta,
+        onGoToSection: nav.goToSection,
+        fieldToSectionIndex: nav.fieldToSectionIndex,
+    });
+    const onSubmit = () => {
+        clearErrors();
+        const draft = visibleValues(taxCodeFormSchema, form);
+        const parsed = taxCodeFormSchema.safeParse({
+            ...draft,
+            hsnCode: form.hsnCode.trim() || undefined,
+            gstRate: Number(form.gstRate),
+            chapter: form.chapter || undefined,
+            description: form.description || undefined,
+            notes: form.notes || undefined,
+        });
+        if (!parsed.success) {
+            applyZodIssues(parsed.error.issues, setFieldError);
+            return;
+        }
+        saveMutation.mutate();
+    };
+    const formSection = (_jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: form, onChange: patch, onSubmit: onSubmit, schema: taxCodeFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: isSubmitting, submitLabel: isEdit ? "Save changes" : "Create tax code", destructiveAction: isEdit
+                    ? { label: "Delete", onClick: () => setDeleteConfirmOpen(true) }
+                    : undefined })] }));
+    const deleteModal = deleteConfirmOpen && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Tax Code", message: DELETE_CONFIRM_TEXT, onConfirm: () => {
+            deleteMutation.mutate();
+            setDeleteConfirmOpen(false);
+        }, onClose: () => setDeleteConfirmOpen(false), isDeleting: deleteMutation.isPending }));
+    if (embedded) {
+        return (_jsxs(Div, { className: `${__O.yAuto} ${__P.p4}`, children: [formSection, deleteModal] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit Tax Code" : "New Tax Code", sections: [formSection] }), deleteModal] }));
+}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { ListingLayoutProps } from "../../../ui";
+export type AdminTaxCodesViewProps = ListingLayoutProps;
+/**
+ * `/admin/tax-codes` — the HSN + GST rate catalogue.
+ *
+ * 🛑 No bulk actions, deliberately. The two that would be offered by habit are
+ * both wrong here: a bulk DELETE would hit the referential guard row by row
+ * and report a partial failure an admin cannot act on, and a bulk
+ * activate/deactivate across a mixed selection is a rate change applied to
+ * things nobody looked at. There are ~10 rows; each one is a per-row decision.
+ */
+export declare function AdminTaxCodesView({ children, ...props }: AdminTaxCodesViewProps): React.JSX.Element;

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

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sortBy } from "@mohasinac/appkit/client";
+import React from "react";
+import { ListingLayout } from "../../../ui/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { AdminTaxCodeEditorView } from "./AdminTaxCodeEditorView.js";
+const PAGE_SIZE = 50;
+function mapTaxCodeRow(item, index) {
+    const isActive = typeof item.isActive === "boolean" ? item.isActive : true;
+    const rate = typeof item.gstRate === "number" ? item.gstRate : null;
+    const hsn = toStringValue(item.hsnCode, "");
+    return {
+        id: toStringValue(item.id, `tax-${index}`),
+        primary: toStringValue(item.label, "Untitled tax code"),
+        /*
+         * The RATE leads, because it is the number an admin is checking. `0%` is
+         * rendered explicitly rather than falling back to an em-dash: a blank
+         * would read as "not set", and 0 is a deliberate exemption — the same
+         * `undefined`-vs-`0` distinction the field itself depends on. A rate that
+         * genuinely has no value says so.
+         */
+        secondary: [
+            rate == null ? "rate not set" : `${rate}% GST`,
+            hsn ? `HSN ${hsn}` : "no HSN (exempt)",
+            toStringValue(item.chapter, "") ? `chapter ${item.chapter}` : "",
+        ]
+            .filter(Boolean)
+            .join(" — "),
+        status: isActive ? "Active" : "Inactive",
+        updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+    };
+}
+/**
+ * `/admin/tax-codes` — the HSN + GST rate catalogue.
+ *
+ * 🛑 No bulk actions, deliberately. The two that would be offered by habit are
+ * both wrong here: a bulk DELETE would hit the referential guard row by row
+ * and report a partial failure an admin cannot act on, and a bulk
+ * activate/deactivate across a mixed selection is a rate change applied to
+ * things nobody looked at. There are ~10 rows; each one is a per-row decision.
+ */
+export function AdminTaxCodesView({ children, ...props }) {
+    if (React.Children.count(children) > 0) {
+        return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
+    }
+    const config = {
+        portal: "admin",
+        title: "Tax Codes",
+        // No search box: this endpoint does not read `q`, and a box that accepts
+        // typing and changes nothing is worse than no box
+        // (audit-listing-search-capability's rule). ~10 rows do not need one.
+        emptyLabel: "No tax codes yet",
+        filterKeys: [],
+        defaultSort: sortBy("label", "ASC"),
+        pageSize: PAGE_SIZE,
+        queryKey: ["admin", "tax-codes", "listing"],
+        /*
+         * `?all=true` — the admin list MUST show inactive rows, because
+         * deactivating is how a code is retired and reactivating has to be
+         * possible. The route's default is active-only because its other caller is
+         * the category editor's picker, where offering an inactive code would let
+         * an admin point a category at something `findResolvable` then refuses.
+         */
+        endpoint: `${ADMIN_ENDPOINTS.TAX_CODES}?all=true`,
+        sortOptions: [
+            { value: "label", label: "Label A–Z" },
+            { value: sortBy("label", "DESC"), label: "Label Z–A" },
+            { value: "gstRate", label: "Rate, low to high" },
+            { value: sortBy("gstRate", "DESC"), label: "Rate, high to low" },
+            { value: "hsnCode", label: "HSN code" },
+        ],
+        mapRows: (response) => toRecordArray(response.items).map(mapTaxCodeRow),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+        buildFilters: () => undefined,
+        primaryAction: {
+            label: "Add Tax Code",
+            onClick: ({ openCreatePanel }) => openCreatePanel(),
+        },
+        renderEditor: ({ editId, closePanel }) => (_jsx(AdminTaxCodeEditorView, { taxCodeId: editId ?? undefined, onSaved: closePanel, onDeleted: closePanel, embedded: true })),
+        resolveEditorTitle: ({ isCreate }) => isCreate ? "Add Tax Code" : "Edit Tax Code",
+    };
+    return _jsx(DataListingView, { config: config });
+}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Shield } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui";
+import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
 export function AdminTeamGuideView() {
     const PERMISSION_GROUPS = [
         { name: "content_manager", desc: "Blog, FAQs, Events, Carousel, Sections, Ads, Newsletter read + write." },

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

@@ -4,14 +4,14 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { UserPlus } from "lucide-react";
-import { Button, FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
-import { ALL_TAB } from "../constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
-import { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";
+import { Button, FilterChipGroup, ListingLayout, RowActionMenu } from "../../../ui/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
+import { ALL_TAB } from "../constants/filter-tabs.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { AdminEmployeeEditorView } from "./AdminEmployeeEditorView.js";
 const GROUP_TABS = [
     ALL_TAB,
     { id: "content_moderator", label: "Content Mod" },

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

@@ -3,16 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
-import { ConfirmDeleteModal, Div, StackedViewShell, useToast } from "../../../ui";
-import { FieldInput, FormErrorSummary } from "../../../ui/forms";
-import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
-import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sections";
-import { SectionForm, useSectionFormNav } from "../../shell/SectionForm";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { checklistItemFormSchema } from "../../tester/schemas/checklist-item-form";
+import { ConfirmDeleteModal, Div, StackedViewShell, useToast } from "../../../ui/index.js";
+import { FieldInput, FormErrorSummary } from "../../../ui/forms/index.js";
+import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
+import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sections.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { checklistItemFormSchema } from "../../tester/schemas/checklist-item-form.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

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

@@ -4,15 +4,15 @@ import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useMemo } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { FilterChipGroup, Heading, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
-import { apiClient } from "../../../http";
-import { useApiMutation } from "../../../client";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
-import { AdminTesterChecklistItemEditorView } from "./AdminTesterChecklistItemEditorView";
+import { FilterChipGroup, Heading, ListingLayout, RowActionMenu, Span, Text } from "../../../ui/index.js";
+import { apiClient } from "../../../http/index.js";
+import { useApiMutation } from "../../../client/api/useApiMutation.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { AdminTesterChecklistItemEditorView } from "./AdminTesterChecklistItemEditorView.js";
 const LISTING_QUERY_KEY = ["admin", "tester-checklist-items", "listing"];
 const COLUMNS = [
     {

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div } from "../../../ui";
+import { Div } from "../../../ui/index.js";
 export function AdminTopBar({ renderLeft, renderRight, renderSearch, className = "" }) {
     const [search, setSearch] = React.useState("");
     return (_jsxs(Div, { className: className, children: [renderLeft?.(), renderSearch?.(search, setSearch), renderRight?.()] }));

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Shield, Ban, AlertTriangle, Headphones, Flag, ClipboardList } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui";
-import { GC } from "../../_guide-cls";
+import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui/index.js";
+import { GC } from "../../_guide-cls.js";
 const STILL_ALLOWED = "✓ Still allowed";
 export function AdminTrustGuideView() {
     return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(Shield, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Trust & Safety" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Bans, scam registry, support tickets, moderation, and reports on LetItRip." })] }), [

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

@@ -3,14 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Code, useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Avatar, Button, ConfirmDeleteModal, Div, Heading, Input, Row, Select, SideDrawer, Span, Stack, StackedViewShell, Text, Textarea, useToast } from "../../../ui";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { adminUserUpdateSchema, toPublicProfilePayload, } from "../schemas/admin-user-form";
-import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell";
-import { useFormShellState, FormShellContext } from "../../../ui/forms";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
+import { Avatar, Button, ConfirmDeleteModal, Div, Heading, Input, Row, Select, SideDrawer, Span, Stack, StackedViewShell, Text, Textarea, useToast } from "../../../ui/index.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { adminUserUpdateSchema, toPublicProfilePayload, } from "../schemas/admin-user-form.js";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell/index.js";
+import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 const ROLE_OPTIONS = [
     { label: "User (buyer)", value: "user" },
     { label: "Seller", value: "seller" },

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Search, Edit, Monitor, UserCog, AlertTriangle } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui";
-import { GC } from "../../_guide-cls";
+import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui/index.js";
+import { GC } from "../../_guide-cls.js";
 export function AdminUsersGuideView() {
     return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(Users, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Users & Accounts" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Managing users, roles, sessions, and employee accounts on LetItRip." })] }), [
                 {

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

@@ -5,21 +5,21 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useEffect, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, FilterChipGroup, Form, FormActions, Input, ListingLayout, Modal, RowActionMenu, Text as AppText, useToast, } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
-import { ADMIN_USER_STATUS_TABS, ADMIN_USER_ROLE_TABS } from "../constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
-import { DataListingView } from "./DataListingView";
-import { apiClient } from "../../../http";
-import { AdminUserEditorView } from "./AdminUserEditorView";
-import { useBulkAction } from "../../../react";
-import { useBulkEvent } from "../../events/hooks/useBulkEvent";
-import { RTDB_PATHS } from "../../../providers/db-firebase/rtdb-paths";
-import { RealtimeEventStatus } from "../../../react/hooks/useRealtimeEvent";
-import { hardBanReasonSchema } from "../schemas/admin-ops-forms";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
+import { Button, FilterChipGroup, Form, FormActions, Input, ListingLayout, Modal, RowActionMenu, Text as AppText, useToast, } from "../../../ui/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";
+import { ADMIN_USER_STATUS_TABS, ADMIN_USER_ROLE_TABS } from "../constants/filter-tabs.js";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
+import { DataListingView } from "./DataListingView.js";
+import { apiClient } from "../../../http/index.js";
+import { AdminUserEditorView } from "./AdminUserEditorView.js";
+import { useBulkAction } from "../../../react/index.js";
+import { useBulkEvent } from "../../events/hooks/useBulkEvent.js";
+import { RTDB_PATHS } from "../../../providers/db-firebase/rtdb-paths.js";
+import { RealtimeEventStatus } from "../../../react/hooks/useRealtimeEvent.js";
+import { hardBanReasonSchema } from "../schemas/admin-ops-forms.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 export function AdminUsersView({ children, ...props }) {
     const toast = useToast();
     const queryClient = useQueryClient();