@mohasinac/appkit 2.7.8 → 2.7.10

package/dist/_internal/shared/config/index.d.ts

@@ -1 +1 @@
-export type { AppkitConfig, AppkitSmokeRoute, AppkitThemeProbeRoute, AppkitAuthFixture } from "./schema";
+export type { AppkitConfig, AppkitSmokeRoute, AppkitThemeProbeRoute, AppkitAuthFixture, AppkitFirebaseConfig, AppkitFirebaseExtensions, AppkitVercelConfig, AppkitBrandConfig, AppkitSeoConfig, AppkitI18nConfig, AppkitImagePattern, FirestoreIndex, FirestoreIndexField, FirestoreFieldOverride, } from "./schema";

package/dist/_internal/shared/config/schema.d.ts

@@ -39,15 +39,99 @@ export interface AppkitAuthFixture {
     /** Cookie header value, e.g. "session=FIXTURE_TOKEN" */
     cookie: string;
 }
+export interface FirestoreIndexField {
+    fieldPath: string;
+    order?: "ASCENDING" | "DESCENDING";
+    arrayConfig?: "CONTAINS";
+}
+export interface FirestoreIndex {
+    collectionGroup: string;
+    queryScope: "COLLECTION" | "COLLECTION_GROUP";
+    fields: FirestoreIndexField[];
+}
+export interface FirestoreFieldOverride {
+    collectionGroup: string;
+    fieldPath: string;
+    indexes: Array<{
+        order?: "ASCENDING" | "DESCENDING";
+        arrayConfig?: "CONTAINS";
+        queryScope: "COLLECTION" | "COLLECTION_GROUP";
+    }>;
+}
+/** Consumer-specific Firebase extensions merged on top of the appkit base by firebase-merge.mjs. */
+export interface AppkitFirebaseExtensions {
+    /** Additional Firestore composite indexes merged on top of the appkit base (deduplicated). */
+    indexes?: FirestoreIndex[];
+    /** Additional Firestore field overrides appended to the base list. */
+    fieldOverrides?: FirestoreFieldOverride[];
+    /** Additional RTDB rule paths deep-merged into the base rules object. */
+    database?: Record<string, unknown>;
+    /** Raw Firestore security rules block injected inside the top-level match block. */
+    firestoreRules?: string;
+    /** Raw Storage security rules block injected inside the bucket match block. */
+    storageRules?: string;
+}
 export interface AppkitFirebaseConfig {
     /** Firebase project ID */
     projectId: string;
-    /** Path to firestore.indexes.json base file */
+    /** Path to firestore.indexes.json base file (default: appkit/firebase/base/firestore.indexes.json) */
     indexesPath?: string;
     /** Collections to include in reset (undefined = all) */
     resetCollections?: string[];
     /** Firebase Functions region */
     functionsRegion?: string;
+    /** Consumer-specific extensions merged on top of the appkit base by `npm run firebase:generate`. */
+    extensions?: AppkitFirebaseExtensions;
+}
+export interface AppkitBrandConfig {
+    /** Display name of the brand, e.g. "LetItRip" */
+    name: string;
+    /** Short / abbreviated name, e.g. "LT" */
+    shortName?: string;
+    /** One-line brand description used in meta tags and footers */
+    description?: string;
+    /** Tagline shown in footer / about sections */
+    madeInText?: string;
+    socialUrls?: {
+        instagram?: string;
+        twitter?: string;
+        whatsapp?: string;
+        youtube?: string;
+        facebook?: string;
+        linkedin?: string;
+    };
+}
+export interface AppkitSeoConfig {
+    /** Canonical site URL, e.g. "https://letitrip.in" */
+    siteUrl: string;
+    /** Default page <title> */
+    defaultTitle?: string;
+    /** Default meta description */
+    defaultDescription?: string;
+    /** Default OG image path (relative to public/) */
+    defaultImage?: string;
+    /** OG site name */
+    siteName?: string;
+    /** Twitter/X handle including @, e.g. "@letitrip" */
+    twitterHandle?: string;
+    /** BCP 47 locale tag for OG/schema.org, e.g. "en-IN" */
+    locale?: string;
+}
+export interface AppkitI18nConfig {
+    /** next-intl localePrefix strategy (default: "never") */
+    localePrefix?: "never" | "always" | "as-needed";
+    /**
+     * Set false to suppress the Set-Cookie: Next-Locale header, which forces
+     * cache-control: private and breaks Vercel ISR. Disable when running a single
+     * locale (default: false).
+     */
+    enableLocaleCookie?: boolean;
+}
+export interface AppkitImagePattern {
+    protocol?: "http" | "https";
+    hostname: string;
+    port?: string;
+    pathname?: string;
 }
 export interface AppkitVercelConfig {
     /** Vercel project ID */
@@ -56,12 +140,22 @@ export interface AppkitVercelConfig {
     team?: string;
     /** Path to .env file to sync */
     envFile?: string;
+    /** Deployment regions, e.g. ["bom1"] */
+    regions?: string[];
 }
 export interface AppkitConfig {
     /** Base URL for smoke tests and theme probes (default: http://localhost:3000) */
     baseUrl?: string;
     /** Supported locales (default: ["en"]) */
     locales?: string[];
+    /** Brand identity — name, social URLs, taglines */
+    brand?: AppkitBrandConfig;
+    /** SEO defaults — siteUrl, defaultTitle, OG image, Twitter handle */
+    seo?: AppkitSeoConfig;
+    /** i18n / next-intl routing options */
+    i18n?: AppkitI18nConfig;
+    /** next/image remotePatterns for external image hosts (demo / seed data) */
+    externalImagePatterns?: AppkitImagePattern[];
     /** Route configuration for smoke tests and theme probing */
     routes?: {
         /** Routes to SSR-verify: must return 200 + expected strings in initial HTML */

package/dist/client-entry.d.ts

@@ -18,6 +18,6 @@ export type { AppkitLabelSet } from "./_internal/client/i18n/LabelsProvider";
 export { AppShell, DashboardScaffold } from "./_internal/client/scaffolds/index";
 export type { AppShellProps, AppShellRenderContext, DashboardScaffoldProps, DashboardScaffoldRenderContext, } from "./_internal/client/scaffolds/index";
 export { toClient, clientInitial } from "./_internal/shared/serialization/index";
-export type { AppkitConfig } from "./_internal/shared/config/schema";
+export type { AppkitConfig, AppkitFirebaseConfig, AppkitFirebaseExtensions, AppkitVercelConfig, AppkitBrandConfig, AppkitSeoConfig, AppkitI18nConfig, AppkitImagePattern, FirestoreIndex, FirestoreIndexField, FirestoreFieldOverride, } from "./_internal/shared/config/schema";
 export { SEMANTIC_COLORS, SEMANTIC_COLORS_DARK, SEMANTIC_RADIUS, SEMANTIC_SHADOWS, SEMANTIC_Z_INDEX, MOTION_TOKENS, BREAKPOINTS, PLATFORM_LIMITS, } from "./_internal/shared/tokens/index";
 export type { Responsive, Breakpoint, SemanticColor } from "./_internal/shared/tokens/index";

package/dist/client.d.ts

@@ -8,6 +8,9 @@ export { Modal } from "./ui/components/Modal";
 export { SideDrawer } from "./ui/components/SideDrawer";
 export { SideModal } from "./ui/components/SideModal";
 export { UnsavedChangesModal } from "./ui/components/UnsavedChangesModal";
+export { LoginRequiredModal } from "./ui/components/LoginRequiredModal";
+export type { LoginRequiredModalProps } from "./ui/components/LoginRequiredModal";
+export { isAuthError } from "./utils/auth-error";
 export { useToast } from "./ui/components/Toast";
 export { useAuth } from "./react/contexts/SessionContext";
 export { useCamera } from "./react/hooks/useCamera";

package/dist/client.js

@@ -27,6 +27,11 @@ export { SideModal } from "./ui/components/SideModal";
 // [CLIENT-ONLY]-Cannot run in SSR mode â€" uses browser-only APIs (window, navigator, localStorage, matchMedia, DOM events) that do not exist in Node.js.
 // UnsavedChangesModal - Component for unsaved changes modal.
 export { UnsavedChangesModal } from "./ui/components/UnsavedChangesModal";
+// [CLIENT-ONLY]-Cannot run in SSR mode — uses browser-only APIs (window.location).
+// LoginRequiredModal - Modal prompting unauthenticated users to log in.
+export { LoginRequiredModal } from "./ui/components/LoginRequiredModal";
+// isAuthError - Detects auth/authorization errors from server actions or fetch responses.
+export { isAuthError } from "./utils/auth-error";
 // [CLIENT-ONLY]-Cannot run in SSR mode â€" uses browser-only APIs (window, navigator, localStorage, matchMedia, DOM events) that do not exist in Node.js.
 // useToast - React hook for use toast.
 export { useToast } from "./ui/components/Toast";

package/dist/configs/next.js

@@ -82,6 +82,10 @@ export function defineNextConfig(override = {}) {
     // build/esm/, and any future subpackages are always included — no more
     // per-subdirectory entries that silently miss e.g. build/protos/admin_v1.json.
     // Consumer additions for the same route key are MERGED (array union), not replaced.
+    // List derived from full dynamic runtime trace (scripts/trace-firebase-full.mjs) plus
+    // known lazy-loaded packages (proxy agents, debug, stream utilities).
+    // Do NOT use broad @scope/** globs — the full firebase client SDK is hundreds of MB
+    // and causes Vercel's "Deploying outputs..." step to time out / fail.
     const defaultOutputFileTracingIncludes = {
         "/api/**": [
             // Firebase Admin — entire package (lib/ + esm/, all sub-SDKs)
@@ -108,100 +112,48 @@ export function defineNextConfig(override = {}) {
             "./node_modules/duplexify/**",
             "./node_modules/uuid/**",
             "./node_modules/lodash.camelcase/**",
-            // @firebase/* packages that firebase-admin depends on at runtime (RTDB compat layer).
-            // Do NOT use @firebase/** — the full client SDK is hundreds of MB and times out the build.
-            "./node_modules/@firebase/database/**",
-            "./node_modules/@firebase/database-compat/**",
-            "./node_modules/@firebase/database-types/**",
-            "./node_modules/@firebase/logger/**",
-            "./node_modules/@firebase/util/**",
-            "./node_modules/@firebase/component/**",
-            "./node_modules/@firebase/app-check-interop-types/**",
-            "./node_modules/@firebase/auth-interop-types/**",
-            "./node_modules/@firebase/app-types/**",
-            // OpenTelemetry API (used by google-gax for tracing — api package only, no deps)
+            // Packages confirmed by dynamic runtime trace (trace-firebase-full.mjs) as loaded
+            // at cold start but not followed by Vercel's static file tracer:
             "./node_modules/@opentelemetry/api/**",
-            // @fastify/busboy (multipart — used by firebase-admin storage)
-            "./node_modules/@fastify/busboy/**",
-            // @nodable/entities (XML entity encoding in fast-xml-parser)
-            "./node_modules/@nodable/entities/**",
-            // Transitive deps of gaxios / duplexify / abort-controller / retry-request
-            // not statically analysed by the Vercel output file tracer (dynamic requires).
-            // Generated by full recursive dep scan (2026-05-14).
-            "./node_modules/is-stream/**",
-            "./node_modules/extend/**",
-            "./node_modules/https-proxy-agent/**",
-            "./node_modules/agent-base/**",
+            "./node_modules/@js-sdsl/ordered-map/**",
+            "./node_modules/base64-js/**",
+            "./node_modules/bignumber.js/**",
+            "./node_modules/ecdsa-sig-formatter/**",
+            "./node_modules/event-target-shim/**",
+            "./node_modules/fast-deep-equal/**",
+            "./node_modules/jwa/**",
+            // Stream / encoding utilities (loaded by duplexify / readable-stream / gRPC chain):
             "./node_modules/readable-stream/**",
             "./node_modules/inherits/**",
-            "./node_modules/debug/**",
-            "./node_modules/ms/**",
             "./node_modules/end-of-stream/**",
             "./node_modules/once/**",
             "./node_modules/wrappy/**",
             "./node_modules/stream-shift/**",
-            "./node_modules/stream-events/**",
             "./node_modules/safe-buffer/**",
-            "./node_modules/string_decoder/**",
             "./node_modules/util-deprecate/**",
-            "./node_modules/teeny-request/**",
+            // Auth / HTTP utilities:
+            "./node_modules/is-stream/**",
+            "./node_modules/extend/**",
+            "./node_modules/https-proxy-agent/**",
+            "./node_modules/agent-base/**",
             "./node_modules/http-proxy-agent/**",
+            "./node_modules/debug/**",
+            "./node_modules/ms/**",
+            // Google Cloud metadata / logging / misc:
             "./node_modules/gcp-metadata/**",
             "./node_modules/json-bigint/**",
-            "./node_modules/stubs/**",
+            "./node_modules/google-logging-utils/**",
+            // teeny-request (used by retry-request for HTTP retries):
+            "./node_modules/teeny-request/**",
             "./node_modules/form-data/**",
             "./node_modules/combined-stream/**",
             "./node_modules/delayed-stream/**",
             "./node_modules/asynckit/**",
             "./node_modules/mime-types/**",
             "./node_modules/mime-db/**",
-            "./node_modules/google-logging-utils/**",
-            "./node_modules/event-target-shim/**",
-            "./node_modules/faye-websocket/**",
-            "./node_modules/websocket-driver/**",
-            "./node_modules/websocket-extensions/**",
-            "./node_modules/http-parser-js/**",
-            "./node_modules/functional-red-black-tree/**",
-            "./node_modules/fast-xml-parser/**",
-            "./node_modules/fast-xml-builder/**",
-            "./node_modules/strnum/**",
-            "./node_modules/html-entities/**",
-            "./node_modules/jose/**",
-            "./node_modules/jsonwebtoken/**",
-            "./node_modules/jwa/**",
-            "./node_modules/jwks-rsa/**",
-            "./node_modules/lru-memoizer/**",
-            "./node_modules/limiter/**",
-            "./node_modules/node-forge/**",
-            "./node_modules/lru-cache/**",
-            "./node_modules/yallist/**",
-            "./node_modules/async-retry/**",
-            "./node_modules/retry/**",
-            "./node_modules/p-limit/**",
-            "./node_modules/yocto-queue/**",
-            "./node_modules/arrify/**",
-            "./node_modules/semver/**",
-            "./node_modules/fast-deep-equal/**",
-            "./node_modules/tslib/**",
-            "./node_modules/base64-js/**",
-            "./node_modules/bignumber.js/**",
-            "./node_modules/farmhash-modern/**",
-            "./node_modules/mime/**",
-            "./node_modules/punycode/**",
-            "./node_modules/whatwg-url/**",
-            "./node_modules/tr46/**",
-            "./node_modules/webidl-conversions/**",
-            "./node_modules/path-expression-matcher/**",
-            "./node_modules/ecdsa-sig-formatter/**",
-            "./node_modules/buffer-equal-constant-time/**",
-            "./node_modules/lodash.clonedeep/**",
-            "./node_modules/lodash.includes/**",
-            "./node_modules/lodash.isboolean/**",
-            "./node_modules/lodash.isinteger/**",
-            "./node_modules/lodash.isnumber/**",
-            "./node_modules/lodash.isplainobject/**",
-            "./node_modules/lodash.isstring/**",
-            "./node_modules/lodash.once/**",
+            "./node_modules/stream-events/**",
+            "./node_modules/stubs/**",
+            "./node_modules/string_decoder/**",
         ],
     };
     const mergedOutputFileTracingIncludes = {

package/dist/features/account/components/UserOffersPanel.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState, useTransition } from "react";
-import { Alert, Badge, Button, Div, Heading, Spinner, Text } from "../../../ui";
+import { Alert, Badge, Button, Div, Heading, LoginRequiredModal, Spinner, Text } from "../../../ui";
+import { isAuthError } from "../../../utils/auth-error";
 function formatRupees(amount) {
     if (amount === undefined || amount === null)
         return "—";
@@ -32,7 +33,7 @@ function statusVariant(status) {
         default: return "default";
     }
 }
-function BuyerOfferCard({ offer, onAcceptCounter, onWithdraw, onCheckout, onUpdate }) {
+function BuyerOfferCard({ offer, onAcceptCounter, onWithdraw, onCheckout, onUpdate, onNeedsLogin }) {
     const [error, setError] = useState("");
     const [isPending, startTransition] = useTransition();
     const [confirming, setConfirming] = useState(null);
@@ -45,7 +46,12 @@ function BuyerOfferCard({ offer, onAcceptCounter, onWithdraw, onCheckout, onUpda
                 setConfirming(null);
             }
             catch (err) {
-                setError(err instanceof Error ? err.message : "Something went wrong.");
+                if (isAuthError(err)) {
+                    onNeedsLogin();
+                }
+                else {
+                    setError(err instanceof Error ? err.message : "Something went wrong.");
+                }
             }
         });
     }
@@ -55,13 +61,19 @@ export function UserOffersPanel({ fetchEndpoint = "/api/user/offers", onAcceptCo
     const [offers, setOffers] = useState([]);
     const [loading, setLoading] = useState(true);
     const [fetchError, setFetchError] = useState("");
+    const [showLoginModal, setShowLoginModal] = useState(false);
     const loadOffers = useCallback(async () => {
         setLoading(true);
         setFetchError("");
         try {
             const res = await fetch(fetchEndpoint);
-            if (!res.ok)
+            if (!res.ok) {
+                if (res.status === 401 || res.status === 403) {
+                    setShowLoginModal(true);
+                    return;
+                }
                 throw new Error(`Error ${res.status}`);
+            }
             const json = (await res.json());
             const items = Array.isArray(json) ? json : (json.items ?? []);
             setOffers(items);
@@ -77,5 +89,5 @@ export function UserOffersPanel({ fetchEndpoint = "/api/user/offers", onAcceptCo
     function handleUpdate(id, patch) {
         setOffers((prev) => prev.map((o) => (o.id === id ? { ...o, ...patch } : o)));
     }
-    return (_jsxs(Div, { className: `space-y-4 ${className}`, children: [_jsxs(Div, { className: "flex items-center justify-between", children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "My Offers" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: loadOffers, disabled: loading, className: "border border-zinc-300 dark:border-zinc-600 text-xs", children: loading ? "Refreshing…" : "Refresh" })] }), fetchError && _jsx(Alert, { variant: "error", children: _jsx(Text, { className: "text-sm", children: fetchError }) }), loading && (_jsx(Div, { className: "flex justify-center py-12", children: _jsx(Spinner, { size: "lg" }) })), !loading && offers.length === 0 && (_jsx(Div, { className: "text-center py-12", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500 text-sm", children: "No offers yet" }) })), !loading && offers.length > 0 && (_jsx(Div, { className: "space-y-3", children: offers.map((offer) => (_jsx(BuyerOfferCard, { offer: offer, onAcceptCounter: onAcceptCounter, onWithdraw: onWithdraw, onCheckout: onCheckout, onUpdate: handleUpdate }, offer.id))) }))] }));
+    return (_jsxs(Div, { className: `space-y-4 ${className}`, children: [_jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to manage your offers. Please log in or create an account to continue." }), _jsxs(Div, { className: "flex items-center justify-between", children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "My Offers" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: loadOffers, disabled: loading, className: "border border-zinc-300 dark:border-zinc-600 text-xs", children: loading ? "Refreshing…" : "Refresh" })] }), fetchError && _jsx(Alert, { variant: "error", children: _jsx(Text, { className: "text-sm", children: fetchError }) }), loading && (_jsx(Div, { className: "flex justify-center py-12", children: _jsx(Spinner, { size: "lg" }) })), !loading && offers.length === 0 && (_jsx(Div, { className: "text-center py-12", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500 text-sm", children: "No offers yet" }) })), !loading && offers.length > 0 && (_jsx(Div, { className: "space-y-3", children: offers.map((offer) => (_jsx(BuyerOfferCard, { offer: offer, onAcceptCounter: onAcceptCounter, onWithdraw: onWithdraw, onCheckout: onCheckout, onUpdate: handleUpdate, onNeedsLogin: () => setShowLoginModal(true) }, offer.id))) }))] }));
 }

package/dist/features/auctions/components/AuctionDetailPageView.js

@@ -137,8 +137,24 @@ export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, pr
                             }));
                             return _jsx(CollapsibleBidHistory, { bids: bids, currency: currency });
                         }, renderRelated: () => {
+                            const now = new Date();
                             const related = relatedDocs
-                                .filter((r) => r.id !== product.id && r.listingType === "auction")
+                                .filter((r) => {
+                                if (r.id === product.id || r.listingType !== "auction")
+                                    return false;
+                                const s = r.status;
+                                if (s && ["sold", "out_of_stock", "archived", "discontinued", "draft"].includes(s))
+                                    return false;
+                                if (r.isSold === true)
+                                    return false;
+                                const end = r.auctionEndDate;
+                                if (!end)
+                                    return true;
+                                const endDate = typeof end.toDate === "function"
+                                    ? end.toDate()
+                                    : end instanceof Date ? end : new Date(String(end));
+                                return endDate > now;
+                            })
                                 .slice(0, 4)
                                 .map((r) => ({
                                 id: String(r.id ?? ""),

package/dist/features/auctions/components/PlaceBidFormClient.js

@@ -2,13 +2,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
 import { formatCurrency } from "../../../utils/number.formatter";
-import { Button, Div, Input, Row, Span, Stack, Text } from "../../../ui";
+import { isAuthError } from "../../../utils/auth-error";
+import { Button, Div, Input, LoginRequiredModal, Row, Span, Stack, Text } from "../../../ui";
 export function PlaceBidFormClient({ productId, currentBid, startingBid, minBidIncrement, currency, isEnded, buyNowPrice, bidCount, tags = [], onPlaceBid, }) {
     const minBid = currentBid + minBidIncrement;
     const [bidAmount, setBidAmount] = useState(String(minBid));
     const [isPending, startTransition] = useTransition();
     const [error, setError] = useState(null);
     const [success, setSuccess] = useState(false);
+    const [showLoginModal, setShowLoginModal] = useState(false);
     function handleSubmit(e) {
         e.preventDefault();
         const amount = Number(bidAmount);
@@ -33,11 +35,14 @@ export function PlaceBidFormClient({ productId, currentBid, startingBid, minBidI
                 setBidAmount(String(amount + minBidIncrement));
             }
             catch (err) {
-                setError(err instanceof Error && err.message
-                    ? err.message
-                    : "Failed to place bid. Please try again.");
+                if (isAuthError(err)) {
+                    setShowLoginModal(true);
+                }
+                else {
+                    setError(err instanceof Error ? err.message : "Failed to place bid. Please try again.");
+                }
             }
         });
     }
-    return (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsxs(Div, { className: "space-y-1", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Text, { className: "text-xs text-zinc-500", children: "Starting bid" })] }), _jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { className: "text-xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsx(Span, { className: "text-sm text-zinc-500", children: formatCurrency(startingBid, currency) })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", " \u00B7 min increment", " ", formatCurrency(minBidIncrement, currency)] })] }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", value: bidAmount, onChange: (e) => setBidAmount(e.target.value), placeholder: `At least ${formatCurrency(minBid, currency)}`, min: minBid, step: minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded || isPending }), error && (_jsx(Text, { className: "text-xs text-red-600 dark:text-red-400", children: error })), success && (_jsx(Text, { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "\u2713 Bid placed successfully!" })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded || isPending, type: "submit", children: isPending ? "Placing Bid…" : isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", type: "button", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }) }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] }));
+    return (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsxs(Div, { className: "space-y-1", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Text, { className: "text-xs text-zinc-500", children: "Starting bid" })] }), _jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { className: "text-xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsx(Span, { className: "text-sm text-zinc-500", children: formatCurrency(startingBid, currency) })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", " \u00B7 min increment", " ", formatCurrency(minBidIncrement, currency)] })] }), _jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to place a bid. Please log in or create an account to continue." }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", value: bidAmount, onChange: (e) => setBidAmount(e.target.value), placeholder: `At least ${formatCurrency(minBid, currency)}`, min: minBid, step: minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded || isPending }), error && (_jsx(Text, { className: "text-xs text-red-600 dark:text-red-400", children: error })), success && (_jsx(Text, { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "\u2713 Bid placed successfully!" })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded || isPending, type: "submit", children: isPending ? "Placing Bid…" : isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", type: "button", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }) }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] }));
 }

