@mohasinac/appkit 4.44.0 → 4.45.0

package/dist/features/media/MediaPickerModal.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { normalizeError } from "../../errors/normalize";
+import { normalizeError } from "../../errors/normalize.js";
 import React, { useState, useCallback } from "react";
-import { Modal } from "../../ui/components/Modal";
-import { Button, Div, Input, Label, Row, Stack, Text, Alert } from "../../ui";
-import { MediaImage } from "./MediaImage";
-import { MediaUploadField } from "./upload/MediaUploadField";
-import { useMediaUpload, useMediaCleanup } from "./index";
-import { ADMIN_ENDPOINTS } from "../../constants/api-endpoints";
+import { Modal } from "../../ui/components/Modal.js";
+import { Button, Div, Input, Label, Row, Stack, Text, Alert } from "../../ui/index.js";
+import { MediaImage } from "./MediaImage.js";
+import { MediaUploadField } from "./upload/MediaUploadField.js";
+import { useMediaUpload, useMediaCleanup } from "./index.js";
+import { ADMIN_ENDPOINTS } from "../../constants/api-endpoints.js";
 const MEDIA_LIST_ENDPOINT = ADMIN_ENDPOINTS.MEDIA_LIST;
 const EXISTING_GRID_MAX_HEIGHT = "max-h-96";
 /**

package/dist/features/media/MediaVideo.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { Div, Row, Span } from "../../ui";
-import { resolveMediaUrl, resolveVideoUrl, getYouTubeVideoId } from "../../utils/media-url";
-import { useSiteSettings } from "../../core/hooks/useSiteSettings";
+import { Div, Row, Span } from "../../ui/index.js";
+import { resolveMediaUrl, resolveVideoUrl, getYouTubeVideoId } from "../../utils/media-url.js";
+import { useSiteSettings } from "../../core/hooks/useSiteSettings.js";
 export function MediaVideo({ src, thumbnailUrl, alt = "Video", controls = true, autoPlayMuted = false, loop = false, trimStart, trimEnd, objectFit = "cover", watermark, }) {
     const videoRef = useRef(null);
     const fitClass = objectFit === "contain" ? "object-contain" : "object-cover";

package/dist/features/media/finalize.js

@@ -1,6 +1,6 @@
-import { normalizeError } from "../../errors/normalize";
-import { getAdminStorage } from "../../providers/db-firebase";
-import { mediaAssetsRepository } from "./repository/media-assets.repository";
+import { normalizeError } from "../../errors/normalize.js";
+import { getAdminStorage } from "../../providers/db-firebase/index.js";
+import { mediaAssetsRepository } from "./repository/media-assets.repository.js";
 const TMP_MEDIA_PREFIX = "tmp/";
 const FINAL_MEDIA_PREFIX = "media/";
 const PROXY_URL_PREFIX = "/media/";

package/dist/features/media/hooks/useMedia.js

@@ -11,9 +11,9 @@
  * ImageUpload, MediaPickerModal) keep working without modification.
  */
 import { useMutation } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { classifyMime, MAX_BYTES, MAX_LABEL, isAllowedMime, } from "../../../_internal/shared/media/limits";
