storefront-layouts 1.0.16 → 1.0.17

package/dist/editor/index.js

@@ -1,19 +1,19 @@
-export * from './types';
-export * from './document';
-export * from './shared';
-export * from './feature-flags';
+export * from './types.js';
+export * from './document/index.js';
+export * from './shared/index.js';
+export * from './feature-flags.js';
 // Export PayazaForm editor (namespace for consumers that destructure PayazaForm)
-export * as PayazaForm from './payaza-form';
+export * as PayazaForm from './payaza-form/index.js';
 // Top-level named exports so consumers can also import directly:
 //   import { PayazaFormEditorFullPage, getFullInventory } from 'payaza-storefront-layouts/editor'
-export { PayazaFormEditorFullPage, PayazaFormEditor } from './payaza-form';
+export { PayazaFormEditorFullPage, PayazaFormEditor } from './payaza-form/index.js';
 // Also export asset selection handler directly for easier access
-export { getGlobalAssetSelectionHandler } from './payaza-form/AssetSelectionContext';
-export { loadLayoutContentForEditor, hasRenderableLayoutContent, } from './layout-content-loader';
-export { extractPublishedLayoutConfig } from '../lib/layout-config-hydration';
-export { normalizeLayoutConfigFieldShapes, prepareLayoutPayloadForPublish, denormalizeClothingMinimalBlocksToSectionFields, } from '../lib/layout-field-normalize';
-export { mergeAllPagesWithActualData } from './payaza-form/data-merger';
-export { loadLayoutJSONSync } from './payaza-form/layout-loader';
+export { getGlobalAssetSelectionHandler } from './payaza-form/AssetSelectionContext.js';
+export { loadLayoutContentForEditor, hasRenderableLayoutContent, } from './layout-content-loader.js';
+export { extractPublishedLayoutConfig } from '../lib/layout-config-hydration.js';
+export { normalizeLayoutConfigFieldShapes, prepareLayoutPayloadForPublish, denormalizeClothingMinimalBlocksToSectionFields, } from '../lib/layout-field-normalize.js';
+export { mergeAllPagesWithActualData } from './payaza-form/data-merger.js';
+export { loadLayoutJSONSync } from './payaza-form/layout-loader.js';
 /**
  * Helper to get the full inventory of all layouts
  * Now uses alignment-schemas instead of requirements JSON

package/dist/editor/layout-content-loader.js

@@ -1,6 +1,6 @@
-import { envelopeToStoreConfig } from './document/adapter';
-import { validateEditorEnvelope } from './document/validate';
-import { extractPublishedLayoutConfig, hydratePublishedLayoutPayload, hasRenderableLayoutContent as hasRenderableLayoutContentFromHydration, } from '../lib/layout-config-hydration';
+import { envelopeToStoreConfig } from './document/adapter.js';
+import { validateEditorEnvelope } from './document/validate.js';
+import { extractPublishedLayoutConfig, hydratePublishedLayoutPayload, hasRenderableLayoutContent as hasRenderableLayoutContentFromHydration, } from '../lib/layout-config-hydration.js';
 export { extractPublishedLayoutConfig, hydratePublishedLayoutPayload };
 function isUnsplashDefaultUrl(url) {
     return /images\.unsplash\.com|unsplash\.com/i.test(url);

package/dist/editor/payaza-form/ArrayItemManager.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, memo } from 'react';
 import { GripVertical, Plus, Copy, Trash2, ChevronUp, ChevronDown } from 'lucide-react';
-import { getFieldRenderer } from './field-renderer-ref';
-import { SliderArrayEditor } from './SliderArrayEditor';
+import { getFieldRenderer } from './field-renderer-ref.js';
+import { SliderArrayEditor } from './SliderArrayEditor.js';
 function isSliderMode(itemEditor, arrayFieldKey) {
     if (itemEditor === 'slider')
         return true;

package/dist/editor/payaza-form/EditorCanvasPreview.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useRef } from 'react';
-import { IframePreview } from '../shared/IframePreview';
-import { InlineCanvasPreview } from '../shared/InlineCanvasPreview';
+import { IframePreview } from '../shared/IframePreview.js';
+import { InlineCanvasPreview } from '../shared/InlineCanvasPreview.js';
 import { shouldUseInlineEditorPreview } from '../../lib/utils/mobile-editor.js';
-import { useAssetSelection } from './AssetSelectionContext';
-import { processPreviewMessage } from './preview-message-handler';
+import { useAssetSelection } from './AssetSelectionContext.js';
+import { processPreviewMessage } from './preview-message-handler.js';
 export function EditorCanvasPreview({ layoutId, config, activePageId, viewMode, selectedSection, focusedField, interactionMode, slideIndexSync, flushRequestId, previewZoom, editorContext, onSectionSelected, onFieldCommit, onSectionReorder, onFocusSidebarSection, onPreviewElementFocus, onRouteChange, previewFlushRef, iframePreviewFlushRef, }) {
     const useInline = shouldUseInlineEditorPreview();
     const { onOpenAssetSelect } = useAssetSelection();

package/dist/editor/payaza-form/FieldRenderer.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { generateArrayItem } from './engine';
-import { TextField } from './components/TextField';
-import { TextareaField } from './components/TextareaField';
-import { RichTextField } from './components/RichTextField';
-import { ToggleField } from './components/ToggleField';
-import { ImageField } from './components/ImageField';
-import { NumberField } from './components/NumberField';
-import { StarRatingField } from './components/StarRatingField';
-import { IconField } from './components/IconField';
-import { ButtonField } from './components/ButtonField';
-import { ArrayField } from './components/ArrayField';
-import { ObjectField } from './components/ObjectField';
-import { SectionField } from './components/SectionField';
-import { BlocksField } from './components/BlocksField';
-import { getWidget } from './widget-registry';
-import { PAYAZA_BLOCK_IDS } from '../blocks/types';
-import { registerFieldRenderer } from './field-renderer-ref';
+import { generateArrayItem } from './engine.js';
+import { TextField } from './components/TextField.js';
+import { TextareaField } from './components/TextareaField.js';
+import { RichTextField } from './components/RichTextField.js';
+import { ToggleField } from './components/ToggleField.js';
+import { ImageField } from './components/ImageField.js';
+import { NumberField } from './components/NumberField.js';
+import { StarRatingField } from './components/StarRatingField.js';
+import { IconField } from './components/IconField.js';
+import { ButtonField } from './components/ButtonField.js';
+import { ArrayField } from './components/ArrayField.js';
+import { ObjectField } from './components/ObjectField.js';
+import { SectionField } from './components/SectionField.js';
+import { BlocksField } from './components/BlocksField.js';
+import { getWidget } from './widget-registry.js';
+import { PAYAZA_BLOCK_IDS } from '../blocks/types.js';
+import { registerFieldRenderer } from './field-renderer-ref.js';
 export const FieldRenderer = memo(({ schemaField, value, path, sectionKey, onChange, onArrayItemChange, onArrayItemAdd, onArrayItemRemove, onArrayItemReorder, }) => {
     const rawEditor = schemaField.type ?? schemaField._editor;
     // Normalize so persisted / hand-authored schemas ("Toggle") still resolve

package/dist/editor/payaza-form/IframePreviewMessageBridge.js

@@ -1,8 +1,8 @@
 'use client';
 import { useEffect, useCallback } from 'react';
-import { useAssetSelection } from './AssetSelectionContext';
-import { processPreviewMessage } from './preview-message-handler';
-import { normalizeEditorLayoutId } from '../document/layout-id';
+import { useAssetSelection } from './AssetSelectionContext.js';
+import { processPreviewMessage } from './preview-message-handler.js';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
 /**
  * Handles postMessage from the layout preview iframe (field commit, image replace, reorder).
  * Must render under AssetSelectionProvider for image replacement.

package/dist/editor/payaza-form/PayazaFormEditor.js

@@ -1,36 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useLayoutEffect, useRef, useCallback } from 'react';
-import { previewRouteToPageId } from '../../preview/canvas/preview-route';
-import { EditorHeader } from '../shared/EditorHeader';
-import { useEditorChromeMetrics } from '../shared/useEditorChromeMetrics';
-import { EditorNavigator } from '../shared/EditorNavigator';
-import { ResizableSidebar } from '../shared/ResizableSidebar';
-import { moveSectionKeyInPageOrder, normalizeEditorLayoutId, resolveSectionKeyOrderForPage, storeConfigToEnvelope, } from '../document';
-import { applyEditorCatalogOverlay } from '../../lib/utils/editor-preview';
-import { payazaSectionStyleKey, getPayazaSectionStyleEntries } from '../../lib/payaza-section-styles';
-import { getPageSchema } from './engine';
-import { loadLayoutJSON } from './layout-loader';
-import { transformToStoreConfig, updateOverlayData, addArrayItem, removeArrayItem, updateArrayItem, readOverlayFieldValue } from './data-transformer';
-import { generateArrayItem } from './engine';
-import { initializeWidgetRegistry, clearWidgets } from './widget-registry';
-import { mergeRequirementAllPagesWithActualData, mergeAllPagesWithActualData, } from './data-merger';
+import { previewRouteToPageId } from '../../preview/canvas/preview-route.js';
+import { EditorHeader } from '../shared/EditorHeader.js';
+import { useEditorChromeMetrics } from '../shared/useEditorChromeMetrics.js';
+import { EditorNavigator } from '../shared/EditorNavigator.js';
+import { ResizableSidebar } from '../shared/ResizableSidebar.js';
+import { moveSectionKeyInPageOrder, normalizeEditorLayoutId, resolveSectionKeyOrderForPage, storeConfigToEnvelope, } from '../document/index.js';
+import { applyEditorCatalogOverlay } from '../../lib/utils/editor-preview.js';
+import { payazaSectionStyleKey, getPayazaSectionStyleEntries } from '../../lib/payaza-section-styles.js';
+import { getPageSchema } from './engine.js';
+import { loadLayoutJSON } from './layout-loader.js';
+import { transformToStoreConfig, updateOverlayData, addArrayItem, removeArrayItem, updateArrayItem, readOverlayFieldValue } from './data-transformer.js';
+import { generateArrayItem } from './engine.js';
+import { initializeWidgetRegistry, clearWidgets } from './widget-registry.js';
+import { mergeRequirementAllPagesWithActualData, mergeAllPagesWithActualData, } from './data-merger.js';
 import { Settings2, Box, Palette, Layers, Monitor, PanelLeft, ChevronLeft } from 'lucide-react';
-import { useDebounce } from '../../hooks/use-debounce';
-import { AIGenerateModal } from '../shared/AIGenerateModal';
-import { useAlertModal } from '../../components/ui/alert-modal';
-import { AssetSelectionProvider } from './AssetSelectionContext';
-import { IframePreviewMessageBridge } from './IframePreviewMessageBridge';
-import { EditorCanvasPreview } from './EditorCanvasPreview';
-import { awaitPreviewFlushAck } from '../../preview/canvas/preview-flush-await';
-import { BlockStylesInspector } from './components/BlockStylesInspector';
-import { CanvasGranularInspector } from './components/CanvasGranularInspector';
-import { SectionSchemaInspector } from './components/SectionSchemaInspector';
-import { isLayoutPageEditable } from '../alignment-schemas/metadata';
-import { resolveCanvasInspectorLeaf } from '../alignment-schemas/resolve-canvas-inspector-leaf';
+import { useDebounce } from '../../hooks/use-debounce.js';
+import { AIGenerateModal } from '../shared/AIGenerateModal.js';
+import { useAlertModal } from '../../components/ui/alert-modal.js';
+import { AssetSelectionProvider } from './AssetSelectionContext.js';
+import { IframePreviewMessageBridge } from './IframePreviewMessageBridge.js';
+import { EditorCanvasPreview } from './EditorCanvasPreview.js';
+import { awaitPreviewFlushAck } from '../../preview/canvas/preview-flush-await.js';
+import { BlockStylesInspector } from './components/BlockStylesInspector.js';
+import { CanvasGranularInspector } from './components/CanvasGranularInspector.js';
+import { SectionSchemaInspector } from './components/SectionSchemaInspector.js';
+import { isLayoutPageEditable } from '../alignment-schemas/metadata.js';
+import { resolveCanvasInspectorLeaf } from '../alignment-schemas/resolve-canvas-inspector-leaf.js';
 import { isInlineCanvasTextElementKind } from '../../lib/utils/mobile-editor.js';
-import { granularPathForArrayItem, granularPathForBlockFirstAttr, outlineTreeForSectionPayload, } from '../blocks/nav-outline-utils';
-import { ActiveArrayFocusProvider, } from './ActiveArrayFocusContext';
-import { EditorLayoutProvider } from './EditorLayoutContext';
+import { granularPathForArrayItem, granularPathForBlockFirstAttr, outlineTreeForSectionPayload, } from '../blocks/nav-outline-utils.js';
+import { ActiveArrayFocusProvider, } from './ActiveArrayFocusContext.js';
+import { EditorLayoutProvider } from './EditorLayoutContext.js';
 import { isMobileEditorViewport, shouldUseInlineEditorPreview } from '../../lib/utils/mobile-editor.js';
 /** Lightweight fingerprint for undo history on mobile — avoids JSON.stringify on large configs. */
 function lightweightConfigFingerprint(config) {

package/dist/editor/payaza-form/PayazaFormEditorFullPage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PayazaFormEditor } from './PayazaFormEditor';
-import { AlertModalProvider } from '../../components/ui/alert-modal';
+import { PayazaFormEditor } from './PayazaFormEditor.js';
+import { AlertModalProvider } from '../../components/ui/alert-modal.js';
 export const PayazaFormEditorFullPage = (props) => {
     return (_jsx(AlertModalProvider, { children: _jsx("div", { className: "fixed inset-0 z-50 flex h-[100dvh] max-h-[100dvh] flex-col overflow-hidden bg-[#F7F5F0]", children: _jsx("main", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(PayazaFormEditor, { ...props }) }) }) }));
 };

