@shoppexio/builder-runtime 0.1.1 → 0.1.3

package/dist/react.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { BuilderSettingsSchema, PreviewMessageSchema, createEmptyBuilderSettings, migrateLegacyBuilderSettings, } from '@shoppex/builder-contracts';
+import { BuilderSettingsSchema, PreviewMessageSchema, createEmptyBuilderSettings, isTrustedPreviewParentOrigin, migrateLegacyBuilderSettings, normalizeDedicatedPageId, } from '@shoppex/builder-contracts';
 import { createElement, createContext, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import { getBlockSettingValue, getBuilderContentList, getBuilderContentRecord, getBuilderContentString, getBuilderContentValue, } from './content.js';
+import { resolveManifestSettingRecordValue } from './manifest-setting-paths.js';
+import { BUILDER_PREVIEW_REVIEWS } from './preview-fixtures.js';
 import { createBuilderCss } from './css-vars.js';
+import { builderBlock } from './attributes.js';
 import { getPageBlocks, getPageLayout, getVisiblePageBlocks } from './layout.js';
+import { getNavigationHeaderSettings, resolveSearchBarSettings, } from './search-bar-settings.js';
 import { resolveStyleSlotValue } from './style-slots.js';
 const BUILDER_SETTINGS_WINDOW_KEY = '__SHOPPEX_BUILDER_SETTINGS__';
 const BUILDER_STATE_EVENT_NAME = 'shoppex:builder-state';
@@ -155,6 +159,7 @@ export function BuilderRuntimePreviewProvider({ initialSettings, children, }) {
                 message: normalized.message,
                 ...(normalized.stack ? { stack: normalized.stack } : {}),
                 source,
+                phase: 'runtime',
                 diagnostics: {
                     name: normalized.name,
                     href: window.location.href,
@@ -295,13 +300,48 @@ export function useVisibleBuilderPageBlocks(pageId) {
 }
 export function useThemePageBlocks(pageId, defaultOrder) {
     const { settings } = useBuilderRuntime();
+    const canonicalPageId = normalizeDedicatedPageId(pageId);
     return useMemo(() => {
-        const page = settings.theme.layout[pageId];
+        const page = settings.theme.layout[canonicalPageId];
         if (page) {
             return page.blocks.filter((block) => block.visible);
         }
         return defaultOrder.map((type) => ({ id: type, type, visible: true, settings: {} }));
-    }, [defaultOrder, pageId, settings.theme.layout]);
+    }, [canonicalPageId, defaultOrder, settings.theme.layout]);
+}
+export function useThemePageBlockAttributes(pageId, defaultOrder) {
+    const canonicalPageId = normalizeDedicatedPageId(pageId);
+    const blocks = useThemePageBlocks(pageId, defaultOrder);
+    const block = blocks[0];
+    return useMemo(() => ({
+        'data-page-id': canonicalPageId,
+        ...(block ? builderBlock(block.id, block.type) : {}),
+    }), [block, canonicalPageId]);
+}
+export function DedicatedBuilderPage({ pageId, defaultBlockOrder, as, children, ...rest }) {
+    const attrs = useThemePageBlockAttributes(pageId, defaultBlockOrder);
+    const Component = (as ?? 'section');
+    return createElement(Component, { ...attrs, ...rest }, children);
+}
+export function useBuilderPreviewReviews(input) {
+    const fixtures = input.fixtures ?? BUILDER_PREVIEW_REVIEWS;
+    const shouldUseFixtures = isBuilderPreviewRuntime() && Boolean(input.error);
+    return useMemo(() => {
+        if (!shouldUseFixtures) {
+            return {
+                reviews: input.reviews,
+                isLoading: input.isLoading,
+                error: input.error,
+                isUsingFixtures: false,
+            };
+        }
+        return {
+            reviews: fixtures,
+            isLoading: false,
+            error: null,
+            isUsingFixtures: true,
+        };
+    }, [fixtures, input.error, input.isLoading, input.reviews, shouldUseFixtures]);
 }
 export function useBuilderStyleSlot(slotId, input = {}) {
     return resolveStyleSlotValue(useBuilderRuntime().settings, slotId, input);
@@ -313,12 +353,16 @@ function useScopedBuilderContentValue(path) {
     const block = useContext(BuilderBlockContext);
     if (!block)
         return undefined;
-    if (Object.prototype.hasOwnProperty.call(block.settings, path)) {
-        return block.settings[path];
+    const resolved = resolveManifestSettingRecordValue(block.settings, path);
+    if (resolved !== undefined) {
+        return resolved;
     }
     const shortPath = path.startsWith(`${block.type}.`) ? path.slice(block.type.length + 1) : path.split('.').at(-1);
-    if (shortPath && Object.prototype.hasOwnProperty.call(block.settings, shortPath)) {
-        return block.settings[shortPath];
+    if (shortPath) {
+        const shortResolved = resolveManifestSettingRecordValue(block.settings, shortPath);
+        if (shortResolved !== undefined) {
+            return shortResolved;
+        }
     }
     const nested = shortPath ? getNestedBuilderSetting(block.settings, shortPath) : undefined;
     return nested ?? getNestedBuilderSetting(block.settings, path);
@@ -333,7 +377,42 @@ function getNestedBuilderSetting(record, path) {
     }
     return current;
 }
-function isBuilderPreviewRuntime() {
+export function useSearchBarSettings(input) {
+    const runtime = useBuilderRuntime();
+    const headerSettings = useMemo(() => input.headerSettings ?? getNavigationHeaderSettings(runtime.settings), [input.headerSettings, runtime.settings]);
+    const heroPlaceholder = useBuilderContentValue('hero.search.placeholder');
+    const heroBackground = useBuilderContentValue('hero.search.background');
+    const heroBorderColor = useBuilderContentValue('hero.search.borderColor');
+    const heroBorderRadius = useBuilderContentValue('hero.search.borderRadius');
+    const heroMaxWidth = useBuilderContentValue('hero.search.maxWidth');
+    const heroShowShortcut = useBuilderContentValue('hero.search.showShortcut');
+    const heroShow = useBuilderContentValue('hero.search.show');
+    return useMemo(() => resolveSearchBarSettings({
+        variant: input.variant,
+        headerSettings,
+        heroValues: {
+            'hero.search.placeholder': heroPlaceholder,
+            'hero.search.background': heroBackground,
+            'hero.search.borderColor': heroBorderColor,
+            'hero.search.borderRadius': heroBorderRadius,
+            'hero.search.maxWidth': heroMaxWidth,
+            'hero.search.showShortcut': heroShowShortcut,
+            'hero.search.show': heroShow,
+        },
+    }), [
+        headerSettings,
+        heroBackground,
+        heroBorderColor,
+        heroBorderRadius,
+        heroMaxWidth,
+        heroPlaceholder,
+        heroShow,
+        heroShowShortcut,
+        input.variant,
+    ]);
+}
+export { buildSearchShellStyle, getNavigationHeaderSettings, resolveSearchBarSettings, } from './search-bar-settings.js';
+export function isBuilderPreviewRuntime() {
     if (typeof window === 'undefined') {
         return false;
     }
@@ -423,7 +502,7 @@ function isTrustedBuilderPreviewEmbed(location, parentOrigin) {
         return false;
     if (!hasBuilderPreviewMode(location))
         return false;
-    return isTrustedBuilderPreviewParentOrigin(parentOrigin);
+    return isTrustedPreviewParentOrigin(parentOrigin);
 }
 function hasBuilderPreviewMode(location) {
     const searchParams = new URLSearchParams(location.search);
@@ -431,23 +510,6 @@ function hasBuilderPreviewMode(location) {
         || searchParams.get('shoppex-preview-mode') === 'builder'
         || searchParams.get('shoppex-preview') === 'builder');
 }
-function isTrustedBuilderPreviewParentOrigin(origin) {
-    try {
-        const parsed = new URL(origin);
-        const hostname = parsed.hostname.toLowerCase();
-        return (hostname === 'dashboard.shoppex.io'
-            || hostname === 'dashboard.shoppex.test'
-            || hostname === 'localhost'
-            || hostname === '127.0.0.1'
-            || hostname === '::1'
-            || hostname.endsWith('.localhost')
-            || hostname.endsWith('.vercel.app')
-            || hostname.endsWith('.vercel.run'));
-    }
-    catch {
-        return false;
-    }
-}
 function selectBuilderElement(blockId) {
     document
         .querySelectorAll(BUILDER_SELECTED_SELECTOR)
@@ -458,7 +520,9 @@ function selectBuilderElement(blockId) {
     if (!target)
         return;
     target.setAttribute('data-builder-selected', 'true');
-    target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    const pageId = target.getAttribute('data-page-id');
+    const scrollBlock = pageId === 'footer' ? 'end' : pageId === 'navigation' ? 'start' : 'nearest';
+    target.scrollIntoView({ behavior: 'smooth', block: scrollBlock });
 }
 function createBuilderSelection(blockElement, target) {
     const contentElement = target.closest(BUILDER_CONTENT_SELECTOR);
@@ -602,6 +666,7 @@ function installBuilderPreviewHoverInspector() {
                     // we keep a small override table for these.
                     const SLUG_LABEL_OVERRIDES = {
                         'custom-html': 'Custom Embed',
+                        'youtube-embed': 'YouTube Video',
                     };
                     const override = SLUG_LABEL_OVERRIDES[type];
                     const label = override ?? type
@@ -641,7 +706,8 @@ function installBuilderPreviewHoverInspector() {
         window.removeEventListener('mouseout', handleMouseOut, true);
     };
 }
-const INSERTER_HOVER_BAND_PX = 16;
+const INSERTER_HOVER_BAND_PX = 28;
+const INSERTER_CLEAR_DELAY_MS = 150;
 /**
  * Direct-manipulation bridge: tracks the bounding rect of the selected
  * block (for the floating toolbar), the inter-block gap currently
@@ -731,26 +797,43 @@ function installBuilderDirectManipulation(postMessage, getRevision) {
     // a tracked block stack. We don't try to be clever about which gap;
     // every direct ancestor with a list of `[data-builder-block]` children
     // contributes one gap per pair.
+    let inserterClearTimer = null;
     const postInserter = (index, rect) => {
-        const key = index === null || !rect
-            ? '__none__'
-            : `${index}|${rect.top}|${rect.left}|${rect.width}|${rect.height}`;
-        if (key === lastInserterKey)
+        const emitInserter = () => {
+            const key = index === null || !rect
+                ? '__none__'
+                : `${index}|${rect.top}|${rect.left}|${rect.width}|${rect.height}`;
+            if (key === lastInserterKey)
+                return;
+            lastInserterKey = key;
+            postMessage({
+                type: 'INSERTER_HOVER',
+                revision: getRevision(),
+                index,
+                rect: rect === null
+                    ? null
+                    : {
+                        top: rect.top,
+                        left: rect.left,
+                        width: rect.width,
+                        height: rect.height,
+                    },
+            });
+        };
+        if (index !== null && rect !== null) {
+            if (inserterClearTimer !== null) {
+                window.clearTimeout(inserterClearTimer);
+                inserterClearTimer = null;
+            }
+            emitInserter();
             return;
-        lastInserterKey = key;
-        postMessage({
-            type: 'INSERTER_HOVER',
-            revision: getRevision(),
-            index,
-            rect: rect === null
-                ? null
-                : {
-                    top: rect.top,
-                    left: rect.left,
-                    width: rect.width,
-                    height: rect.height,
-                },
-        });
+        }
+        if (inserterClearTimer !== null)
+            return;
+        inserterClearTimer = window.setTimeout(() => {
+            inserterClearTimer = null;
+            emitInserter();
+        }, INSERTER_CLEAR_DELAY_MS);
     };
     const handleMouseMove = (event) => {
         const blocks = Array.from(document.querySelectorAll(BUILDER_BLOCK_SELECTOR)).filter((el) => {
@@ -885,3 +968,12 @@ function installBuilderDirectManipulation(postMessage, getRevision) {
         window.removeEventListener('mousedown', handleMouseDown, true);
     };
 }
+export { getBuilderBlockSettingText, getBuilderProductBlockAttributes, getLayoutPageBlockAttributes, getProductBlockText, getProductPageBlockAttributes, } from './product-page.js';
+export { createStandardProductBlockRegistry, splitStandardProductPageBlocks, buildStandardProductInfoTabs, resolveStandardBuyBoxLabels, resolveStandardDetailsLabels, resolveStandardRelatedProductsTitle, resolveScopedBlockSettingText, STANDARD_PRODUCT_BLOCK_TYPES, STANDARD_PRODUCT_PRIMARY_BLOCK_TYPES, STANDARD_PRODUCT_SECONDARY_BLOCK_TYPES, } from './standard-product-blocks.js';
+export { YouTubeEmbed, YouTubeEmbedPreviewPlaceholder } from './YouTubeEmbed.js';
+export { YouTubeEmbedBuilderBlock, } from './YouTubeEmbedBuilderBlock.js';
+export { createMerchantCustomPageRegistry, MerchantCustomPageBuilderView, useMerchantCustomPageRegistry, useMerchantCustomPageView, } from './merchant-custom-page.js';
+export { isBuilderPreviewMode } from './preview-mode.js';
+export { getYouTubeEmbedBlockStyleProps, readYouTubeEmbedBlockSettings, } from './youtube-embed-block.js';
+export { readManifestStyleBlockProps } from './block-style-settings.js';
+export { getBuilderPreviewReviewFixtures } from './preview-fixtures.js';

package/dist/search-bar-settings.d.ts

@@ -0,0 +1,33 @@
+import type { BuilderSettings } from '@shoppex/builder-contracts';
+export declare const SEARCH_BAR_MAX_WIDTH: Record<string, string>;
+export type ResolvedSearchBarSettings = {
+    placeholder: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadiusPx?: number;
+    maxWidth: string;
+    showShortcut: boolean;
+    showInHero: boolean;
+};
+export declare function getNavigationHeaderSettings(settings: BuilderSettings): Record<string, unknown>;
+export declare function readSetting(sources: Array<Record<string, unknown> | undefined>, path: string): unknown;
+export declare function isValidHexColor(value: unknown): value is string;
+export declare function normalizeHexColor(value: string): string;
+export declare function resolveSearchColor(value: unknown): string | undefined;
+export declare function resolveSearchBorderRadius(value: unknown): number | undefined;
+export declare function resolveSearchMaxWidth(value: unknown, fallback?: string): string;
+export declare function resolveSearchBoolean(value: unknown, fallback: boolean): boolean;
+export declare function resolveSearchPlaceholder(value: unknown, fallback: string): string;
+export declare function resolveSearchBarSettings(input: {
+    variant: 'hero' | 'navigation';
+    heroValues: Record<string, unknown>;
+    headerSettings: Record<string, unknown>;
+}): ResolvedSearchBarSettings;
+export declare function buildSearchShellStyle(settings: Pick<ResolvedSearchBarSettings, 'backgroundColor' | 'borderColor' | 'borderRadiusPx'>): {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    borderStyle?: 'solid';
+    borderRadius?: string;
+} | undefined;
+//# sourceMappingURL=search-bar-settings.d.ts.map

package/dist/search-bar-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-settings.d.ts","sourceRoot":"","sources":["../src/search-bar-settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKvD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,eAAe,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKzB;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,EACnD,IAAI,EAAE,MAAM,GACX,OAAO,CAUT;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAG/D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAGrE;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAG5E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,SAAO,GAAG,MAAM,CAK7E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAG/E;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC,GAAG,yBAAyB,CAwD5B;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,IAAI,CACZ,yBAAyB,EACzB,iBAAiB,GAAG,aAAa,GAAG,gBAAgB,CACrD,GACA;IACD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,SAAS,CAoBZ"}

package/dist/search-bar-settings.js

@@ -0,0 +1,99 @@
+export const SEARCH_BAR_MAX_WIDTH = {
+    sm: '20rem',
+    md: '28rem',
+    lg: '36rem',
+    full: '100%',
+};
+export function getNavigationHeaderSettings(settings) {
+    const block = settings.theme.layout.navigation?.blocks.find((candidate) => candidate.type === 'header');
+    return block?.settings ?? {};
+}
+export function readSetting(sources, path) {
+    for (const source of sources) {
+        if (!source)
+            continue;
+        if (!Object.prototype.hasOwnProperty.call(source, path))
+            continue;
+        const value = source[path];
+        if (value !== undefined && value !== null && value !== '') {
+            return value;
+        }
+    }
+    return undefined;
+}
+export function isValidHexColor(value) {
+    if (typeof value !== 'string' || !value.trim())
+        return false;
+    return /^#?[a-f\d]{3}(?:[a-f\d]{3})?(?:[a-f\d]{2})?$/i.test(value.trim());
+}
+export function normalizeHexColor(value) {
+    const trimmed = value.trim();
+    return trimmed.startsWith('#') ? trimmed : `#${trimmed}`;
+}
+export function resolveSearchColor(value) {
+    if (!isValidHexColor(value))
+        return undefined;
+    return normalizeHexColor(value);
+}
+export function resolveSearchBorderRadius(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return undefined;
+    return Math.max(0, Math.round(value));
+}
+export function resolveSearchMaxWidth(value, fallback = 'md') {
+    if (typeof value === 'string' && value in SEARCH_BAR_MAX_WIDTH) {
+        return SEARCH_BAR_MAX_WIDTH[value];
+    }
+    return SEARCH_BAR_MAX_WIDTH[fallback] ?? SEARCH_BAR_MAX_WIDTH.md;
+}
+export function resolveSearchBoolean(value, fallback) {
+    if (typeof value === 'boolean')
+        return value;
+    return fallback;
+}
+export function resolveSearchPlaceholder(value, fallback) {
+    return typeof value === 'string' && value.trim() ? value : fallback;
+}
+export function resolveSearchBarSettings(input) {
+    const navSources = [input.headerSettings];
+    const heroSources = [input.heroValues, input.headerSettings];
+    if (input.variant === 'hero') {
+        return {
+            placeholder: resolveSearchPlaceholder(readSetting(heroSources, 'hero.search.placeholder') ??
+                readSetting(navSources, 'navigation.search.placeholder'), 'Search products…'),
+            backgroundColor: resolveSearchColor(readSetting(heroSources, 'hero.search.background') ??
+                readSetting(navSources, 'navigation.search.background')),
+            borderColor: resolveSearchColor(readSetting(heroSources, 'hero.search.borderColor') ??
+                readSetting(navSources, 'navigation.search.borderColor')),
+            borderRadiusPx: resolveSearchBorderRadius(readSetting(heroSources, 'hero.search.borderRadius') ??
+                readSetting(navSources, 'navigation.search.borderRadius')),
+            maxWidth: resolveSearchMaxWidth(readSetting(heroSources, 'hero.search.maxWidth'), 'md'),
+            showShortcut: resolveSearchBoolean(readSetting(heroSources, 'hero.search.showShortcut'), true),
+            showInHero: resolveSearchBoolean(readSetting(heroSources, 'hero.search.show'), true),
+        };
+    }
+    return {
+        placeholder: resolveSearchPlaceholder(readSetting(navSources, 'navigation.search.placeholder'), 'Search products…'),
+        backgroundColor: resolveSearchColor(readSetting(navSources, 'navigation.search.background')),
+        borderColor: resolveSearchColor(readSetting(navSources, 'navigation.search.borderColor')),
+        borderRadiusPx: resolveSearchBorderRadius(readSetting(navSources, 'navigation.search.borderRadius')),
+        maxWidth: SEARCH_BAR_MAX_WIDTH.md,
+        showShortcut: true,
+        showInHero: true,
+    };
+}
+export function buildSearchShellStyle(settings) {
+    const style = {};
+    if (settings.backgroundColor) {
+        style.backgroundColor = settings.backgroundColor;
+    }
+    if (settings.borderColor) {
+        style.borderColor = settings.borderColor;
+        style.borderWidth = '1px';
+        style.borderStyle = 'solid';
+    }
+    if (settings.borderRadiusPx !== undefined) {
+        style.borderRadius = `${settings.borderRadiusPx}px`;
+    }
+    return Object.keys(style).length > 0 ? style : undefined;
+}

package/dist/standard-product-blocks.d.ts

@@ -0,0 +1,48 @@
+import type { BlockInstance } from '@shoppex/builder-contracts';
+import type { ReactNode } from 'react';
+import { getProductPageBlockAttributes } from './product-page.js';
+import { type StandardBuyBoxLabels, type StandardDetailsLabels, type StandardProductTabSpec } from './standard-product-page.js';
+import { type BuilderBlockRegistry } from './react.js';
+export { STANDARD_PRODUCT_BLOCK_TYPES, STANDARD_PRODUCT_PRIMARY_BLOCK_TYPES, STANDARD_PRODUCT_SECONDARY_BLOCK_TYPES, splitStandardProductPageBlocks, buildStandardProductInfoTabs, resolveStandardBuyBoxLabels, resolveStandardDetailsLabels, resolveStandardRelatedProductsTitle, resolveScopedBlockSettingText, } from './standard-product-page.js';
+export type { StandardBuyBoxLabels, StandardDetailsLabels, StandardProductTabSpec, StandardProductBlockType, StandardProductSettingScope, } from './standard-product-page.js';
+type StandardProductBlockAttrs = ReturnType<typeof getProductPageBlockAttributes>;
+export type StandardProductBlockRegistrySlots = {
+    renderGallery: (input: {
+        block: BlockInstance;
+        attrs: StandardProductBlockAttrs;
+    }) => ReactNode;
+    renderBuyBox: (input: {
+        block: BlockInstance;
+        attrs: StandardProductBlockAttrs;
+        labels: StandardBuyBoxLabels;
+    }) => ReactNode;
+    renderDetails: (input: {
+        block: BlockInstance;
+        attrs: StandardProductBlockAttrs;
+        labels: StandardDetailsLabels;
+        tabs: StandardProductTabSpec[];
+    }) => ReactNode;
+    renderRelatedProducts: (input: {
+        block: BlockInstance;
+        attrs: StandardProductBlockAttrs;
+        title: string | null;
+    }) => ReactNode | null;
+};
+export type StandardProductBlockRegistryOptions = {
+    useScopedKeys?: boolean;
+    includeReviewsTab?: boolean;
+    useShopReviewTabLabel?: boolean;
+};
+export type StandardProductBlockRegistryData = {
+    filteredDescription: string;
+    faqCount: number;
+    reviewCount: number;
+    reviewSource?: 'shop' | 'product';
+    relatedProductsCount: number;
+};
+export declare function createStandardProductBlockRegistry(input: {
+    slots: StandardProductBlockRegistrySlots;
+    data: StandardProductBlockRegistryData;
+    options?: StandardProductBlockRegistryOptions;
+}): BuilderBlockRegistry<null>;
+//# sourceMappingURL=standard-product-blocks.d.ts.map

package/dist/standard-product-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard-product-blocks.d.ts","sourceRoot":"","sources":["../src/standard-product-blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,sCAAsC,EACtC,8BAA8B,EAC9B,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,EAC5B,mCAAmC,EACnC,6BAA6B,GAC9B,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAEpC,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAElF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,aAAa,EAAE,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,yBAAyB,CAAC;KAClC,KAAK,SAAS,CAAC;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,yBAAyB,CAAC;QACjC,MAAM,EAAE,oBAAoB,CAAC;KAC9B,KAAK,SAAS,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,yBAAyB,CAAC;QACjC,MAAM,EAAE,qBAAqB,CAAC;QAC9B,IAAI,EAAE,sBAAsB,EAAE,CAAC;KAChC,KAAK,SAAS,CAAC;IAChB,qBAAqB,EAAE,CAAC,KAAK,EAAE;QAC7B,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,yBAAyB,CAAC;QACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,KAAK,SAAS,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,wBAAgB,kCAAkC,CAAC,KAAK,EAAE;IACxD,KAAK,EAAE,iCAAiC,CAAC;IACzC,IAAI,EAAE,gCAAgC,CAAC;IACvC,OAAO,CAAC,EAAE,mCAAmC,CAAC;CAC/C,GAAG,oBAAoB,CAAC,IAAI,CAAC,CA4C7B"}

package/dist/standard-product-blocks.js

@@ -0,0 +1,45 @@
+import { getProductPageBlockAttributes } from './product-page.js';
+import { buildStandardProductInfoTabs, resolveStandardBuyBoxLabels, resolveStandardDetailsLabels, resolveStandardRelatedProductsTitle, } from './standard-product-page.js';
+export { STANDARD_PRODUCT_BLOCK_TYPES, STANDARD_PRODUCT_PRIMARY_BLOCK_TYPES, STANDARD_PRODUCT_SECONDARY_BLOCK_TYPES, splitStandardProductPageBlocks, buildStandardProductInfoTabs, resolveStandardBuyBoxLabels, resolveStandardDetailsLabels, resolveStandardRelatedProductsTitle, resolveScopedBlockSettingText, } from './standard-product-page.js';
+export function createStandardProductBlockRegistry(input) {
+    const { slots, data, options = {} } = input;
+    return {
+        gallery: ({ block }) => slots.renderGallery({
+            block,
+            attrs: getProductPageBlockAttributes(block),
+        }),
+        'buy-box': ({ block }) => slots.renderBuyBox({
+            block,
+            attrs: getProductPageBlockAttributes(block),
+            labels: resolveStandardBuyBoxLabels(block, options),
+        }),
+        details: ({ block }) => {
+            const labels = resolveStandardDetailsLabels(block, options);
+            const tabs = buildStandardProductInfoTabs({
+                labels,
+                filteredDescription: data.filteredDescription,
+                faqCount: data.faqCount,
+                reviewCount: data.reviewCount,
+                reviewSource: data.reviewSource,
+                includeReviewsTab: options.includeReviewsTab ?? true,
+                useShopReviewTabLabel: options.useShopReviewTabLabel ?? false,
+            });
+            return slots.renderDetails({
+                block,
+                attrs: getProductPageBlockAttributes(block),
+                labels,
+                tabs,
+            });
+        },
+        'related-products': ({ block }) => {
+            if (data.relatedProductsCount <= 0) {
+                return null;
+            }
+            return slots.renderRelatedProducts({
+                block,
+                attrs: getProductPageBlockAttributes(block),
+                title: resolveStandardRelatedProductsTitle(block, options),
+            });
+        },
+    };
+}

package/dist/standard-product-page.d.ts

@@ -0,0 +1,69 @@
+import type { BlockInstance } from '@shoppex/builder-contracts';
+export declare const STANDARD_PRODUCT_BLOCK_TYPES: readonly ["gallery", "buy-box", "details", "related-products"];
+export type StandardProductBlockType = (typeof STANDARD_PRODUCT_BLOCK_TYPES)[number];
+export declare const STANDARD_PRODUCT_PRIMARY_BLOCK_TYPES: readonly ["gallery", "buy-box"];
+export declare const STANDARD_PRODUCT_SECONDARY_BLOCK_TYPES: readonly ["details", "related-products"];
+export type StandardProductSettingScope = 'buyBox' | 'details' | 'relatedProducts';
+export declare function splitStandardProductPageBlocks(blocks: BlockInstance[]): {
+    primary: {
+        id: string;
+        type: string;
+        visible: boolean;
+        settings: Record<string, unknown>;
+        variant?: string | undefined;
+        style_overrides?: Partial<Record<import("@shoppex/builder-contracts").StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
+    }[];
+    secondary: {
+        id: string;
+        type: string;
+        visible: boolean;
+        settings: Record<string, unknown>;
+        variant?: string | undefined;
+        style_overrides?: Partial<Record<import("@shoppex/builder-contracts").StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
+    }[];
+};
+export declare function resolveScopedBlockSettingText(block: Pick<BlockInstance, 'settings'>, scope: StandardProductSettingScope, key: string): string | null;
+export type StandardBuyBoxLabels = {
+    variantLabel: string | null;
+    addonsLabel: string | null;
+    primaryActionLabel: string | null;
+    buyNowLabel: string | null;
+    quantityLabel: string | null;
+    reviewsLabel: string | null;
+    noReviewsLabel: string | null;
+};
+export declare function resolveStandardBuyBoxLabels(block: Pick<BlockInstance, 'settings'>, options?: {
+    useScopedKeys?: boolean;
+}): StandardBuyBoxLabels;
+export type StandardDetailsLabels = {
+    descriptionTabLabel: string | null;
+    reviewsTabLabel: string | null;
+    shopReviewsTabLabel: string | null;
+    faqTabLabel: string | null;
+    emptyDescriptionLabel: string | null;
+    emptyReviewsTitle: string | null;
+    emptyReviewsDescription: string | null;
+    emptyFaqLabel: string | null;
+};
+export declare function resolveStandardDetailsLabels(block: Pick<BlockInstance, 'settings'>, options?: {
+    useScopedKeys?: boolean;
+}): StandardDetailsLabels;
+export type StandardProductTabSpec = {
+    id: 'description' | 'reviews' | 'faq';
+    label: string;
+    content?: string;
+    badge?: string;
+};
+export declare function buildStandardProductInfoTabs(input: {
+    labels: StandardDetailsLabels;
+    filteredDescription: string;
+    faqCount: number;
+    reviewCount: number;
+    reviewSource?: 'shop' | 'product';
+    includeReviewsTab?: boolean;
+    useShopReviewTabLabel?: boolean;
+}): StandardProductTabSpec[];
+export declare function resolveStandardRelatedProductsTitle(block: Pick<BlockInstance, 'settings'>, options?: {
+    useScopedKeys?: boolean;
+}): string | null;
+//# sourceMappingURL=standard-product-page.d.ts.map

package/dist/standard-product-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standard-product-page.d.ts","sourceRoot":"","sources":["../src/standard-product-page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE,eAAO,MAAM,4BAA4B,gEAK/B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,CAAC,CAAC;AAErF,eAAO,MAAM,oCAAoC,iCAAkC,CAAC;AACpF,eAAO,MAAM,sCAAsC,0CAA2C,CAAC;AAE/F,MAAM,MAAM,2BAA2B,GAAG,QAAQ,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAQnF,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,aAAa,EAAE;;;;;;;;;;;;;;;;;EAKrE;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACtC,KAAK,EAAE,2BAA2B,EAClC,GAAG,EAAE,MAAM,GACV,MAAM,GAAG,IAAI,CAIf;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACtC,OAAO,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GACpC,oBAAoB,CAetB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACtC,OAAO,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GACpC,qBAAqB,CAgBvB;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,aAAa,GAAG,SAAS,GAAG,KAAK,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE;IAClD,MAAM,EAAE,qBAAqB,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,GAAG,sBAAsB,EAAE,CAyC3B;AAED,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACtC,OAAO,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,GACpC,MAAM,GAAG,IAAI,CAKf"}