-import { MEDIA_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/index.js";
+import { classifyMime, MAX_BYTES, MAX_LABEL, isAllowedMime, } from "../../../_internal/shared/media/limits.js";
+import { MEDIA_ENDPOINTS } from "../../../constants/api-endpoints.js";
 // --- Hooks --------------------------------------------------------------------
 /**
  * useMediaUpload — uploads a file via the signed-URL flow.

package/dist/features/media/index.js

@@ -1,23 +1,23 @@
 // Public API for @mohasinac/feat-media
 // Core media display components
-export { MediaImage } from "./MediaImage";
-export { MediaVideo } from "./MediaVideo";
-export { MediaAvatar } from "./MediaAvatar";
-export { MediaLightbox } from "./MediaLightbox";
+export { MediaImage } from "./MediaImage.js";
+export { MediaVideo } from "./MediaVideo.js";
+export { MediaAvatar } from "./MediaAvatar.js";
+export { MediaLightbox } from "./MediaLightbox.js";
 // Internal slider (re-exported for advanced use)
-export { MediaSlider } from "./components/MediaSlider";
+export { MediaSlider } from "./components/MediaSlider.js";
 // Hooks
-export { useMediaUpload, useMediaAbort, useMediaCrop, useMediaTrim, useMediaCleanup, } from "./hooks/useMedia";
+export { useMediaUpload, useMediaAbort, useMediaCrop, useMediaTrim, useMediaCleanup, } from "./hooks/useMedia.js";
 // Modals
-export { MediaPickerModal } from "./MediaPickerModal";
-export { ImageCropModal } from "./modals/ImageCropModal";
-export { ImageEditor } from "./modals/ImageEditor";
-export { VideoTrimModal } from "./modals/VideoTrimModal";
-export { VideoThumbnailSelector } from "./modals/VideoThumbnailSelector";
+export { MediaPickerModal } from "./MediaPickerModal.js";
+export { ImageCropModal } from "./modals/ImageCropModal.js";
+export { ImageEditor } from "./modals/ImageEditor.js";
+export { VideoTrimModal } from "./modals/VideoTrimModal.js";
+export { VideoThumbnailSelector } from "./modals/VideoThumbnailSelector.js";
 // Upload components
-export { ImageUpload } from "./upload/ImageUpload";
-export { MediaUploadField } from "./upload/MediaUploadField";
-export { MediaUploadList } from "./upload/MediaUploadList";
-export { coerceMediaField, coerceMediaFieldArray, getMediaUrl, inferMediaTypeFromMime, mediaFieldSchema, } from "./types/index";
-export { default as CameraCapture } from "./upload/CameraCapture";
-export { AvatarUpload } from "./AvatarUpload";
+export { ImageUpload } from "./upload/ImageUpload.js";
+export { MediaUploadField } from "./upload/MediaUploadField.js";
+export { MediaUploadList } from "./upload/MediaUploadList.js";
+export { coerceMediaField, coerceMediaFieldArray, getMediaUrl, inferMediaTypeFromMime, mediaFieldSchema, } from "./types/index.js";
+export { default as CameraCapture } from "./upload/CameraCapture.js";
+export { AvatarUpload } from "./AvatarUpload.js";

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

@@ -8,8 +8,8 @@ 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";
-import { MediaSlider } from "../components/MediaSlider";
+import { Alert, Button, Div, Modal, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { MediaSlider } from "../components/MediaSlider.js";
 export function ImageCropModal({ isOpen, imageUrl, onClose, onSave, initialCropData, }) {
     const t = useTranslations("mediaEditor");
     const [zoom, setZoom] = useState(initialCropData?.zoom ?? 1);

package/dist/features/media/modals/ImageEditor.d.ts

@@ -5,7 +5,6 @@
  * Outputs a cropped File ready for upload.
  */
 import React from "react";
-import "react-advanced-cropper/dist/style.css";
 export interface ImageEditorProps {
     isOpen: boolean;
     imageUrl: string;

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

@@ -9,9 +9,24 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useCallback } from "react";
 import { useTranslations } from "next-intl";
 import { Cropper } from "react-advanced-cropper";
-import "react-advanced-cropper/dist/style.css";
-import { Button, Div, Modal, Row, Stack, Text, useToast } from "../../../ui";
-import { normalizeError } from "../../../errors/normalize";
+/*
+ * 🛑 NO `import "react-advanced-cropper/dist/style.css"` HERE.
+ *
+ * The stylesheet is vendored into dist/vendor by copy-assets.mjs and pulled in
+ * through src/styles.css's @import chain, so it still ships — via
+ * `@mohasinac/appkit/styles`, which every consumer already loads.
+ *
+ * As a JS import it was invisible to bundle-css (which only flattens relative
+ * @imports) and fatal to anything resolving with Node, because Node cannot
+ * load CSS at any path. This single line put a third-party stylesheet into
+ * appkit's SERVER graph —
+ *   server.js -> …/seo/sitemap -> features/blog -> BlogPostForm
+ *             -> features/media -> ImageEditor -> …/style.css
+ * — and was the last thing blocking
+ * `serverExternalPackages: ["@mohasinac/appkit"]`.
+ */
+import { Button, Div, Modal, Row, Stack, Text, useToast } from "../../../ui/index.js";
+import { normalizeError } from "../../../errors/normalize.js";
 export function ImageEditor({ isOpen, imageUrl, onClose, onSave, aspectRatio, outputFormat = "image/webp", outputQuality = 0.9, maxOutputWidth = 2048, }) {
     const t = useTranslations("mediaEditor");
     const { showToast } = useToast();

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

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useState, useRef } from "react";
 import { useTranslations } from "next-intl";
-import { Alert, Button, Div, Modal, Row, Span, Spinner, Stack, Text } from "../../../ui";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { Alert, Button, Div, Modal, Row, Span, Spinner, Stack, Text } from "../../../ui/index.js";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 const __O = {
     hidden: "overflow-hidden",
 };

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

@@ -7,11 +7,11 @@ 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";
-import { MediaSlider } from "../components/MediaSlider";
-import { useMediaTrim } from "../hooks/useMedia";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { Alert, Button, Div, Modal, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { MediaSlider } from "../components/MediaSlider.js";
+import { useMediaTrim } from "../hooks/useMedia.js";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 function formatTime(seconds) {
     const m = Math.floor(seconds / 60);
     const s = Math.floor(seconds % 60);

package/dist/features/media/repository/media-assets.repository.js

@@ -1,4 +1,4 @@
-import { BaseRepository } from "../../../providers/db-firebase";
+import { BaseRepository } from "../../../providers/db-firebase/index.js";
 function generateRand4() {
     const chars = "abcdefghijklmnopqrstuvwxyz0123456789";
     const indices = new Uint8Array(4);

package/dist/features/media/server.js

@@ -1 +1 @@
-export { finalizeStagedMediaUrl, finalizeStagedMediaField, finalizeStagedMediaArray, finalizeStagedMediaObject, finalizeStagedMediaObjectArray, } from "./finalize";
+export { finalizeStagedMediaUrl, finalizeStagedMediaField, finalizeStagedMediaArray, finalizeStagedMediaObject, finalizeStagedMediaObjectArray, } from "./finalize.js";

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

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { resolveMediaUrl } from "../../../utils/media-url";
+import { resolveMediaUrl } from "../../../utils/media-url.js";
 export const mediaFieldSchema = z.object({
     url: z.string(),
     type: z.enum(["image", "video", "file"]),

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

@@ -8,8 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useEffect, useState } from "react";
 import { useTranslations } from "next-intl";
-import { useCamera } from "../../../react";
-import { Alert, Button, Div, Row, Span, Spinner, Stack } from "../../../ui";
+import { useCamera } from "../../../react/index.js";
+import { Alert, Button, Div, Row, Span, Spinner, Stack } from "../../../ui/index.js";
 export default function CameraCapture({ mode, facingMode = "environment", onCapture, onError, className, }) {
     const t = useTranslations("camera");
     const camera = useCamera();

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

@@ -1,7 +1,7 @@
 "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 { normalizeError } from "../../../errors/normalize";
+import { IMAGE_ACCEPT_ATTR } from "../../../_internal/shared/media/limits.js";
+import { normalizeError } from "../../../errors/normalize.js";
 /**
  * ImageUpload — canonical image upload component for @mohasinac/feat-media.
  *
@@ -10,17 +10,17 @@ import { normalizeError } from "../../../errors/normalize";
  * Optional camera capture (captureSource="both").
  */
 import { useState, useRef } from "react";
-import dynamic from "next/dynamic";
+import dynamic from "next/dynamic.js";
 import { useTranslations } from "next-intl";
-import { useCamera } from "../../../react";
-import { Alert, Button, Div, Label, Progress, Row, Spinner, Stack, Text, useToast } from "../../../ui";
-import { MediaImage } from "../MediaImage";
-import CameraCapture from "./CameraCapture";
+import { useCamera } from "../../../react/index.js";
+import { Alert, Button, Div, Label, Progress, Row, Spinner, Stack, Text, useToast } from "../../../ui/index.js";
+import { MediaImage } from "../MediaImage.js";
+import CameraCapture from "./CameraCapture.js";
 // Crop/editor modals pull in image-manipulation libraries (react-advanced-cropper
 // and friends) that most upload sessions never open — lazy-load so that weight
 // isn't in the initial bundle for every page that renders an ImageUpload field.
-const ImageCropModal = dynamic(() => import("../modals/ImageCropModal").then((m) => m.ImageCropModal), { ssr: false });
-const ImageEditor = dynamic(() => import("../modals/ImageEditor").then((m) => m.ImageEditor), { ssr: false });
+const ImageCropModal = dynamic(() => import("../modals/ImageCropModal.js").then((m) => m.ImageCropModal), { ssr: false });
+const ImageEditor = dynamic(() => import("../modals/ImageEditor.js").then((m) => m.ImageEditor), { ssr: false });
 const __O = {
     hidden: "overflow-hidden",
 };

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

@@ -8,19 +8,19 @@ 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 { useCamera } from "../../../react";
-import { Alert, Anchor, Button, Div, Label, Row, Span, Spinner, Stack, Text } from "../../../ui";
-import { MediaImage } from "../MediaImage";
-import { MediaVideo } from "../MediaVideo";
-import dynamic from "next/dynamic";
-import { VideoThumbnailSelector } from "../modals/VideoThumbnailSelector";
-import CameraCapture from "./CameraCapture";
-import { extractVideoPosterFrame, posterBlobAsFile } from "./video-poster";
-import { inferMediaTypeFromMime } from "../types/index";
-import { normalizeError } from "../../../errors/normalize";
+import { useCamera } from "../../../react/index.js";
+import { Alert, Anchor, Button, Div, Label, Row, Span, Spinner, Stack, Text } from "../../../ui/index.js";
+import { MediaImage } from "../MediaImage.js";
+import { MediaVideo } from "../MediaVideo.js";
+import dynamic from "next/dynamic.js";
+import { VideoThumbnailSelector } from "../modals/VideoThumbnailSelector.js";
+import CameraCapture from "./CameraCapture.js";
+import { extractVideoPosterFrame, posterBlobAsFile } from "./video-poster.js";
+import { inferMediaTypeFromMime } from "../types/index.js";
+import { normalizeError } from "../../../errors/normalize.js";
 // Pulls in video-processing libraries most upload sessions never touch —
 // lazy-load rather than bundle into every page rendering a MediaUploadField.
-const VideoTrimModal = dynamic(() => import("../modals/VideoTrimModal").then((m) => m.VideoTrimModal), { ssr: false });
+const VideoTrimModal = dynamic(() => import("../modals/VideoTrimModal.js").then((m) => m.VideoTrimModal), { ssr: false });
 const CLS_PDF_BADGE = "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-error-surface text-error dark:bg-error-surface dark:text-error";
 const CLS_PDF_NAME = "text-[length:var(--appkit-text-sm)] font-medium text-info underline break-all dark:text-info";
 const CLS_PDF_LINK = "text-[length:var(--appkit-text-sm)] underline break-all text-info dark:text-info";

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

@@ -1,12 +1,12 @@
 "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";
-import { MediaImage } from "../MediaImage";
-import { MediaVideo } from "../MediaVideo";
-import { inferMediaTypeFromMime } from "../types/index";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { Alert, Anchor, Button, Div, Label, Row, Spinner, Stack, Text } from "../../../ui/index.js";
+import { MediaImage } from "../MediaImage.js";
+import { MediaVideo } from "../MediaVideo.js";
+import { inferMediaTypeFromMime } from "../types/index.js";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 const __O = {
     hidden: "overflow-hidden",
 };

package/dist/features/media/upload/video-poster.js

@@ -20,7 +20,7 @@
  * media asset, so the existing server-side Sharp watermark is applied when
  * the poster is fetched via /api/media/<slug>.
  */
-import { normalizeError } from "../../../errors/normalize";
+import { normalizeError } from "../../../errors/normalize.js";
 const TARGET_FRAME_TIME_SECONDS = 0.5;
 const JPEG_QUALITY = 0.85;
 const LOAD_TIMEOUT_MS = 10000;

package/dist/features/messaging/repository/message-budget.repository.js

@@ -1,5 +1,5 @@
-import { BaseRepository } from "../../../providers/db-firebase";
-import { AUTH_MAIL_COOLDOWN_COLLECTION, AUTH_MAIL_COOLDOWN_MS, MESSAGE_BUDGET_COLLECTION, MESSAGE_BUDGET_FIELDS, } from "../schemas/firestore";
+import { BaseRepository } from "../../../providers/db-firebase/index.js";
+import { AUTH_MAIL_COOLDOWN_COLLECTION, AUTH_MAIL_COOLDOWN_MS, MESSAGE_BUDGET_COLLECTION, MESSAGE_BUDGET_FIELDS, } from "../schemas/firestore.js";
 /**
  * Reporting timezone for "which day is it". Fixed rather than server-local
  * because a Vercel lambda runs in UTC and a Firebase Function in whatever

package/dist/features/orders/actions/index.js

@@ -1,2 +1,2 @@
-export * from "./order-actions";
-export * from "./refund-actions";
+export * from "./order-actions.js";
+export * from "./refund-actions.js";

package/dist/features/orders/actions/order-actions.js

@@ -4,11 +4,11 @@
  * Pure business functions — auth, rate-limiting, and Next.js specifics
  * are handled by the calling server action in the consumer.
  */
-import { NotFoundError, AuthorizationError, ValidationError, } from "../../../errors";
-import { serverLogger } from "../../../monitoring";
-import { getProviders } from "../../../contracts";
-import { orderRepository } from "../repository/orders.repository";
-import { ORDER_CANCELLABLE_STATUSES } from "../../../_internal/shared/features/orders/config";
+import { NotFoundError, AuthorizationError, ValidationError, } from "../../../errors/index.js";
+import { serverLogger } from "../../../monitoring/index.js";
+import { getProviders } from "../../../contracts/index.js";
+import { orderRepository } from "../repository/orders.repository.js";
+import { ORDER_CANCELLABLE_STATUSES } from "../../../_internal/shared/features/orders/config.js";
 const ERR_ORDER_NOT_FOUND = "Order not found";
 function assertCancellable(order) {
     if (!ORDER_CANCELLABLE_STATUSES.includes(order.status)) {

package/dist/features/orders/actions/refund-actions.js

@@ -5,12 +5,12 @@
  * user-facing refund previews.  Auth, rate-limiting, and Next.js specifics
  * are handled by the consumer.
  */
-import { NotFoundError, AuthorizationError, ValidationError, } from "../../../errors";
-import { serverLogger } from "../../../monitoring";
-import { orderRepository } from "../../orders/repository/orders.repository";
-import { RefundStatusValues } from "../../orders/schemas";
-import { siteSettingsRepository } from "../../admin/repository/site-settings.repository";
-import { sendNotification } from "../../admin/actions/notification-actions";
+import { NotFoundError, AuthorizationError, ValidationError, } from "../../../errors/index.js";
+import { serverLogger } from "../../../monitoring/index.js";
+import { orderRepository } from "../../orders/repository/orders.repository.js";
+import { RefundStatusValues } from "../../orders/schemas/index.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
+import { sendNotification } from "../../admin/actions/notification-actions.js";
 const DEFAULT_PLATFORM_FEE_PERCENT = 5;
 const DEFAULT_GST_PERCENT = 18;
 export async function issuePartialRefund(adminUid, orderId, deductFees, refundNote) {

package/dist/features/orders/api/track/[trackingId]/route.js

@@ -9,8 +9,8 @@
  * ```
  */
 import { NextResponse } from "next/server.js";
-import { getTrackingInfo } from "../../../actions/order-actions";
-import { normalizeError } from "../../../../../errors/normalize";
+import { getTrackingInfo } from "../../../actions/order-actions.js";
+import { normalizeError } from "../../../../../errors/normalize.js";
 export async function GET(_request, { params }) {
     const { trackingId } = params;
     if (!trackingId?.trim()) {

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

@@ -1,4 +1,4 @@
-import { buildColumns, renderCurrencyCompact, renderCount, } from "../../../ui/columns";
+import { buildColumns, renderCurrencyCompact, renderCount, } from "../../../ui/columns/index.js";
 /**
  * Default admin column definitions for an order table.
  *

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

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Package } from "lucide-react";
-import { BaseListingCard, Button, Caption, Row, Span, Stack, StatusBadge, Text, TextLink, Div } from "../../../ui";
-import { formatCurrency, formatDate } from "../../../utils";
-import { OrderStatusValues } from "../schemas";
-import { useLongPress } from "../../../react/hooks/useLongPress";
+import { BaseListingCard, Button, Caption, Row, Span, Stack, StatusBadge, Text, TextLink, Div } from "../../../ui/index.js";
+import { formatCurrency, formatDate } from "../../../utils/index.js";
+import { OrderStatusValues } from "../schemas/index.js";
+import { useLongPress } from "../../../react/hooks/useLongPress.js";
 const CLS_ACTION_BUTTON = "min-w-0 flex-1 px-[var(--appkit-space-2)] text-[length:var(--appkit-text-xs)]";
 const STATUS_MAP = {
     pending: "pending",

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

@@ -4,8 +4,8 @@ import React from "react";
  *
  * These are fulfilment instructions, not decoration: WhatsApp tells the
  * status-change notifier to message this buyer, gift wrap tells the packer to
- * wrap the parcel and enclose the message, shipment protection changes how a
- * loss claim is handled. They are recorded on the order (and filterable in the
+ * wrap the parcel and enclose the message, and either protection changes how a
+ * claim is handled. They are recorded on the order (and filterable in the
  * `orders` Sieve config) so nobody has to keep a separate list of who asked for
  * what — the order IS the record.
  *
@@ -21,6 +21,8 @@ export interface OrderAddonBadgesOrder {
     giftWrapMessage?: string;
     shipmentProtectionAddon?: boolean;
     shipmentProtectionFee?: number;
+    saleProtectionAddon?: boolean;
+    saleProtectionFee?: number;
     couponCode?: string;
     couponDiscount?: number;
 }

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gift, MessageCircle, ShieldCheck, Tag } from "lucide-react";
-import { Row, Span, Stack, Text } from "../../../ui";
-import { formatCurrency } from "../../../utils/number.formatter";
+import { Gift, MessageCircle, ShieldAlert, ShieldCheck, Tag } from "lucide-react";
+import { Row, Span, Stack, Text } from "../../../ui/index.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, }) {
     const toneCls = tone === "success"
@@ -18,11 +18,12 @@ export function OrderAddonBadges({ order, variant = "compact", showCoupon = true
     const hasAny = order.whatsappNotifyAddon ||
         order.giftWrapAddon ||
         order.shipmentProtectionAddon ||
+        order.saleProtectionAddon ||
         hasCoupon;
     if (!hasAny)
         return null;
     const isDetail = variant === "detail";
-    return (_jsxs(Stack, { gap: "xs", className: `min-w-0 ${className}`, children: [_jsxs(Row, { gap: "xs", align: "center", wrap: true, className: "min-w-0", children: [order.whatsappNotifyAddon && (_jsx(Chip, { icon: _jsx(MessageCircle, { size: 12 }), label: isDetail && money(order.whatsappNotifyFee) ? `WhatsApp updates · ${money(order.whatsappNotifyFee)}` : "WhatsApp updates", tone: "success", title: "Buyer opted into WhatsApp order-status updates \u2014 status changes on this order should notify them on WhatsApp." })), order.giftWrapAddon && (_jsx(Chip, { icon: _jsx(Gift, { size: 12 }), label: isDetail && money(order.giftWrapFee) ? `Gift wrap · ${money(order.giftWrapFee)}` : "Gift wrap", tone: "brand", title: "This parcel must be gift-wrapped before dispatch." })), order.shipmentProtectionAddon && (_jsx(Chip, { icon: _jsx(ShieldCheck, { size: 12 }), label: isDetail && money(order.shipmentProtectionFee) ? `Protected · ${money(order.shipmentProtectionFee)}` : "Protected", tone: "info", title: "Shipment protection purchased \u2014 loss or damage in transit is covered." })), hasCoupon && (_jsx(Chip, { icon: _jsx(Tag, { size: 12 }), label: isDetail && money(order.couponDiscount)
+    return (_jsxs(Stack, { gap: "xs", className: `min-w-0 ${className}`, children: [_jsxs(Row, { gap: "xs", align: "center", wrap: true, className: "min-w-0", children: [order.whatsappNotifyAddon && (_jsx(Chip, { icon: _jsx(MessageCircle, { size: 12 }), label: isDetail && money(order.whatsappNotifyFee) ? `WhatsApp updates · ${money(order.whatsappNotifyFee)}` : "WhatsApp updates", tone: "success", title: "Buyer opted into WhatsApp order-status updates \u2014 status changes on this order should notify them on WhatsApp." })), order.giftWrapAddon && (_jsx(Chip, { icon: _jsx(Gift, { size: 12 }), label: isDetail && money(order.giftWrapFee) ? `Gift wrap · ${money(order.giftWrapFee)}` : "Gift wrap", tone: "brand", title: "This parcel must be gift-wrapped before dispatch." })), order.shipmentProtectionAddon && (_jsx(Chip, { icon: _jsx(ShieldCheck, { size: 12 }), label: isDetail && money(order.shipmentProtectionFee) ? `Protected · ${money(order.shipmentProtectionFee)}` : "Protected", tone: "info", title: "Shipment protection purchased \u2014 loss or damage in transit is covered, claimed against the held funds." })), order.saleProtectionAddon && (_jsx(Chip, { icon: _jsx(ShieldAlert, { size: 12 }), label: isDetail && money(order.saleProtectionFee) ? `Sale protected · ${money(order.saleProtectionFee)}` : "Sale protected", tone: "info", title: "Sale protection purchased \u2014 if the item is not as described the buyer is refunded, no questions asked." })), hasCoupon && (_jsx(Chip, { icon: _jsx(Tag, { size: 12 }), label: isDetail && money(order.couponDiscount)
                             ? `${order.couponCode} · −${money(order.couponDiscount)}`
                             : order.couponCode, tone: "success", title: `Coupon ${order.couponCode} applied to this order.` }))] }), isDetail && order.giftWrapAddon && order.giftWrapMessage && (_jsxs(Stack, { gap: "xs", className: "min-w-0", children: [_jsx(Text, { size: "xs", color: "muted", weight: "semibold", transform: "uppercase", className: "tracking-wide", children: "Gift message" }), _jsx(Text, { size: "sm", color: "primary", className: "min-w-0 whitespace-pre-wrap break-words", children: order.giftWrapMessage })] }))] }));
 }

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
-import { FilterFacetSection } from "../../filters/FilterFacetSection";
-import { RangeFilter } from "../../filters/RangeFilter";
-import { Div } from "../../../ui";
-import { TABLE_KEYS } from "../../../constants/table-keys";
-import { ORDER_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
+import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
+import { RangeFilter } from "../../filters/RangeFilter.js";
+import { Div } from "../../../ui/index.js";
+import { TABLE_KEYS } from "../../../constants/table-keys.js";
+import { ORDER_FIELDS } from "../../../constants/field-names.js";
+import { sortBy } from "../../../constants/sort.js";
 export const ORDER_FILTER_KEYS = {
     admin: [
         TABLE_KEYS.STATUS,

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

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

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger } from "../../../ui";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { TABLE_KEYS } from "../../../constants/table-keys";
-import { ORDER_SCOPE_TABS, ORDER_SCOPE_VALUES, isOrderScope, } from "../constants/order-scope";
+import { Tabs, TabsList, TabsTrigger } from "../../../ui/index.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";
 export function OrderScopeTabs({ className }) {
     const table = useUrlTable();
     const raw = table.get(TABLE_KEYS.ORDER_SCOPE);

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Div, Heading, Row, Stack, Text } from "../../../ui";
-import { ROUTES } from "../../../next/routing/route-map";
-import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy";
-import { formatCurrency } from "../../../utils/number.formatter";
+import Link from "next/link.js";
+import { Div, Heading, Row, Stack, Text } from "../../../ui/index.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";
 export function OrderSiblingPayments({ siblings, currentOrderId, className = "", }) {
     const others = siblings.filter((o) => o.id !== currentOrderId);
     if (others.length === 0)

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

@@ -18,8 +18,8 @@ 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";
-import { StatusTimeline, stepsFromEntries, } from "../../status-history/components/StatusTimeline";
+import { Anchor, Badge, Row, Stack, Text } from "../../../ui/index.js";
+import { StatusTimeline, stepsFromEntries, } from "../../status-history/components/StatusTimeline.js";
 const STAGE_SEQUENCE = ["pending", "confirmed", "processing", "shipped", "delivered"];
 const STAGE_LABELS = {
     pending: "Order placed",

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

@@ -1,9 +1,9 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Div, Pagination, Row, Span, Stack, Text } from "../../../ui";
-import { shortOrderRef } from "../utils/order-ref";
-import { MediaImage } from "../../media/MediaImage";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { getDefaultLocale } from "../../../core/baseline-resolver";
+import { Div, Pagination, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { shortOrderRef } from "../utils/order-ref.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { getDefaultLocale } from "../../../core/baseline-resolver.js";
 const CLS_PRIZE_BADGE = "inline-flex items-center 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";
 const STATUS_COLORS = {
     pending: "bg-warning-surface text-warning",

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Div, Heading, Row, Stack, Text } from "../../../ui";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy";
+import { Badge, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { formatCurrency } from "../../../utils/number.formatter.js";
+import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

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

@@ -23,15 +23,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * which are exactly the ones a buyer in trouble needs.
  */
 import { useMemo, useState } from "react";
-import { Alert, Div, Span, Stack, Text, Checkbox, PaginatedSelect } from "../../../ui";
-import { FormShellContext, useFormShellState, FormErrorSummary, FieldTextarea, } from "../../../ui/forms";
-import { SectionForm, useSectionFormNav } from "../../shell";
+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 { z } from "zod";
-import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy";
-import { RETURN_REASON_LABEL, selectableReturnReasons, } from "../../../_internal/shared/features/orders/return-reasons";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { REFUND_COPY } from "../../../_internal/shared/features/orders/refund-copy.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";
 const ACK_COUNT = REFUND_COPY.request.acknowledgments.length;
 export function RefundRequestView({ order, onSubmitRequest, isLoading = false, className = "", }) {
     /*