@mohasinac/appkit 4.44.0 → 4.45.0

package/dist/features/layout/MainNavbar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { usePathname } from "next/navigation";
-import { NavbarLayout } from "./NavbarLayout";
+import { usePathname } from "next/navigation.js";
+import { NavbarLayout } from "./NavbarLayout.js";
 export function MainNavbar({ navItems, hiddenNavItems = [], inline = false, hasDashboardNav = false, onToggleDashboardNav, }) {
     const pathname = usePathname();
     const items = navItems
@@ -11,6 +11,7 @@ export function MainNavbar({ navItems, hiddenNavItems = [], inline = false, hasD
         label: item.label,
         icon: item.icon,
         highlighted: item.highlighted,
+        ...(item.children?.length ? { children: item.children } : {}),
     }));
     const dashboardToggle = hasDashboardNav && onToggleDashboardNav ? (_jsx("button", { type: "button", onClick: onToggleDashboardNav, "aria-label": "Toggle dashboard navigation", className: "flex items-center justify-center w-8 h-8 rounded-lg text-[var(--appkit-color-text-muted)] hover:bg-surface-hover hover:text-zinc-800 dark:hover:text-zinc-100 transition-colors", children: _jsxs("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 3v18" })] }) })) : undefined;
     return (_jsx(NavbarLayout, { items: items, activeHref: pathname, inline: inline, rightSlot: dashboardToggle }));

