@mohasinac/appkit 4.44.0 → 4.46.0

package/dist/features/products/components/MakeOfferButton.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices";
-import { useOptionalSession } from "../../../react/contexts/SessionContext";
-import { Button, Div, LoginRequiredModal, Modal, Span, Stack, Text, } from "../../../ui";
-import { Form } from "../../../ui/components/Form";
-import { FieldInput } from "../../../ui/forms/FieldInput";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { makeOfferFormSchema } from "../../seller/schemas/offer-forms";
-import { minOfferAmount } from "../../../_internal/shared/features/offers/config";
-import { isAuthError } from "../../../utils/auth-error";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { normalizeError } from "../../../errors/normalize";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
+import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
+import { Button, Div, LoginRequiredModal, Modal, Span, Stack, Text, } from "../../../ui/index.js";
+import { Form } from "../../../ui/components/Form.js";
+import { FieldInput } from "../../../ui/forms/FieldInput.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { makeOfferFormSchema } from "../../seller/schemas/offer-forms.js";
+import { minOfferAmount } from "../../../_internal/shared/features/offers/config.js";
+import { isAuthError } from "../../../utils/auth-error.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { normalizeError } from "../../../errors/normalize.js";
 const CLS_SUCCESS_BOX = "rounded-xl border border-success dark:border-success bg-success-surface p-[var(--appkit-space-4)] text-left space-y-1";
 const CLS_PENDING_BOX = "rounded-xl border border-warning dark:border-warning bg-warning-surface dark:bg-warning-surface p-[var(--appkit-space-4)] text-left space-y-1";
 const CLS_PENDING_TITLE = "text-[length:var(--appkit-text-sm)] font-medium text-warning dark:text-warning";

package/dist/features/products/components/MarketplaceBundleCard.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { useRouter } from "next/navigation";
-import { useLongPress } from "../../../react/hooks/useLongPress";
-import { ROUTES } from "../../../next";
-import { formatCurrency } from "../../../utils";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
+import { useRouter } from "next/navigation.js";
+import { useLongPress } from "../../../react/hooks/useLongPress.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { formatCurrency } from "../../../utils/index.js";
+import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 const CLS_BUNDLE_PILL = "inline-flex items-center rounded-full bg-violet-600 px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-white";
 const CLS_STOCK_OK = "bg-success-solid text-success-on-solid";
 // audit-content-alignment-ok: button label text, not page content — buttons are universally center-labeled
 const CLS_VIEW_BTN = "mt-2 w-full cursor-pointer rounded-md bg-violet-600 py-[var(--appkit-space-1-5)] text-center text-[length:var(--appkit-text-xs)] font-semibold text-white transition-colors hover:bg-violet-700 active:scale-[0.98]";
