storefront-layouts-staging 1.0.0-staging.0

package/dist/layouts/shared/wrappers/MotivationalLayout.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StoreHeader } from '../components/StoreHeader.js';
+import { StoreFooter } from '../components/StoreFooter.js';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
+import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
+import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
+import { usePathname } from 'next/navigation';
+import { cn } from '../../../lib/utils/index.js';
+export function MotivationalLayout({ children, storeConfig }) {
+    const { cartCount } = useStore();
+    const { isBackendLoading } = useLoading();
+    const pathname = usePathname();
+    const isHomePage = pathname === `/${storeConfig.slug}`;
+    // Determine if header should be shown
+    // In preview mode, hide header by default unless explicitly enabled
+    const shouldShowHeader = storeConfig.headerConfig?.show ?? true;
+    // Get theme colors with fallbacks
+    const bgPrimary = getThemeColor(storeConfig, 'background', 'primary', '#FFFFFF');
+    const bgSecondary = getThemeColor(storeConfig, 'background', 'secondary', '#FAFAFA');
+    const bgDark = getThemeColor(storeConfig, 'background', 'dark', '#0F0F0F');
+    const textPrimary = getThemeColor(storeConfig, 'text', 'primary', '#1F2937');
+    const textSecondary = getThemeColor(storeConfig, 'text', 'secondary', '#6B7280');
+    const textInverse = getThemeColor(storeConfig, 'text', 'inverse', '#FFFFFF');
+    const borderPrimary = getThemeColor(storeConfig, 'border', 'primary', '#E5E7EB');
+    const borderSecondary = getThemeColor(storeConfig, 'border', 'secondary', '#F3F4F6');
+    const accentHover = getThemeColor(storeConfig, 'accent', 'hover', storeConfig.branding.primaryColor);
+    const accentFocus = getThemeColor(storeConfig, 'accent', 'focus', '');
+    // Build CSS variables for theme colors
+    const cssVariables = {
+        // Branding colors (existing)
+        '--store-primary': storeConfig.branding.primaryColor,
+        '--store-secondary': storeConfig.branding.secondaryColor || storeConfig.branding.primaryColor,
+        '--store-accent': storeConfig.branding.accentColor || storeConfig.branding.primaryColor,
+        // Theme colors
+        '--theme-bg-primary': bgPrimary,
+        '--theme-bg-secondary': bgSecondary,
+        '--theme-bg-dark': bgDark,
+        '--theme-text-primary': textPrimary,
+        '--theme-text-secondary': textSecondary,
+        '--theme-text-inverse': textInverse,
+        '--theme-border-primary': borderPrimary,
+        '--theme-border-secondary': borderSecondary,
+        '--theme-accent-hover': accentHover,
+        ...(accentFocus ? { '--theme-accent-focus': accentFocus } : {}),
+    };
+    return (_jsx(AlertModalProvider, { children: _jsxs("div", { className: "min-h-screen flex flex-col font-sans", style: cssVariables, children: [shouldShowHeader && (_jsx("div", { className: cn("w-full z-[60]", isHomePage ? "fixed top-0 left-0 right-0" : "relative"), children: _jsx(StoreHeader, { storeConfig: storeConfig, cartItemCount: cartCount }) })), _jsxs("main", { className: cn("flex-1 relative", !isHomePage && "pt-0"), children: [isBackendLoading && _jsx(PageContentLoader, {}), _jsx(PageAnimateWrapper, { children: children })] }), _jsx(StoreFooter, { storeConfig: storeConfig })] }) }));
+}

package/dist/layouts/shared/wrappers/StandardLayout.d.ts