package/dist/features/layout/NavItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Row, Span } from "../../ui";
+import Link from "next/link.js";
+import { Row, Span } from "../../ui/index.js";
 /**
  * NavItem — reusable navigation link with horizontal and vertical variants.
  * Color and typography are controlled via className props from the consumer.

package/dist/features/layout/NavbarLayout.d.ts

@@ -4,6 +4,25 @@ export interface NavbarLayoutItem {
     label: string;
     icon: React.ReactNode;
     highlighted?: boolean;
+    /**
+     * Sub-items, rendered as a dropdown instead of a plain link.
+     *
+     * 🛑 `href` stays REQUIRED on a parent that has children, and it must point
+     * somewhere real. The trigger is a link that also opens a menu, so a keyboard
+     * or touch user who activates it lands on a page rather than on nothing —
+     * and a crawler follows it. A `href: "#"` parent is a nav entry
+     * `audit-nav-page-wiring` cannot check and a dead end for anyone whose
+     * pointer does not hover.
+     *
+     * One level only. A nested dropdown in a top navbar is a menu nobody can
+     * operate on a phone, and the bottom nav / sidebar already carry the deep
+     * structure.
+     */
+    children?: Array<{
+        href: string;
+        label: string;
+        description?: string;
+    }>;
 }
 export interface NavbarLayoutProps {
     items: NavbarLayoutItem[];

package/dist/features/layout/NavbarLayout.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from "react";
-import Link from "next/link";
-import { Div, Li, Nav, Row, Span, Ul } from "../../ui";
-import { NavbarChevron } from "../../ui/components/NavbarChevron";
-import { findActiveNavItem } from "../../_internal/client/features/layout/navActive";
+import Link from "next/link.js";
+import { ChevronDown } from "lucide-react";
+import { Div, Li, Nav, Row, Span, Ul } from "../../ui/index.js";
+import { NavbarChevron } from "../../ui/components/NavbarChevron.js";
+import { findActiveNavItem } from "../../_internal/client/features/layout/navActive.js";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -14,7 +15,25 @@ function DefaultNavItem({ item, isActive, }) {
         : isActive
             ? "bg-primary-50 dark:bg-[var(--appkit-color-surface-elevated)] text-primary-800 dark:text-white font-semibold px-[var(--appkit-space-3)] border-b-2 border-primary-500 dark:border-secondary-400 rounded-none pb-[6px] transition-colors duration-150"
             : "text-[var(--appkit-color-text-muted)] hover:bg-surface-hover hover:text-zinc-950 dark:hover:text-white transition-colors duration-150 px-[var(--appkit-space-3)]";
-    return (_jsxs(Link, { href: item.href, "aria-current": isActive ? "page" : undefined, className: `flex items-center gap-[var(--appkit-space-1-5)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] rounded-lg font-medium transition-colors duration-150 whitespace-nowrap ${activeClasses}`, children: [item.icon, _jsx(Span, { children: item.label })] }));
+    const trigger = (_jsxs(Link, { href: item.href, "aria-current": isActive ? "page" : undefined, className: `flex items-center gap-[var(--appkit-space-1-5)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] rounded-lg font-medium transition-colors duration-150 whitespace-nowrap ${activeClasses}`, children: [item.icon, _jsx(Span, { children: item.label }), item.children && item.children.length > 0 && (_jsx(ChevronDown, { className: "w-3.5 h-3.5 shrink-0 opacity-70", "aria-hidden": "true" }))] }));
+    if (!item.children || item.children.length === 0)
+        return trigger;
+    /*
+     * 🛑 Hover/focus-within CSS, not React state, and the trigger is still a real
+     * link.
+     *
+     * Two things this buys. The group stays usable without JS and without a
+     * pointer — `focus-within` opens it on Tab, so a keyboard user reaches the
+     * children; and `aria-haspopup`/`aria-expanded` are deliberately NOT faked,
+     * because nothing here manages expanded state and announcing a state we do
+     * not track is worse than announcing none. The parent is a link whose
+     * children are also reachable from the page it leads to, which is the
+     * progressive-enhancement shape rather than a menu that traps people.
+     *
+     * The `pt` on the panel is a hover bridge: without it the gap between the
+     * trigger and the panel closes the menu as the pointer crosses it.
+     */
+    return (_jsxs(Div, { className: "relative group", children: [trigger, _jsx(Div, { className: "absolute left-0 top-full z-20 hidden pt-[var(--appkit-space-1)] group-hover:block group-focus-within:block", children: _jsx(Div, { surface: "elevated", border: "default", rounded: "lg", shadow: "lg", padding: "xs", children: _jsx(Ul, { className: "min-w-[15rem] list-none", children: item.children.map((child) => (_jsx(Li, { children: _jsxs(Link, { href: child.href, className: "block rounded-md px-[var(--appkit-space-3)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text)] hover:bg-surface-hover transition-colors duration-150", children: [_jsx(Span, { weight: "medium", children: child.label }), child.description && (_jsx(Span, { size: "xs", color: "muted", className: "block mt-[var(--appkit-space-0-5)] whitespace-normal", children: child.description }))] }) }, child.href))) }) }) })] }));
 }
 /**
  * NavbarLayout — generic horizontal navigation bar shell.

package/dist/features/layout/NavbarWithSettings.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useSiteSettings } from "../../core/hooks/useSiteSettings";
-import { filterNavItems } from "../../_internal/client/features/layout/filterNavItems";
-import { MainNavbar } from "./MainNavbar";
+import { useSiteSettings } from "../../core/hooks/useSiteSettings.js";
+import { filterNavItems } from "../../_internal/client/features/layout/filterNavItems.js";
+import { MainNavbar } from "./MainNavbar.js";
 export function NavbarWithSettings({ navItems, hiddenNavItems, permissions, }) {
     const { data: siteSettingsData } = useSiteSettings();
     const navConfig = siteSettingsData?.navConfig;

package/dist/features/layout/PageTabs.js

@@ -35,8 +35,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @tag sideEffects:router
  */
 import React from "react";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../ui";
-import { useTabParam } from "../../react/hooks/useTabParam";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../ui/index.js";
+import { useTabParam } from "../../react/hooks/useTabParam.js";
 export function PageTabs({ tabs, panels, defaultTabId }) {
     const ids = React.useMemo(() => tabs.map((t) => t.id), [tabs]);
     const isValid = React.useCallback((value) => !!value && ids.includes(value), [ids]);

package/dist/features/layout/SidebarLayout.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Aside, Div, Section } from "../../ui";
-import { useHandMode } from "../../_internal/client/hand-mode";
+import { Aside, Div, Section } from "../../ui/index.js";
+import { useHandMode } from "../../_internal/client/hand-mode/index.js";
 const __O = {
     yAuto: "overflow-y-auto",
 };

package/dist/features/layout/TitleBar.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCartCount } from "../cart/hooks/useCartCount";
-import { useWishlistCount } from "../wishlist/hooks/useWishlistCount";
-import { useNotifications } from "../account/hooks/useNotifications";
-import { useDashboardNav } from "./DashboardNavContext";
-import { TitleBarLayout } from "./TitleBarLayout";
-import { ROUTES } from "../../next/routing/route-map";
+import { useCartCount } from "../cart/hooks/useCartCount.js";
+import { useWishlistCount } from "../wishlist/hooks/useWishlistCount.js";
+import { useNotifications } from "../account/hooks/useNotifications.js";
+import { useDashboardNav } from "./DashboardNavContext.js";
+import { TitleBarLayout } from "./TitleBarLayout.js";
+import { ROUTES } from "../../next/routing/route-map.js";
 /**
  * TitleBar � domain shell over TitleBarLayout.
  *

package/dist/features/layout/TitleBarLayout.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Avatar, BlockHeader, Div, Icon, IconButton, Row, Section, SiteLogo, SiteMark, Span } from "../../ui";
+import Link from "next/link.js";
+import { Avatar, BlockHeader, Div, Icon, IconButton, Row, Section, SiteLogo, SiteMark, Span } from "../../ui/index.js";
 /**
  * Shared class for the LINK-wrapped icon controls (bell, wishlist, cart,
  * compare, profile). The button-wrapped ones use `<IconButton size="touch">`,

package/dist/features/layout/hooks/useBottomActions.js

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useId, useRef } from "react";
-import { useBottomActionsContext, } from "../BottomActionsContext";
+import { useBottomActionsContext, } from "../BottomActionsContext.js";
 export function useBottomActions(options = {}) {
     const { setActions, setBulkConfig, setInfoLabel, setSecondaryLabel, setInfoPanel, setInfoOpenSignal, setDesktopMode, claim, release, topClaimId, } = useBottomActionsContext();
     /*

package/dist/features/layout/hooks/useFormBottomActions.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useMemo } from "react";
-import { FormShellContext } from "../../../ui/forms/FormShell";
-import { FormErrorList } from "../../../ui/forms/FormErrorList";
-import { useIsInsideOverlay } from "../../../ui/components/overlay-context";
-import { useBottomActions } from "./useBottomActions";
+import { FormShellContext } from "../../../ui/forms/FormShell.js";
+import { FormErrorList } from "../../../ui/forms/FormErrorList.js";
+import { useIsInsideOverlay } from "../../../ui/components/overlay-context.js";
+import { useBottomActions } from "./useBottomActions.js";
 /**
  * Pin a form's Save/Cancel row to the bottom of a phone screen, and turn its
  * validation errors into a pull-up sheet above it.

package/dist/features/layout/index.js

@@ -1,25 +1,25 @@
 // @mohasinac/feat-layout
 // Generic layout shell components for any Next.js project.
-export { NavbarLayout } from "./NavbarLayout";
-export { FooterLayout } from "./FooterLayout";
-export { SidebarLayout } from "./SidebarLayout";
-export { BottomNavLayout } from "./BottomNavLayout";
-export { BottomNavItem } from "./BottomNavItem";
-export { NavItem } from "./NavItem";
-export { BottomSheet } from "./BottomSheet";
-export { TitleBarLayout } from "./TitleBarLayout";
-export { AutoBreadcrumbs } from "./AutoBreadcrumbs";
-export { Breadcrumbs, BreadcrumbItem } from "./Breadcrumbs";
-export { LocaleSwitcher } from "./LocaleSwitcher";
-export { BackToTop, SkipToMain } from "./BackToTop";
-export { LayoutClient } from "./LayoutClient";
-export { AppLayoutShell } from "./AppLayoutShell";
-export { BottomActionsProvider, useBottomActionsContext, } from "./BottomActionsContext";
-export { useBottomActions } from "./hooks/useBottomActions";
-export { useFormBottomActions } from "./hooks/useFormBottomActions";
-export { default as BottomActions } from "./BottomActions";
-export { BottomChrome } from "./BottomChrome";
-export { BottomNavbar } from "./BottomNavbar";
-export { MainNavbar } from "./MainNavbar";
-export { TitleBar } from "./TitleBar";
-export { DashboardNavProvider, useDashboardNav } from "./DashboardNavContext";
+export { NavbarLayout } from "./NavbarLayout.js";
+export { FooterLayout } from "./FooterLayout.js";
+export { SidebarLayout } from "./SidebarLayout.js";
+export { BottomNavLayout } from "./BottomNavLayout.js";
+export { BottomNavItem } from "./BottomNavItem.js";
+export { NavItem } from "./NavItem.js";
+export { BottomSheet } from "./BottomSheet.js";
+export { TitleBarLayout } from "./TitleBarLayout.js";
+export { AutoBreadcrumbs } from "./AutoBreadcrumbs.js";
+export { Breadcrumbs, BreadcrumbItem } from "./Breadcrumbs.js";
+export { LocaleSwitcher } from "./LocaleSwitcher.js";
+export { BackToTop, SkipToMain } from "./BackToTop.js";
+export { LayoutClient } from "./LayoutClient.js";
+export { AppLayoutShell } from "./AppLayoutShell.js";
+export { BottomActionsProvider, useBottomActionsContext, } from "./BottomActionsContext.js";
+export { useBottomActions } from "./hooks/useBottomActions.js";
+export { useFormBottomActions } from "./hooks/useFormBottomActions.js";
+export { default as BottomActions } from "./BottomActions.js";
+export { BottomChrome } from "./BottomChrome.js";
+export { BottomNavbar } from "./BottomNavbar.js";
+export { MainNavbar } from "./MainNavbar.js";
+export { TitleBar } from "./TitleBar.js";
+export { DashboardNavProvider, useDashboardNav } from "./DashboardNavContext.js";

package/dist/features/live/components/LiveItemDetailPageView.js

@@ -1,29 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Link from "next/link";
-import { getLiveItemForDetail } from "../../../_internal/server/features/live/data";
+import Link from "next/link.js";
+import { getLiveItemForDetail } from "../../../_internal/server/features/live/data.js";
 const CLS_BREADCRUMB_LINK = "hover:text-primary-600 transition-colors";
 const CLS_LIVE_ITEM_BADGE = "inline-block rounded-full bg-lime-100 dark:bg-lime-900/30 px-[var(--appkit-space-2-5)] py-[var(--appkit-space-0-5)] text-lime-700 dark:text-lime-300";
 const CLS_WARN_BOX = "rounded-lg border border-warning bg-warning-surface p-[var(--appkit-space-4)] text-[length:var(--appkit-text-sm)]";
 const CLS_WARN_TITLE = "font-medium text-warning";
 const CLS_WARN_BODY = "mt-1 text-warning";
-import { ROUTES } from "../../../next";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter";
-import { safeDisplayName } from "../../../security";
-import { Div, Container, GatedPrice, PricesOnly, Heading, Main, Nav, RichText, Row, Section, Span, Stack, Text, Dl, Dt, Dd, } from "../../../ui";
-import { PreOrderDetailView } from "../../products/components/PreOrderDetailView";
-import { ProductGalleryClient } from "../../products/components/ProductGalleryClient";
-import { ProductTabsShell } from "../../products/components/ProductTabsShell";
-import { CustomSectionTabContent } from "../../products/components/CustomSectionTabContent";
-import { ShareButton } from "../../products/components/ShareButton";
-import { HistoryTracker } from "../../history/components/HistoryTracker";
-import { RelatedItemsSection } from "../../products/components/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 { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel";
-import { ListingBottomActions } from "../../products/components/ListingBottomActions";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
+import { safeDisplayName } from "../../../security/index.js";
+import { Div, Container, GatedPrice, PricesOnly, Heading, Main, Nav, RichText, Row, Section, Span, Stack, Text, Dl, Dt, Dd, } from "../../../ui/index.js";
+import { PreOrderDetailView } from "../../products/components/PreOrderDetailView.js";
+import { ProductGalleryClient } from "../../products/components/ProductGalleryClient.js";
+import { ProductTabsShell } from "../../products/components/ProductTabsShell.js";
+import { CustomSectionTabContent } from "../../products/components/CustomSectionTabContent.js";
+import { ShareButton } from "../../products/components/ShareButton.js";
+import { HistoryTracker } from "../../history/components/HistoryTracker.js";
+import { RelatedItemsSection } from "../../products/components/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 { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel.js";
+import { ListingBottomActions } from "../../products/components/ListingBottomActions.js";
 function toDescriptionHtml(raw) {
     if (!raw)
         return "";

package/dist/features/live/components/LiveItemFilters.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FilterFacetSection } from "../../filters/FilterFacetSection";
-import { AsyncFacetSection } from "../../filters/AsyncFacetSection";
-import { RangeFilter } from "../../filters/RangeFilter";
-import { Div, Input, Label } from "../../../ui";
+import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
+import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
+import { RangeFilter } from "../../filters/RangeFilter.js";
+import { Div, Input, Label } from "../../../ui/index.js";
 const SEX_OPTIONS = [
     { value: "male", label: "Male" },
     { value: "female", label: "Female" },

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

@@ -1 +1 @@
-export { LiveItemFilters } from "./LiveItemFilters";
+export { LiveItemFilters } from "./LiveItemFilters.js";

package/dist/features/lottery/repository/lottery-entry.repository.js

@@ -1,9 +1,9 @@
-import { normalizeError } from "../../../errors/normalize";
-import { DatabaseError } from "../../../errors";
-import { serverLogger } from "../../../monitoring";
-import { BaseRepository, prepareForFirestore, parseSieveDateValue, } from "../../../providers/db-firebase";
-import { decryptPiiFields, encryptPiiFields, LOTTERY_ENTRY_PII_FIELDS, } from "../../../security";
-import { LOTTERY_ENTRIES_COLLECTION, LOTTERY_ENTRY_FIELDS, } from "../schemas/firestore";
+import { normalizeError } from "../../../errors/normalize.js";
+import { DatabaseError } from "../../../errors/index.js";
+import { serverLogger } from "../../../monitoring/index.js";
+import { BaseRepository, prepareForFirestore, parseSieveDateValue, } from "../../../providers/db-firebase/index.js";
+import { decryptPiiFields, encryptPiiFields, LOTTERY_ENTRY_PII_FIELDS, } from "../../../security/index.js";
+import { LOTTERY_ENTRIES_COLLECTION, LOTTERY_ENTRY_FIELDS, } from "../schemas/firestore.js";
 class LotteryEntryRepository extends BaseRepository {
     constructor() {
         super(LOTTERY_ENTRIES_COLLECTION);

package/dist/features/lottery/schemas/config-write.js

@@ -57,7 +57,7 @@
  * @tag sideEffects:none
  */
 import { z } from "zod";
