storefront-layouts-staging 1.0.0-staging.0

package/dist/lib/payaza-section-styles.d.ts

@@ -0,0 +1,16 @@
+import type { StoreConfig } from './store-types';
+import type { StyleDocument } from '../editor/document/types';
+/** Separator between page id and section key in persisted style maps (envelope + layoutConfig). */
+export declare const PAYAZA_SECTION_STYLE_KEY_SEP = "::";
+export declare function payazaSectionStyleKey(pageId: string, sectionKey: string): string;
+export declare function parsePayazaSectionStyleKey(key: string): {
+    pageId: string;
+    sectionKey: string;
+} | null;
+export declare function getPayazaSectionStyleEntries(config: StoreConfig | null | undefined, pageId: string, sectionKey: string): Record<string, string>;
+/** For React inline `style`; values are sanitized upstream when saved from the editor. */
+export declare function getPayazaSectionInlineStyle(config: StoreConfig | null | undefined, pageId: string, sectionKey: string): Record<string, string>;
+export declare function payazaSectionStylesFromBlockOverrides(blockStyleOverrides: StyleDocument['blockStyleOverrides'] | undefined): Record<string, Record<string, string>>;
+export declare function blockOverridesFromPayazaSectionStyles(map: Record<string, Record<string, string>> | undefined): StyleDocument['blockStyleOverrides'];
+export declare function mergePayazaSectionStylesIntoLayoutConfig(config: StoreConfig, fromEnvelope: Record<string, Record<string, string>>): StoreConfig;
+//# sourceMappingURL=payaza-section-styles.d.ts.map

package/dist/lib/payaza-section-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payaza-section-styles.d.ts","sourceRoot":"","sources":["../../src/lib/payaza-section-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,OAAO,CAAC;AAEjD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIhF;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAQrG;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACtC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GACjB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAYxB;AAED,0FAA0F;AAC1F,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACtC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GACjB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAExB;AAED,wBAAgB,qCAAqC,CACnD,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,GAAG,SAAS,GACpE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAaxC;AAED,wBAAgB,qCAAqC,CACnD,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GACtD,aAAa,CAAC,qBAAqB,CAAC,CAYtC;AAED,wBAAgB,wCAAwC,CACtD,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GACnD,WAAW,CAeb"}

package/dist/lib/payaza-section-styles.js

@@ -0,0 +1,93 @@
+/** Separator between page id and section key in persisted style maps (envelope + layoutConfig). */
+export const PAYAZA_SECTION_STYLE_KEY_SEP = '::';
+export function payazaSectionStyleKey(pageId, sectionKey) {
+    const p = String(pageId || '').trim() || 'home';
+    const s = String(sectionKey || '').trim();
+    return `${p}${PAYAZA_SECTION_STYLE_KEY_SEP}${s}`;
+}
+export function parsePayazaSectionStyleKey(key) {
+    if (!key || typeof key !== 'string')
+        return null;
+    const idx = key.indexOf(PAYAZA_SECTION_STYLE_KEY_SEP);
+    if (idx <= 0 || idx >= key.length - PAYAZA_SECTION_STYLE_KEY_SEP.length)
+        return null;
+    const pageId = key.slice(0, idx).trim();
+    const sectionKey = key.slice(idx + PAYAZA_SECTION_STYLE_KEY_SEP.length).trim();
+    if (!pageId || !sectionKey)
+        return null;
+    return { pageId, sectionKey };
+}
+export function getPayazaSectionStyleEntries(config, pageId, sectionKey) {
+    const map = config?.layoutConfig?.payazaSectionStyles;
+    if (!map || typeof map !== 'object')
+        return {};
+    const k = payazaSectionStyleKey(pageId, sectionKey);
+    const raw = map[k];
+    if (!raw || typeof raw !== 'object')
+        return {};
+    const out = {};
+    for (const [prop, val] of Object.entries(raw)) {
+        if (typeof val === 'string')
+            out[prop] = val;
+        else if (typeof val === 'number')
+            out[prop] = String(val);
+    }
+    return out;
+}
+/** For React inline `style`; values are sanitized upstream when saved from the editor. */
+export function getPayazaSectionInlineStyle(config, pageId, sectionKey) {
+    return getPayazaSectionStyleEntries(config, pageId, sectionKey);
+}
+export function payazaSectionStylesFromBlockOverrides(blockStyleOverrides) {
+    if (!blockStyleOverrides || typeof blockStyleOverrides !== 'object')
+        return {};
+    const out = {};
+    for (const [blockId, props] of Object.entries(blockStyleOverrides)) {
+        if (!props || typeof props !== 'object')
+            continue;
+        const row = {};
+        for (const [pk, pv] of Object.entries(props)) {
+            if (typeof pv === 'string')
+                row[pk] = pv;
+            else if (typeof pv === 'number' && Number.isFinite(pv))
+                row[pk] = String(pv);
+        }
+        if (Object.keys(row).length > 0)
+            out[blockId] = row;
+    }
+    return out;
+}
+export function blockOverridesFromPayazaSectionStyles(map) {
+    if (!map || typeof map !== 'object')
+        return {};
+    const out = {};
+    for (const [id, props] of Object.entries(map)) {
+        if (!props || typeof props !== 'object')
+            continue;
+        const row = {};
+        for (const [pk, pv] of Object.entries(props)) {
+            if (typeof pv === 'string' && pv.length > 0)
+                row[pk] = pv;
+        }
+        if (Object.keys(row).length > 0)
+            out[id] = row;
+    }
+    return out;
+}
+export function mergePayazaSectionStylesIntoLayoutConfig(config, fromEnvelope) {
+    if (!fromEnvelope || Object.keys(fromEnvelope).length === 0)
+        return config;
+    const prev = config.layoutConfig?.payazaSectionStyles || {};
+    const merged = { ...prev };
+    for (const [blockId, props] of Object.entries(fromEnvelope)) {
+        merged[blockId] = { ...(prev[blockId] || {}), ...props };
+    }
+    return {
+        ...config,
+        layoutConfig: {
+            ...config.layoutConfig,
+            sections: config.layoutConfig?.sections ? { ...config.layoutConfig.sections } : {},
+            payazaSectionStyles: merged,
+        },
+    };
+}

