storefront-layouts-staging 1.0.0-staging.0

package/dist/components/auth/use-login-submit.js

@@ -0,0 +1,99 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useState, useCallback } from 'react';
+import { useAuth } from '../../lib/auth-context.js';
+import { useToast } from '../../components/ui/toast.js';
+import { ApiError } from '../../lib/api.js';
+export function useLoginSubmit({ callbackUrl = '/', variant, onSuccess, }) {
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [showPassword, setShowPassword] = useState(false);
+    const [emailError, setEmailError] = useState('');
+    const { login, isLoading, closeLogin } = useAuth();
+    const router = useRouter();
+    const { addToast } = useToast();
+    const isSheet = variant === 'sheet';
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        setEmailError('');
+        const normalizedEmail = email.trim().toLowerCase();
+        if (!normalizedEmail) {
+            setEmailError('Email Address is a required field');
+            return;
+        }
+        if (!password) {
+            addToast('Please enter your password', 'error');
+            return;
+        }
+        try {
+            await login(normalizedEmail, password);
+            addToast('Welcome back!', 'success');
+            onSuccess?.();
+            if (isSheet) {
+                closeLogin?.();
+                if (callbackUrl && callbackUrl !== '/' && typeof window !== 'undefined') {
+                    const current = window.location.pathname + window.location.search;
+                    if (callbackUrl !== current) {
+                        router.push(callbackUrl);
+                    }
+                    else {
+                        router.refresh();
+                    }
+                }
+                else {
+                    router.refresh();
+                }
+                return;
+            }
+            router.push(callbackUrl);
+        }
+        catch (error) {
+            const verificationData = error instanceof ApiError && error.data && typeof error.data === 'object'
+                ? error.data
+                : undefined;
+            if (error instanceof ApiError &&
+                error.status === 403 &&
+                verificationData?.requiresVerification) {
+                addToast('Please verify your email to continue. A verification code has been sent to your email.', 'info');
+                const params = new URLSearchParams({ email: normalizedEmail });
+                if (verificationData?.otpSessionToken) {
+                    params.set('sessionToken', verificationData.otpSessionToken);
+                }
+                if (isSheet) {
+                    closeLogin?.();
+                }
+                router.push(`/auth/verify-email?${params.toString()}`);
+                return;
+            }
+            const errorMessage = error?.message ||
+                'Login failed. Please check your credentials and try again.';
+            addToast(errorMessage, 'error');
+        }
+    }, [
+        email,
+        password,
+        login,
+        addToast,
+        onSuccess,
+        isSheet,
+        closeLogin,
+        callbackUrl,
+        router,
+    ]);
+    return {
+        email,
+        setEmail,
+        password,
+        setPassword,
+        showPassword,
+        setShowPassword,
+        emailError,
+        setEmailError,
+        isLoading,
+        isSheet,
+        closeLogin,
+        handleSubmit,
+        signupHref: `/auth/signup?callbackUrl=${encodeURIComponent(callbackUrl)}`,
+        resetHref: '/auth/reset-password',
+    };
+}

package/dist/components/cart/InventoryHoldCountdown.d.ts