-import { BaseListingCard, Div, GatedPrice, PricesOnly, Row, Span, Stack, Text, TextLink } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing";
-import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy";
+import { BaseListingCard, Div, GatedPrice, PricesOnly, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing.js";
+import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy.js";
 const DEFAULT_LABELS = {
     bundleBadge: "Bundle",
     inStockBadge: "In stock",

package/dist/features/products/components/MarketplacePrizeDrawCard.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { useRouter } from "next/navigation";
-import { useLongPress } from "../../../react/hooks/useLongPress";
-import { ROUTES } from "../../../next";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { formatCurrency } from "../../../utils";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
+import { useRouter } from "next/navigation.js";
+import { useLongPress } from "../../../react/hooks/useLongPress.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { formatCurrency } from "../../../utils/index.js";
+import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 const CLS_PRIZE_PILL = "inline-flex items-center rounded-full bg-fuchsia-600 px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-white";
-import { BaseListingCard, Button, Div, GatedPrice, Row, Span, Stack, Text, TextLink } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { CardStoreLine } from "./CardStoreLine";
+import { BaseListingCard, Button, Div, GatedPrice, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { CardStoreLine } from "./CardStoreLine.js";
 const DEFAULT_LABELS = {
     prizeDrawBadge: "Prize draw",
     pendingBadge: "Reveal pending",

package/dist/features/products/components/NonRefundableConsentModal.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * agreed to in S5-doc.
  */
 import { useEffect, useId, useState } from "react";
-import { Button, Checkbox, Li, Modal, Stack, Text, Ul } from "../../../ui";
+import { Button, Checkbox, Li, Modal, Stack, Text, Ul } from "../../../ui/index.js";
 const COPY = {
     "prize-draw": {
         heading: "Entry fee is non-refundable",

package/dist/features/products/components/PreOrderDetailView.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { DetailViewShell } from "../../../ui";
+import { DetailViewShell } from "../../../ui/index.js";
 export function PreOrderDetailView({ renderGallery, renderInfo, renderBuyBar, renderSublistingSection, renderGroupSection, renderTabs, renderRelated, isLoading = false, ...rest }) {
     const sublistingNode = renderSublistingSection?.();
     const groupNode = renderGroupSection?.();

package/dist/features/products/components/PrizeDrawBottomActions.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ListingBottomActions } from "./ListingBottomActions";
+import { ListingBottomActions } from "./ListingBottomActions.js";
 export function PrizeDrawBottomActions({ pricePerEntry, currency, closed, }) {
     return (_jsx(ListingBottomActions, { listingType: "prize-draw", anchorId: "prize-draw-buy-bar", price: pricePerEntry, currency: currency, unavailable: closed, infoSuffix: "per entry" }));
 }

package/dist/features/products/components/PrizeDrawCollage.js

@@ -16,10 +16,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { Row } from "@mohasinac/appkit/client";
 import { useState } from "react";
-import { Button, Div, Grid, PricesOnly, Scrim, Text } from "../../../ui";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices";
-import { MediaImage } from "../../media/MediaImage";
-import { ImageLightbox } from "../../../ui/components/ImageLightbox";
+import { Button, Div, Grid, PricesOnly, Scrim, Text } from "../../../ui/index.js";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { ImageLightbox } from "../../../ui/components/ImageLightbox.js";
 const __P = {
     p6: "p-[var(--appkit-space-6)]",
 };

package/dist/features/products/components/PrizeDrawDetailPageView.js

@@ -1,27 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { orderRepository, productRepository } from "../../../repositories";
+import Link from "next/link.js";
+import { orderRepository, productRepository } from "../../../repositories/index.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p4: "p-[var(--appkit-space-4)]",
 };
 const CLS_PRIZE_BADGE = "inline-block rounded-full bg-fuchsia-100 dark:bg-fuchsia-900/30 px-[var(--appkit-space-2-5)] py-[var(--appkit-space-0-5)] text-fuchsia-700 dark:text-fuchsia-300";
-import { ROUTES } from "../../../next";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter";
-import { safeDisplayName } from "../../../security";
-import { Container, Div, Heading, Main, RichText, Row, Section, Span, Stack, Text, } from "../../../ui";
-import { PreOrderDetailView } from "./PreOrderDetailView";
-import { PrizeDrawBottomActions } from "./PrizeDrawBottomActions";
-import { ProductTabsShell } from "./ProductTabsShell";
-import { ShareButton } from "./ShareButton";
-import { PrizeDrawCollage } from "./PrizeDrawCollage";
-import { PrizeDrawEntryActions } from "./PrizeDrawEntryActions";
-import { HistoryTracker } from "../../history/components/HistoryTracker";
-import { RelatedItemsSection } from "./RelatedItemsSection";
-import { computeRelatedItems } from "../../../_internal/server/features/products/data";
-import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
-import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
+import { safeDisplayName } from "../../../security/index.js";
+import { Container, Div, Heading, Main, RichText, Row, Section, Span, Stack, Text, } from "../../../ui/index.js";
+import { PreOrderDetailView } from "./PreOrderDetailView.js";
+import { PrizeDrawBottomActions } from "./PrizeDrawBottomActions.js";
+import { ProductTabsShell } from "./ProductTabsShell.js";
+import { ShareButton } from "./ShareButton.js";
+import { PrizeDrawCollage } from "./PrizeDrawCollage.js";
+import { PrizeDrawEntryActions } from "./PrizeDrawEntryActions.js";
+import { HistoryTracker } from "../../history/components/HistoryTracker.js";
+import { RelatedItemsSection } from "./RelatedItemsSection.js";
+import { computeRelatedItems } from "../../../_internal/server/features/products/data.js";
+import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel.js";
+import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data.js";
 function toDescriptionHtml(raw) {
     if (!raw)
         return "";

package/dist/features/products/components/PrizeDrawEntryActions.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { useRouter } from "next/navigation";
-import { Anchor, Button, GatedPrice, Stack, Text, LoginRequiredModal } from "../../../ui";
-import { ROUTES } from "../../../next";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { NonRefundableConsentModal } from "./NonRefundableConsentModal";
-import { useAuthGate } from "../../../react/hooks/useAuthGate";
-import { ACTION_ID } from "../constants/action-defs";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+import { useRouter } from "next/navigation.js";
+import { Anchor, Button, GatedPrice, Stack, Text, LoginRequiredModal } from "../../../ui/index.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { NonRefundableConsentModal } from "./NonRefundableConsentModal.js";
+import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
+import { ACTION_ID } from "../constants/action-defs.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 /**
  * Client buy panel for a prize-draw detail page (SB4-G).
  *

package/dist/features/products/components/PrizeDrawItemsEditor.js

@@ -11,10 +11,10 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  * Min 2 items, max 16 (mirrors PrizeDrawItem schema constraints).
  */
 import { useCallback } from "react";
-import { Button, Div, FormField, Heading, Input, Row, Span, Stack, Text } from "../../../ui";
+import { Button, Div, FormField, Heading, Input, Row, Span, Stack, Text } from "../../../ui/index.js";
 const CLS_WARN_BOX = "rounded border border-warning/40 bg-warning-surface px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] text-warning dark:bg-warning-surface dark:text-warning";
 const CLS_WON_BADGE = "rounded bg-error-solid px-[var(--appkit-space-3)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-semibold uppercase tracking-wide text-error-on-solid";
-import { ImageUpload } from "../../media";
+import { ImageUpload } from "../../media/index.js";
 const MIN_ITEMS = 2;
 const MAX_ITEMS = 16;
 const MAX_IMAGES_PER_ITEM = 2;

package/dist/features/products/components/PrizeDrawWinnerMappingView.js

@@ -9,9 +9,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * of a small bounded DataTable (≤16 rows per draw) rather than a paginated
  * DataListingView.
  */
-import { Badge, Container, DataTable, Div, Heading, Row, Section, Stack, Text, TextLink } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { ROUTES } from "../../../next";
+import { Badge, Container, DataTable, Div, Heading, Row, Section, Stack, Text, TextLink } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
 export function PrizeDrawWinnerMappingView({ title = "Prize Draw — Winner Mapping", items, isAdmin, }) {
     const columns = [
         {

package/dist/features/products/components/PrizeDrawsIndexListing.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { withoutPriceSorts } from "../constants/sieve";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices";
+import { withoutPriceSorts } from "../constants/sieve.js";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
 import { useState, useCallback } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { usePendingTable } from "../../../react/hooks/usePendingTable";
-import { useProducts } from "../hooks/useProducts";
-import { Div, FilterDrawer, Grid, Label, ListingToolbar, Pagination, Row, Select, Stack, Text, StickyToolbar } from "../../../ui";
-import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree";
-import { useBrands } from "../hooks/useBrands";
-import { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
-import { ProductFilters } from "./ProductFilters";
-import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
-import { PRIZE_DRAW_SORT_OPTIONS } from "../constants/sieve";
-import { AVAILABILITY_VALUES } from "../../../constants/field-names";
-import { AvailabilityTabs } from "./AvailabilityTabs";
+import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
+import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
+import { useProducts } from "../hooks/useProducts.js";
+import { Div, FilterDrawer, Grid, Label, ListingToolbar, Pagination, Row, Select, Stack, Text, StickyToolbar } from "../../../ui/index.js";
+import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree.js";
+import { useBrands } from "../hooks/useBrands.js";
+import { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard.js";
+import { ProductFilters } from "./ProductFilters.js";
+import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
+import { PRIZE_DRAW_SORT_OPTIONS } from "../constants/sieve.js";
+import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
+import { AvailabilityTabs } from "./AvailabilityTabs.js";
 const PRIZE_DRAW_LISTING_TYPES = ["prize-draw"];
 const __P = {
     p3: "p-[var(--appkit-space-3)]",

package/dist/features/products/components/PrizeDrawsListingView.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Main, Heading, Section, Text } from "../../../ui";
-import { AdSlot } from "../../homepage/components/AdSlot";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
-import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public";
-import { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";
+import { Container, Main, Heading, Section, Text } from "../../../ui/index.js";
+import { AdSlot } from "../../homepage/components/AdSlot.js";
+import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
+import { sortBy } from "../../../constants/sort.js";
+import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public.js";
+import { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing.js";
 const LISTING_TYPES = ["prize-draw"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);

package/dist/features/products/components/PrizeDrawsSection.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // is `"use client"`, so in this async Server Component `sortBy` would resolve to
 // a client-reference proxy and calling it throws during the server render
 // (Root Cause #18). That is exactly what took `section-prize-draws` down.
-import { sortBy } from "../../../constants/sort";
-import { Container, Grid, Heading, Section, Stack, Text } from "../../../ui";
-import { ROUTES } from "../../../next";
-import { listPublicProducts } from "../../../_internal/server/features/products/list-public";
-import { AVAILABILITY_VALUES, PRODUCT_FIELDS } from "../../../constants/field-names";
-import { InteractiveProductCard } from "./InteractiveProductCard";
+import { sortBy } from "../../../constants/sort.js";
+import { Container, Grid, Heading, Section, Stack, Text } from "../../../ui/index.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { listPublicProducts } from "../../../_internal/server/features/products/list-public.js";
+import { AVAILABILITY_VALUES, PRODUCT_FIELDS } from "../../../constants/field-names.js";
+import { InteractiveProductCard } from "./InteractiveProductCard.js";
 /**
  * Renders a prize-draws strip on the homepage.
  *

package/dist/features/products/components/PrizeRevealModal.js

@@ -9,9 +9,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Firebase Function at draw expiry/sellout ("scheduled" mode). This modal is
  * a pure display: "pending" (no result yet) or "won" (order.prizeWon is set).
  */
-import { Anchor, Div, Heading, Modal, PricesOnly, Span, Stack, Text } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { PrizeDrawCollage } from "./PrizeDrawCollage";
+import { Anchor, Div, Heading, Modal, PricesOnly, Span, Stack, Text } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { PrizeDrawCollage } from "./PrizeDrawCollage.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

package/dist/features/products/components/ProductCardMetadataSection.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Heading, Stack, Text } from "../../../ui";
+import { Div, Heading, Stack, Text } from "../../../ui/index.js";
 /**
  * `ProductCardMetadataSection` — W1-34 — renders single-card aftermarket
  * metadata (set name / year / card number / rarity / language). Designed to

package/dist/features/products/components/ProductDetailActions.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { Button, Stack, LoginRequiredModal, Icon } from "../../../ui";
-import { useToast } from "../../../ui/components/Toast";
-import { useAddToCart } from "../../cart/hooks/useAddToCart";
-import { apiClient } from "../../../http";
-import { WISHLIST_ENDPOINTS } from "../../../constants/api-endpoints";
-import { addToGuestWishlist } from "../../wishlist/utils/guest-wishlist";
-import { ROUTES } from "../../../next";
-import { useAuthGate } from "../../../react/hooks/useAuthGate";
-import { ACTION_ID } from "../constants/action-defs";
-import { useBottomActions } from "../../layout/hooks/useBottomActions";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices";
-import { normalizeError } from "../../../errors/normalize";
+import { useRouter } from "next/navigation.js";
+import { Button, Stack, LoginRequiredModal, Icon } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/Toast.js";
+import { useAddToCart } from "../../cart/hooks/useAddToCart.js";
+import { apiClient } from "../../../http/index.js";
+import { WISHLIST_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { addToGuestWishlist } from "../../wishlist/utils/guest-wishlist.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
+import { ACTION_ID } from "../constants/action-defs.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
+import { normalizeError } from "../../../errors/normalize.js";
 /**
  * Wires the three primary product-detail CTAs (Buy Now / Add to Cart / Wishlist)
  * to the server APIs with guest-fallback. Replaces the previously-unwired

package/dist/features/products/components/ProductDetailPageView.d.ts

@@ -9,6 +9,19 @@ export interface ProductDetailPageViewProps {
      * When absent, the component falls back to fetching by slug (backward compat).
      */
     initialProduct?: import("../schemas/firestore").ProductDocument | null;
+    /**
+     * D12 — the part composition for this listing's model, as a ready node.
+     *
+     * 🛑 A NODE, not a document: the composition is a Firestore read and this
+     * component is already at its read budget, so the page resolves it (where
+     * it is already reading the product) and passes the rendered panel down.
+     * Passing the raw documents would make this component read too, and a
+     * second reader of the same data is the drift this codebase keeps closing.
+     *
+     * Absent for every listing that is not filed under a named-model leaf,
+     * which is most of them — the tab then does not render at all.
+     */
+    compositionContent?: React.ReactNode;
     /**
      * Render prop for offer UI. Receives the resolved product fields.
      *
@@ -65,4 +78,4 @@ export interface ProductDetailPageViewProps {
      */
     emiEnabled?: boolean;
 }
-export declare function ProductDetailPageView({ slug, initialProduct, renderOfferAction, renderPrimaryActions, productFeatures, codEnabled, emiEnabled, }: ProductDetailPageViewProps): Promise<import("react").JSX.Element>;
+export declare function ProductDetailPageView({ slug, initialProduct, renderOfferAction, renderPrimaryActions, compositionContent, productFeatures, codEnabled, emiEnabled, }: ProductDetailPageViewProps): Promise<import("react").JSX.Element>;

package/dist/features/products/components/ProductDetailPageView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Link from "next/link";
-import { productRepository } from "../../../repositories";
+import Link from "next/link.js";
+import { productRepository } from "../../../repositories/index.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p5: "p-[var(--appkit-space-5)]",
@@ -22,32 +22,32 @@ const CLS_BUNDLE_TITLE = "text-[length:var(--appkit-text-sm)] font-semibold text
 const CLS_BUNDLE_ROW = "flex items-center justify-between gap-[var(--appkit-space-4)] rounded-lg border border-success dark:border-success/50 bg-white dark:bg-success-surface px-[var(--appkit-space-4)] py-[var(--appkit-space-3)]";
 const CLS_BUNDLE_LABEL = "text-[length:var(--appkit-text-xs)] text-success dark:text-success font-medium uppercase tracking-wide mb-0.5";
 const CLS_BUNDLE_CTA = "flex-shrink-0 rounded-lg bg-success-solid hover:brightness-110 px-[var(--appkit-space-3)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-semibold text-success-on-solid transition-colors";
-import { ROUTES } from "../../../next";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { Button, Container, Div, Heading, Main, Nav, PriceDisplay, RichText, Row, Section, Span, Stack, Text, Ul, Ol, Li, Dl, Dt, Dd, Icon, } from "../../../ui";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter";
-import { safeDisplayName } from "../../../security";
-import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel";
-import { ProductDetailView } from "./ProductDetailView";
-import { ProductGalleryClient } from "./ProductGalleryClient";
-import { ProductTabsShell } from "./ProductTabsShell";
-import { ProductFeatureBadges } from "./ProductFeatureBadges";
-import { isFinalSale } from "../constants/final-sale";
-import { FeatureBadgeList } from "./FeatureBadge";
-import { ShareButton } from "./ShareButton";
-import { CustomSectionTabContent } from "./CustomSectionTabContent";
-import { SublistingCarouselSection } from "./SublistingCarouselSection";
-import { ShowGroupSection } from "./ShowGroupSection";
-import { HistoryTracker } from "../../history/components/HistoryTracker";
-import { RelatedItemsSection } from "./RelatedItemsSection";
-import { computeRelatedItems, getReviewPageForProduct } from "../../../_internal/server/features/products/data";
-import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel";
-import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data";
-import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal";
-import { safeRead } from "../../../errors/safe-read";
-import { canMakeOffer } from "../../../_internal/shared/listing-types/capabilities";
-import { normalizeListingType } from "../utils/listing-type";
-import { DEFAULT_MIN_OFFER_PERCENT, resolveOfferBounds, } from "../../../_internal/shared/features/offers/config";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
+import { Button, Container, Div, Heading, Main, Nav, PriceDisplay, RichText, Row, Section, Span, Stack, Text, Ul, Ol, Li, Dl, Dt, Dd, Icon, } from "../../../ui/index.js";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
+import { safeDisplayName } from "../../../security/index.js";
+import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel.js";
+import { ProductDetailView } from "./ProductDetailView.js";
+import { ProductGalleryClient } from "./ProductGalleryClient.js";
+import { ProductTabsShell } from "./ProductTabsShell.js";
+import { ProductFeatureBadges } from "./ProductFeatureBadges.js";
+import { isFinalSale } from "../constants/final-sale.js";
+import { FeatureBadgeList } from "./FeatureBadge.js";
+import { ShareButton } from "./ShareButton.js";
+import { CustomSectionTabContent } from "./CustomSectionTabContent.js";
+import { SublistingCarouselSection } from "./SublistingCarouselSection.js";
+import { ShowGroupSection } from "./ShowGroupSection.js";
+import { HistoryTracker } from "../../history/components/HistoryTracker.js";
+import { RelatedItemsSection } from "./RelatedItemsSection.js";
+import { computeRelatedItems, getReviewPageForProduct } from "../../../_internal/server/features/products/data.js";
+import { GroupedListingsCarousel } from "../../grouped/components/GroupedListingsCarousel.js";
+import { getGroupsWithItemsForProduct } from "../../../_internal/server/features/grouped/data.js";
+import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal.js";
+import { safeRead } from "../../../errors/safe-read.js";
+import { canMakeOffer } from "../../../_internal/shared/listing-types/capabilities.js";
+import { normalizeListingType } from "../utils/listing-type.js";
+import { DEFAULT_MIN_OFFER_PERCENT, resolveOfferBounds, } from "../../../_internal/shared/features/offers/config.js";
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
@@ -69,7 +69,7 @@ function StarRating({ value }) {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-export async function ProductDetailPageView({ slug, initialProduct, renderOfferAction, renderPrimaryActions, productFeatures, codEnabled, emiEnabled, }) {
+export async function ProductDetailPageView({ slug, initialProduct, renderOfferAction, renderPrimaryActions, compositionContent, productFeatures, codEnabled, emiEnabled, }) {
     // Use pre-fetched data when available to avoid a redundant repository call.
     // The page layer wraps getProductForDetail in React.cache(), so both
     // generateMetadata() and this component share the same in-flight promise.
@@ -102,6 +102,25 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
     const inStock = effectiveStock !== null ? effectiveStock > 0 : p.status === "published";
     const avgRating = typeof p.avgRating === "number" ? p.avgRating : null;
     const reviewCount = typeof p.reviewCount === "number" ? p.reviewCount : null;
+    /*
+     * D8/H2 — real social proof. "N people viewed this in the last week" is a
+     * number we MEASURED, which is what makes it usable: H2's whole boundary is
+     * "use persuasion that is TRUE, refuse persuasion that is FALSE", and
+     * nobody in the fifteen-site crawl shows this despite 76–93% of their
+     * catalogues being sold out.
+     *
+     * 🛑 `typeof === "number"`, not truthiness. `undefined` means the nightly
+     * pass has not rolled this product up yet; `0` means measured and nobody
+     * looked. Rendering "0 people viewed this" is worse than rendering nothing,
+     * and `?? 0` is exactly how the admin Top Products table came to show
+     * "0 views" on every row as though it were a measurement (A5).
+     *
+     * 🛑 And a floor of 2, so a single visitor is never told "1 person viewed
+     * this" — which on a quiet listing is usually them. Below the floor there is
+     * no claim rather than a technically-true one that reads as desperate.
+     */
+    const views7d = typeof p.views7d === "number" ? p.views7d : null;
+    const showViews = views7d !== null && views7d >= 2;
     const category = typeof p.category === "string" ? p.category : null;
     const categoryName = typeof p.categoryName === "string" ? p.categoryName : null;
     // categorySlugs/categoryNames: multi-category support (S-uni-formshell-prep)
@@ -212,7 +231,7 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
                                                         ? "Refurbished"
                                                         : condition === "used"
                                                             ? "Used"
-                                                            : condition })), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title || "Untitled Product" })] }), avgRating !== null ? (_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(StarRating, { value: avgRating }), _jsxs(Span, { size: "sm", color: "muted", children: [avgRating.toFixed(1), reviewCount ? ` (${reviewCount} reviews)` : ""] }), _jsxs(Span, { size: "xs", weight: "medium", surface: inStock ? "success-surface" : "danger-surface", className: `ml-auto ${inStock ? "text-success" : "text-error"}`, padding: "pill-sm", rounded: "full", children: [inStock ? "✓ In Stock" : "✗ Out of Stock", inStock && effectiveStock !== null && effectiveStock <= 10
+                                                            : condition })), _jsx(Heading, { level: 1, className: "leading-snug", smSize: "2xl", color: "primary", size: "xl", weight: "bold", children: title || "Untitled Product" })] }), avgRating !== null ? (_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(StarRating, { value: avgRating }), _jsxs(Span, { size: "sm", color: "muted", children: [avgRating.toFixed(1), reviewCount ? ` (${reviewCount} reviews)` : ""] }), showViews && (_jsxs(Span, { size: "sm", color: "muted", children: ["\u00B7 ", views7d.toLocaleString(), " viewed this week"] })), _jsxs(Span, { size: "xs", weight: "medium", surface: inStock ? "success-surface" : "danger-surface", className: `ml-auto ${inStock ? "text-success" : "text-error"}`, padding: "pill-sm", rounded: "full", children: [inStock ? "✓ In Stock" : "✗ Out of Stock", inStock && effectiveStock !== null && effectiveStock <= 10
                                                     ? ` — only ${effectiveStock} left`
                                                     : ""] })] })) : (_jsxs(Span, { layout: "inline-flex", gap: "xs", className: `w-fit .5 ${inStock ? CLS_STOCK_IN : CLS_STOCK_OUT}`, rounded: "full", padding: "pill-md", size: "xs", weight: "medium", children: [inStock ? "✓ In Stock" : "✗ Out of Stock", inStock && effectiveStock !== null && effectiveStock <= 10
                                             ? ` — only ${effectiveStock} left`
@@ -267,7 +286,7 @@ export async function ProductDetailPageView({ slug, initialProduct, renderOfferA
                             ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
                             : undefined, renderGroupSection: groupId
                             ? () => (_jsx(ShowGroupSection, { groupId: groupId, currentSlug: String(p.slug ?? product.id), isParent: isGroupParent, groupTitle: groupTitle }))
-                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: allSpecs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: allSpecs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, ingredientsContent: ingredients.length > 0 ? (_jsx(Ul, { spacing: "comfortable", children: ingredients.map((item, i) => (_jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-1 flex-shrink-0 h-1.5 w-1.5 bg-primary-400", rounded: "full" }), item] }, i))) })) : undefined, howToUseContent: howToUse.length > 0 ? (_jsx(Ol, { spacing: "loose", children: howToUse.map((step, i) => (_jsxs(Li, { layout: "flex-start", gap: "3", textSize: "sm", color: "muted", children: [_jsx(Span, { layout: "flex-center", size: "xs", weight: "bold", className: "flex-shrink-0 h-6 w-6 bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", children: i + 1 }), step] }, i))) })) : undefined, reviewsContent: _jsx(ReviewsListingPanel, { source: { kind: "product", productId: product.id }, stateMode: "local", context: "listing", initialData: initialReviews, emptyLabel: "No reviews yet \u2014 be the first to review this product." }), customTabs: customSections.map((s) => ({
+                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { partsContent: compositionContent, descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-[var(--appkit-color-text-muted)]" })) : undefined, specsContent: allSpecs.length > 0 ? (_jsx(Dl, { divide: "subtle", rounded: "xl", border: "subtle", className: "overflow-hidden", children: allSpecs.map((s, i) => (_jsxs(Row, { gap: "md", oddEven: "zebra", surface: "default", padding: "inline", children: [_jsx(Dt, { className: "w-36 flex-shrink-0", color: "primary", weight: "medium", children: s.name }), _jsxs(Dd, { className: "flex-1", color: "muted", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, ingredientsContent: ingredients.length > 0 ? (_jsx(Ul, { spacing: "comfortable", children: ingredients.map((item, i) => (_jsxs(Li, { layout: "flex-start", gap: "2", children: [_jsx(Span, { className: "mt-1 flex-shrink-0 h-1.5 w-1.5 bg-primary-400", rounded: "full" }), item] }, i))) })) : undefined, howToUseContent: howToUse.length > 0 ? (_jsx(Ol, { spacing: "loose", children: howToUse.map((step, i) => (_jsxs(Li, { layout: "flex-start", gap: "3", textSize: "sm", color: "muted", children: [_jsx(Span, { layout: "flex-center", size: "xs", weight: "bold", className: "flex-shrink-0 h-6 w-6 bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", children: i + 1 }), step] }, i))) })) : undefined, reviewsContent: _jsx(ReviewsListingPanel, { source: { kind: "product", productId: product.id }, stateMode: "local", context: "listing", initialData: initialReviews, emptyLabel: "No reviews yet \u2014 be the first to review this product." }), customTabs: customSections.map((s) => ({
                                 id: s.id,
                                 label: s.title,
                                 content: _jsx(CustomSectionTabContent, { section: s }),

package/dist/features/products/components/ProductDetailView.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { DetailViewShell } from "../../../ui";
+import { DetailViewShell } from "../../../ui/index.js";
 export function ProductDetailView({ renderGallery, renderInfo, renderActions, renderSublistingSection, renderGroupSection, renderTabs, renderBundleSection, renderRelated, isLoading = false, stickyActionRail = true, stickyRailOffset = "top-[var(--header-height,0px)]", ...rest }) {
     const sublistingNode = renderSublistingSection?.();
     const groupNode = renderGroupSection?.();

package/dist/features/products/components/ProductFeatureBadges.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { Row, Span, TextLink, Icon } from "../../../ui";
+import { Row, Span, TextLink, Icon } from "../../../ui/index.js";
 export function ProductFeatureBadges({ featured, fasterDelivery, ratedSeller, condition, returnable, finalSale, freeShipping, wishlistCount, categoryProductCount, categoryName, codAvailable, codHref, emiAvailable, emiHref, labels, formatCount, categoryBadgeClassName, }) {
     const badges = [];
     if (featured) {

package/dist/features/products/components/ProductFeaturesSelector.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
-import { Checkbox, Div, Grid, Heading, Label, Stack, Text } from "../../../ui";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { PRODUCT_FEATURE_QUERY_STALE_MS } from "../constants/product-features.constants";
-import { MAX_FEATURES_PER_PRODUCT, } from "../schemas/product-features";
+import { Checkbox, Div, Grid, Heading, Label, Stack, Text } from "../../../ui/index.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { PRODUCT_FEATURE_QUERY_STALE_MS } from "../constants/product-features.constants.js";
+import { MAX_FEATURES_PER_PRODUCT, } from "../schemas/product-features.js";
 const SECTION_LABEL_CLASS = "text-[var(--appkit-font-size-2xs,11px)] font-semibold uppercase tracking-wide text-[var(--appkit-color-text-muted)] mb-2";
 const ROW_BASE_CLASS = "flex items-start gap-[var(--appkit-space-2)] rounded-lg border px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-xs)] cursor-pointer transition-colors";
 const ROW_CHECKED_CLASS = "border-primary bg-primary/5 dark:bg-primary/10";

package/dist/features/products/components/ProductFilters.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
-import { FilterFacetSection } from "../../filters/FilterFacetSection";
-import { AsyncFacetSection } from "../../filters/AsyncFacetSection";
-import { RangeFilter } from "../../filters/RangeFilter";
-import { SwitchFilter } from "../../filters/SwitchFilter";
-import { Div, PricesOnly } from "../../../ui";
-import { TABLE_KEYS } from "../../../constants/table-keys";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { STANDARD_SORT_OPTIONS, STANDARD_PUBLIC_SORT_OPTIONS, } from "../constants/sieve";
+import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
+import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
+import { RangeFilter } from "../../filters/RangeFilter.js";
+import { SwitchFilter } from "../../filters/SwitchFilter.js";
+import { Div, PricesOnly } from "../../../ui/index.js";
+import { TABLE_KEYS } from "../../../constants/table-keys.js";
+import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
+import { STANDARD_SORT_OPTIONS, STANDARD_PUBLIC_SORT_OPTIONS, } from "../constants/sieve.js";
 export const PRODUCT_FILTER_KEYS = {
     admin: [
         TABLE_KEYS.CATEGORY,