payaza-storefront-layouts 1.0.25 → 1.0.33

package/dist/components/ui/alert-modal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type AlertType = 'success' | 'error' | 'info' | 'warning';
+interface AlertOptions {
+    title?: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+}
+interface AlertModalContextType {
+    showAlert: (message: string, type?: AlertType, options?: AlertOptions) => void;
+    hideAlert: () => void;
+}
+export declare function AlertModalProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAlertModal(): AlertModalContextType;
+export {};
+//# sourceMappingURL=alert-modal.d.ts.map

package/dist/components/ui/alert-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AASD,UAAU,qBAAqB;IAC7B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/E,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA6C7E;AAED,wBAAgB,aAAa,0BAM5B"}

package/dist/components/ui/alert-modal.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback } from 'react';
+import { CheckCircle2, AlertCircle, Info, AlertTriangle } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+const AlertModalContext = createContext(undefined);
+export function AlertModalProvider({ children }) {
+    const [alert, setAlert] = useState({
+        isOpen: false,
+        message: '',
+        type: 'info',
+        options: {}
+    });
+    const showAlert = useCallback((message, type = 'info', options = {}) => {
+        setAlert({
+            isOpen: true,
+            message,
+            type,
+            options
+        });
+    }, []);
+    const hideAlert = useCallback(() => {
+        setAlert(prev => ({ ...prev, isOpen: false }));
+    }, []);
+    const handleConfirm = () => {
+        alert.options.onConfirm?.();
+        hideAlert();
+    };
+    const handleCancel = () => {
+        alert.options.onCancel?.();
+        hideAlert();
+    };
+    return (_jsxs(AlertModalContext.Provider, { value: { showAlert, hideAlert }, children: [children, _jsx(AlertModalContainer, { isOpen: alert.isOpen, message: alert.message, type: alert.type, options: alert.options, onConfirm: handleConfirm, onCancel: handleCancel, onClose: hideAlert })] }));
+}
+export function useAlertModal() {
+    const context = useContext(AlertModalContext);
+    if (context === undefined) {
+        throw new Error('useAlertModal must be used within an AlertModalProvider');
+    }
+    return context;
+}
+function AlertModalContainer({ isOpen, message, type, options, onConfirm, onCancel, onClose }) {
+    if (!isOpen)
+        return null;
+    const icons = {
+        success: _jsx(CheckCircle2, { className: "h-10 w-10 text-green-500" }),
+        error: _jsx(AlertCircle, { className: "h-10 w-10 text-red-500" }),
+        warning: _jsx(AlertTriangle, { className: "h-10 w-10 text-amber-500" }),
+        info: _jsx(Info, { className: "h-10 w-10 text-blue-500" })
+    };
+    const colors = {
+        success: "bg-green-50 border-green-100",
+        error: "bg-red-50 border-red-100",
+        warning: "bg-amber-50 border-amber-100",
+        info: "bg-blue-50 border-blue-100"
+    };
+    return (_jsxs("div", { className: "fixed inset-0 z-[200] flex items-center justify-center p-4", children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/40 backdrop-blur-md animate-in fade-in duration-300", onClick: onClose }), _jsxs("div", { className: "relative bg-white rounded-[24px] shadow-2xl w-full max-w-sm overflow-hidden animate-in zoom-in-95 slide-in-from-bottom-4 duration-300 border border-slate-100", children: [_jsxs("div", { className: "p-8 flex flex-col items-center text-center", children: [_jsx("div", { className: cn("w-20 h-20 rounded-full flex items-center justify-center mb-6 animate-in zoom-in-50 duration-500 delay-150", colors[type]), children: icons[type] }), _jsx("h3", { className: "text-xl font-extrabold text-slate-900 mb-2 leading-tight", children: options.title || (type.charAt(0).toUpperCase() + type.slice(1)) }), _jsx("p", { className: "text-slate-500 text-sm font-medium leading-relaxed px-2", children: message })] }), _jsxs("div", { className: "px-8 pb-8 flex flex-col gap-3", children: [_jsx(Button, { onClick: onConfirm, className: cn("w-full h-12 rounded-xl font-bold text-sm uppercase tracking-wider transition-all active:scale-[0.98]", type === 'success' && "bg-green-600 hover:bg-green-700 text-white shadow-lg shadow-green-100", type === 'error' && "bg-red-600 hover:bg-red-700 text-white shadow-lg shadow-red-100", type === 'warning' && "bg-amber-600 hover:bg-amber-700 text-white shadow-lg shadow-amber-100", type === 'info' && "bg-slate-900 hover:bg-slate-800 text-white shadow-lg shadow-slate-200"), children: options.confirmText || 'Understand' }), options.showCancel && (_jsx(Button, { variant: "ghost", onClick: onCancel, className: "w-full h-12 rounded-xl font-bold text-sm uppercase tracking-wider text-slate-400 hover:text-slate-600 hover:bg-slate-50", children: options.cancelText || 'Cancel' }))] })] })] }));
+}

package/dist/components/ui/dynamic-icon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+export declare const ICON_MAP: Record<string, React.FC<LucideProps>>;
+export declare const COMMON_ICON_NAMES: string[];
+interface DynamicIconProps extends LucideProps {
+    name: string;
+    fallback?: React.FC<LucideProps>;
+}
+export declare const DynamicIcon: React.FC<DynamicIconProps>;
+export {};
+//# sourceMappingURL=dynamic-icon.d.ts.map

package/dist/components/ui/dynamic-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dynamic-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAkBL,WAAW,EAiDZ,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAkE1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAA0D,CAAC;AAEzF,UAAU,gBAAiB,SAAQ,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}

package/dist/components/ui/dynamic-icon.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Truck, RefreshCw, ShieldCheck, Heart, ShoppingCart, Star, Clock, MapPin, Mail, Phone, Tag, Package, CreditCard, Globe, Zap, Gift, HelpCircle, ArrowRight, Search, Menu, Plus, Minus, Trash2, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, Check, RotateCcw, SlidersHorizontal, ArrowUpRight, Users, Award, Leaf, LayoutGrid, Utensils, ChefHat, Smartphone, Laptop, Headphones, Watch, Camera, Cpu, Battery, Wifi, Play, FileText, Lock, Quote, Youtube, Instagram, Twitter, Facebook, BookOpen, Sparkles, Flame, Wine, Coffee, CheckCircle, ThumbsUp, User, Ruler, Share2, Info, Calendar } from 'lucide-react';
+export const ICON_MAP = {
+    Truck,
+    RefreshCw,
+    ShieldCheck,
+    Shield: ShieldCheck,
+    Heart,
+    ShoppingCart,
+    Star,
+    Clock,
+    MapPin,
+    Mail,
+    Phone,
+    Tag,
+    Package,
+    CreditCard,
+    Globe,
+    Zap,
+    Gift,
+    ArrowRight,
+    Search,
+    Menu,
+    Plus,
+    Minus,
+    Trash2,
+    ChevronLeft,
+    ChevronRight,
+    ChevronDown,
+    ChevronUp,
+    Check,
+    RotateCcw,
+    SlidersHorizontal,
+    ArrowUpRight,
+    Users,
+    Award,
+    Leaf,
+    LayoutGrid,
+    Utensils,
+    ChefHat,
+    Smartphone,
+    Laptop,
+    Headphones,
+    Watch,
+    Camera,
+    Cpu,
+    Battery,
+    Wifi,
+    Play,
+    FileText,
+    Lock,
+    Quote,
+    Youtube,
+    Instagram,
+    Twitter,
+    Facebook,
+    BookOpen,
+    Sparkles,
+    Flame,
+    Wine,
+    Coffee,
+    CheckCircle,
+    ThumbsUp,
+    User,
+    Ruler,
+    Share2,
+    Info,
+    Calendar
+};
+export const COMMON_ICON_NAMES = Object.keys(ICON_MAP).filter(name => name !== 'Shield'); // Exclude aliases
+export const DynamicIcon = ({ name, fallback: Fallback = HelpCircle, ...props }) => {
+    const IconComponent = ICON_MAP[name];
+    if (!IconComponent) {
+        return _jsx(Fallback, { ...props });
+    }
+    return _jsx(IconComponent, { ...props });
+};

package/dist/editor/alignment-schemas/booking-agenda.d.ts

@@ -0,0 +1,3 @@
+import { LayoutAlignmentSchema } from './types';
+export declare const BookingAgendaSchema: LayoutAlignmentSchema;
+//# sourceMappingURL=booking-agenda.d.ts.map

package/dist/editor/alignment-schemas/booking-agenda.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-agenda.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/booking-agenda.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,mBAAmB,EAAE,qBA4GjC,CAAC"}

package/dist/editor/alignment-schemas/booking-agenda.js

@@ -0,0 +1,109 @@
+export const BookingAgendaSchema = {
+    home: {
+        header: {
+            type: 'section',
+            label: 'Header & Date Picker',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' },
+                subtitle: { type: 'text', label: 'Subtitle' }
+            }
+        },
+        promoBanner: {
+            type: 'section',
+            label: 'Promo Banner',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                promo_banner: { type: 'image', label: 'Banner Image' },
+                badge: { type: 'text', label: 'Badge Text' },
+                title: { type: 'multiline_text', label: 'Title' },
+                description: { type: 'multiline_text', label: 'Description' },
+                button: {
+                    type: 'button',
+                    label: 'Button',
+                    fields: {
+                        text: { type: 'text', label: 'Button Text' },
+                        link: { type: 'text', label: 'Button Link' }
+                    }
+                }
+            }
+        },
+        services: {
+            type: 'section',
+            label: 'Service List',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Section Title' }
+            }
+        },
+        team: {
+            type: 'section',
+            label: 'Our Experts',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Section Title' },
+                viewAllLabel: { type: 'text', label: 'View All Link Text' }
+            }
+        },
+        testimonials: {
+            type: 'section',
+            label: 'Client Reviews',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Title' },
+                subtitle: { type: 'text', label: 'Subtitle' }
+            }
+        }
+    },
+    about: {
+        hero: {
+            type: 'section',
+            label: 'About Header',
+            fields: {
+                heroImage: { type: 'image', label: 'Hero Image' },
+                title: { type: 'text', label: 'Title' },
+                missionStatement: { type: 'text', label: 'Mission Statement' }
+            }
+        },
+        story: {
+            type: 'section',
+            label: 'Our Story',
+            fields: {
+                content: { type: 'multiline_text', label: 'Story Content' }
+            }
+        }
+    },
+    contact: {
+        hero: {
+            type: 'section',
+            label: 'Contact Header',
+            fields: {}
+        },
+        form: {
+            type: 'section',
+            label: 'Contact Form',
+            fields: {}
+        },
+        map: {
+            type: 'section',
+            label: 'Location Map',
+            fields: {}
+        }
+    },
+    services: {
+        hero: {
+            type: 'section',
+            label: 'Services Header',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' },
+                description: { type: 'multiline_text', label: 'Description' }
+            }
+        },
+        'services-list': {
+            type: 'section',
+            label: 'Services List',
+            fields: {}
+        }
+    }
+};