@@ -0,0 +1,8 @@
+import { StoreConfig } from '../../../lib/store-types';
+interface StandardLayoutProps {
+    children: React.ReactNode;
+    storeConfig: StoreConfig;
+}
+export declare function StandardLayout({ children, storeConfig }: StandardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StandardLayout.d.ts.map

package/dist/layouts/shared/wrappers/StandardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/wrappers/StandardLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAUvD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAmD5E"}

package/dist/layouts/shared/wrappers/StandardLayout.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StoreHeader } from '../components/StoreHeader.js';
+import { StoreFooter } from '../components/StoreFooter.js';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
+import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
+import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
+export function StandardLayout({ children, storeConfig }) {
+    const { cartCount } = useStore();
+    const { isBackendLoading } = useLoading();
+    const shouldShowHeader = storeConfig.headerConfig?.show ?? true;
+    // Get theme colors with fallbacks
+    const bgPrimary = getThemeColor(storeConfig, 'background', 'primary', '#FFFFFF');
+    const bgSecondary = getThemeColor(storeConfig, 'background', 'secondary', '#FAFAFA');
+    const bgDark = getThemeColor(storeConfig, 'background', 'dark', '#0F0F0F');
+    const textPrimary = getThemeColor(storeConfig, 'text', 'primary', '#1F2937');
+    const textSecondary = getThemeColor(storeConfig, 'text', 'secondary', '#6B7280');
+    const textInverse = getThemeColor(storeConfig, 'text', 'inverse', '#FFFFFF');
+    const borderPrimary = getThemeColor(storeConfig, 'border', 'primary', '#E5E7EB');
+    const borderSecondary = getThemeColor(storeConfig, 'border', 'secondary', '#F3F4F6');
+    const accentHover = getThemeColor(storeConfig, 'accent', 'hover', storeConfig.branding.primaryColor);
+    const accentFocus = getThemeColor(storeConfig, 'accent', 'focus', '');
+    // Build CSS variables for theme colors
+    const cssVariables = {
+        // Branding colors (existing)
+        '--store-primary': storeConfig.branding.primaryColor,
+        '--store-secondary': storeConfig.branding.secondaryColor || storeConfig.branding.primaryColor,
+        '--store-accent': storeConfig.branding.accentColor || storeConfig.branding.primaryColor,
+        // Theme colors
+        '--theme-bg-primary': bgPrimary,
+        '--theme-bg-secondary': bgSecondary,
+        '--theme-bg-dark': bgDark,
+        '--theme-text-primary': textPrimary,
+        '--theme-text-secondary': textSecondary,
+        '--theme-text-inverse': textInverse,
+        '--theme-border-primary': borderPrimary,
+        '--theme-border-secondary': borderSecondary,
+        '--theme-accent-hover': accentHover,
+        ...(accentFocus ? { '--theme-accent-focus': accentFocus } : {}),
+    };
+    return (_jsx(AlertModalProvider, { children: _jsxs("div", { className: "min-h-screen flex flex-col", style: cssVariables, children: [shouldShowHeader && _jsx(StoreHeader, { storeConfig: storeConfig, cartItemCount: cartCount }), _jsxs("main", { className: "flex-1 relative", children: [isBackendLoading && _jsx(PageContentLoader, {}), _jsx(PageAnimateWrapper, { children: children })] }), _jsx(StoreFooter, { storeConfig: storeConfig })] }) }));
+}

package/dist/lib/alignment-schemas.d.ts

@@ -0,0 +1,51 @@
+export type EditorInputType = 'text' | 'multiline_text' | 'number' | 'toggle' | 'image' | 'color' | 'select' | 'array' | 'section';
+export interface SchemaNode {
+    type: EditorInputType;
+    label: string;
+    description?: string;
+    defaultValue?: any;
+    options?: {
+        label: string;
+        value: string | number;
+    }[];
+    itemSchema?: Record<string, SchemaNode>;
+    fields?: Record<string, SchemaNode>;
+}
+/**
+ * 1. Clothing Layout Schema (Fashion Hub)
+ * Maps to storefront-layouts/src/layouts/clothing
+ */
+export declare const ClothingSchema: Record<string, SchemaNode>;
+/**
+ * 2. Clothing Minimal Layout Schema (Urban Minimalist)
+ */
+export declare const ClothingMinimalSchema: Record<string, SchemaNode>;
+/**
+ * 3. Booking Layout Schema (Beauty Studio)
+ */
+export declare const BookingSchema: Record<string, SchemaNode>;
+/**
+ * 4. Booking Agenda Layout Schema (Appointment Manager)
+ */
+export declare const BookingAgendaSchema: Record<string, SchemaNode>;
+/**
+ * 5. Electronics Layout Schema (Tech Prime)
+ */
+export declare const ElectronicsSchema: Record<string, SchemaNode>;
+/**
+ * 6. Electronics Grid Layout Schema (Tech Hub)
+ */
+export declare const ElectronicsGridSchema: Record<string, SchemaNode>;
+/**
+ * 7. Food Layout Schema (Savory Bites)
+ */
+export declare const FoodSchema: Record<string, SchemaNode>;
+/**
+ * 8. Food Modern Layout Schema (Culinary Canvas)
+ */
+export declare const FoodModernSchema: Record<string, SchemaNode>;
+/**
+ * 9. Motivational Speaker Layout Schema (Inspire)
+ */
+export declare const MotivationalSpeakerSchema: Record<string, SchemaNode>;
+//# sourceMappingURL=alignment-schemas.d.ts.map

package/dist/lib/alignment-schemas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment-schemas.d.ts","sourceRoot":"","sources":["../../src/lib/alignment-schemas.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAC/C,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IAGnB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;IAItD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAIxC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CACrC;AAkCD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAyErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAsD5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA4DpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAgD1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAgExD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA4B5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA0FjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAiEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA2FhE,CAAC"}