package/dist/lib/preview-data.d.ts

@@ -0,0 +1,58 @@
+import { StoreConfig } from './store-types';
+/**
+ * Preview Data Functions
+ *
+ * These functions return complete StoreConfig objects with embedded dummy data
+ * for previewing layouts. Each function corresponds to a specific layout type
+ * and matches the demo store data from storefront-app.
+ *
+ * This data is embedded in the package itself (WordPress-style self-sustaining layouts)
+ * and can be imported by any consuming app.
+ */
+/**
+ * Get preview data for Food layout (savory-bites)
+ */
+export declare function getFoodPreviewData(): StoreConfig;
+/**
+ * Get preview data for Clothing layout (fashion-hub)
+ */
+export declare function getClothingPreviewData(): StoreConfig;
+/**
+ * Get preview data for Booking layout (urban-retreat)
+ */
+export declare function getBookingPreviewData(): StoreConfig;
+/**
+ * Get preview data for Food Modern layout (modern-eats)
+ */
+export declare function getFoodModernPreviewData(): StoreConfig;
+/**
+ * Get preview data for Clothing Minimal layout (minimal-style)
+ */
+export declare function getClothingMinimalPreviewData(): StoreConfig;
+/**
+ * Get preview data for Booking Agenda layout (agenda-book)
+ */
+export declare function getBookingAgendaPreviewData(): StoreConfig;
+/**
+ * Get preview data for Electronics Grid layout (grid-tech)
+ */
+export declare function getElectronicsGridPreviewData(): StoreConfig;
+/**
+ * Get preview data for Electronics layout (modern-tech)
+ */
+export declare function getElectronicsPreviewData(): StoreConfig;
+/**
+ * Get preview data for Motivational Speaker layout (mindset-mastery)
+ */
+export declare function getMotivationalSpeakerPreviewData(): StoreConfig;
+/**
+ * Helper function to get preview data by layout type
+ */
+export declare function getPreviewDataByLayout(layout: string): StoreConfig | null;
+/**
+ * Get layout ID by store slug from preview data
+ * Returns the layout ID (e.g., 'food-modern') for a given store slug (e.g., 'modern-eats')
+ * Returns null if slug not found in preview data
+ */
+export declare function getLayoutIdByStoreSlug(storeSlug: string): string | null;
+//# sourceMappingURL=preview-data.d.ts.map

package/dist/lib/preview-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-data.d.ts","sourceRoot":"","sources":["../../src/lib/preview-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;GASG;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CAgShD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,WAAW,CA2XpD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,WAAW,CAmPnD;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,WAAW,CA+JtD;AAED;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CA4O3D;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,WAAW,CA2JzD;AAED;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CAme3D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,WAAW,CAiSvD;AAED;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,WAAW,CAiP/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAiCzE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAqBvE"}