@mohasinac/appkit 2.7.50 → 2.7.52

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

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Accordion, Alert, Div, Heading, Section, Text } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
+const LIST_DISC = "list-disc leading-relaxed";
+const SECTION_BODY = "space-y-4 text-sm text-[var(--appkit-color-text-muted)]";
+// -- Section wrapper -----------------------------------------------------------
+function GuideSection({ title, children, }) {
+    return (_jsxs(Section, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-6 shadow-sm", children: [_jsx(Heading, { level: 2, className: "mb-4 text-lg font-semibold text-[var(--appkit-color-text)]", children: title }), children] }));
+}
+// -- Section 1: Order lifecycle ------------------------------------------------
+const STATUS_LIFECYCLE = `
+PENDING ──► PROCESSING ──► SHIPPED ──► DELIVERED
+   │              │              │
+   └──► CANCELLED │              └──► RETURN_REQUESTED ──► REFUNDED
+                  │
+                  └──► CANCELLED
+`;
+const STATUS_ROWS = [
+    {
+        status: "PENDING",
+        meaning: "Order placed, payment received — awaiting your action.",
+        action: 'Confirm stock availability, then click "Mark Processing".',
+    },
+    {
+        status: "PROCESSING",
+        meaning: "You have accepted and are preparing the item for dispatch.",
+        action: 'Package the item. Enter tracking number + carrier, then click "Mark Shipped".',
+    },
+    {
+        status: "SHIPPED",
+        meaning: "Item is with the courier. Buyer can track delivery.",
+        action: "Monitor tracking. No action required unless there is a problem.",
+    },
+    {
+        status: "DELIVERED",
+        meaning: "Courier confirms delivery. Buyer has their item.",
+        action: "Payout is queued for the next settlement cycle.",
+    },
+    {
+        status: "CANCELLED",
+        meaning: "Order was cancelled before shipping (by buyer or seller).",
+        action: "Refund is automatic via Razorpay (3–7 business days).",
+    },
+    {
+        status: "RETURN_REQUESTED",
+        meaning: "Buyer raised a return within the return window.",
+        action: "Accept (triggers refund) or reject (triggers dispute SLA). See Section 5.",
+    },
+    {
+        status: "REFUNDED",
+        meaning: "Refund processed — order permanently closed.",
+        action: "No further action. Payout for this order is withheld.",
+    },
+];
+function OrderLifecycle() {
+    return (_jsxs(Div, { className: "space-y-4", children: [_jsx(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-subtle,var(--appkit-color-border))/20] p-4 font-mono text-xs text-[var(--appkit-color-text-muted)] overflow-x-auto whitespace-pre", children: STATUS_LIFECYCLE }), _jsx(Div, { className: "space-y-2", children: STATUS_ROWS.map(({ status, meaning, action }) => (_jsxs(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] p-3 text-sm", children: [_jsxs(Div, { className: "flex items-center gap-2 mb-1", children: [_jsx(Text, { className: "font-mono font-semibold text-[var(--appkit-color-text)] w-28 shrink-0", children: status }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: meaning })] }), _jsxs(Text, { className: "pl-30 text-[var(--appkit-color-text-muted)] italic text-xs", children: ["\u2192 ", action] })] }, status))) })] }));
+}
+// -- Section 2: Processing an order -------------------------------------------
+const PROCESSING_STEPS = [
+    "Open the order from your Orders dashboard — click the order ID to view the detail page.",
+    "Verify the item is in stock and matches the listing (condition, edition, grade).",
+    'Click "Mark Processing" — this starts the fulfilment SLA clock and notifies the buyer.',
+    "Package the item securely. Use appropriate padding for cards and fragile collectibles.",
+    "Enter the tracking number and select the carrier in the Shipping tab of the order detail.",
+    'Click "Mark Shipped" — the buyer receives a notification with the tracking number immediately.',
+    "Share any additional tracking link in the order notes if the carrier app is easier to use.",
+];
+function ProcessingWalkthrough() {
+    return (_jsx("ol", { className: "space-y-3 pl-5", children: PROCESSING_STEPS.map((step, i) => (_jsx("li", { className: "list-decimal text-sm text-[var(--appkit-color-text-muted)] leading-relaxed", children: step }, i))) }));
+}
+// -- Section 3: Supported carriers --------------------------------------------
+const CARRIERS = [
+    { name: "Delhivery", sla: "2–5 business days (most metros next-day)" },
+    { name: "Blue Dart", sla: "1–3 business days — premium, reliable for high-value items" },
+    { name: "India Post Speed Post", sla: "3–7 business days — widest PIN coverage" },
+    { name: "DTDC", sla: "2–5 business days" },
+    { name: "Ekart (Flipkart)", sla: "2–4 business days" },
+    { name: "XpressBees", sla: "2–4 business days — strong in Tier 2/3 cities" },
+    { name: "Shadowfax", sla: "1–3 business days — good for urban same-day" },
+];
+function CarriersSection() {
+    return (_jsxs(Div, { className: "space-y-3", children: [_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "Any carrier is accepted \u2014 enter the tracking number manually in the order detail. Buyers receive the tracking number as entered; they look it up on the carrier's website." }), _jsx(Div, { className: "overflow-x-auto -mx-6", children: _jsxs("table", { className: "min-w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--appkit-color-border)]", children: [_jsx("th", { className: "px-6 py-3 text-left font-semibold text-[var(--appkit-color-text)]", children: "Carrier" }), _jsx("th", { className: "px-6 py-3 text-left font-semibold text-[var(--appkit-color-text)]", children: "Typical SLA" })] }) }), _jsx("tbody", { className: "divide-y divide-[var(--appkit-color-border)]", children: CARRIERS.map(({ name, sla }) => (_jsxs("tr", { children: [_jsx("td", { className: "px-6 py-3 font-medium text-[var(--appkit-color-text)]", children: name }), _jsx("td", { className: "px-6 py-3 text-[var(--appkit-color-text-muted)]", children: sla })] }, name))) })] }) }), _jsx(Alert, { variant: "info", title: "Tip: insurance for high-value shipments", children: "For items above \u20B95,000, consider using a carrier that offers shipment insurance (Blue Dart, Delhivery Premium). Document the item with photos before sealing the package \u2014 this is your evidence if a damage claim arises." })] }));
+}
+// -- Section 4: Cancellations -------------------------------------------------
+function CancellationsSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Who can cancel" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsxs("li", { className: LIST_DISC, children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "Buyer" }), " \u2014 can self-cancel any time before the order reaches SHIPPED status."] }), _jsxs("li", { className: LIST_DISC, children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "Seller (you)" }), " \u2014 can cancel any time before SHIPPED (e.g. item found damaged during packaging)."] }), _jsxs("li", { className: LIST_DISC, children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "LetItRip admin" }), " \u2014 can force-cancel at any status for policy violations or unresolved disputes."] })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Refund timeline" }), _jsxs(Text, { className: "leading-relaxed", children: ["Cancellation triggers an automatic Razorpay refund. Funds typically reach the buyer in", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: " 3\u20137 business days" }), " depending on the payment method (UPI is usually 1\u20132 business days)."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Already shipped?" }), _jsx(Text, { className: "leading-relaxed", children: "If you have already dispatched the item but the order is still PROCESSING (tracking not yet entered), enter the tracking number and mark it SHIPPED first \u2014 then contact the buyer via order notes. Do not cancel after shipping; work with the buyer to return the item through the normal return flow." })] }), _jsx(Alert, { variant: "warning", title: "Repeated cancellations affect your rating", children: "Cancelling more than 5% of your orders per month will reduce your store rating and may result in listing restrictions. Only cancel if you genuinely cannot fulfil \u2014 never as a price-change workaround." })] }));
+}
+// -- Section 5: Return requests -----------------------------------------------
+function ReturnsSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "When a buyer can raise a return" }), _jsxs(Text, { className: "leading-relaxed", children: ["Buyers can open a return request within the ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "return window" }), " after the order is marked DELIVERED. The default return window is 7 days. Stores with the ", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded", children: "extended_return_window" }), " capability can offer 30 days."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What you see" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "The buyer's reason for return (pre-defined category + optional description)." }), _jsx("li", { className: LIST_DISC, children: "Photos of the item as received." }), _jsx("li", { className: LIST_DISC, children: "A 3-day SLA to respond before LetItRip mediates." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Accepting a return" }), _jsx(Text, { className: "leading-relaxed", children: "Click \"Accept return\" in the order detail. The buyer will receive a return shipping label or instructions. Once the item is received by you and you confirm it, the refund is triggered automatically via Razorpay. The payout for this order is withheld." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Rejecting a return" }), _jsx(Text, { className: "leading-relaxed", children: "You can reject a return request with a reason. If the buyer disagrees, they can escalate to LetItRip support. LetItRip will mediate \u2014 if the evidence supports the buyer, the return will be approved regardless of your rejection. Unjustified rejections count against your seller rating." })] })] }));
+}
+// -- Section 6: Auction orders ------------------------------------------------
+function AuctionOrdersSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Payment window" }), _jsxs(Text, { className: "leading-relaxed", children: ["Auction winners have ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "48 hours" }), " from auction end to complete payment. You will receive a notification when the auction closes and again when the winner pays."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "If the winner does not pay" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "The order is automatically cancelled after 48 hours." }), _jsx("li", { className: LIST_DISC, children: "You are notified. The winner may receive a bid restriction on their account." }), _jsx("li", { className: LIST_DISC, children: "If \"offer to next bidder\" is enabled in your auction settings, the next-highest bidder is contacted automatically." }), _jsx("li", { className: LIST_DISC, children: "You can re-list the item immediately." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Fulfilment after payment" }), _jsx(Text, { className: "leading-relaxed", children: "Once the auction order is paid, it enters PENDING status \u2014 the same fulfilment flow as a standard order applies. Process and ship within your stated dispatch time." })] }), _jsx(Alert, { variant: "info", title: "Auction orders cannot be cancelled by the buyer", children: "Unlike standard orders, auction orders cannot be self-cancelled by the buyer after payment. If a buyer requests a cancel, it requires seller approval. Treat winning bids as binding commitments." })] }));
+}
+// -- Section 7: Common questions (FAQ collapsibles) ----------------------------
+const FAQS = [
+    {
+        q: "What if the buyer claims non-delivery but tracking shows delivered?",
+        a: "Do not cancel immediately. Ask the buyer to check with neighbours and at the nearest post office or courier depot. If after 5 days the parcel is still missing, contact the carrier to file a trace. If the trace confirms loss, you may need to refund — document everything and contact LetItRip support if needed.",
+    },
+    {
+        q: "Can I cancel an order after I've already shipped it?",
+        a: "No — once the order is marked SHIPPED, you cannot cancel it. If you shipped the wrong item or need to resolve an issue, use the order notes to communicate with the buyer and initiate a return via normal channels after delivery.",
+    },
+    {
+        q: "What if I run out of stock on a pre-order?",
+        a: "You must notify the buyer immediately via order notes and initiate cancellation from the order detail page. Refund is automatic. Repeated pre-order cancellations due to stock issues may result in the pre-order listing capability being reviewed.",
+    },
+    {
+        q: "How do I handle a partial order if I sold multiple items?",
+        a: "Currently each product listing creates a separate order. If you sold a bundle, the bundle order must be fulfilled as a single shipment. If one item in a bundle is unavailable, contact the buyer and LetItRip support — partial fulfilment is not supported in the standard flow.",
+    },
+];
+function CommonFAQs() {
+    return (_jsx(Div, { className: "space-y-3", children: FAQS.map(({ q, a }) => (_jsx(Accordion, { title: q, children: _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] leading-relaxed", children: a }) }, q))) }));
+}
+export function StoreOrdersGuideView(_props) {
+    return (_jsxs(Div, { className: "space-y-6 pb-10", children: [_jsxs("a", { href: String(ROUTES.STORE.GUIDE), className: "inline-flex items-center gap-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-[var(--appkit-color-text)]", children: "Orders & Fulfilment Guide" }), _jsx(Text, { className: "mt-1 text-sm text-[var(--appkit-color-text-muted)]", children: "Processing orders, shipping, cancellations, returns, and auction orders." })] }), _jsx(GuideSection, { title: "1. Order lifecycle", children: _jsx(OrderLifecycle, {}) }), _jsx(GuideSection, { title: "2. Processing an order", children: _jsx(ProcessingWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Supported carriers", children: _jsx(CarriersSection, {}) }), _jsx(GuideSection, { title: "4. Cancellations", children: _jsx(CancellationsSection, {}) }), _jsx(GuideSection, { title: "5. Return requests", children: _jsx(ReturnsSection, {}) }), _jsx(GuideSection, { title: "6. Auction orders", children: _jsx(AuctionOrdersSection, {}) }), _jsx(GuideSection, { title: "7. Common questions", children: _jsx(CommonFAQs, {}) })] }));
+}

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

@@ -1,29 +1,106 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { useStoreReviews } from "../hooks/useStores";
-import { Container, Grid, Pagination, Row, Section, Span, Stack, Text, } from "../../../ui";
+import { useState, useCallback, useMemo } from "react";
+import { X } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { ListingToolbar, Pagination, Row, Span, Text } from "../../../ui";
 import { ReviewCard } from "../../reviews/components/ReviewsList";
-const STAR_OPTIONS = [
-    { value: 0, label: "All Ratings" },
-    { value: 5, label: "5 ★" },
-    { value: 4, label: "4 ★" },
-    { value: 3, label: "3 ★" },
-    { value: 2, label: "2 ★" },
-    { value: 1, label: "1 ★" },
-];
+import { ReviewFilters, REVIEW_PUBLIC_SORT_OPTIONS } from "../../reviews/components/ReviewFilters";
+import { useStoreReviews } from "../hooks/useStores";
+import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
+import { sortBy } from "../../../constants/sort";
+import { REVIEW_FIELDS } from "../../../constants/field-names";
 const PAGE_SIZE = 12;
+const DEFAULT_SORT = sortBy(REVIEW_FIELDS.CREATED_AT);
+const FILTER_KEYS = ["rating", TABLE_KEYS.DATE_FROM, TABLE_KEYS.DATE_TO, "hasImages"];
+const SORT_OPTION_LABELS = {
+    sortNewest: "Newest First",
+    sortOldest: "Oldest First",
+    sortHighestRated: "Highest Rated",
+    sortLowestRated: "Lowest Rated",
+};
 export function StoreReviewsListing({ storeSlug }) {
-    const [ratingFilter, setRatingFilter] = useState(0);
-    const [page, setPage] = useState(1);
-    const { reviews, averageRating, totalReviews, totalPages, isLoading } = useStoreReviews(storeSlug, { rating: ratingFilter || undefined, page, pageSize: PAGE_SIZE });
-    const paginated = reviews;
-    return (_jsx(Section, { children: _jsxs(Container, { size: "xl", children: [totalReviews > 0 && (_jsxs(Row, { align: "center", gap: "sm", className: "mb-6", children: [_jsx(Span, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: averageRating.toFixed(1) }), _jsxs(Span, { className: "text-zinc-500 text-sm", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(Row, { gap: "xs", className: "mb-6 flex-wrap", children: STAR_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => { setRatingFilter(opt.value); setPage(1); }, className: [
-                            "rounded-full border px-3 py-1 text-sm font-medium transition-colors",
-                            ratingFilter === opt.value
-                                ? "border-primary bg-primary/10 text-primary"
-                                : "border-zinc-200 text-zinc-600 hover:bg-zinc-50 dark:border-zinc-700 dark:text-zinc-300",
-                        ].join(" "), children: opt.label }, opt.value))) }), isLoading ? (_jsx(Stack, { align: "center", gap: "3", className: "justify-center py-12", children: _jsx(Text, { className: "text-zinc-500", children: "Loading reviews..." }) })) : paginated.length === 0 ? (_jsxs(Stack, { align: "center", gap: "3", className: "justify-center py-24 text-center", children: [_jsx(Text, { className: "text-xl font-medium text-zinc-900 dark:text-zinc-50", children: "No reviews yet" }), _jsx(Text, { className: "text-sm text-zinc-500", children: ratingFilter > 0
-                                ? `No ${ratingFilter}-star reviews yet.`
-                                : "Be the first to review this store by purchasing a product." })] })) : (_jsxs(_Fragment, { children: [_jsx(Grid, { cols: 3, gap: "md", children: paginated.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) }), totalPages > 1 && (_jsx(Row, { className: "mt-8 justify-center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage }) }))] }))] }) }));
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
+    const handleViewToggle = (next) => {
+        if (next === VIEW_MODE.TABLE)
+            return;
+        setView(next);
+        table.set(TABLE_KEYS.VIEW, next);
+    };
+    const sort = table.get(TABLE_KEYS.SORT) || DEFAULT_SORT;
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const pendingTable = useMemo(() => ({
+        get: (key) => pendingFilters[key] ?? "",
+        getNumber: (key, fallback = 0) => {
+            const v = pendingFilters[key];
+            if (!v)
+                return fallback;
+            const n = Number(v);
+            return isNaN(n) ? fallback : n;
+        },
+        set: (key, value) => setPendingFilters((p) => ({ ...p, [key]: value })),
+        setMany: (updates) => setPendingFilters((p) => ({ ...p, ...updates })),
+        clear: (keys) => {
+            const ks = keys ?? FILTER_KEYS;
+            setPendingFilters((p) => ({
+                ...p,
+                ...Object.fromEntries(ks.map((k) => [k, ""])),
+            }));
+        },
+        setPage: (_) => { },
+        setPageSize: (_) => { },
+        setSort: (_) => { },
+        buildSieveParams: () => "",
+        buildSearchParams: () => "",
+        params: new URLSearchParams(),
+    }), [pendingFilters]);
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const ratingRaw = table.get("rating");
+    const ratingNum = ratingRaw ? Number(ratingRaw.split("|")[0]) : undefined;
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
+        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
+        activeFilterCount > 0;
+    const { reviews, averageRating, totalReviews, totalPages, isLoading } = useStoreReviews(storeSlug, {
+        rating: ratingNum,
+        page: currentPage,
+        pageSize: PAGE_SIZE,
+        sort,
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        dateFrom: table.get(TABLE_KEYS.DATE_FROM) || undefined,
+        dateTo: table.get(TABLE_KEYS.DATE_TO) || undefined,
+        hasImages: table.get("hasImages") === "true" ? true : undefined,
+    });
+    const sortOptions = REVIEW_PUBLIC_SORT_OPTIONS.map((opt) => ({
+        value: opt.value,
+        label: SORT_OPTION_LABELS[opt.key] ?? opt.key,
+    }));
+    return (_jsxs("div", { className: "min-h-screen", children: [totalReviews > 0 && (_jsxs(Row, { align: "center", gap: "sm", className: "px-4 py-3 border-b border-zinc-200 dark:border-slate-700", children: [_jsx(Span, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: averageRating.toFixed(1) }), _jsxs(Span, { className: "text-zinc-500 text-sm", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search reviews...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: sortOptions, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6 px-4", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsx("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: _jsxs("div", { className: "p-4 space-y-3", children: [_jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" })] }) }, i))) })) : reviews.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No reviews found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ReviewFilters, { table: pendingTable, variant: "public" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
 }

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

@@ -0,0 +1,3 @@
+export interface StoreSettingsGuideViewProps {
+}
+export declare function StoreSettingsGuideView(_props: StoreSettingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Alert, Div, Heading, Section, Text } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
+const LIST_DISC = "list-disc leading-relaxed";
+const SECTION_BODY = "space-y-4 text-sm text-[var(--appkit-color-text-muted)]";
+// -- Section wrapper -----------------------------------------------------------
+function GuideSection({ title, children, }) {
+    return (_jsxs(Section, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-6 shadow-sm", children: [_jsx(Heading, { level: 2, className: "mb-4 text-lg font-semibold text-[var(--appkit-color-text)]", children: title }), children] }));
+}
+// -- Section 1: Store profile -------------------------------------------------
+function StoreProfileSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Store name & description" }), _jsx(Text, { className: "leading-relaxed", children: "Your store name appears in search results, listing cards, order emails, and the store profile page. Choose a name that clearly describes your niche \u2014 buyers search by seller name. The description appears on your profile page below your banner \u2014 include your niche, location, and turnaround time (e.g. \"Graded Pok\u00E9mon TCG from Mumbai \u00B7 ships within 2 business days\")." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Logo (storeLogoURL)" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "Minimum size: 200 \u00D7 200 px. Recommended: 400 \u00D7 400 px." }), _jsx("li", { className: LIST_DISC, children: "Displayed as a circle avatar on your profile page and in order confirmation emails." }), _jsx("li", { className: LIST_DISC, children: "Format: PNG with transparent background looks best." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Banner (storeBannerURL)" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "Minimum size: 1200 \u00D7 300 px. Recommended: 1600 \u00D7 400 px." }), _jsx("li", { className: LIST_DISC, children: "Displayed at the top of your store profile page." }), _jsx("li", { className: LIST_DISC, children: "Avoid putting critical text near the edges \u2014 it may be cropped on mobile." })] })] }), _jsx(Alert, { variant: "info", title: "Profile completeness affects discoverability", children: "Stores with a logo, banner, description, and at least one published listing appear higher in the Stores directory. The Getting Started checklist on your Guide Hub shows which steps remain." })] }));
+}
+// -- Section 2: Shipping configuration ----------------------------------------
+function ShippingSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Flat-rate shipping" }), _jsx(Text, { className: "leading-relaxed", children: "Set a single shipping charge that applies to all orders from your store. This is the simplest option \u2014 buyers see one consistent shipping cost at checkout." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Free shipping threshold" }), _jsx(Text, { className: "leading-relaxed", children: "Set a minimum order value above which shipping is free. For example, \"Free shipping on orders above \u20B9500\" appears on your store profile and listing cards \u2014 it is a strong conversion driver. Configure this in Settings \u2192 Shipping \u2192 Free Shipping Threshold." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Per-item overrides" }), _jsx(Text, { className: "leading-relaxed", children: "Individual listings can override the store shipping charge using the Shipping tab in the product form. Use this for oversized or fragile items that cost more to ship." })] })] }));
+}
+// -- Section 3: Return policy -------------------------------------------------
+function ReturnPolicySection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Store-level return window" }), _jsxs(Text, { className: "leading-relaxed", children: ["The default return window is ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "7 days" }), " from the DELIVERED date. Stores with the", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded mx-1", children: "extended_return_window" }), "capability can offer 30 days. The return window is displayed on every product detail page in the Returns tab."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Non-returnable categories" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "Opened card packs (boosters, elite trainer boxes)." }), _jsx("li", { className: LIST_DISC, children: "Cracked or opened graded slabs \u2014 unless the defect was documented before shipping." }), _jsx("li", { className: LIST_DISC, children: "Items explicitly marked \"Final Sale\" in the listing." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What buyers see" }), _jsx(Text, { className: "leading-relaxed", children: "Buyers see the return window and non-returnable note in the product detail page Returns tab before purchasing. This cannot be suppressed \u2014 it is platform policy to always show return terms." })] })] }));
+}
+// -- Section 4: Vacation mode -------------------------------------------------
+function VacationModeSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What vacation mode does" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "All your published listings are hidden from search results and browse pages." }), _jsx("li", { className: LIST_DISC, children: "Your store profile page shows a \"On Vacation\" banner." }), _jsx("li", { className: LIST_DISC, children: "Buyers cannot add your items to cart or checkout while on vacation." }), _jsx("li", { className: LIST_DISC, children: "Existing orders that were placed before vacation mode must still be fulfilled." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "How to enable" }), _jsx(Text, { className: "leading-relaxed", children: "Go to your Store Dashboard \u2192 Settings \u2192 Storefront tab. Toggle \"Vacation mode\" on. Your listings re-appear instantly when you toggle it off." })] }), _jsx(Alert, { variant: "warning", title: "Ongoing orders are not paused", children: "Enabling vacation mode does not pause or cancel any existing orders. You are still responsible for fulfilling orders placed before vacation mode was enabled." })] }));
+}
+// -- Section 5: WhatsApp integration ------------------------------------------
+function WhatsAppSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Text, { className: "leading-relaxed", children: ["The WhatsApp integration allows your customers to contact you via WhatsApp from your store profile and lets you sync your product catalog to your WhatsApp Business Catalog (requires the", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded mx-1", children: "whatsapp_catalog_sync" }), " capability)."] }), _jsxs(Text, { className: "leading-relaxed", children: ["Full settings and the catalog sync toggle are at", " ", _jsx("a", { href: String(ROUTES.STORE.WHATSAPP), className: "underline text-[var(--appkit-color-primary)] hover:opacity-80", children: "Settings \u2192 WhatsApp" }), ". See the WhatsApp settings page for step-by-step setup instructions."] })] }));
+}
+// -- Section 6: Visibility states ---------------------------------------------
+function VisibilityStatesSection() {
+    const STATES = [
+        {
+            state: "Published",
+            note: "Your store and listings are fully visible in search, browse, and featured sections.",
+        },
+        {
+            state: "Vacation mode",
+            note: "Listings hidden from search. Profile shows vacation banner. Managed by you in Settings.",
+        },
+        {
+            state: "Hidden (per-listing)",
+            note: "Individual listings set to DRAFT or ARCHIVED are not visible but your store profile remains accessible via direct link.",
+        },
+        {
+            state: "Suspended",
+            note: "Admin action. All listings hidden. Store profile shows 'Unavailable' banner. Contact support@letitrip.in to resolve.",
+        },
+    ];
+    return (_jsx(Div, { className: "space-y-3", children: STATES.map(({ state, note }) => (_jsxs(Div, { className: "flex gap-3 text-sm", children: [_jsx(Text, { className: "shrink-0 w-32 font-semibold text-[var(--appkit-color-text)]", children: state }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", children: note })] }, state))) }));
+}
+export function StoreSettingsGuideView(_props) {
+    return (_jsxs(Div, { className: "space-y-6 pb-10", children: [_jsxs("a", { href: String(ROUTES.STORE.GUIDE), className: "inline-flex items-center gap-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-[var(--appkit-color-text)]", children: "Settings Guide" }), _jsx(Text, { className: "mt-1 text-sm text-[var(--appkit-color-text-muted)]", children: "Store profile, shipping, returns, vacation mode, WhatsApp, and visibility." })] }), _jsx(GuideSection, { title: "1. Store profile", children: _jsx(StoreProfileSection, {}) }), _jsx(GuideSection, { title: "2. Shipping configuration", children: _jsx(ShippingSection, {}) }), _jsx(GuideSection, { title: "3. Return policy", children: _jsx(ReturnPolicySection, {}) }), _jsx(GuideSection, { title: "4. Vacation mode", children: _jsx(VacationModeSection, {}) }), _jsx(GuideSection, { title: "5. WhatsApp integration", children: _jsx(WhatsAppSection, {}) }), _jsx(GuideSection, { title: "6. Visibility states", children: _jsx(VisibilityStatesSection, {}) })] }));
+}

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

@@ -1,7 +1,6 @@
 export { StoreHeader } from "./StoreHeader";
 export { StoreAddressSelectorCreate } from "./StoreAddressSelectorCreate";
 export type { StoreAddressSelectorCreateProps, StoreAddressSelectorCreateLabels, } from "./StoreAddressSelectorCreate";
-export { StoresListView } from "./StoresListView";
 export { StoreNavTabs } from "./StoreNavTabs";
 export type { StoreNavTabsProps, StoreTab } from "./StoreNavTabs";
 export { StoreAboutView } from "./StoreAboutView";
@@ -27,3 +26,15 @@ export type { StorePreOrdersListingProps } from "./StorePreOrdersListing";
 export type { StorePreOrdersPageViewProps } from "./StorePreOrdersPageView";
 export type { StorePrizeDrawsPageViewProps } from "./StorePrizeDrawsPageView";
 export type { StoreBundlesPageViewProps } from "./StoreBundlesPageView";
+export { StoreGuideHubView } from "./StoreGuideHubView";
+export type { StoreGuideHubViewProps } from "./StoreGuideHubView";
+export { StoreListingsGuideView } from "./StoreListingsGuideView";
+export type { StoreListingsGuideViewProps } from "./StoreListingsGuideView";
+export { StoreOrdersGuideView } from "./StoreOrdersGuideView";
+export type { StoreOrdersGuideViewProps } from "./StoreOrdersGuideView";
+export { StoreFinanceGuideView } from "./StoreFinanceGuideView";
+export type { StoreFinanceGuideViewProps } from "./StoreFinanceGuideView";
+export { StoreCapabilitiesGuideView } from "./StoreCapabilitiesGuideView";
+export type { StoreCapabilitiesGuideViewProps } from "./StoreCapabilitiesGuideView";
+export { StoreSettingsGuideView } from "./StoreSettingsGuideView";
+export type { StoreSettingsGuideViewProps } from "./StoreSettingsGuideView";

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

@@ -1,6 +1,5 @@
 export { StoreHeader } from "./StoreHeader";
 export { StoreAddressSelectorCreate } from "./StoreAddressSelectorCreate";
-export { StoresListView } from "./StoresListView";
 export { StoreNavTabs } from "./StoreNavTabs";
 export { StoreAboutView } from "./StoreAboutView";
 export { StoreProductsView } from "./StoreProductsView";
@@ -12,3 +11,9 @@ export { StoreProductsListing } from "./StoreProductsListing";
 export { StoreAuctionsListing } from "./StoreAuctionsListing";
 export { StoreReviewsListing } from "./StoreReviewsListing";
 export { StorePreOrdersListing } from "./StorePreOrdersListing";
+export { StoreGuideHubView } from "./StoreGuideHubView";
+export { StoreListingsGuideView } from "./StoreListingsGuideView";
+export { StoreOrdersGuideView } from "./StoreOrdersGuideView";
+export { StoreFinanceGuideView } from "./StoreFinanceGuideView";
+export { StoreCapabilitiesGuideView } from "./StoreCapabilitiesGuideView";
+export { StoreSettingsGuideView } from "./StoreSettingsGuideView";

package/dist/features/stores/hooks/useStores.d.ts

@@ -49,6 +49,11 @@ export declare function useStoreReviews(storeSlug: string, params?: {
     rating?: number;
     page?: number;
     pageSize?: number;
+    sort?: string;
+    q?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    hasImages?: boolean;
 }, opts?: {
     enabled?: boolean;
     endpoint?: string;

package/dist/features/stores/hooks/useStores.js

@@ -88,6 +88,16 @@ export function useStoreReviews(storeSlug, params, opts) {
         sp.set("page", String(params.page));
     if (params?.pageSize)
         sp.set("pageSize", String(params.pageSize));
+    if (params?.sort)
+        sp.set("sort", params.sort);
+    if (params?.q)
+        sp.set("q", params.q);
+    if (params?.dateFrom)
+        sp.set("dateFrom", params.dateFrom);
+    if (params?.dateTo)
+        sp.set("dateTo", params.dateTo);
+    if (params?.hasImages)
+        sp.set("hasImages", "true");
     const qs = sp.toString();
     const baseEndpoint = opts?.endpoint ?? STORE_ENDPOINTS.REVIEWS(storeSlug);
     const endpoint = qs ? `${baseEndpoint}?${qs}` : baseEndpoint;

package/dist/features/stores/manifest.js

@@ -3,7 +3,7 @@ export const manifest = {
     i18nNamespace: "stores",
     envKeys: [],
     routes: [
-        { segment: "[locale]/stores", exports: { default: "StoresListView" } },
+        { segment: "[locale]/stores", exports: { default: "StoresIndexPageView" } },
         {
             segment: "[locale]/stores/[storeSlug]",
             exports: { default: "StoreStorefrontView" },

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 const CLS_SECTION_CARD = "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Button, Form, FormActions, Heading, Input, Section, Text, Toggle, useToast } from "../../../ui";
+import { Alert, Button, Div, Form, FormActions, Heading, Input, Section, Text, Toggle, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { WHATSAPP_SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { buildPurchaseAnnouncementMessage } from "../helpers/whatsapp";
@@ -52,6 +52,15 @@ const STATUS_COLOR = {
     failed: "bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-300",
 };
 // ---------------------------------------------------------------------------
+// Sample catalog items for preview
+// ---------------------------------------------------------------------------
+const SAMPLE_CATALOG_ITEMS = [
+    { id: "1", emoji: "🃏", name: "Charizard PSA 9 Base Set", price: "₹4,500" },
+    { id: "2", emoji: "🚗", name: "Hot Wheels Redline Vintage", price: "₹1,200" },
+    { id: "3", emoji: "🤖", name: "Gundam HG RX-78-2 1/144", price: "₹2,800" },
+    { id: "4", emoji: "🪀", name: "Beyblade Burst Storm Pegasus", price: "₹650" },
+];
+// ---------------------------------------------------------------------------
 // Main component
 // ---------------------------------------------------------------------------
 export function SellerWhatsAppSettingsView({ hasCapability }) {
@@ -140,5 +149,7 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
                             additionalItemCount: 2,
                             totalAmount: 450000,
                             orderId: "order-3-20260510-a1b2c3",
-                        }) })] })] }));
+                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-2", children: "Catalog Preview" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-4", children: "This is how your products appear in the WhatsApp Catalog when a buyer taps \"View Catalog\" in the chat. Only published standard products are included." }), _jsxs("div", { className: "border border-zinc-200 dark:border-zinc-700 rounded-xl overflow-hidden bg-[#ECE5DD] dark:bg-zinc-800 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-[#25D366] flex items-center justify-center", children: _jsx("span", { className: "text-white text-xs font-bold", children: "W" }) }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-zinc-900 dark:text-zinc-100", children: cfg?.connected ? "Your Store" : "Store Name" }), _jsx(Text, { className: "text-[10px] text-zinc-500 dark:text-zinc-400", children: "WhatsApp Business" })] })] }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: SAMPLE_CATALOG_ITEMS.map((item) => (_jsxs("div", { className: "bg-white dark:bg-zinc-900 rounded-lg overflow-hidden shadow-sm", children: [_jsx("div", { className: "aspect-square bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center", children: _jsx("span", { className: "text-2xl", children: item.emoji }) }), _jsxs("div", { className: "p-2", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-900 dark:text-zinc-100 line-clamp-2 leading-tight", children: item.name }), _jsx(Text, { className: "text-xs text-[#25D366] font-semibold mt-0.5", children: item.price })] })] }, item.id))) }), _jsx("div", { className: "mt-3 text-center", children: _jsx(Text, { className: "text-[10px] text-zinc-500 dark:text-zinc-400", children: cfg?.lastSyncCount
+                                        ? `${cfg.lastSyncCount} products synced to catalog`
+                                        : "Sync your products to populate the catalog" }) })] }), !cfg?.connected && (_jsx(Text, { className: "text-xs text-amber-600 dark:text-amber-400 mt-2", children: "Connect your WhatsApp Business account above to enable the catalog." }))] })] }));
 }