@mohasinac/appkit 4.64.1 → 4.66.0

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

@@ -42,12 +42,12 @@ export declare const reopenLotterySlotSchema: z.ZodObject<{
     adminUserId: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     slotNumber: number;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     sourceId: string;
     adminUserId: string;
 }, {
     slotNumber: number;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     sourceId: string;
     adminUserId: string;
 }>;
@@ -68,7 +68,7 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     userId: string;
     transactionId: string;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
     userPhone: string;
@@ -79,7 +79,7 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, {
     userId: string;
     transactionId: string;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
     userPhone: string;
@@ -90,7 +90,7 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }>, {
     userId: string;
     transactionId: string;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
     userPhone: string;
@@ -101,7 +101,7 @@ export declare const submitLotteryPullSchema: z.ZodEffects<z.ZodObject<{
 }, {
     userId: string;
     transactionId: string;
-    sourceType: "product" | "event";
+    sourceType: "event" | "product";
     paymentTime: string;
     purchasedItemNumber: number;
     userPhone: string;

package/dist/features/media/MediaLightbox.js

@@ -7,6 +7,7 @@ import { Button } from "../../ui/components/Button.js";
 import { Div } from "../../ui/components/Div.js";
 import { Row } from "../../ui/components/Layout.js";
 import { Span } from "../../ui/components/Typography.js";
+import { joinClasses } from "../../utils/classnames.js";
 const CLS_CLOSE_HOVER = "hover:!bg-error-surface";
 const MIN_ZOOM = 1;
 const MAX_ZOOM = 4;
@@ -23,18 +24,15 @@ const DEFAULT_LABELS = {
     imageThumbnail: (n) => `Image ${n}`,
     lightboxTitle: "Image viewer",
 };
-function cn(...classes) {
-    return classes.filter(Boolean).join(" ");
-}
 function IconBtn({ onClick, disabled, ariaLabel, ariaCurrent, className, children, }) {
-    return (_jsx(Button, { type: "button", onClick: onClick, disabled: disabled, "aria-label": ariaLabel, "aria-current": ariaCurrent, className: cn("inline-flex items-center justify-center w-12 h-12 rounded-full bg-white/15 hover:bg-white/30 text-white border-0 active:scale-95 transition-colors disabled:opacity-30 disabled:cursor-not-allowed", className), children: children }));
+    return (_jsx(Button, { type: "button", onClick: onClick, disabled: disabled, "aria-label": ariaLabel, "aria-current": ariaCurrent, className: joinClasses("inline-flex items-center justify-center w-12 h-12 rounded-full bg-white/15 hover:bg-white/30 text-white border-0 active:scale-95 transition-colors disabled:opacity-30 disabled:cursor-not-allowed", className), children: children }));
 }
 // --- Controls bar sub-components ---------------------------------------------
 function LightboxControlsBar({ items, index, zoom, isFullscreen, L, goPrev, goNext, zoomIn, zoomOut, resetZoom, toggleFullscreen, onClose, }) {
     return (_jsxs(Row, { gap: "xs", className: "bg-black/85 backdrop-blur-sm shrink-0 border-t border-white/10", padding: "inline", align: "center", justify: "center", wrap: true, children: [items.length > 1 && (_jsx(IconBtn, { onClick: (e) => { e.stopPropagation(); goPrev(); }, ariaLabel: L.prevImage, children: _jsx(ChevronLeft, { className: "w-7 h-7" }) })), _jsx(IconBtn, { onClick: zoomOut, disabled: zoom <= MIN_ZOOM, ariaLabel: L.zoomOut, children: _jsx(ZoomOut, { className: "w-7 h-7" }) }), _jsxs(Span, { color: "inverse-muted", size: "xs", className: "w-14 tabular-nums", align: "center", children: [Math.round(zoom * 100), "%"] }), _jsx(IconBtn, { onClick: zoomIn, disabled: zoom >= MAX_ZOOM, ariaLabel: L.zoomIn, children: _jsx(ZoomIn, { className: "w-7 h-7" }) }), zoom > 1 && (_jsx(IconBtn, { onClick: resetZoom, ariaLabel: L.resetZoom, children: _jsx(RotateCcw, { className: "w-7 h-7" }) })), _jsx(Span, { className: "w-px h-6 bg-white/15 mx-1 shrink-0", "aria-hidden": "true" }), _jsxs(Span, { color: "inverse-muted", size: "xs", className: "w-12 tabular-nums", align: "center", children: [index + 1, " / ", items.length] }), _jsx(Span, { className: "w-px h-6 bg-white/15 mx-1 shrink-0", "aria-hidden": "true" }), _jsx(IconBtn, { onClick: toggleFullscreen, ariaLabel: isFullscreen ? L.exitFullscreen : L.enterFullscreen, children: isFullscreen ? _jsx(Minimize, { className: "w-6 h-6" }) : _jsx(Maximize, { className: "w-6 h-6" }) }), _jsx(IconBtn, { onClick: onClose, ariaLabel: L.close, className: CLS_CLOSE_HOVER, children: _jsx(X, { className: "w-7 h-7" }) }), items.length > 1 && (_jsx(IconBtn, { onClick: (e) => { e.stopPropagation(); goNext(); }, ariaLabel: L.nextImage, children: _jsx(ChevronRight, { className: "w-7 h-7" }) }))] }));
 }
 function LightboxThumbnailStrip({ items, index, onSelect, resetZoom, L, }) {
-    return (_jsx(Row, { surface: "overlay-xl", className: "backdrop-blur-sm overflow-x-auto shrink-0", padding: "inline", justify: "center", gap: "sm", style: { paddingBottom: "calc(0.75rem + env(safe-area-inset-bottom, 0px))" }, children: items.map((item, i) => (_jsx(Button, { type: "button", onClick: () => { onSelect(i); resetZoom(); }, "aria-label": L.imageThumbnail(i + 1), "aria-current": i === index ? "true" : undefined, className: cn("relative shrink-0 w-14 h-14 p-[var(--appkit-space-0)] overflow-hidden rounded-lg border-2 transition-all active:scale-95", i === index ? "border-white opacity-100" : "border-transparent opacity-40 hover:opacity-75"), children: _jsx(MediaImage, { src: item.src, alt: item.alt, size: "thumbnail" }) }, i))) }));
+    return (_jsx(Row, { surface: "overlay-xl", className: "backdrop-blur-sm overflow-x-auto shrink-0", padding: "inline", justify: "center", gap: "sm", style: { paddingBottom: "calc(0.75rem + env(safe-area-inset-bottom, 0px))" }, children: items.map((item, i) => (_jsx(Button, { type: "button", onClick: () => { onSelect(i); resetZoom(); }, "aria-label": L.imageThumbnail(i + 1), "aria-current": i === index ? "true" : undefined, className: joinClasses("relative shrink-0 w-14 h-14 p-[var(--appkit-space-0)] overflow-hidden rounded-lg border-2 transition-all active:scale-95", i === index ? "border-white opacity-100" : "border-transparent opacity-40 hover:opacity-75"), children: _jsx(MediaImage, { src: item.src, alt: item.alt, size: "thumbnail" }) }, i))) }));
 }
 // --- MediaLightbox ------------------------------------------------------------
 export function MediaLightbox({ items, initialIndex = 0, isOpen, onClose, labels, }) {

package/dist/features/media/modals/ImageCropModal.js

@@ -8,7 +8,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useState, useRef, useEffect } from "react";
 import { useTranslations } from "next-intl";
-import { Alert, Button, Div, Modal, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaSlider } from "../components/MediaSlider.js";
 export function ImageCropModal({ isOpen, imageUrl, onClose, onSave, initialCropData, }) {
     const t = useTranslations("mediaEditor");

package/dist/features/media/modals/ImageEditor.js

@@ -26,7 +26,12 @@ import { IMAGE_DOWNSCALE_FORMAT, IMAGE_DOWNSCALE_MAX_EDGE, IMAGE_DOWNSCALE_QUALI
  * — and was the last thing blocking
  * `serverExternalPackages: ["@mohasinac/appkit"]`.
  */
-import { Button, Div, Modal, Row, Stack, Text, useToast } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { normalizeError } from "../../../errors/normalize.js";
 export function ImageEditor({ isOpen, imageUrl, onClose, onSave, aspectRatio, 
 // Shared with the always-on upload downscaler so the crop path and the

package/dist/features/media/modals/VideoTrimModal.js

@@ -7,7 +7,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useState, useRef, useEffect } from "react";
 import { useTranslations } from "next-intl";
-import { Alert, Button, Div, Modal, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaSlider } from "../components/MediaSlider.js";
 import { useMediaTrim } from "../hooks/useMedia.js";
 import { normalizeError } from "../../../errors/normalize.js";

package/dist/features/media/types/index.d.ts

@@ -29,19 +29,19 @@ export declare const mediaFieldSchema: z.ZodObject<{
     youtubeId: z.ZodOptional<z.ZodString>;
     duration: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    type: "video" | "image" | "file";
+    type: "image" | "video" | "file";
     url: string;
-    source?: "upload" | "youtube" | "external" | undefined;
     alt?: string | undefined;
     thumbnailUrl?: string | undefined;
+    source?: "upload" | "youtube" | "external" | undefined;
     youtubeId?: string | undefined;
     duration?: number | undefined;
 }, {
-    type: "video" | "image" | "file";
+    type: "image" | "video" | "file";
     url: string;
-    source?: "upload" | "youtube" | "external" | undefined;
     alt?: string | undefined;
     thumbnailUrl?: string | undefined;
+    source?: "upload" | "youtube" | "external" | undefined;
     youtubeId?: string | undefined;
     duration?: number | undefined;
 }>;

package/dist/features/media/upload/MediaUploadList.js

@@ -1,7 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Alert, Anchor, Button, Div, Label, Row, Spinner, Stack, Text } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Label, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Spinner } from "../../../ui/components/Spinner.js";
 import { MediaImage } from "../MediaImage.js";
 import { MediaVideo } from "../MediaVideo.js";
 import { inferMediaTypeFromMime } from "../types/index.js";

package/dist/features/orders/components/OrderAddonBadges.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Gift, MessageCircle, ShieldAlert, ShieldCheck, Tag } from "lucide-react";
-import { Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 const CHIP_BASE = "inline-flex items-center gap-[var(--appkit-space-1)] rounded-full px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-[length:var(--appkit-text-xs)] font-medium";
 function Chip({ icon, label, tone, title, }) {

package/dist/features/orders/components/OrderCompletionPanel.d.ts

@@ -24,4 +24,4 @@ export interface OrderCompletionPanelProps {
     /** Called after a successful completion, so the page can refresh the order. */
     onCompleted?: () => void;
 }
-export declare function OrderCompletionPanel({ orderId, endpoint, completedAt, completedBy, isDelivered, isContested, onCompleted, }: OrderCompletionPanelProps): import("react").JSX.Element | null;
+export declare function OrderCompletionPanel({ endpoint, completedAt, completedBy, isDelivered, isContested, onCompleted, }: OrderCompletionPanelProps): import("react").JSX.Element | null;

package/dist/features/orders/components/OrderCompletionPanel.js

@@ -80,7 +80,7 @@ const MIN_COMMENT = 10;
 function StarRow({ value, onChange, disabled, }) {
     return (_jsx(Row, { gap: "xs", role: "group", "aria-label": "Rating out of 5", children: [1, 2, 3, 4, 5].map((n) => (_jsx(Button, { variant: n <= value ? "primary" : "outline", size: "sm", disabled: disabled, "aria-label": `${n} star${n === 1 ? "" : "s"}`, "aria-pressed": n === value, onClick: () => onChange(n), children: _jsx(Icon, { name: "review", filled: n <= value }) }, n))) }));
 }
-export function OrderCompletionPanel({ orderId, endpoint, completedAt, completedBy, isDelivered, isContested, onCompleted, }) {
+export function OrderCompletionPanel({ endpoint, completedAt, completedBy, isDelivered, isContested, onCompleted, }) {
     const [lines, setLines] = useState([]);
     const [loading, setLoading] = useState(true);
     const [loadError, setLoadError] = useState(null);

package/dist/features/orders/components/OrderFilters.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { ORDER_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";

package/dist/features/orders/components/OrderPaymentSummary.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.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 { formatCurrency } from "../../../utils/number.formatter.js";
 const METHOD_LABEL = {
     manual: "Manual (Cash / UPI)",

package/dist/features/orders/components/OrderProvenanceCard.js

@@ -35,7 +35,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * **Nothing is fetched.** It is handed the context the page already loaded; a
  * component that fetched would fire one request per opened drawer per portal.
  */
-import { Badge, Card, DescriptionField, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Card } from "../../../ui/components/Card.js";
+import { DescriptionField } from "../../../ui/components/DescriptionField.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { formatDate } from "../../../utils/date.formatter.js";
 /**

package/dist/features/orders/components/OrderScopeTabs.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger } from "../../../ui/index.js";
+import { Tabs, TabsList, TabsTrigger } from "../../../ui/components/Tabs.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { ORDER_SCOPE_TABS, ORDER_SCOPE_VALUES, isOrderScope, } from "../constants/order-scope.js";

package/dist/features/orders/components/OrderSiblingPayments.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Div, Heading, Row, Stack, Text } from "../../../ui/index.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 { ROUTES } from "../../../next/routing/route-map.js";
 import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";

package/dist/features/orders/components/OrderStatusTimeline.js

@@ -18,7 +18,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * No live courier API: `trackingUrl` is the passthrough link a seller entered.
  */
-import { Anchor, Badge, Row, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { StatusTimeline, stepsFromEntries, } from "../../status-history/components/StatusTimeline.js";
 const STAGE_SEQUENCE = ["pending", "confirmed", "processing", "shipped", "delivered"];
 const STAGE_LABELS = {

package/dist/features/orders/components/OrdersList.js

@@ -1,5 +1,8 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Div, Pagination, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { shortOrderRef } from "../utils/order-ref.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";

package/dist/features/orders/components/RaiseDisputeForm.js

@@ -58,7 +58,7 @@ export function RaiseDisputeForm({ order, reasonsEndpoint, onSubmit, onDone, })
      * previous kind's reasons — which is the one thing that must never happen
      * here, because a mismatched reason is refused by the server.
      */
-    const loadReasons = useCallback(async (query, page) => {
+    const loadReasons = useCallback(async (query) => {
         if (!kind)
             return { items: [], hasMore: false };
         /*

package/dist/features/orders/components/RefundHistoryTable.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.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 { formatCurrency } from "../../../utils/number.formatter.js";
 import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy.js";
 const __P = {

package/dist/features/orders/components/RefundRequestView.js

@@ -25,11 +25,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Alert, Div, Span, Stack, Text, Checkbox, PaginatedSelect } from "../../../ui/index.js";
 import { FormShellContext, useFormShellState, FormErrorSummary, FieldTextarea, } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { z } from "zod";
 import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy.js";
 import { resolvePublishedCopy, resolvePublishedValues, } from "../../../_internal/shared/content/published-values.js";
-import { RETURN_REASON_LABEL, selectableReturnReasons, } from "../../../_internal/shared/features/orders/return-reasons.js";
+import { RETURN_REASON_LABEL, selectableReturnReasons } from "../../../_internal/shared/features/orders/return-reasons.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";

package/dist/features/orders/components/YourPurchaseStrip.js

@@ -38,7 +38,11 @@ import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ACCOUNT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { Button, Div, Row, Span, Stack, Text, TextLink } 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 { Span, Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Icon } from "../../../ui/components/Icon.js";
 import { formatDate } from "../../../utils/index.js";
 export function YourPurchaseStrip({ productId, onEditReview, onWriteReview, className = "", }) {