package/dist/editor/payaza-form/SliderArrayEditor.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useRef } from 'react';
 import { ChevronLeft, ChevronRight, Copy, Image as ImageIcon, Plus, Trash2, } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
-import { getFieldRenderer } from './field-renderer-ref';
-import { useActiveArrayFocus } from './ActiveArrayFocusContext';
+import { getFieldRenderer } from './field-renderer-ref.js';
+import { useActiveArrayFocus } from './ActiveArrayFocusContext.js';
 function slideLabel(item, index) {
     if (!item)
         return `Slide ${index + 1}`;

package/dist/editor/payaza-form/components/ArrayField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { List } from 'lucide-react';
-import { ArrayItemManager } from '../ArrayItemManager';
+import { ArrayItemManager } from '../ArrayItemManager.js';
 export const ArrayField = memo(({ label, value, onChange, itemSchema, itemEditor, sectionKey, arrayFieldKey, minSlides, maxSlides, onItemChange, onItemAdd, onItemRemove, onItemReorder, onItemDuplicate, }) => {
     const handleItemDuplicate = (index) => {
         if (onItemDuplicate) {

package/dist/editor/payaza-form/components/BlockStylesInspector.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
-import { resolveStyleSupports, sanitizePayazaStyleMap } from '../payaza-style-sanitize';
+import { resolveStyleSupports, sanitizePayazaStyleMap } from '../payaza-style-sanitize.js';
 const inputCls = 'w-full rounded-[2px] border border-[#dcdcde] bg-white px-2 py-1.5 text-[13px] text-[#1b0029] outline-none focus-visible:ring-2 focus-visible:ring-[#440066]/35';
 const labelCls = 'mb-1 block text-[11px] font-medium text-[#646970]';
 const sectionTitle = 'text-[11px] font-semibold uppercase tracking-[0.08em] text-[#787c82]';

package/dist/editor/payaza-form/components/BlocksField.js

@@ -3,14 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo, useCallback } from 'react';
 import { ChevronDown, ChevronRight, Plus, Trash2 } from 'lucide-react';
 import { cn } from '../../../lib/utils/index.js';
-import { createPayazaEmptyBlock, getPayazaBlockDefinition } from '../../blocks/registry';
-import { deepClone } from '../../../lib/utils';
-import { RichTextField } from './RichTextField';
-import { TextField } from './TextField';
-import { ImageField } from './ImageField';
-import { NumberField } from './NumberField';
-import { IconField } from './IconField';
-import { FieldDensityProvider } from './FieldDensityContext';
+import { createPayazaEmptyBlock, getPayazaBlockDefinition } from '../../blocks/registry.js';
+import { deepClone } from '../../../lib/utils/index.js';
+import { RichTextField } from './RichTextField.js';
+import { TextField } from './TextField.js';
+import { ImageField } from './ImageField.js';
+import { NumberField } from './NumberField.js';
+import { IconField } from './IconField.js';
+import { FieldDensityProvider } from './FieldDensityContext.js';
 function normalizeBlocks(v) {
     if (!Array.isArray(v))
         return [];

package/dist/editor/payaza-form/components/ButtonField.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link2 } from 'lucide-react';
-import { TextField } from './TextField';
-import { useEditorLayout } from '../EditorLayoutContext';
-import { getTemplatePages } from '../../../lib/template-pages';
+import { TextField } from './TextField.js';
+import { useEditorLayout } from '../EditorLayoutContext.js';
+import { getTemplatePages } from '../../../lib/template-pages.js';
 export const ButtonField = ({ label, value, onChange }) => {
     const { layoutId } = useEditorLayout();
     const pages = getTemplatePages(layoutId);

package/dist/editor/payaza-form/components/CanvasGranularInspector.js

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { readOverlayFieldValue } from '../data-transformer';
-import { resolveCanvasInspectorLeaf, } from '../../alignment-schemas/resolve-canvas-inspector-leaf';
-import { coerceRichSidebarEditorString } from '../../../lib/rich-html';
-import { TextField } from './TextField';
-import { TextareaField } from './TextareaField';
-import { RichTextField } from './RichTextField';
-import { ImageField } from './ImageField';
-import { IconField } from './IconField';
-import { NumberField } from './NumberField';
-import { StarRatingField } from './StarRatingField';
-import { ToggleField } from './ToggleField';
+import { readOverlayFieldValue } from '../data-transformer.js';
+import { resolveCanvasInspectorLeaf, } from '../../alignment-schemas/resolve-canvas-inspector-leaf.js';
+import { coerceRichSidebarEditorString } from '../../../lib/rich-html.js';
+import { TextField } from './TextField.js';
+import { TextareaField } from './TextareaField.js';
+import { RichTextField } from './RichTextField.js';
+import { ImageField } from './ImageField.js';
+import { IconField } from './IconField.js';
+import { NumberField } from './NumberField.js';
+import { StarRatingField } from './StarRatingField.js';
+import { ToggleField } from './ToggleField.js';
 export const CanvasGranularInspector = memo(({ layoutJson, activePageId, sectionKey, fieldPath, elementKind, pageSchemaRecord, sectionData, onChange, }) => {
     const meta = useMemo(() => resolveCanvasInspectorLeaf(pageSchemaRecord, sectionKey, fieldPath, sectionData, elementKind), [pageSchemaRecord, sectionKey, fieldPath, sectionData, elementKind]);
     const rawValue = useMemo(() => readOverlayFieldValue(layoutJson, activePageId, sectionKey, fieldPath), [layoutJson, activePageId, sectionKey, fieldPath]);

package/dist/editor/payaza-form/components/IconField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ChevronDown, Search, HelpCircle } from 'lucide-react';
-import { ICON_MAP, COMMON_ICON_NAMES } from '../../../components/ui/dynamic-icon';
-import { resolveFieldDensity } from './FieldDensityContext';
+import { ICON_MAP, COMMON_ICON_NAMES } from '../../../components/ui/dynamic-icon.js';
+import { resolveFieldDensity } from './FieldDensityContext.js';
 /** Match persisted / hand-typed icon ids to Lucide map keys (case-insensitive). */
 function resolveIconMapKey(raw) {
     if (!raw?.trim())

package/dist/editor/payaza-form/components/ImageField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Link2, X, Upload } from 'lucide-react';
-import { useAssetSelection } from '../AssetSelectionContext';
+import { useAssetSelection } from '../AssetSelectionContext.js';
 export const ImageField = ({ label, value, onChange, placeholder, }) => {
     const hasImage = value && value.startsWith('http');
     const [isHovered, setIsHovered] = React.useState(false);

package/dist/editor/payaza-form/components/NumberField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Plus, Minus } from 'lucide-react';
-import { resolveFieldDensity } from './FieldDensityContext';
+import { resolveFieldDensity } from './FieldDensityContext.js';
 export const NumberField = ({ label, value, onChange, placeholder, min, max, density: densityProp, }) => {
     const density = resolveFieldDensity(densityProp);
     const compact = density === 'compact';

package/dist/editor/payaza-form/components/RichTextField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useRef, useCallback, useLayoutEffect, useState } from 'react';
-import { buildPayazaRichCommitFromEditorHtml, coercePayazaRichLinkHref, normalizeStoredRichValue, coerceRichSidebarEditorString, PAYAZA_RICH_HTML_POLICY_VERSION, sanitizePayazaRichHtml, wrapPlainTextAsParagraph, } from '../../../lib/rich-html';
-import { resolveFieldDensity } from './FieldDensityContext';
+import { buildPayazaRichCommitFromEditorHtml, coercePayazaRichLinkHref, normalizeStoredRichValue, coerceRichSidebarEditorString, PAYAZA_RICH_HTML_POLICY_VERSION, sanitizePayazaRichHtml, wrapPlainTextAsParagraph, } from '../../../lib/rich-html.js';
+import { resolveFieldDensity } from './FieldDensityContext.js';
 function runCmd(cmd, val) {
     document.execCommand(cmd, false, val);
 }

package/dist/editor/payaza-form/components/SectionSchemaInspector.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FieldRenderer } from '../FieldRenderer';
-import { BlocksField } from './BlocksField';
-import { PAYAZA_BLOCK_IDS } from '../../blocks/types';
+import { FieldRenderer } from '../FieldRenderer.js';
+import { BlocksField } from './BlocksField.js';
+import { PAYAZA_BLOCK_IDS } from '../../blocks/types.js';
 function fieldTypeOf(field) {
     const raw = field.type ?? field._editor;
     if (raw === undefined || raw === null)

package/dist/editor/payaza-form/components/StarRatingField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Star } from 'lucide-react';
 import { cn } from '../../../lib/utils/index.js';
-import { resolveFieldDensity } from './FieldDensityContext';
+import { resolveFieldDensity } from './FieldDensityContext.js';
 function clampRating(value, min, max) {
     if (!Number.isFinite(value))
         return max;

package/dist/editor/payaza-form/components/TextField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { resolveFieldDensity } from './FieldDensityContext';
+import { resolveFieldDensity } from './FieldDensityContext.js';
 export const TextField = memo(({ label, value, onChange, placeholder, type = 'text', density: densityProp, }) => {
     const density = resolveFieldDensity(densityProp);
     const compact = density === 'compact';

package/dist/editor/payaza-form/data-merger.js

@@ -1,9 +1,9 @@
-import { deepClone } from '../../lib/utils';
-import { transformToStoreConfig } from './data-transformer';
-import { ensureClothingMinimalHomeBlocksInPageData } from '../blocks/migrate-clothing-minimal';
-import { BOOKING_DEFAULT_TESTIMONIALS, normalizeBookingTestimonialItems, } from '../../layouts/booking/components/booking-testimonial-defaults';
-import { BOOKING_DEFAULT_ABOUT_STATS, BOOKING_DEFAULT_ABOUT_VALUES, mergeBookingAboutItemsSection, } from '../../layouts/booking/components/booking-about-defaults';
-import { mergeBookingFooterSection } from '../../layouts/booking/components/booking-footer-defaults';
+import { deepClone } from '../../lib/utils/index.js';
+import { transformToStoreConfig } from './data-transformer.js';
+import { ensureClothingMinimalHomeBlocksInPageData } from '../blocks/migrate-clothing-minimal.js';
+import { BOOKING_DEFAULT_TESTIMONIALS, normalizeBookingTestimonialItems, } from '../../layouts/booking/components/booking-testimonial-defaults.js';
+import { BOOKING_DEFAULT_ABOUT_STATS, BOOKING_DEFAULT_ABOUT_VALUES, mergeBookingAboutItemsSection, } from '../../layouts/booking/components/booking-about-defaults.js';
+import { mergeBookingFooterSection } from '../../layouts/booking/components/booking-footer-defaults.js';
 function sliderHasUsableContent(slider) {
     if (!slider)
         return false;

package/dist/editor/payaza-form/data-transformer.js

@@ -1,6 +1,6 @@
-import { deepClone } from '../../lib/utils';
-import { normalizeLayoutConfigFieldShapes } from '../../lib/layout-field-normalize';
-import { sanitizeBookingTestimonialItemsForSave } from '../../layouts/booking/components/booking-testimonial-defaults';
+import { deepClone } from '../../lib/utils/index.js';
+import { normalizeLayoutConfigFieldShapes } from '../../lib/layout-field-normalize.js';
+import { sanitizeBookingTestimonialItemsForSave } from '../../layouts/booking/components/booking-testimonial-defaults.js';
 /**
  * Helper to set value at deep path in object
  */

package/dist/editor/payaza-form/engine.js

@@ -1,4 +1,4 @@
-import { deepClone } from '../../lib/utils';
+import { deepClone } from '../../lib/utils/index.js';
 /**
  * Parse overlay pattern JSON structure
  */

package/dist/editor/payaza-form/examples/custom-widgets.example.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { registerWidget, registerWidgets, PayazaFormEditorFullPage } from '../index';
+import { registerWidget, registerWidgets, PayazaFormEditorFullPage } from '../index.js';
 // Example 1: Custom Text Field Widget
 const CustomTextField = ({ label, value, onChange }) => {
     return (_jsxs("div", { className: "custom-text-field", children: [_jsx("label", { className: "text-sm font-semibold text-gray-700 mb-1 block", children: label }), _jsx("input", { type: "text", value: value || '', onChange: (e) => onChange(e.target.value), className: "w-full px-4 py-2 border-2 border-blue-300 rounded-lg focus:border-blue-500 focus:outline-none", placeholder: `Enter ${label.toLowerCase()}...` })] }));

package/dist/editor/payaza-form/index.js

@@ -1,8 +1,8 @@
-export { PayazaFormEditor } from './PayazaFormEditor';
-export { PayazaFormEditorFullPage } from './PayazaFormEditorFullPage';
-export { getGlobalAssetSelectionHandler, setGlobalAssetSelectionHandler } from './AssetSelectionContext';
-export * from './engine';
-export * from './data-transformer';
-export * from './layout-loader';
-export * from './widget-registry';
-export * from '../document';
+export { PayazaFormEditor } from './PayazaFormEditor.js';
+export { PayazaFormEditorFullPage } from './PayazaFormEditorFullPage.js';
+export { getGlobalAssetSelectionHandler, setGlobalAssetSelectionHandler } from './AssetSelectionContext.js';
+export * from './engine.js';
+export * from './data-transformer.js';
+export * from './layout-loader.js';
+export * from './widget-registry.js';
+export * from '../document/index.js';

package/dist/editor/payaza-form/layout-loader.js

@@ -1,5 +1,5 @@
-import { parseLayoutJSON } from './engine';
-import { bridgeRequirementToOverlayJSONAsync, getBridgedPayazaFormRequirement } from './schema-bridge';
+import { parseLayoutJSON } from './engine.js';
+import { bridgeRequirementToOverlayJSONAsync, getBridgedPayazaFormRequirement } from './schema-bridge.js';
 /**
  * Async layout loader — primary path.
  * Lazily loads only the alignment schema for the active layout.

package/dist/editor/payaza-form/preview-message-handler.js

@@ -1,6 +1,6 @@
-import { PREVIEW_MSG, } from '../../preview/canvas/preview-messages';
-import { previewCommitsMatchEditorContext } from '../../preview/canvas/preview-isolation';
-import { resolvePreviewFlushAck } from '../../preview/canvas/preview-flush-await';
+import { PREVIEW_MSG, } from '../../preview/canvas/preview-messages.js';
+import { previewCommitsMatchEditorContext } from '../../preview/canvas/preview-isolation.js';
+import { resolvePreviewFlushAck } from '../../preview/canvas/preview-flush-await.js';
 /** Shared handler for iframe postMessage and inline preview events. */
 export function processPreviewMessage(d, ctx) {
     if (d.type === PREVIEW_MSG.FLUSH_EDITS_ACK) {

package/dist/editor/payaza-form/schema-bridge.js

@@ -1,6 +1,6 @@
-import { loadAlignmentSchemaAsync, getLoadedAlignmentSchema, } from '../alignment-schemas/lazy-loader';
-import { getLayoutMetadata } from '../alignment-schemas/metadata';
-import { normalizeEditorLayoutId } from '../document/layout-id';
+import { loadAlignmentSchemaAsync, getLoadedAlignmentSchema, } from '../alignment-schemas/lazy-loader.js';
+import { getLayoutMetadata } from '../alignment-schemas/metadata.js';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
 const _overlayCache = {};
 function buildOverlayJSON(metadata, alignmentSchema) {
     return {

package/dist/editor/payaza-form/widget-registry.js

@@ -15,7 +15,7 @@ const widgetRegistry = new Map();
  *
  * @example
  * ```tsx
- * import { registerWidget } from './widget-registry';
+ * import { registerWidget } from './widget-registry.js';
  *
  * const MyCustomTextField = ({ label, value, onChange }) => (
  *   <div>

package/dist/editor/shared/BlockOutlineTree.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { AlignLeft, ChevronDown, ChevronRight, Eye, EyeOff, Image as ImageIcon, Layers, MapPin, Minus, MousePointer2, Square, Star, Tag, Type, } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
-import { isGranularPathUnderBlock } from '../blocks/nav-outline-utils';
+import { isGranularPathUnderBlock } from '../blocks/nav-outline-utils.js';
 const BLOCK_ICON_MAP = {
     'payaza/heading': Type,
     'payaza/paragraph': AlignLeft,

package/dist/editor/shared/EditorHeader.js

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import { motion, AnimatePresence } from 'framer-motion';
 import { cn } from '../../lib/utils/index.js';
 import { ArrowLeft, Layout, Save, Smartphone, Monitor, Tablet, Eye, Pencil, PanelLeft, ChevronDown, Home, ShoppingBag, ShoppingCart, FileText, Settings, Undo2, Redo2, Send, Sparkles, Image as ImageIcon, Palette, Check, ZoomIn, } from 'lucide-react';
-import { PREVIEW_ZOOM_OPTIONS } from './preview-viewport';
+import { PREVIEW_ZOOM_OPTIONS } from './preview-viewport.js';
 const Tooltip = ({ text, children }) => {
     const [isVisible, setIsVisible] = useState(false);
     const [coords, setCoords] = useState({ top: 0, left: 0 });

package/dist/editor/shared/EditorNavigator.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { cn } from '../../lib/utils/index.js';
 import { ChevronDown, ChevronRight, Eye, EyeOff, Layers, List } from 'lucide-react';
-import { BlockOutlineTree } from './BlockOutlineTree';
+import { BlockOutlineTree } from './BlockOutlineTree.js';
 /**
  * Full-template outline (pages → blocks). Reorder controls apply to the active page only.
  */

package/dist/editor/shared/IframePreview.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useImperativeHandle, useMemo, useRef, useState, forwardRef } from 'react';
-import { isDeepEqual } from '../../lib/utils';
-import { normalizeEditorLayoutId } from '../document/layout-id';
-import { previewPageIdToRoute } from '../../preview/canvas/preview-route';
-import { PREVIEW_MSG } from '../../preview/canvas/preview-messages';
-import { DESKTOP_PREVIEW_WIDTH, resolvePreviewScale, } from './preview-viewport';
-export { DESKTOP_PREVIEW_WIDTH } from './preview-viewport';
+import { isDeepEqual } from '../../lib/utils/index.js';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
+import { previewPageIdToRoute } from '../../preview/canvas/preview-route.js';
+import { PREVIEW_MSG } from '../../preview/canvas/preview-messages.js';
+import { DESKTOP_PREVIEW_WIDTH, resolvePreviewScale, } from './preview-viewport.js';
+export { DESKTOP_PREVIEW_WIDTH } from './preview-viewport.js';
 export const IframePreview = forwardRef(function IframePreview({ layoutId, config, activePageId, viewMode, selectedSection, focusedField = null, interactionMode = 'edit', slideIndexSync = null, flushRequestId = 0, previewZoom = 'fit', desktopCanvasWidth = DESKTOP_PREVIEW_WIDTH, className = '', }, ref) {
     const iframeRef = useRef(null);
     const viewportContainerRef = useRef(null);

package/dist/editor/shared/InlineCanvasPreview.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { LayoutPreview } from '../../preview/LayoutPreview';
-import { PreviewCanvasEnhancer } from '../../preview/canvas/PreviewCanvasEnhancer';
-import { PreviewCanvasStyles } from '../../preview/canvas/PreviewCanvasStyles';
-import { previewPageIdToRoute } from '../../preview/canvas/preview-route';
-import { PREVIEW_MSG } from '../../preview/canvas/preview-messages';
-import { normalizeEditorLayoutId } from '../document/layout-id';
-import { DESKTOP_PREVIEW_WIDTH, resolvePreviewScale, } from './preview-viewport';
+import { LayoutPreview } from '../../preview/LayoutPreview.js';
+import { PreviewCanvasEnhancer } from '../../preview/canvas/PreviewCanvasEnhancer.js';
+import { PreviewCanvasStyles } from '../../preview/canvas/PreviewCanvasStyles.js';
+import { previewPageIdToRoute } from '../../preview/canvas/preview-route.js';
+import { PREVIEW_MSG } from '../../preview/canvas/preview-messages.js';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
+import { DESKTOP_PREVIEW_WIDTH, resolvePreviewScale, } from './preview-viewport.js';
 import { MOBILE_INLINE_DESKTOP_MAX_WIDTH, shouldUseInlineEditorPreview, } from '../../lib/utils/mobile-editor.js';
 const MOBILE_INLINE_MIN_LAYOUT_HEIGHT = 480;
 /**

package/dist/editor/shared/LayoutRenderer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LayoutPreview } from '../../preview/LayoutPreview';
+import { LayoutPreview } from '../../preview/LayoutPreview.js';
 export const LayoutRenderer = ({ layoutId, config, activePageId, className = '', }) => {
     // Map the pageId to a route for LayoutPreview
     const route = activePageId === 'home' ? '/' : `/${activePageId}`;

package/dist/editor/shared/ResizableSidebar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect, useRef } from 'react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils/index.js';
 import { GripVertical } from 'lucide-react';
 export const ResizableSidebar = ({ children, initialWidth = 400, minWidth = 300, maxWidth = 600, className = '', side = 'right', onWidthChange, }) => {
     const [width, setWidth] = useState(initialWidth);

package/dist/editor/shared/index.js

@@ -1,7 +1,7 @@
-export * from './EditorHeader';
-export * from './EditorNavigator';
-export * from './IframePreview';
-export * from './InlineCanvasPreview';
-export * from './LayoutRenderer';
-export * from './PageTabs';
-export * from './ResizableSidebar';
+export * from './EditorHeader.js';
+export * from './EditorNavigator.js';
+export * from './IframePreview.js';
+export * from './InlineCanvasPreview.js';
+export * from './LayoutRenderer.js';
+export * from './PageTabs.js';
+export * from './ResizableSidebar.js';