@mohasinac/appkit 4.64.1 → 4.66.0

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.js";
-import { productRepository } from "../../../repositories/index.js";
+import { productRepository } from "../repository/products.repository.js";
 import { priceIndexRepository } from "../../categories/repository/price-index.repository.js";
 import { MarketPriceAnchor } from "./MarketPriceAnchor.js";
 const __P = {
@@ -33,8 +33,16 @@ import { productCrumbs, withTrailHead } from "../../categories/utils/breadcrumb-
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
-import { Button, Container, Div, Heading, Main, PriceDisplay, RichText, Row, Section, Span, Stack, Text, Ul, Ol, Li, SpecTable, Icon, } from "../../../ui/index.js";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Main, Section, Ul, Ol, Li } from "../../../ui/components/Semantic.js";
+import { PriceDisplay } from "../../../ui/components/PriceDisplay.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { SpecTable } from "../../../ui/components/SpecTable.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
 import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel.js";
 import { ProductDetailView } from "./ProductDetailView.js";
@@ -61,12 +69,6 @@ import { DEFAULT_MIN_OFFER_PERCENT, resolveOfferBounds, } from "../../../_intern
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
-function toDescriptionHtml(raw) {
-    if (!raw)
-        return "";
-    const s = typeof raw === "string" ? raw : JSON.stringify(raw);
-    return normalizeRichTextHtml(s);
-}
 function StarRating({ value }) {
     const full = Math.floor(value);
     const half = value - full >= 0.5;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DetailViewShellProps } from "../../../ui";
+import type { DetailViewShellProps } from "../../../ui/components/DetailViewShell";
 export interface ProductDetailViewProps extends Omit<DetailViewShellProps, "mainSlots" | "belowFold" | "layout" | "afterMain"> {
     renderGallery?: (isLoading: boolean) => React.ReactNode;
     renderInfo?: (isLoading: boolean) => React.ReactNode;

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/index.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.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,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { Row, Span, TextLink, Icon } from "../../../ui/index.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { Icon } from "../../../ui/components/Icon.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,7 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS, SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";

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

@@ -5,7 +5,8 @@ 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 { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.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";

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

@@ -13,7 +13,7 @@ import { ProductFeaturesSelector } from "./ProductFeaturesSelector.js";
 // not a type: the gallery needs it at runtime (see `galleryImages` below).
 import { productImageUrls } from "../schemas/firestore.js";
 import { ImageUpload, MediaUploadField, MediaUploadList, } from "../../media/index.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { resolveDate } from "../../../utils/date.formatter.js";
 // Read-only here: the inputs that WROTE this field are gone — see the Physical
 // Inventory block for why three free-text boxes could not be made consistent.

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

@@ -3,7 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Play } from "lucide-react";
 import { ImageLightbox } from "../../../ui/components/ImageLightbox.js";
-import { Button, Div, Row, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 const __O = {
     hidden: "overflow-hidden",

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

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Anchor, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Badge } from "../../../ui/components/Badge.js";
 import { MediaImage } from "../../media/MediaImage.js";
 const __O = {

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { LayoutSlots } from "../../../contracts";
-import type { ViewMode } from "../../../ui";
+import type { ViewMode } from "../../../ui/components/ViewToggle";
 import type { ProductItem } from "../types";
 interface ProductCardProps<T extends ProductItem = ProductItem> {
     product: T;

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import Link from "next/link.js";
-import { BaseListingCard, Button, Div, GatedPrice, Grid, PriceDisplay, PricesOnly, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { PriceDisplay } from "../../../ui/components/PriceDisplay.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";

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

@@ -5,7 +5,15 @@ import { ShoppingCart, Heart, Columns } from "lucide-react";
 import { useRouter } from "next/navigation.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useProducts } from "../hooks/useProducts.js";
-import { BulkActionBar, Div, FilterDrawer, Grid, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, useToast, StickyToolbar } from "../../../ui/index.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterDrawer } from "../../../ui/components/FilterDrawer.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
 import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
 import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
@@ -28,14 +36,14 @@ import { useProductFeatures } from "./ProductFeaturesContext.js";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
 import { sortBy } from "../../../constants/sort.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { GENERIC_PRODUCT_LISTING_TYPES, PRODUCT_TYPE_FILTER_TABS } from "../constants/listing-tabs.js";
 import { parseSelectedListingTypes } from "../utils/listing-type.js";
 import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags.js";
 import { commonSortOptionsFor } from "../../../_internal/shared/listing-types/_registry.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { AvailabilityTabs } from "./AvailabilityTabs.js";
-import { TextLink } from "../../../ui/index.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { Container, Div, Heading, Main, Section, Text, TextLink } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { ProductsIndexListing } from "./ProductsIndexListing.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
@@ -11,7 +15,7 @@ import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js"
 import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public.js";
 import { parseSelectedListingTypes } from "../utils/listing-type.js";
 import { isListingTypeEnabled } from "../../../_internal/shared/listing-types/feature-flags.js";
-import { siteSettingsRepository } from "../../../repositories/index.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 import { safeRead } from "../../../errors/safe-read.js";
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { RelatedProductsCarousel } from "./RelatedProductsCarousel.js";
 /**
  * The same-shape "More in category / More by brand / You might also like /

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

@@ -1,5 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { Heading } from "../../../ui/components/Typography.js";
 export function RelatedProducts({ isLoading = false, isEmpty = false, renderGrid, renderSkeleton, renderTitle, labels = {}, className = "", }) {
     if (isLoading) {
         if (renderSkeleton)

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Link from "next/link.js";
-import { Div, PricesOnly, Row, Span, Text, Modal, SideDrawer, Button } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Button } from "../../../ui/components/Button.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { GroupMemberPicker } from "./GroupMemberPicker.js";
 import { resolveGroupMemberImage } from "../utils/group-member-image.js";

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

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Heading, Main, Section, Text, TextLink } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { ProductsIndexListing } from "./ProductsIndexListing.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";

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

@@ -3,7 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Link from "next/link.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { Div, PricesOnly, Row, Span, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeListingType } from "../utils/listing-type.js";

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Text } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { SublistingInlineSelect } from "../../seller/components/SublistingInlineSelect.js";
 export function SublistingCategorySelect({ value, onChange, disabled, allowCreate = false, }) {
     return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", color: "primary", children: "Sub-listing category" }), _jsx(SublistingInlineSelect, { value: value, onChange: onChange, disabled: disabled, allowCreate: allowCreate, placeholder: "\u2014 None \u2014" }), _jsx(Text, { size: "xs", color: "faint", children: "Groups this listing with others for the same collectible (e.g. \u201CBase Set Charizard 108/120\u201D)." })] }));

package/dist/features/products/hooks/useProducts.js

@@ -2,7 +2,7 @@
 import { useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http/index.js";
-import { useToast } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
 import { isAdminUser, isTesterUser } from "../../auth/role-predicates.js";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/products/repository/products.repository.js

@@ -343,7 +343,6 @@ export class ProductRepository extends BaseRepository {
          * derived one is the one that goes stale.
          */
         const assignments = readAssignments(input);
-        const leaf = assignments[0] ?? null;
         /*
          * The brand selector's option value is the brand ROW's id (`brand-beyblade`),
          * but `ProductDocument.brand` is matched by DISPLAY NAME —