@@ -0,0 +1,8 @@
+interface InventoryHoldCountdownProps {
+    holdUntil: string | Date | null | undefined;
+    onExpired?: () => void;
+    className?: string;
+}
+export declare function InventoryHoldCountdown({ holdUntil, onExpired, className }: InventoryHoldCountdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InventoryHoldCountdown.d.ts.map

package/dist/components/cart/InventoryHoldCountdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryHoldCountdown.d.ts","sourceRoot":"","sources":["../../../src/components/cart/InventoryHoldCountdown.tsx"],"names":[],"mappings":"AAOA,UAAU,2BAA2B;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,2BAA2B,2CA4HtG"}

package/dist/components/cart/InventoryHoldCountdown.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Clock } from 'lucide-react';
+import { cn } from '../../lib/utils/index.js';
+import { isInventoryHoldExpired } from '../../lib/inventory-utils.js';
+function formatRemaining(ms) {
+    const totalSeconds = Math.max(0, Math.floor(ms / 1000));
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+}
+export function InventoryHoldCountdown({ holdUntil, onExpired, className }) {
+    const [remainingMs, setRemainingMs] = useState(null);
+    const hasExpiredRef = useRef(false);
+    const onExpiredRef = useRef(onExpired);
+    useEffect(() => {
+        onExpiredRef.current = onExpired;
+    }, [onExpired]);
+    useEffect(() => {
+        hasExpiredRef.current = false;
+    }, [holdUntil]);
+    useEffect(() => {
+        if (!holdUntil) {
+            setRemainingMs(null);
+            return;
+        }
+        const target = new Date(holdUntil).getTime();
+        if (Number.isNaN(target)) {
+            setRemainingMs(null);
+            return;
+        }
+        let intervalId;
+        const tick = () => {
+            const diff = target - Date.now();
+            if (diff <= 0) {
+                setRemainingMs(0);
+                if (!hasExpiredRef.current) {
+                    hasExpiredRef.current = true;
+                    onExpiredRef.current?.();
+                }
+                if (intervalId != null) {
+                    window.clearInterval(intervalId);
+                }
+                return;
+            }
+            setRemainingMs(diff);
+        };
+        tick();
+        intervalId = window.setInterval(tick, 1000);
+        return () => {
+            if (intervalId != null) {
+                window.clearInterval(intervalId);
+            }
+        };
+    }, [holdUntil]);
+    if (!holdUntil) {
+        return null;
+    }
+    if (remainingMs != null && remainingMs <= 0) {
+        return (_jsxs("div", { className: cn('flex items-start gap-3 rounded-xl border border-red-300 bg-red-50 px-4 py-3 text-sm text-red-900', className), role: "status", "aria-live": "polite", children: [_jsx(Clock, { className: "mt-0.5 h-4 w-4 shrink-0 text-red-700" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Reservation expired" }), _jsx("p", { className: "text-xs sm:text-sm opacity-90", children: "Stock is no longer held. Return to cart and checkout again to reserve items." })] })] }));
+    }
+    if (remainingMs == null) {
+        if (isInventoryHoldExpired(holdUntil)) {
+            return (_jsxs("div", { className: cn('flex items-start gap-3 rounded-xl border border-red-300 bg-red-50 px-4 py-3 text-sm text-red-900', className), role: "status", "aria-live": "polite", children: [_jsx(Clock, { className: "mt-0.5 h-4 w-4 shrink-0 text-red-700" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Reservation expired" }), _jsx("p", { className: "text-xs sm:text-sm opacity-90", children: "Stock is no longer held. Return to cart and checkout again to reserve items." })] })] }));
+        }
+        return null;
+    }
+    const urgent = remainingMs <= 2 * 60 * 1000;
+    return (_jsxs("div", { className: cn('flex items-start gap-3 rounded-xl border px-4 py-3 text-sm', urgent
+            ? 'border-amber-300 bg-amber-50 text-amber-900 animate-pulse'
+            : 'border-amber-200 bg-amber-50/80 text-amber-900', className), role: "status", "aria-live": "polite", children: [_jsx(Clock, { className: cn('mt-0.5 h-4 w-4 shrink-0', urgent ? 'text-amber-700' : 'text-amber-600') }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Items reserved for checkout" }), _jsxs("p", { className: "text-xs sm:text-sm opacity-90", children: ["Complete payment in ", _jsx("span", { className: "font-mono font-bold", children: formatRemaining(remainingMs) }), " to keep your items reserved."] })] })] }));
+}

package/dist/components/categories/category-masonry-grid.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { StoreCategory } from '../../lib/store-types';
+export interface CategoryMasonryGridProps {
+    categories: StoreCategory[];
+    mode?: 'page' | 'compact';
+    columns?: number;
+    limit?: number;
+    showImages?: boolean;
+    showDescriptions?: boolean;
+    getHref: (category: StoreCategory) => string;
+    exploreLabel?: string;
+    variant?: 'default' | 'electronics';
+    className?: string;
+    renderCardOverlay?: (category: StoreCategory, index: number) => ReactNode;
+    exploreLabelDataAttr?: string;
+}
+export declare function CategoryMasonryGrid({ categories: rawCategories, mode, columns: configColumns, limit, showImages, showDescriptions, getHref, exploreLabel, variant, className, renderCardOverlay, exploreLabelDataAttr, }: CategoryMasonryGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=category-masonry-grid.d.ts.map

package/dist/components/categories/category-masonry-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-masonry-grid.d.ts","sourceRoot":"","sources":["../../../src/components/categories/category-masonry-grid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAYtD,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,MAAM,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAiHD,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EAAE,aAAa,EACzB,IAAa,EACb,OAAO,EAAE,aAAa,EACtB,KAAK,EACL,UAAiB,EACjB,gBAAuB,EACvB,OAAO,EACP,YAAmC,EACnC,OAAmB,EACnB,SAAc,EACd,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,wBAAwB,2CAgG1B"}

package/dist/components/categories/category-masonry-grid.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { ArrowRight } from 'lucide-react';
+import { ImageWithFallback } from '../ui/image-with-fallback.js';
+import { RichTextExcerpt } from '../rich-text/RichTextExcerpt.js';
+import { extractCategoryImage, getColumnsClass, getHeroHeightClass, getMasonryHeightClass, getTwoColumnHeightClass, normalizeCategories, resolveColumnCount, } from './category-masonry-utils.js';
+function CategoryCard({ category, href, heightClass, isHero = false, showImages = true, showDescriptions = true, exploreLabel, variant, renderCardOverlay, index, exploreLabelDataAttr, }) {
+    const categoryImage = showImages ? extractCategoryImage(category.image) : undefined;
+    const roundedClass = variant === 'electronics' ? 'rounded-[2.5rem]' : 'rounded-2xl';
+    const borderClass = variant === 'electronics'
+        ? 'border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-blue-500/10'
+        : 'border border-gray-200 shadow-sm hover:shadow-xl';
+    const titleClass = isHero
+        ? variant === 'electronics'
+            ? 'text-3xl md:text-4xl lg:text-5xl'
+            : 'text-3xl md:text-4xl'
+        : variant === 'electronics'
+            ? 'text-xl md:text-2xl'
+            : 'text-2xl md:text-3xl';
+    const gradientClass = variant === 'electronics'
+        ? 'from-slate-950/90 via-slate-950/30 to-transparent opacity-80 group-hover:opacity-90'
+        : 'from-black/80 via-black/20 to-transparent opacity-60 group-hover:opacity-70';
+    return (_jsxs(Link, { href: href, "data-category-card": true, className: `group relative block w-full overflow-hidden ${roundedClass} bg-gray-100 ${borderClass} transition-all duration-500 ${heightClass}`, children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(ImageWithFallback, { src: categoryImage, alt: category.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", skeletonAspectRatio: "auto" }), _jsx("div", { className: `absolute inset-0 bg-gradient-to-t ${gradientClass} transition-opacity duration-500` })] }), _jsxs("div", { className: `absolute inset-0 flex flex-col justify-end z-10 ${variant === 'electronics' ? 'p-8 lg:p-10' : 'p-6 lg:p-8'}`, children: [renderCardOverlay?.(category, index), _jsxs("div", { className: "transform transition-transform duration-300 translate-y-2 group-hover:translate-y-0", children: [_jsx("h2", { className: `font-bold text-white mb-2 tracking-tight ${titleClass} ${variant === 'electronics' ? 'font-black' : ''}`, children: category.name }), variant === 'electronics' && (_jsx("div", { className: "w-12 h-1 bg-blue-500 rounded-full transform scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-300 mb-4" })), showDescriptions && (_jsx(RichTextExcerpt, { value: category.description, as: "p", className: `text-gray-200 mb-6 line-clamp-2 max-w-md text-sm md:text-base ${variant === 'electronics'
+                                    ? 'opacity-0 group-hover:opacity-100 transition-all duration-500 delay-100 translate-y-4 group-hover:translate-y-0'
+                                    : 'opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-75'}` })), _jsxs("div", { className: `flex items-center gap-2 font-medium text-sm tracking-wide uppercase ${variant === 'electronics'
+                                    ? 'text-slate-300 font-bold tracking-widest opacity-0 group-hover:opacity-100 transition-all duration-500 delay-100 translate-y-4 group-hover:translate-y-0'
+                                    : 'text-white'}`, children: [_jsx("span", { className: variant === 'electronics'
+                                            ? undefined
+                                            : 'border-b border-transparent group-hover:border-white transition-colors', ...(exploreLabelDataAttr ? { 'data-payaza-edit': exploreLabelDataAttr } : {}), children: exploreLabel }), _jsx(ArrowRight, { className: "w-4 h-4 transform transition-transform group-hover:translate-x-1" })] })] })] })] }));
+}
+export function CategoryMasonryGrid({ categories: rawCategories, mode = 'page', columns: configColumns, limit, showImages = true, showDescriptions = true, getHref, exploreLabel = 'Explore Collection', variant = 'default', className = '', renderCardOverlay, exploreLabelDataAttr, }) {
+    const normalized = normalizeCategories(rawCategories);
+    const categories = limit != null && limit > 0 ? normalized.slice(0, limit) : normalized;
+    if (categories.length === 0) {
+        return null;
+    }
+    const columnCount = resolveColumnCount(configColumns, mode === 'compact' ? 4 : 3);
+    const columnsClass = getColumnsClass(columnCount);
+    const useHero = mode === 'page' && categories.length >= 3;
+    const heroCategory = useHero ? categories[0] : null;
+    const masonryCategories = useHero ? categories.slice(1) : categories;
+    if (categories.length === 1) {
+        return (_jsx("div", { className: className, children: _jsx(CategoryCard, { category: categories[0], href: getHref(categories[0]), heightClass: getHeroHeightClass(variant), isHero: true, showImages: showImages, showDescriptions: showDescriptions, exploreLabel: exploreLabel, variant: variant, renderCardOverlay: renderCardOverlay, index: 0, exploreLabelDataAttr: exploreLabelDataAttr }) }));
+    }
+    if (categories.length === 2 && mode === 'page') {
+        return (_jsx("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${className}`, children: categories.map((category, index) => (_jsx(CategoryCard, { category: category, href: getHref(category), heightClass: getTwoColumnHeightClass(variant), showImages: showImages, showDescriptions: showDescriptions, exploreLabel: exploreLabel, variant: variant, renderCardOverlay: renderCardOverlay, index: index, exploreLabelDataAttr: exploreLabelDataAttr }, category.id))) }));
+    }
+    return (_jsxs("div", { className: `space-y-6 ${className}`, children: [heroCategory && (_jsx(CategoryCard, { category: heroCategory, href: getHref(heroCategory), heightClass: getHeroHeightClass(variant), isHero: true, showImages: showImages, showDescriptions: showDescriptions, exploreLabel: exploreLabel, variant: variant, renderCardOverlay: renderCardOverlay, index: 0, exploreLabelDataAttr: exploreLabelDataAttr })), masonryCategories.length > 0 && (_jsx("div", { className: `columns-1 ${columnsClass} gap-6`, children: masonryCategories.map((category, index) => (_jsx("div", { className: "break-inside-avoid mb-6", children: _jsx(CategoryCard, { category: category, href: getHref(category), heightClass: getMasonryHeightClass(index), showImages: showImages, showDescriptions: showDescriptions, exploreLabel: exploreLabel, variant: variant, renderCardOverlay: renderCardOverlay, index: useHero ? index + 1 : index, exploreLabelDataAttr: exploreLabelDataAttr }) }, category.id))) }))] }));
+}

package/dist/components/categories/category-masonry-utils.d.ts

@@ -0,0 +1,9 @@
+import { StoreCategory } from '../../lib/store-types';
+export declare function extractCategoryImage(image: unknown): string | undefined;
+export declare function normalizeCategories(categories: StoreCategory[] | undefined): StoreCategory[];
+export declare function resolveColumnCount(configColumns?: number, defaultColumns?: number): number;
+export declare function getColumnsClass(columns: number): string;
+export declare function getMasonryHeightClass(index: number): string;
+export declare function getHeroHeightClass(variant: 'default' | 'electronics'): string;
+export declare function getTwoColumnHeightClass(variant: 'default' | 'electronics'): string;
+//# sourceMappingURL=category-masonry-utils.d.ts.map

package/dist/components/categories/category-masonry-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-masonry-utils.d.ts","sourceRoot":"","sources":["../../../src/components/categories/category-masonry-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CA2BvE;AAED,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,aAAa,EAAE,GAAG,SAAS,GAAG,aAAa,EAAE,CAiB5F;AAED,wBAAgB,kBAAkB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,cAAc,SAAI,GAAG,MAAM,CAKrF;AAQD,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEvD;AAID,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAE7E;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAElF"}

package/dist/components/categories/category-masonry-utils.js

@@ -0,0 +1,67 @@
+export function extractCategoryImage(image) {
+    if (!image)
+        return undefined;
+    if (typeof image === 'string') {
+        const trimmed = image.trim();
+        return trimmed.length > 0 ? trimmed : undefined;
+    }
+    if (typeof image === 'object' && image !== null) {
+        if ('url' in image && image.url) {
+            const url = typeof image.url === 'string' ? image.url.trim() : String(image.url).trim();
+            return url.length > 0 ? url : undefined;
+        }
+        for (const key of ['src', 'image', 'imageUrl', 'image_url', 'value']) {
+            if (key in image && image[key]) {
+                const raw = image[key];
+                const url = typeof raw === 'string' ? raw.trim() : String(raw).trim();
+                if (url.length > 0)
+                    return url;
+            }
+        }
+    }
+    if (Array.isArray(image) && image.length > 0) {
+        return extractCategoryImage(image[0]);
+    }
+    return undefined;
+}
+export function normalizeCategories(categories) {
+    if (!categories?.length)
+        return [];
+    const flatten = (items) => {
+        const result = [];
+        for (const item of items) {
+            if (item?.id && item?.slug && item?.name) {
+                result.push(item);
+            }
+            if (item.children?.length) {
+                result.push(...flatten(item.children));
+            }
+        }
+        return result;
+    };
+    return flatten(categories);
+}
+export function resolveColumnCount(configColumns, defaultColumns = 3) {
+    const n = typeof configColumns === 'number' && Number.isFinite(configColumns)
+        ? Math.round(configColumns)
+        : defaultColumns;
+    return Math.min(4, Math.max(2, n));
+}
+const COLUMN_CLASS_MAP = {
+    2: 'sm:columns-2 lg:columns-2',
+    3: 'sm:columns-2 lg:columns-3',
+    4: 'sm:columns-2 lg:columns-4',
+};
+export function getColumnsClass(columns) {
+    return COLUMN_CLASS_MAP[resolveColumnCount(columns)] ?? COLUMN_CLASS_MAP[3];
+}
+const MASONRY_HEIGHTS = ['min-h-[280px]', 'min-h-[360px]', 'min-h-[320px]'];
+export function getMasonryHeightClass(index) {
+    return MASONRY_HEIGHTS[index % MASONRY_HEIGHTS.length];
+}
+export function getHeroHeightClass(variant) {
+    return variant === 'electronics' ? 'min-h-[420px] md:min-h-[480px]' : 'min-h-[360px] md:min-h-[420px]';
+}
+export function getTwoColumnHeightClass(variant) {
+    return variant === 'electronics' ? 'min-h-[320px]' : 'min-h-[300px]';
+}

package/dist/components/checkout/CheckoutFeeLines.d.ts

@@ -0,0 +1,12 @@
+import type { CheckoutFeeLine } from '../../lib/services/fees.service';
+interface CheckoutFeeLinesProps {
+    lines: CheckoutFeeLine[];
+    currency: string;
+    excludeKeys?: string[];
+    className?: string;
+    labelClassName?: string;
+    amountClassName?: string;
+}
+export declare function CheckoutFeeLines({ lines, currency, excludeKeys, className, labelClassName, amountClassName, }: CheckoutFeeLinesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutFeeLines.d.ts.map

package/dist/components/checkout/CheckoutFeeLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutFeeLines.d.ts","sourceRoot":"","sources":["../../../src/components/checkout/CheckoutFeeLines.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,UAAU,qBAAqB;IAC7B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,SAA+E,EAC/E,cAA2B,EAC3B,eAAgF,GACjF,EAAE,qBAAqB,2CAevB"}

package/dist/components/checkout/CheckoutFeeLines.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatCurrency } from '../../lib/utils/index.js';
+export function CheckoutFeeLines({ lines, currency, excludeKeys = [], className = 'flex items-center justify-between gap-4 font-medium text-gray-600', labelClassName = 'shrink-0', amountClassName = 'shrink-0 text-right font-semibold tabular-nums text-gray-900', }) {
+    const excluded = new Set(excludeKeys);
+    return (_jsx(_Fragment, { children: lines
+            .filter((line) => line.amount > 0 && !excluded.has(line.key))
+            .map((line) => (_jsxs("div", { className: className, children: [_jsx("span", { className: labelClassName, children: line.label }), _jsx("span", { className: amountClassName, children: formatCurrency(line.amount, currency) })] }, `${line.key}-${line.amount}`))) }));
+}

package/dist/components/checkout/ShippingOptionsPanel.d.ts

@@ -0,0 +1,54 @@
+import type { ShippingQuoteAddress } from '../../lib/shipping-address.util';
+export interface DeliveryRate {
+    providerKey: string;
+    providerDisplayName: string;
+    methodCode: string | null;
+    methodName: string;
+    etaTo: number | null;
+    etaFrom: number | null;
+    price: number;
+    currency: string;
+    quoteToken: string | null;
+    serviceCode?: string;
+    courierId?: string;
+    notes: string | null;
+    isFastest?: boolean;
+    isCheapest?: boolean;
+    isRecommended?: boolean;
+    serviceType?: 'pickup' | 'dropoff';
+    supportsCOD?: boolean;
+    trackingLevel?: number;
+}
+/** @deprecated use DeliveryRate */
+export type ShipBubbleRate = DeliveryRate;
+export interface SelectedShipping {
+    providerKey: string;
+    serviceCode: string;
+    courierId: string;
+    requestToken: string;
+    quoteId: string;
+    price: number;
+    currency: string;
+    courierName: string;
+}
+interface ShippingOptionsPanelProps {
+    storeId: string;
+    address: ShippingQuoteAddress;
+    packages: Array<{
+        weight: number;
+        value?: number;
+        name?: string;
+        quantity?: number;
+    }>;
+    onSelect: (selection: SelectedShipping | null) => void;
+    selected: SelectedShipping | null;
+    customerInfo?: {
+        firstName?: string;
+        lastName?: string;
+        phone?: string;
+        email?: string;
+    };
+}
+export declare function ShippingOptionsPanel({ storeId, address, packages, onSelect, selected, customerInfo, }: ShippingOptionsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShippingOptionsPanel.d.ts.map

package/dist/components/checkout/ShippingOptionsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingOptionsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/checkout/ShippingOptionsPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mCAAmC;AACnC,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtF,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAkBD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,EAAE,yBAAyB,2CAuK3B"}

package/dist/components/checkout/ShippingOptionsPanel.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { api } from '../../lib/api.js';
+import { Skeleton } from '../../components/ui/skeleton.js';
+import { buildDeliveryQuotePayload } from '../../lib/shipping-address.util.js';
+function toSelectedShipping(rate) {
+    const serviceCode = rate.serviceCode || rate.methodCode || 'standard';
+    const courierId = rate.courierId || '';
+    const quoteToken = rate.quoteToken || '';
+    return {
+        providerKey: rate.providerKey,
+        serviceCode,
+        courierId,
+        requestToken: quoteToken,
+        quoteId: rate.providerKey === 'shipbubble' ? `${quoteToken}|${courierId}` : quoteToken,
+        price: rate.price,
+        currency: rate.currency,
+        courierName: rate.methodName,
+    };
+}
+export function ShippingOptionsPanel({ storeId, address, packages, onSelect, selected, customerInfo, }) {
+    const [rates, setRates] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [addressIncomplete, setAddressIncomplete] = useState(false);
+    const fetchRates = useCallback(async () => {
+        if (!address.city || !address.state || !address.country) {
+            setAddressIncomplete(true);
+            setRates([]);
+            return;
+        }
+        const street = (address.street || address.address1 || '').trim();
+        if (!street) {
+            setAddressIncomplete(true);
+            setRates([]);
+            return;
+        }
+        setAddressIncomplete(false);
+        setLoading(true);
+        setError(null);
+        try {
+            const payload = buildDeliveryQuotePayload({
+                storeId,
+                address,
+                packages,
+                customerInfo,
+            });
+            const response = await api.post('/delivery/quote', payload);
+            const quotes = response.data?.data?.quotes || response.data?.data || [];
+            setRates(quotes);
+            if (quotes.length > 0 && !selected) {
+                const recommended = quotes.find((q) => q.isRecommended || q.isFastest) || quotes[0];
+                onSelect(toSelectedShipping(recommended));
+            }
+        }
+        catch (err) {
+            const message = err?.response?.data?.message ||
+                err?.message ||
+                'Could not load shipping options. You can continue and shipping will be calculated at fulfilment.';
+            setError(message);
+            setRates([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [
+        storeId,
+        address.city,
+        address.state,
+        address.country,
+        address.street,
+        address.address1,
+        address.zipCode,
+        packages,
+        customerInfo,
+        selected,
+        onSelect,
+    ]);
+    useEffect(() => {
+        fetchRates();
+    }, [fetchRates]);
+    const handleSelect = (rate) => {
+        onSelect(toSelectedShipping(rate));
+    };
+    if (addressIncomplete) {
+        return (_jsx("p", { className: "text-xs text-gray-500 bg-gray-50 border border-gray-200 rounded px-3 py-2", children: "Complete your address (street, city, state, country) to see shipping rates." }));
+    }
+    if (loading) {
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium text-gray-700", children: "Shipping options" }), _jsx(Skeleton, { className: "h-16 w-full" }), _jsx(Skeleton, { className: "h-16 w-full" })] }));
+    }
+    if (error) {
+        return (_jsx("p", { className: "text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2", children: error }));
+    }
+    if (rates.length === 0) {
+        return (_jsx("p", { className: "text-xs text-gray-500 bg-gray-50 border border-gray-200 rounded px-3 py-2", children: "No courier rates available for this address. Try a different address or continue \u2014 shipping may be arranged after checkout." }));
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium text-gray-700", children: "Shipping options" }), _jsx("div", { className: "space-y-2", children: rates.map((rate, idx) => {
+                    const serviceCode = rate.serviceCode || rate.methodCode || 'standard';
+                    const courierId = rate.courierId || '';
+                    const isSelected = selected?.providerKey === rate.providerKey &&
+                        selected?.serviceCode === serviceCode &&
+                        selected?.courierId === courierId;
+                    const etaDays = rate.etaTo;
+                    return (_jsxs("button", { type: "button", onClick: () => handleSelect(rate), className: [
+                            'w-full flex items-start gap-3 p-3 rounded-lg border text-left transition-colors',
+                            isSelected
+                                ? 'border-blue-500 bg-blue-50'
+                                : 'border-gray-200 hover:border-gray-300 bg-white',
+                        ].join(' '), children: [_jsx("span", { className: [
+                                    'mt-0.5 flex-shrink-0 w-4 h-4 rounded-full border-2 flex items-center justify-center',
+                                    isSelected ? 'border-blue-500' : 'border-gray-300',
+                                ].join(' '), children: isSelected && _jsx("span", { className: "w-2 h-2 rounded-full bg-blue-500" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "text-sm font-medium text-gray-900", children: rate.methodName }), rate.isFastest && (_jsx("span", { className: "text-[10px] font-semibold bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded-full uppercase tracking-wide", children: "Fastest" })), rate.isCheapest && (_jsx("span", { className: "text-[10px] font-semibold bg-green-100 text-green-700 px-1.5 py-0.5 rounded-full uppercase tracking-wide", children: "Cheapest" }))] }), _jsxs("div", { className: "flex items-center gap-2 mt-0.5 text-xs text-gray-500 flex-wrap", children: [etaDays && _jsxs("span", { children: ["Arrives in ~", etaDays, " day", etaDays !== 1 ? 's' : ''] }), rate.providerKey === 'shipbubble' && rate.serviceType === 'dropoff' && _jsx("span", { children: "\u00B7 Drop-off at courier station" }), rate.trackingLevel != null && _jsxs("span", { children: ["\u00B7 Tracking ", rate.trackingLevel, "/10"] })] })] }), _jsx("div", { className: "flex-shrink-0 text-right", children: _jsxs("p", { className: "text-sm font-semibold text-gray-900", children: [rate.currency, " ", rate.price.toLocaleString()] }) })] }, `${rate.providerKey}-${serviceCode}-${courierId}-${idx}`));
+                }) })] }));
+}

package/dist/components/learning/CertificateTemplates.d.ts

@@ -0,0 +1,25 @@
+export type CertificateDesign = 'classic' | 'modern' | 'minimal' | 'premium' | 'luxury';
+export interface CertificateData {
+    studentName: string;
+    courseName: string;
+    completionDate: string;
+    certificateId: string;
+    instructorName: string;
+    instructorTitle: string;
+    institutionName?: string;
+    signatureUrl?: string;
+    brandLogo?: string;
+    primaryColor?: string;
+}
+interface CertificateTemplateProps {
+    data: CertificateData;
+    design: CertificateDesign;
+    className?: string;
+}
+export declare function CertificateTemplate({ data, design, className }: CertificateTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare function CertificateCard({ certificate, onDownload }: {
+    certificate: any;
+    onDownload: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CertificateTemplates.d.ts.map

package/dist/components/learning/CertificateTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/learning/CertificateTemplates.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,wBAAwB;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAyWxF;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE;IAC3D,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,2CAsDA"}