package/dist/editor/alignment-schemas/booking.d.ts

@@ -0,0 +1,3 @@
+import { LayoutAlignmentSchema } from './types';
+export declare const BookingSchema: LayoutAlignmentSchema;
+//# sourceMappingURL=booking.d.ts.map

package/dist/editor/alignment-schemas/booking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/booking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,aAAa,EAAE,qBAkN3B,CAAC"}

package/dist/editor/alignment-schemas/booking.js

@@ -0,0 +1,211 @@
+export const BookingSchema = {
+    home: {
+        hero: {
+            type: 'section',
+            label: 'Hero Section',
+            _sourcePath: 'layoutConfig.hero',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showCTA: { type: 'toggle', label: 'Show Primary Button', defaultValue: true },
+                hero_bg: { type: 'image', label: 'Background Image' },
+                hero_badge: { type: 'text', label: 'Badge Text' },
+                title: { type: 'multiline_text', label: 'Main Title' },
+                subtitle: { type: 'multiline_text', label: 'Subtitle' },
+                primaryButton: {
+                    type: 'button',
+                    label: 'Primary Button',
+                    fields: {
+                        text: { type: 'text', label: 'Button Text' },
+                        link: { type: 'text', link: 'Button Link' }
+                    }
+                },
+                secondaryButton: {
+                    type: 'button',
+                    label: 'Secondary Button',
+                    fields: {
+                        text: { type: 'text', label: 'Button Text' },
+                        link: { type: 'text', link: 'Button Link' }
+                    }
+                }
+            }
+        },
+        featuredServices: {
+            type: 'section',
+            label: 'Signature Services',
+            _sourcePath: 'layoutConfig.sections.categories',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Section Title' },
+                showViewAll: { type: 'toggle', label: 'Show View All Button' },
+                limit: { type: 'number', label: 'Service Limit', defaultValue: 6 }
+            }
+        },
+        team: {
+            type: 'section',
+            label: 'Meet the Specialists',
+            _sourcePath: 'layoutConfig.sections.team',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                specialist_image: { type: 'image', label: 'Specialist Image' },
+                memberName: { type: 'text', label: 'Member Name' },
+                memberRole: { type: 'text', label: 'Member Role' },
+                title: { type: 'multiline_text', label: 'Section Title' },
+                subtitle: { type: 'multiline_text', label: 'Description' }
+            }
+        },
+        testimonials: {
+            type: 'section',
+            label: 'Client Reviews',
+            _sourcePath: 'layoutConfig.sections.testimonials',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Section Title' },
+                showRatings: { type: 'toggle', label: 'Show Ratings' },
+                limit: { type: 'number', label: 'Testimonial Limit', defaultValue: 3 },
+                testimonials: {
+                    type: 'array',
+                    label: 'Testimonials',
+                    itemSchema: {
+                        image: { type: 'image', label: 'Client Image' },
+                        name: { type: 'text', label: 'Client Name' },
+                        text: { type: 'multiline_text', label: 'Testimonial Text' },
+                        rating: { type: 'number', label: 'Rating' },
+                        location: { type: 'text', label: 'Location' },
+                        date: { type: 'text', label: 'Date' }
+                    }
+                }
+            }
+        },
+        marketing: {
+            type: 'section',
+            label: 'Call to Action',
+            _sourcePath: 'layoutConfig.sections.marketing',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                ctaTitle: { type: 'text', label: 'Title' },
+                ctaDescription: { type: 'text', label: 'Description' },
+                ctaButton: { type: 'text', label: 'Button Text' }
+            }
+        }
+    },
+    about: {
+        hero: {
+            type: 'section',
+            label: 'About Header',
+            fields: {
+                heroImage: { type: 'image', label: 'Hero Image' },
+                title: { type: 'text', label: 'Title' },
+                missionStatement: { type: 'text', label: 'Mission Statement' }
+            }
+        },
+        story: {
+            type: 'section',
+            label: 'Our Story',
+            fields: {
+                content: { type: 'multiline_text', label: 'Story Content' }
+            }
+        }
+    },
+    contact: {
+        contactHeader: {
+            type: 'section',
+            label: 'Contact Header',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' }
+            }
+        },
+        contactForm: {
+            type: 'section',
+            label: 'Contact Form Settings',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true }
+            }
+        }
+    },
+    services: {
+        servicesHeader: {
+            type: 'section',
+            label: 'Services Header',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' },
+                showFilters: { type: 'toggle', label: 'Show Filters' },
+                showSearch: { type: 'toggle', label: 'Show Search' }
+            }
+        },
+        servicesGrid: {
+            type: 'section',
+            label: 'Services Grid',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showPagination: { type: 'toggle', label: 'Show Pagination' },
+                showBookButton: { type: 'toggle', label: 'Show Book Button' }
+            }
+        }
+    },
+    serviceDetail: {
+        serviceDetail: {
+            type: 'section',
+            label: 'Service Detail Settings',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showBookButton: { type: 'toggle', label: 'Show Book Button' },
+                showDescription: { type: 'toggle', label: 'Show Description' },
+                showDuration: { type: 'toggle', label: 'Show Duration' },
+                showPrice: { type: 'toggle', label: 'Show Price' },
+                showSpecialists: { type: 'toggle', label: 'Show Specialists' }
+            }
+        }
+    },
+    book: {
+        bookingHeader: {
+            type: 'section',
+            label: 'Booking Header',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' },
+                showSteps: { type: 'toggle', label: 'Show Steps' }
+            }
+        },
+        bookingForm: {
+            type: 'section',
+            label: 'Booking Form Settings',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showServiceSelection: { type: 'toggle', label: 'Show Service Selection' },
+                showDatePicker: { type: 'toggle', label: 'Show Date Picker' },
+                showTimeSlot: { type: 'toggle', label: 'Show Time Slots' },
+                showSpecialistSelection: { type: 'toggle', label: 'Show Specialist Selection' }
+            }
+        }
+    },
+    categories: {
+        categoriesHeader: {
+            type: 'section',
+            label: 'Categories Header',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                title: { type: 'text', label: 'Page Title' }
+            }
+        },
+        categoryGrid: {
+            type: 'section',
+            label: 'Category Grid',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showServices: { type: 'toggle', label: 'Show Services' }
+            }
+        }
+    },
+    categoryDetail: {
+        categoryDetail: {
+            type: 'section',
+            label: 'Category Detail Settings',
+            fields: {
+                show: { type: 'toggle', label: 'Show Section', defaultValue: true },
+                showServices: { type: 'toggle', label: 'Show Services' }
+            }
+        }
+    }
+};

package/dist/editor/alignment-schemas/clothing-minimal.d.ts

@@ -0,0 +1,3 @@
+import { LayoutAlignmentSchema } from './types';
+export declare const ClothingMinimalSchema: LayoutAlignmentSchema;
+//# sourceMappingURL=clothing-minimal.d.ts.map

package/dist/editor/alignment-schemas/clothing-minimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clothing-minimal.d.ts","sourceRoot":"","sources":["../../../src/editor/alignment-schemas/clothing-minimal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,qBAAqB,EAAE,qBAqNnC,CAAC"}