package/dist/features/categories/components/BundleBuyNowCta.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * BundleBuyNowCta — direct-checkout CTA for bundle detail pages.
  *
@@ -8,13 +8,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * No qty input — bundles are always qty=1 per checkout.
  */
 import { useState, useCallback } from "react";
-import { Button, Stack, Text } from "../../../ui";
+import { Button, LoginRequiredModal, Stack, Text } from "../../../ui";
 import { useToast } from "../../../ui";
+import { isAuthError } from "../../../utils/auth-error";
 import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy";
 export function BundleBuyNowCta({ bundleSlug, outOfStock = false, onBuyNow, }) {
     const { showToast } = useToast();
     const [submitting, setSubmitting] = useState(false);
     const [error, setError] = useState(null);
+    const [showLoginModal, setShowLoginModal] = useState(false);
     const handleClick = useCallback(async () => {
         setError(null);
         setSubmitting(true);
@@ -22,9 +24,14 @@ export function BundleBuyNowCta({ bundleSlug, outOfStock = false, onBuyNow, }) {
             await onBuyNow({ bundleSlug });
         }
         catch (err) {
-            const message = err instanceof Error ? err.message : BUNDLE_COPY.detail.ctaErrorFallback;
-            setError(message);
-            showToast(message, "error");
+            if (isAuthError(err)) {
+                setShowLoginModal(true);
+            }
+            else {
+                const message = err instanceof Error ? err.message : BUNDLE_COPY.detail.ctaErrorFallback;
+                setError(message);
+                showToast(message, "error");
+            }
         }
         finally {
             setSubmitting(false);
@@ -33,5 +40,5 @@ export function BundleBuyNowCta({ bundleSlug, outOfStock = false, onBuyNow, }) {
     if (outOfStock) {
         return (_jsxs(Stack, { gap: "xs", "aria-live": "polite", children: [_jsx(Button, { variant: "primary", disabled: true, "aria-disabled": true, children: BUNDLE_COPY.detail.ctaOutOfStock }), _jsx(Text, { size: "xs", color: "muted", children: BUNDLE_COPY.detail.ctaHint })] }));
     }
-    return (_jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", onClick: handleClick, disabled: submitting, "aria-busy": submitting, children: submitting ? BUNDLE_COPY.detail.ctaAdding : BUNDLE_COPY.detail.ctaBuyNow }), error && (_jsx(Text, { size: "sm", color: "danger", role: "alert", children: error }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to purchase this bundle. Please log in or create an account to continue." }), _jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", onClick: handleClick, disabled: submitting, "aria-busy": submitting, children: submitting ? BUNDLE_COPY.detail.ctaAdding : BUNDLE_COPY.detail.ctaBuyNow }), error && (_jsx(Text, { size: "sm", color: "danger", role: "alert", children: error }))] })] }));
 }

package/dist/features/events/components/EventPollWidget.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useAuth } from "../../../react/contexts/SessionContext";
 import { ROUTES } from "../../../next";
+import { LoginRequiredModal } from "../../../ui";
 export function EventPollWidget({ eventId, pollConfig, eventStatus, totalEntries, entriesEndpoint, className = "", }) {
     const { user } = useAuth();
     const endpoint = entriesEndpoint ?? `/api/events/${eventId}/entries`;
@@ -13,6 +14,7 @@ export function EventPollWidget({ eventId, pollConfig, eventStatus, totalEntries
     const [isLoading, setIsLoading] = useState(false);
     const [isSubmitted, setIsSubmitted] = useState(false);
     const [error, setError] = useState(null);
+    const [showLoginModal, setShowLoginModal] = useState(false);
     const toggleVote = (id) => {
         if (isMulti) {
             setSelectedVotes((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
@@ -37,6 +39,10 @@ export function EventPollWidget({ eventId, pollConfig, eventStatus, totalEntries
                 credentials: "include",
             });
             if (!res.ok) {
+                if (res.status === 401 || res.status === 403) {
+                    setShowLoginModal(true);
+                    return;
+                }
                 const data = (await res.json().catch(() => ({})));
                 throw new Error(data.error ?? "Failed to submit vote");
             }
@@ -58,5 +64,5 @@ export function EventPollWidget({ eventId, pollConfig, eventStatus, totalEntries
     if (isSubmitted) {
         return (_jsxs("div", { className: `rounded-xl border border-green-200 dark:border-green-800 bg-green-50 dark:bg-green-900/20 px-6 py-8 text-center space-y-2 ${className}`, "data-section": "eventpollwidget-div-5", children: [_jsx("p", { className: "font-semibold text-green-700 dark:text-green-300", children: "Vote recorded!" }), _jsx("p", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Thanks for participating." })] }));
     }
-    return (_jsxs("div", { className: `space-y-4 ${className}`, "data-section": "eventpollwidget-div-6", children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-200", children: isMulti ? "Select all that apply:" : "Choose one:" }), _jsx("div", { className: "space-y-2", "data-section": "eventpollwidget-div-7", children: pollConfig.options.map((opt) => (_jsxs("label", { className: "flex items-center gap-3 cursor-pointer rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-colors", children: [_jsx("input", { type: isMulti ? "checkbox" : "radio", name: `poll-${eventId}`, value: opt.id, checked: selectedVotes.includes(opt.id), onChange: () => toggleVote(opt.id), className: "accent-primary" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: opt.label })] }, opt.id))) }), pollConfig.allowComment && (_jsx("textarea", { value: comment, onChange: (e) => setComment(e.target.value), placeholder: "Add a comment (optional)", rows: 3, className: "w-full rounded-lg border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-800 dark:text-zinc-200 placeholder:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary" })), error && _jsx("p", { className: "text-sm text-red-500", children: error }), _jsx("button", { type: "button", onClick: handleSubmit, disabled: isLoading || selectedVotes.length === 0, className: "w-full rounded-xl bg-primary px-6 py-3 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-60", children: isLoading ? "Submitting…" : "Submit Vote" })] }));
+    return (_jsxs("div", { className: `space-y-4 ${className}`, "data-section": "eventpollwidget-div-6", children: [_jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to vote in this poll. Please log in or create an account to continue." }), _jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-200", children: isMulti ? "Select all that apply:" : "Choose one:" }), _jsx("div", { className: "space-y-2", "data-section": "eventpollwidget-div-7", children: pollConfig.options.map((opt) => (_jsxs("label", { className: "flex items-center gap-3 cursor-pointer rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-colors", children: [_jsx("input", { type: isMulti ? "checkbox" : "radio", name: `poll-${eventId}`, value: opt.id, checked: selectedVotes.includes(opt.id), onChange: () => toggleVote(opt.id), className: "accent-primary" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: opt.label })] }, opt.id))) }), pollConfig.allowComment && (_jsx("textarea", { value: comment, onChange: (e) => setComment(e.target.value), placeholder: "Add a comment (optional)", rows: 3, className: "w-full rounded-lg border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-800 dark:text-zinc-200 placeholder:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-primary" })), error && _jsx("p", { className: "text-sm text-red-500", children: error }), _jsx("button", { type: "button", onClick: handleSubmit, disabled: isLoading || selectedVotes.length === 0, className: "w-full rounded-xl bg-primary px-6 py-3 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-60", children: isLoading ? "Submitting…" : "Submit Vote" })] }));
 }

package/dist/features/events/components/SpinWheelView.js

@@ -1,7 +1,8 @@
 "use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui";
+import { Button, Div, Heading, LoginRequiredModal, Span, Text } from "../../../ui";
+import { isAuthError } from "../../../utils/auth-error";
 const DEFAULT_LABELS = {
     heading: "Spin the Wheel",
     spinButton: "Spin",
@@ -20,6 +21,7 @@ export function SpinWheelView({ eventId, prizes, alreadyUsed, initialPrizeId, in
     const [resultPrizeId, setResultPrizeId] = useState(initialPrizeId);
     const [resultCoupon, setResultCoupon] = useState(initialCouponCode);
     const [error, setError] = useState(null);
+    const [showLoginModal, setShowLoginModal] = useState(false);
     const now = Date.now();
     const startMs = windowStart ? new Date(windowStart).getTime() : null;
     const endMs = windowEnd ? new Date(windowEnd).getTime() : null;
@@ -43,15 +45,20 @@ export function SpinWheelView({ eventId, prizes, alreadyUsed, initialPrizeId, in
                 }
             }, ANIMATION_MS);
         }
-        catch {
+        catch (err) {
             setSpinning(false);
-            setError(l.errorFallback);
+            if (isAuthError(err)) {
+                setShowLoginModal(true);
+            }
+            else {
+                setError(l.errorFallback);
+            }
         }
     }, [disabled, eventId, l.errorFallback, onSpin]);
     const wonPrize = resultPrizeId
         ? activePrizes.find((p) => p.id === resultPrizeId)
         : undefined;
-    return (_jsxs(Div, { className: "space-y-4", children: [_jsxs(Heading, { level: 2, className: "text-xl font-semibold text-zinc-900 dark:text-zinc-100", children: ["\uD83C\uDFA1 ", l.heading] }), _jsxs(Div, { className: "relative mx-auto aspect-square w-64 overflow-hidden rounded-full border-4 border-amber-400 bg-gradient-to-br from-amber-100 via-rose-100 to-violet-100 dark:from-amber-900/40 dark:via-rose-900/40 dark:to-violet-900/40", "aria-label": "Spin wheel", children: [_jsx(Div, { className: "absolute inset-0 flex items-center justify-center", style: {
+    return (_jsxs(Div, { className: "space-y-4", children: [_jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to spin the wheel. Please log in or create an account to continue." }), _jsxs(Heading, { level: 2, className: "text-xl font-semibold text-zinc-900 dark:text-zinc-100", children: ["\uD83C\uDFA1 ", l.heading] }), _jsxs(Div, { className: "relative mx-auto aspect-square w-64 overflow-hidden rounded-full border-4 border-amber-400 bg-gradient-to-br from-amber-100 via-rose-100 to-violet-100 dark:from-amber-900/40 dark:via-rose-900/40 dark:to-violet-900/40", "aria-label": "Spin wheel", children: [_jsx(Div, { className: "absolute inset-0 flex items-center justify-center", style: {
                             animation: spinning
                                 ? `lir-spin ${ANIMATION_MS}ms cubic-bezier(0.2, 0.8, 0.2, 1)`
                                 : undefined,

package/dist/features/pre-orders/components/PreOrderActionsClient.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
-import { Button, Div, Stack, Text } from "../../../ui";
+import { Button, Div, LoginRequiredModal, Stack, Text } from "../../../ui";
+import { isAuthError } from "../../../utils/auth-error";
 import { formatCurrency } from "../../../utils/number.formatter";
 export function PreOrderActionsClient({ productId, price, currency, depositAmount, depositPercent, isCancellable, tags = [], onReserveNow, }) {
     const [isPending, startTransition] = useTransition();
     const [error, setError] = useState(null);
     const [success, setSuccess] = useState(false);
+    const [showLoginModal, setShowLoginModal] = useState(false);
     function handleReserve() {
         setError(null);
         setSuccess(false);
@@ -16,11 +18,16 @@ export function PreOrderActionsClient({ productId, price, currency, depositAmoun
                 setSuccess(true);
             }
             catch (err) {
-                setError(err instanceof Error ? err.message : "Failed to reserve. Please try again.");
+                if (isAuthError(err)) {
+                    setShowLoginModal(true);
+                }
+                else {
+                    setError(err instanceof Error ? err.message : "Failed to reserve. Please try again.");
+                }
             }
         });
     }
-    return (_jsxs(Div, { className: "space-y-4", children: [price !== null && (_jsxs(Div, { children: [_jsx(Text, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-50", children: formatCurrency(price, currency) }), depositAmount !== null && (_jsxs(Text, { className: "mt-0.5 text-xs text-zinc-500", children: ["Reserve with ", formatCurrency(depositAmount, currency), depositPercent !== null ? ` (${depositPercent}% deposit)` : ""] }))] })), error && (_jsx(Text, { className: "text-xs text-red-600 dark:text-red-400", children: error })), success && (_jsx(Text, { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "\u2713 Reserved! Redirecting to checkout\u2026" })), _jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isPending, onClick: handleReserve, children: isPending ? "Processing…" : "Reserve Now" }), isCancellable && (_jsx(Text, { className: "text-center text-xs text-zinc-500 dark:text-zinc-400", children: "\u2713 Free cancellation before production" }))] }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx("div", { className: "flex flex-wrap gap-1.5", children: tags.map((tag) => (_jsx("span", { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) })), _jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx("div", { className: "flex flex-wrap gap-4 justify-center text-center", children: [
+    return (_jsxs(Div, { className: "space-y-4", children: [price !== null && (_jsxs(Div, { children: [_jsx(Text, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-50", children: formatCurrency(price, currency) }), depositAmount !== null && (_jsxs(Text, { className: "mt-0.5 text-xs text-zinc-500", children: ["Reserve with ", formatCurrency(depositAmount, currency), depositPercent !== null ? ` (${depositPercent}% deposit)` : ""] }))] })), error && (_jsx(Text, { className: "text-xs text-red-600 dark:text-red-400", children: error })), success && (_jsx(Text, { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "\u2713 Reserved! Redirecting to checkout\u2026" })), _jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to reserve this pre-order. Please log in or create an account to continue." }), _jsxs(Stack, { gap: "sm", children: [_jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isPending, onClick: handleReserve, children: isPending ? "Processing…" : "Reserve Now" }), isCancellable && (_jsx(Text, { className: "text-center text-xs text-zinc-500 dark:text-zinc-400", children: "\u2713 Free cancellation before production" }))] }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx("div", { className: "flex flex-wrap gap-1.5", children: tags.map((tag) => (_jsx("span", { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) })), _jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx("div", { className: "flex flex-wrap gap-4 justify-center text-center", children: [
                         { icon: "🔒", label: "Secure\nPayment" },
                         { icon: "📅", label: "Guaranteed\nDelivery" },
                         { icon: "↩", label: "Free\nCancellation" },