storefront-layouts-staging 1.0.0-staging.0

package/dist/editor/alignment-schemas/clothing-minimal.js

@@ -0,0 +1,363 @@
+import { PAYAZA_BLOCK_IDS } from '../blocks/types.js';
+const sectionStyleSupports = {
+    spacing: true,
+    colors: true,
+    border: true,
+    typography: true,
+};
+export const ClothingMinimalSchema = {
+    home: {
+        header: {
+            type: 'section',
+            label: 'Minimalist Navbar',
+            description: 'Control the visibility of the clean, floating header navigation.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.header',
+            _nonEditable: true,
+            fields: {
+                show: { type: 'toggle', label: 'Display Header', description: 'Show or hide the main navigation bar.', defaultValue: true }
+            }
+        },
+        hero: {
+            type: 'section',
+            label: 'Split-Screen Hero',
+            description: 'A modern split-screen design with text content on one side and a large high-fashion image on the other.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.hero',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Hero blocks',
+                    description: 'Edit badge, headline, copy, CTA, hero image, and caption as blocks.',
+                    allowedBlockNames: [...PAYAZA_BLOCK_IDS],
+                },
+            },
+        },
+        features: {
+            type: 'section',
+            label: 'Service Highlights',
+            description: 'Clean row of icons and text summarizing your store\'s key services.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.features',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Feature blocks',
+                    description: 'Each block is one row (icon, title, description).',
+                    allowedBlockNames: ['payaza/feature-item', 'payaza/spacer', 'payaza/group'],
+                },
+            },
+        },
+        categories: {
+            type: 'section',
+            label: 'Clean Category Grid',
+            description: 'A structured grid display for your main product categories.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.categories',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Header blocks',
+                    description: 'Heading and “view all” link above the grid.',
+                    allowedBlockNames: ['payaza/heading', 'payaza/button', 'payaza/spacer', 'payaza/group'],
+                },
+            },
+        },
+        featuredProducts: {
+            type: 'section',
+            label: 'The Essentials',
+            description: 'A minimal product grid highlighting your core or trending pieces.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.featuredProducts',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Intro blocks',
+                    allowedBlockNames: ['payaza/heading', 'payaza/paragraph', 'payaza/spacer', 'payaza/group'],
+                },
+            },
+        },
+        about: {
+            type: 'section',
+            label: 'Visual Storytelling',
+            description: 'An interactive "Shop the Look" section with hotspots or stylized brand messaging.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.about',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Shop the look blocks',
+                    allowedBlockNames: [
+                        'payaza/group',
+                        'payaza/image',
+                        'payaza/hotspot',
+                        'payaza/heading',
+                        'payaza/paragraph',
+                        'payaza/spacer',
+                    ],
+                },
+            },
+        },
+        promoBanner: {
+            type: 'section',
+            label: 'Urgency Banner',
+            description: 'A simple, narrow banner for announcements, sales, or free shipping info.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.promoBanner',
+            fields: {
+                show: { type: 'toggle', label: 'Display Banner', defaultValue: false },
+                blocks: {
+                    type: 'blocks',
+                    label: 'Banner content',
+                    description: 'Message and optional button.',
+                    allowedBlockNames: ['payaza/paragraph', 'payaza/button', 'payaza/spacer', 'payaza/group'],
+                },
+            },
+        },
+    },
+    products: {
+        productsHeader: {
+            type: 'section',
+            label: 'Minimalist Header',
+            description: 'The simple, typography-focused header for the product listing page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.productsHeader',
+            fields: {
+                show: { type: 'toggle', label: 'Display Header', defaultValue: true },
+                image: { type: 'image', label: 'Background Image' },
+                title: { type: 'text', label: 'Page Headline' },
+                description: { type: 'multiline_text', label: 'Subheading Text' },
+                primaryButtonText: { type: 'text', label: 'Primary Button Text' },
+                secondaryButtonText: { type: 'text', label: 'Secondary Button Text' },
+                secondaryButtonLink: {
+                    type: 'select',
+                    label: 'Secondary Button Destination',
+                    defaultValue: '/categories',
+                    options: [
+                        { label: 'Categories', value: '/categories' },
+                        { label: 'Products', value: '/products' },
+                        { label: 'About', value: '/about' },
+                        { label: 'Contact', value: '/contact' },
+                        { label: 'Home', value: '/' },
+                    ],
+                },
+            }
+        },
+    },
+    categories: {
+        categoriesHeader: {
+            type: 'section',
+            label: 'Categories Intro',
+            description: 'The clean header for the category overview page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.categoriesHeader',
+            fields: {
+                show: { type: 'toggle', label: 'Display Header', defaultValue: true },
+                title: { type: 'text', label: 'Headline' },
+                description: { type: 'multiline_text', label: 'Intro Text' },
+                backgroundImage: {
+                    type: 'image',
+                    label: 'Header Background Image',
+                    description: 'Wide banner image (recommended 2000×600px).',
+                    defaultValue: 'https://images.unsplash.com/photo-1445205170230-053b83016050?q=80&w=2000&auto=format&fit=crop',
+                }
+            }
+        },
+        categoryGrid: {
+            type: 'section',
+            label: 'Organized Collections',
+            description: 'Grid layout settings for browsing categories.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.sections.categoriesPageGrid',
+            fields: {
+                show: { type: 'toggle', label: 'Display Grid', defaultValue: true },
+                showImages: { type: 'toggle', label: 'Show Preview Images', defaultValue: true },
+                showDescriptions: { type: 'toggle', label: 'Show Brief Summaries', defaultValue: true }
+            }
+        }
+    },
+    categoryDetail: {
+        banner: {
+            type: 'section',
+            label: 'Category Detail View',
+            description: 'Minimal settings for specific category pages.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.categoryDetail',
+            fields: {
+                showBanner: { type: 'toggle', label: 'Display Banner Image', defaultValue: true },
+                showDescription: { type: 'toggle', label: 'Show Description Text', defaultValue: true },
+                showFilters: { type: 'toggle', label: 'Enable Filters', defaultValue: true },
+                showProducts: { type: 'toggle', label: 'Show Product List', defaultValue: true }
+            }
+        }
+    },
+    about: {
+        aboutHeader: {
+            type: 'section',
+            label: 'Identity Banner',
+            description: 'The minimalist hero section for the brand story page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.about.aboutHeader',
+            fields: {
+                show: { type: 'toggle', label: 'Display Header', defaultValue: true },
+                title: { type: 'text', label: 'Brand Headline' },
+                missionStatement: { type: 'multiline_text', label: 'Mission Focus' },
+                heroImage: { type: 'image', label: 'Brand Image' }
+            }
+        },
+        aboutContent: {
+            type: 'section',
+            label: 'Heritage Text',
+            description: 'Brand story, team image, and core values.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.about.aboutContent',
+            fields: {
+                show: { type: 'toggle', label: 'Display Content', defaultValue: true },
+                subLabel: { type: 'text', label: 'Section Label', defaultValue: 'Who We Are' },
+                heading: { type: 'text', label: 'Section Heading', defaultValue: 'Our Journey' },
+                content: { type: 'multiline_text', label: 'Brand Story' },
+                teamImage: { type: 'image', label: 'Team Photo' },
+                teamCaption: { type: 'text', label: 'Photo Caption', defaultValue: 'The Dream Team' },
+                teamSubCaption: { type: 'text', label: 'Photo Sub-caption', defaultValue: 'Working together to serve you better' },
+                values: {
+                    type: 'array',
+                    label: 'Value Cards',
+                    defaultValue: [
+                        { icon: 'Award', title: 'Pure Materials', description: 'We use only the highest quality organic and sustainable fabrics.' },
+                        { icon: 'Users', title: 'Inclusive Design', description: 'Fashion designed for every body and every style.' },
+                        { icon: 'Heart', title: 'Ethical Craft', description: 'Our garments are made in ethical workshops with fair wages.' },
+                        { icon: 'Leaf', title: 'Eco-Conscious', description: 'Minimal waste production and plastic-free packaging.' },
+                    ],
+                    itemSchema: {
+                        icon: { type: 'icon', label: 'Card Icon' },
+                        title: { type: 'text', label: 'Card Title' },
+                        description: { type: 'multiline_text', label: 'Card Description' },
+                    },
+                },
+            }
+        },
+        statsSection: {
+            type: 'section',
+            label: 'By The Numbers',
+            description: 'Numeric proof points shown as large stats.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.about.statsSection',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                items: {
+                    type: 'array',
+                    label: 'Statistics',
+                    defaultValue: [
+                        { value: '12k+', label: 'Happy Shoppers' },
+                        { value: '60+', label: 'Active Designs' },
+                        { value: '30+', label: 'Countries Served' },
+                        { value: '100%', label: 'Eco Impact' },
+                    ],
+                    itemSchema: {
+                        value: { type: 'text', label: 'Stat Value (e.g. 12k+)' },
+                        label: { type: 'text', label: 'Stat Label' },
+                    },
+                },
+            }
+        },
+        contactSection: {
+            type: 'section',
+            label: 'Quick Contact',
+            description: 'Contact cards shown at the bottom of the about page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.about.contactSection',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                title: { type: 'text', label: 'Section Heading', defaultValue: 'Get in Touch' },
+                description: { type: 'multiline_text', label: 'Supporting Text', defaultValue: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store." },
+                visitIcon: { type: 'icon', label: 'Visit Card Icon', defaultValue: 'MapPin' },
+                visitLabel: { type: 'text', label: 'Visit Card Heading', defaultValue: 'Visit Us' },
+                visitAddress: { type: 'multiline_text', label: 'Address', defaultValue: '123 Store Street\nCommerce City, ST 12345' },
+                emailIcon: { type: 'icon', label: 'Email Card Icon', defaultValue: 'Mail' },
+                emailLabel: { type: 'text', label: 'Email Card Heading', defaultValue: 'Email Us' },
+                email1: { type: 'text', label: 'Primary Email' },
+                email2: { type: 'text', label: 'Support Email' },
+                hoursIcon: { type: 'icon', label: 'Hours Card Icon', defaultValue: 'Clock' },
+                hoursLabel: { type: 'text', label: 'Hours Card Heading', defaultValue: 'Opening Hours' },
+                hoursLine1: { type: 'text', label: 'Weekday Hours', defaultValue: 'Mon - Fri: 9am - 6pm' },
+                hoursLine2: { type: 'text', label: 'Weekend Hours', defaultValue: 'Sat - Sun: 10am - 4pm' },
+            }
+        }
+    },
+    contact: {
+        contactHeader: {
+            type: 'section',
+            label: 'Simple Support Header',
+            description: 'A clean title section for the contact page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.contact.contactHeader',
+            fields: {
+                show: { type: 'toggle', label: 'Display Header', defaultValue: true },
+                title: { type: 'text', label: 'Headline' },
+                subtitle: { type: 'multiline_text', label: 'Supporting Text' },
+                backgroundImage: { type: 'image', label: 'Subtle Background' }
+            }
+        },
+        contactForm: {
+            type: 'section',
+            label: 'Contact Form & Details',
+            description: 'Configure the contact form and the auxiliary info panels on the contact page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.contact.contactForm',
+            fields: {
+                showForm: { type: 'toggle', label: 'Show Contact Form', defaultValue: true },
+                infoTitle: { type: 'text', label: 'Sidebar Title', defaultValue: 'Contact Information' },
+                infoDescription: { type: 'multiline_text', label: 'Sidebar Description', defaultValue: 'Fill out the form and our team will get back to you within 24 hours.' },
+                formTitle: { type: 'text', label: 'Form Heading', defaultValue: 'Send a Message' },
+                namePlaceholder: { type: 'text', label: 'Name Field Label', defaultValue: 'Your Name' },
+                emailPlaceholder: { type: 'text', label: 'Email Field Label', defaultValue: 'Your Email' },
+                messagePlaceholder: { type: 'text', label: 'Message Field Label', defaultValue: 'Your Message' },
+                submitButtonText: { type: 'text', label: 'Submit Button Text', defaultValue: 'Send Message' },
+                showMap: { type: 'toggle', label: 'Show Location Map', defaultValue: true },
+                showHours: { type: 'toggle', label: 'Show Business Hours', defaultValue: true },
+                showSocialLinks: { type: 'toggle', label: 'Show Social Media Links', defaultValue: true },
+                contactEmail: { type: 'text', label: 'Contact Email Address' },
+                contactPhone: { type: 'text', label: 'Contact Phone Number' },
+                contactAddress: { type: 'multiline_text', label: 'Physical Address' }
+            }
+        }
+    },
+    productDetail: {
+        productInfo: {
+            type: 'section',
+            label: 'Product Information',
+            description: 'Controls which product detail elements are shown on the single product page.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.productDetail.productInfo',
+            fields: {
+                show: { type: 'toggle', label: 'Display Section', defaultValue: true },
+                showBreadcrumb: { type: 'toggle', label: 'Show Breadcrumb Navigation', defaultValue: true },
+                showRating: { type: 'toggle', label: 'Show Customer Rating', defaultValue: true },
+                showStock: { type: 'toggle', label: 'Show Stock Indicator', defaultValue: true },
+                showSku: { type: 'toggle', label: 'Show SKU / Product Code', defaultValue: false },
+                showDescription: { type: 'toggle', label: 'Show Product Description', defaultValue: true },
+                showVariants: { type: 'toggle', label: 'Show Variant Selector (size, color)', defaultValue: true },
+                addToCartText: { type: 'text', label: 'Add to Cart Button Text', defaultValue: 'Add to Cart' },
+                showWishlist: { type: 'toggle', label: 'Show Wishlist Button', defaultValue: true },
+                showShareButtons: { type: 'toggle', label: 'Show Share Buttons', defaultValue: false }
+            }
+        },
+        relatedProducts: {
+            type: 'section',
+            label: 'Related Products',
+            description: 'The "You may also like" row beneath the product details.',
+            _styleSupports: sectionStyleSupports,
+            _sourcePath: 'layoutConfig.pages.productDetail.relatedProducts',
+            fields: {
+                show: { type: 'toggle', label: 'Display Related Products', defaultValue: true },
+                title: { type: 'text', label: 'Section Heading', defaultValue: 'You May Also Like' },
+                limit: { type: 'number', label: 'Number of Products to Show', defaultValue: 4 }
+            }
+        }
+    }
+};

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

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

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

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