-import { annotate } from "../../shell/field-ui-meta";
+import { annotate } from "../../shell/field-ui-meta.js";
 /** Mirrors `LotteryPricingMode`. */
 const pricingModeSchema = z.enum(["uniform", "variable"]);
 /**

package/dist/features/lottery/schemas/zod.d.ts

@@ -9,14 +9,14 @@ export declare const lotteryEntrySubmitSchema: z.ZodObject<{
     userPhone: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     transactionId: string;
-    userPhone: string;
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
 }, {
     transactionId: string;
-    userPhone: string;
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
 }>;
 export type LotteryEntrySubmitInput = z.infer<typeof lotteryEntrySubmitSchema>;
 /** Schema for flag action */
@@ -25,12 +25,12 @@ export declare const flagLotteryEntrySchema: z.ZodObject<{
     flagNote: z.ZodString;
     flaggedByUserId: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    flagNote: string;
     entryId: string;
+    flagNote: string;
     flaggedByUserId: string;
 }, {
-    flagNote: string;
     entryId: string;
+    flagNote: string;
     flaggedByUserId: string;
 }>;
 export type FlagLotteryEntryInput = z.infer<typeof flagLotteryEntrySchema>;
@@ -68,10 +68,10 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     userId: string;
     transactionId: string;
-    userPhone: string;
     sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
     productId?: string | undefined;
     userEmail?: string | undefined;
     eventId?: string | undefined;
@@ -79,10 +79,10 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, {
     userId: string;
     transactionId: string;
-    userPhone: string;
     sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
     productId?: string | undefined;
     userEmail?: string | undefined;
     eventId?: string | undefined;
@@ -90,10 +90,10 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }>, {
     userId: string;
     transactionId: string;
-    userPhone: string;
     sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
     productId?: string | undefined;
     userEmail?: string | undefined;
     eventId?: string | undefined;
@@ -101,10 +101,10 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, {
     userId: string;
     transactionId: string;
-    userPhone: string;
     sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
+    userPhone: string;
     productId?: string | undefined;
     userEmail?: string | undefined;
     eventId?: string | undefined;

package/dist/features/loyalty/api/admin/loyalty/grant/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../../../contracts";
-import { normalizeError } from "../../../../../../errors/normalize";
+import { getProviders } from "../../../../../../contracts/index.js";
+import { normalizeError } from "../../../../../../errors/normalize.js";
 export async function POST(request) {
     try {
         const body = await request.json();

package/dist/features/loyalty/api/balance/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-import { normalizeError } from "../../../../errors/normalize";
+import { getProviders } from "../../../../contracts/index.js";
+import { normalizeError } from "../../../../errors/normalize.js";
 export async function GET(request) {
     try {
         const url = new URL(request.url);

package/dist/features/loyalty/api/earn/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-import { normalizeError } from "../../../../errors/normalize";
+import { getProviders } from "../../../../contracts/index.js";
+import { normalizeError } from "../../../../errors/normalize.js";
 export async function POST(request) {
     try {
         const body = await request.json();

package/dist/features/loyalty/api/history/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-import { normalizeError } from "../../../../errors/normalize";
+import { getProviders } from "../../../../contracts/index.js";
+import { normalizeError } from "../../../../errors/normalize.js";
 function numParam(url, key, fallback) {
     const v = url.searchParams.get(key);
     const n = v !== null ? Number(v) : NaN;

package/dist/features/loyalty/api/redeem/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-import { normalizeError } from "../../../../errors/normalize";
+import { getProviders } from "../../../../contracts/index.js";
+import { normalizeError } from "../../../../errors/normalize.js";
 export async function POST(request) {
     try {
         const body = await request.json();

package/dist/features/loyalty/columns/index.js

@@ -1,4 +1,4 @@
-import { buildColumns } from "../../../ui/columns";
+import { buildColumns } from "../../../ui/columns/index.js";
 /**
  * Default admin columns for loyalty balance records.
  * Use `buildLoyaltyColumns()` to customise via overrides / extras / omit.

package/dist/features/loyalty/components/CoinsDisplay.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Span, Stack, Text } from "../../../ui";
+import { Span, Stack, Text } from "../../../ui/index.js";
 const CLS_COIN_PILL = "inline-flex items-center gap-[var(--appkit-space-1)] rounded-full bg-warning-surface px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-[length:var(--appkit-text-xs)] font-semibold text-warning";
 const CLS_COIN_TOTAL = "text-[length:var(--appkit-text-3xl)] font-bold text-warning";
 export function CoinsBadge({ coins, className }) {

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

@@ -1 +1 @@
-export { CoinsBadge, CoinsDisplay } from "./CoinsDisplay";
+export { CoinsBadge, CoinsDisplay } from "./CoinsDisplay.js";

package/dist/features/loyalty/hooks/useLoyaltyBalance.js

@@ -1,8 +1,8 @@
 "use client";
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/ApiClient";
-import { normalizeError } from "../../../errors/normalize";
-import { LOYALTY_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/ApiClient.js";
+import { normalizeError } from "../../../errors/normalize.js";
+import { LOYALTY_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function useLoyaltyBalance(uid, opts) {
     return useQuery({
         queryKey: ["loyalty", "balance", uid],

package/dist/features/loyalty/index.js

@@ -1,6 +1,6 @@
-export * from "./types";
-export * from "./schemas";
-export * from "./columns";
-export * from "./hooks/useLoyaltyBalance";
-export * from "./components";
-export { manifest } from "./manifest";
+export * from "./types/index.js";
+export * from "./schemas/index.js";
+export * from "./columns/index.js";
+export * from "./hooks/useLoyaltyBalance.js";
+export * from "./components/index.js";
+export { manifest } from "./manifest.js";

package/dist/features/loyalty/server.js

@@ -3,4 +3,4 @@
  *
  * Server-only entry point for loyalty repositories.
  */
-export { LoyaltyRepository } from "./repository/loyalty.repository";
+export { LoyaltyRepository } from "./repository/loyalty.repository.js";

package/dist/features/loyalty/types/index.js

@@ -1 +1 @@
-export { calculateCoinsEarned, calculateMaxRedeemable, coinsToRupees, applyCoinsToOrder, } from "./loyalty-math";
+export { calculateCoinsEarned, calculateMaxRedeemable, coinsToRupees, applyCoinsToOrder, } from "./loyalty-math.js";

package/dist/features/media/AvatarUpload.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IMAGE_ACCEPT_ATTR } from "../../_internal/shared/media/limits";
+import { IMAGE_ACCEPT_ATTR } from "../../_internal/shared/media/limits.js";
 import { useEffect, useRef, useState } from "react";
-import { Alert, Button, Div, Input, Progress, Row, Stack, Text, useToast } from "../../ui";
-import { useMediaUpload } from "./hooks/useMedia";
-import { ImageCropModal } from "./modals/ImageCropModal";
-import { AvatarDisplay } from "../../ui/components/AvatarDisplay";
-import { normalizeError } from "../../errors/normalize";
+import { Alert, Button, Div, Input, Progress, Row, Stack, Text, useToast } from "../../ui/index.js";
+import { useMediaUpload } from "./hooks/useMedia.js";
+import { ImageCropModal } from "./modals/ImageCropModal.js";
+import { AvatarDisplay } from "../../ui/components/AvatarDisplay.js";
+import { normalizeError } from "../../errors/normalize.js";
 export function AvatarUpload({ currentPhotoURL, currentCropData, userId, displayName, onUploadSuccess, onUploadError, onSaveComplete, onPendingStateChange, labels, }) {
     const t = {
         chooseImage: labels?.chooseImage ?? "Choose image",

package/dist/features/media/MediaAudio.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { resolveMediaUrl } from "../../utils/media-url";
-import { Span } from "../../ui/components/Typography";
+import { resolveMediaUrl } from "../../utils/media-url.js";
+import { Span } from "../../ui/components/Typography.js";
 export function MediaAudio({ src, title, controls = "full", loop = false, autoPlay = false, muted = false, preload = "metadata", }) {
     const resolved = src ? resolveMediaUrl(src) : undefined;
     if (!resolved) {

package/dist/features/media/MediaAvatar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MediaImage } from "./MediaImage";
-import { Div } from "../../ui";
+import { MediaImage } from "./MediaImage.js";
+import { Div } from "../../ui/index.js";
 const sizeClasses = {
     sm: "w-8 h-8",
     md: "w-10 h-10",

package/dist/features/media/MediaImage.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from "next/image";
+import Image from "next/image.js";
 import { useEffect, useRef, useState } from "react";
-import { Div, Row, Span } from "../../ui";
-import { ROUNDED_MAP, SHADOW_MAP } from "../../ui/components/surface-tokens";
-import { MEDIA_PROXY_PREFIX, resolveMediaUrl } from "../../utils/media-url";
+import { Div, Row, Span } from "../../ui/index.js";
+import { ROUNDED_MAP, SHADOW_MAP } from "../../ui/components/surface-tokens.js";
+import { MEDIA_PROXY_PREFIX, resolveMediaUrl } from "../../utils/media-url.js";
 const SIZE_HINTS = {
     thumbnail: "(max-width: 640px) 80px, (max-width: 1024px) 96px, 112px",
     card: "(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw",

package/dist/features/media/MediaLightbox.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useCallback, useRef, useState } from "react";
 import { X, ZoomIn, ZoomOut, Maximize, Minimize, ChevronLeft, ChevronRight, RotateCcw, } from "lucide-react";
-import { MediaImage } from "./MediaImage";
-import { Button, Div, Row, Span } from "../../ui";
+import { MediaImage } from "./MediaImage.js";
+import { Button, Div, Row, Span } from "../../ui/index.js";
 const CLS_CLOSE_HOVER = "hover:!bg-error-surface";
 const MIN_ZOOM = 1;
 const MAX_ZOOM = 4;