@endora-commerce/cms-components 0.100.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +59 -0
- package/dist/cms-components.css +2 -0
- package/dist/components/Accordion.d.ts +43 -0
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion.js +81 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/AnnouncementBar.d.ts +43 -0
- package/dist/components/AnnouncementBar.d.ts.map +1 -0
- package/dist/components/AnnouncementBar.js +27 -0
- package/dist/components/AnnouncementBar.js.map +1 -0
- package/dist/components/Button.d.ts +43 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +122 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/CategoryGrid.d.ts +43 -0
- package/dist/components/CategoryGrid.d.ts.map +1 -0
- package/dist/components/CategoryGrid.js +117 -0
- package/dist/components/CategoryGrid.js.map +1 -0
- package/dist/components/CategoryList.d.ts +43 -0
- package/dist/components/CategoryList.d.ts.map +1 -0
- package/dist/components/CategoryList.js +96 -0
- package/dist/components/CategoryList.js.map +1 -0
- package/dist/components/CmsPageContainer.d.ts +12 -0
- package/dist/components/CmsPageContainer.d.ts.map +1 -0
- package/dist/components/CmsPageContainer.js +19 -0
- package/dist/components/CmsPageContainer.js.map +1 -0
- package/dist/components/CmsProductCard.d.ts +35 -0
- package/dist/components/CmsProductCard.d.ts.map +1 -0
- package/dist/components/CmsProductCard.js +101 -0
- package/dist/components/CmsProductCard.js.map +1 -0
- package/dist/components/Column.d.ts +50 -0
- package/dist/components/Column.d.ts.map +1 -0
- package/dist/components/Column.js +127 -0
- package/dist/components/Column.js.map +1 -0
- package/dist/components/ContactFormEmbed.d.ts +43 -0
- package/dist/components/ContactFormEmbed.d.ts.map +1 -0
- package/dist/components/ContactFormEmbed.js +37 -0
- package/dist/components/ContactFormEmbed.js.map +1 -0
- package/dist/components/ContentSlider.d.ts +43 -0
- package/dist/components/ContentSlider.d.ts.map +1 -0
- package/dist/components/ContentSlider.js +96 -0
- package/dist/components/ContentSlider.js.map +1 -0
- package/dist/components/FeatureList.d.ts +43 -0
- package/dist/components/FeatureList.d.ts.map +1 -0
- package/dist/components/FeatureList.js +89 -0
- package/dist/components/FeatureList.js.map +1 -0
- package/dist/components/Heading.d.ts +43 -0
- package/dist/components/Heading.d.ts.map +1 -0
- package/dist/components/Heading.js +116 -0
- package/dist/components/Heading.js.map +1 -0
- package/dist/components/Hero.d.ts +43 -0
- package/dist/components/Hero.d.ts.map +1 -0
- package/dist/components/Hero.js +186 -0
- package/dist/components/Hero.js.map +1 -0
- package/dist/components/IconPickerField.d.ts +3 -0
- package/dist/components/IconPickerField.d.ts.map +1 -0
- package/dist/components/IconPickerField.js +30 -0
- package/dist/components/IconPickerField.js.map +1 -0
- package/dist/components/Icons.d.ts +43 -0
- package/dist/components/Icons.d.ts.map +1 -0
- package/dist/components/Icons.js +62 -0
- package/dist/components/Icons.js.map +1 -0
- package/dist/components/Image.d.ts +43 -0
- package/dist/components/Image.d.ts.map +1 -0
- package/dist/components/Image.js +179 -0
- package/dist/components/Image.js.map +1 -0
- package/dist/components/ImageSlider.d.ts +44 -0
- package/dist/components/ImageSlider.d.ts.map +1 -0
- package/dist/components/ImageSlider.js +186 -0
- package/dist/components/ImageSlider.js.map +1 -0
- package/dist/components/InsertBlock.d.ts +4 -0
- package/dist/components/InsertBlock.d.ts.map +1 -0
- package/dist/components/InsertBlock.js +30 -0
- package/dist/components/InsertBlock.js.map +1 -0
- package/dist/components/InsertTemplate.d.ts +4 -0
- package/dist/components/InsertTemplate.d.ts.map +1 -0
- package/dist/components/InsertTemplate.js +30 -0
- package/dist/components/InsertTemplate.js.map +1 -0
- package/dist/components/LogoStrip.d.ts +43 -0
- package/dist/components/LogoStrip.d.ts.map +1 -0
- package/dist/components/LogoStrip.js +155 -0
- package/dist/components/LogoStrip.js.map +1 -0
- package/dist/components/Map.d.ts +43 -0
- package/dist/components/Map.d.ts.map +1 -0
- package/dist/components/Map.js +165 -0
- package/dist/components/Map.js.map +1 -0
- package/dist/components/MissingComponentPlaceholder.d.ts +27 -0
- package/dist/components/MissingComponentPlaceholder.d.ts.map +1 -0
- package/dist/components/MissingComponentPlaceholder.js +24 -0
- package/dist/components/MissingComponentPlaceholder.js.map +1 -0
- package/dist/components/NewsletterSignup.d.ts +43 -0
- package/dist/components/NewsletterSignup.d.ts.map +1 -0
- package/dist/components/NewsletterSignup.js +43 -0
- package/dist/components/NewsletterSignup.js.map +1 -0
- package/dist/components/ProductCard.d.ts +43 -0
- package/dist/components/ProductCard.d.ts.map +1 -0
- package/dist/components/ProductCard.js +96 -0
- package/dist/components/ProductCard.js.map +1 -0
- package/dist/components/ProductGrid.d.ts +43 -0
- package/dist/components/ProductGrid.d.ts.map +1 -0
- package/dist/components/ProductGrid.js +138 -0
- package/dist/components/ProductGrid.js.map +1 -0
- package/dist/components/ProductSlider.d.ts +43 -0
- package/dist/components/ProductSlider.d.ts.map +1 -0
- package/dist/components/ProductSlider.js +134 -0
- package/dist/components/ProductSlider.js.map +1 -0
- package/dist/components/RawHtml.d.ts +43 -0
- package/dist/components/RawHtml.d.ts.map +1 -0
- package/dist/components/RawHtml.js +38 -0
- package/dist/components/RawHtml.js.map +1 -0
- package/dist/components/RawJs.d.ts +43 -0
- package/dist/components/RawJs.d.ts.map +1 -0
- package/dist/components/RawJs.js +53 -0
- package/dist/components/RawJs.js.map +1 -0
- package/dist/components/RichContent.d.ts +4 -0
- package/dist/components/RichContent.d.ts.map +1 -0
- package/dist/components/RichContent.js +48 -0
- package/dist/components/RichContent.js.map +1 -0
- package/dist/components/RichContentEditorField.d.ts +10 -0
- package/dist/components/RichContentEditorField.d.ts.map +1 -0
- package/dist/components/RichContentEditorField.js +130 -0
- package/dist/components/RichContentEditorField.js.map +1 -0
- package/dist/components/RichContentPublished.d.ts +5 -0
- package/dist/components/RichContentPublished.d.ts.map +1 -0
- package/dist/components/RichContentPublished.js +22 -0
- package/dist/components/RichContentPublished.js.map +1 -0
- package/dist/components/Row.d.ts +43 -0
- package/dist/components/Row.d.ts.map +1 -0
- package/dist/components/Row.js +305 -0
- package/dist/components/Row.js.map +1 -0
- package/dist/components/SimpleTable.d.ts +43 -0
- package/dist/components/SimpleTable.d.ts.map +1 -0
- package/dist/components/SimpleTable.js +155 -0
- package/dist/components/SimpleTable.js.map +1 -0
- package/dist/components/Slide.d.ts +44 -0
- package/dist/components/Slide.d.ts.map +1 -0
- package/dist/components/Slide.js +36 -0
- package/dist/components/Slide.js.map +1 -0
- package/dist/components/Social.d.ts +43 -0
- package/dist/components/Social.d.ts.map +1 -0
- package/dist/components/Social.js +110 -0
- package/dist/components/Social.js.map +1 -0
- package/dist/components/Spacer.d.ts +43 -0
- package/dist/components/Spacer.d.ts.map +1 -0
- package/dist/components/Spacer.js +48 -0
- package/dist/components/Spacer.js.map +1 -0
- package/dist/components/Stats.d.ts +43 -0
- package/dist/components/Stats.d.ts.map +1 -0
- package/dist/components/Stats.js +71 -0
- package/dist/components/Stats.js.map +1 -0
- package/dist/components/Tabs.d.ts +43 -0
- package/dist/components/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs.js +70 -0
- package/dist/components/Tabs.js.map +1 -0
- package/dist/components/Testimonial.d.ts +43 -0
- package/dist/components/Testimonial.d.ts.map +1 -0
- package/dist/components/Testimonial.js +74 -0
- package/dist/components/Testimonial.js.map +1 -0
- package/dist/components/Text.d.ts +43 -0
- package/dist/components/Text.d.ts.map +1 -0
- package/dist/components/Text.js +87 -0
- package/dist/components/Text.js.map +1 -0
- package/dist/components/Video.d.ts +43 -0
- package/dist/components/Video.d.ts.map +1 -0
- package/dist/components/Video.js +98 -0
- package/dist/components/Video.js.map +1 -0
- package/dist/components/box-styles.d.ts +19 -0
- package/dist/components/box-styles.d.ts.map +1 -0
- package/dist/components/box-styles.js +66 -0
- package/dist/components/box-styles.js.map +1 -0
- package/dist/components/button-link.d.ts +7 -0
- package/dist/components/button-link.d.ts.map +1 -0
- package/dist/components/button-link.js +15 -0
- package/dist/components/button-link.js.map +1 -0
- package/dist/components/carousel/CarouselShell.d.ts +27 -0
- package/dist/components/carousel/CarouselShell.d.ts.map +1 -0
- package/dist/components/carousel/CarouselShell.js +210 -0
- package/dist/components/carousel/CarouselShell.js.map +1 -0
- package/dist/components/catalog/CatalogSkeletons.d.ts +27 -0
- package/dist/components/catalog/CatalogSkeletons.d.ts.map +1 -0
- package/dist/components/catalog/CatalogSkeletons.js +38 -0
- package/dist/components/catalog/CatalogSkeletons.js.map +1 -0
- package/dist/components/catalog-preview-context.d.ts +9 -0
- package/dist/components/catalog-preview-context.d.ts.map +1 -0
- package/dist/components/catalog-preview-context.js +18 -0
- package/dist/components/catalog-preview-context.js.map +1 -0
- package/dist/components/icon-catalog.d.ts +139 -0
- package/dist/components/icon-catalog.d.ts.map +1 -0
- package/dist/components/icon-catalog.js +148 -0
- package/dist/components/icon-catalog.js.map +1 -0
- package/dist/components/image-fields.d.ts +6 -0
- package/dist/components/image-fields.d.ts.map +1 -0
- package/dist/components/image-fields.js +11 -0
- package/dist/components/image-fields.js.map +1 -0
- package/dist/components/image-slider-item.d.ts +7 -0
- package/dist/components/image-slider-item.d.ts.map +1 -0
- package/dist/components/image-slider-item.js +45 -0
- package/dist/components/image-slider-item.js.map +1 -0
- package/dist/components/render-context.d.ts +29 -0
- package/dist/components/render-context.d.ts.map +1 -0
- package/dist/components/render-context.js +21 -0
- package/dist/components/render-context.js.map +1 -0
- package/dist/components/rich-content-shared.d.ts +11 -0
- package/dist/components/rich-content-shared.d.ts.map +1 -0
- package/dist/components/rich-content-shared.js +132 -0
- package/dist/components/rich-content-shared.js.map +1 -0
- package/dist/components/social-networks.d.ts +10 -0
- package/dist/components/social-networks.d.ts.map +1 -0
- package/dist/components/social-networks.js +43 -0
- package/dist/components/social-networks.js.map +1 -0
- package/dist/components/styles.d.ts +2 -0
- package/dist/components/styles.d.ts.map +1 -0
- package/dist/components/styles.js +9 -0
- package/dist/components/styles.js.map +1 -0
- package/dist/components/text-content.d.ts +13 -0
- package/dist/components/text-content.d.ts.map +1 -0
- package/dist/components/text-content.js +64 -0
- package/dist/components/text-content.js.map +1 -0
- package/dist/components/typography.d.ts +26 -0
- package/dist/components/typography.d.ts.map +1 -0
- package/dist/components/typography.js +52 -0
- package/dist/components/typography.js.map +1 -0
- package/dist/editor/row-layout-presets.d.ts +34 -0
- package/dist/editor/row-layout-presets.d.ts.map +1 -0
- package/dist/editor/row-layout-presets.js +175 -0
- package/dist/editor/row-layout-presets.js.map +1 -0
- package/dist/editor/slot-edit-props.d.ts +16 -0
- package/dist/editor/slot-edit-props.d.ts.map +1 -0
- package/dist/editor/slot-edit-props.js +25 -0
- package/dist/editor/slot-edit-props.js.map +1 -0
- package/dist/fields/catalog-data-fields.d.ts +7 -0
- package/dist/fields/catalog-data-fields.d.ts.map +1 -0
- package/dist/fields/catalog-data-fields.js +4 -0
- package/dist/fields/catalog-data-fields.js.map +1 -0
- package/dist/fields/catalog-fallback-fields.d.ts +4 -0
- package/dist/fields/catalog-fallback-fields.d.ts.map +1 -0
- package/dist/fields/catalog-fallback-fields.js +34 -0
- package/dist/fields/catalog-fallback-fields.js.map +1 -0
- package/dist/fields/catalog-resolve-fields.d.ts +5 -0
- package/dist/fields/catalog-resolve-fields.d.ts.map +1 -0
- package/dist/fields/catalog-resolve-fields.js +40 -0
- package/dist/fields/catalog-resolve-fields.js.map +1 -0
- package/dist/fields/shared-fields.d.ts +176 -0
- package/dist/fields/shared-fields.d.ts.map +1 -0
- package/dist/fields/shared-fields.js +142 -0
- package/dist/fields/shared-fields.js.map +1 -0
- package/dist/hooks/use-viewport-breakpoint-tier.d.ts +4 -0
- package/dist/hooks/use-viewport-breakpoint-tier.d.ts.map +1 -0
- package/dist/hooks/use-viewport-breakpoint-tier.js +21 -0
- package/dist/hooks/use-viewport-breakpoint-tier.js.map +1 -0
- package/dist/index.d.ts +127 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +377 -0
- package/dist/index.js.map +1 -0
- package/dist/schema/catalog-types.d.ts +22 -0
- package/dist/schema/catalog-types.d.ts.map +1 -0
- package/dist/schema/catalog-types.js +2 -0
- package/dist/schema/catalog-types.js.map +1 -0
- package/dist/schema/component-types.d.ts +419 -0
- package/dist/schema/component-types.d.ts.map +1 -0
- package/dist/schema/component-types.js +2 -0
- package/dist/schema/component-types.js.map +1 -0
- package/dist/schema/envelope.d.ts +21 -0
- package/dist/schema/envelope.d.ts.map +1 -0
- package/dist/schema/envelope.js +19 -0
- package/dist/schema/envelope.js.map +1 -0
- package/dist/utils/catalog-fetch.d.ts +29 -0
- package/dist/utils/catalog-fetch.d.ts.map +1 -0
- package/dist/utils/catalog-fetch.js +88 -0
- package/dist/utils/catalog-fetch.js.map +1 -0
- package/dist/utils/catalog-load.d.ts +4 -0
- package/dist/utils/catalog-load.d.ts.map +1 -0
- package/dist/utils/catalog-load.js +11 -0
- package/dist/utils/catalog-load.js.map +1 -0
- package/dist/utils/catalog-preview-bridge.d.ts +13 -0
- package/dist/utils/catalog-preview-bridge.d.ts.map +1 -0
- package/dist/utils/catalog-preview-bridge.js +8 -0
- package/dist/utils/catalog-preview-bridge.js.map +1 -0
- package/dist/utils/catalog-skeleton-estimate.d.ts +7 -0
- package/dist/utils/catalog-skeleton-estimate.d.ts.map +1 -0
- package/dist/utils/catalog-skeleton-estimate.js +42 -0
- package/dist/utils/catalog-skeleton-estimate.js.map +1 -0
- package/dist/utils/resolve-image-url.d.ts +20 -0
- package/dist/utils/resolve-image-url.d.ts.map +1 -0
- package/dist/utils/resolve-image-url.js +24 -0
- package/dist/utils/resolve-image-url.js.map +1 -0
- package/dist/utils/sanitize-html.d.ts +6 -0
- package/dist/utils/sanitize-html.d.ts.map +1 -0
- package/dist/utils/sanitize-html.js +81 -0
- package/dist/utils/sanitize-html.js.map +1 -0
- package/dist/utils/video-embed.d.ts +11 -0
- package/dist/utils/video-embed.d.ts.map +1 -0
- package/dist/utils/video-embed.js +61 -0
- package/dist/utils/video-embed.js.map +1 -0
- package/dist/utils/walk-asset-ids.d.ts +3 -0
- package/dist/utils/walk-asset-ids.d.ts.map +1 -0
- package/dist/utils/walk-asset-ids.js +23 -0
- package/dist/utils/walk-asset-ids.js.map +1 -0
- package/package.json +117 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { CategoryGridProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const CategoryGrid: {
|
|
4
|
+
render: PuckComponent<CategoryGridProps>;
|
|
5
|
+
label?: string;
|
|
6
|
+
defaultProps?: CategoryGridProps;
|
|
7
|
+
fields?: import("@measured/puck").Fields<CategoryGridProps, {}>;
|
|
8
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
11
|
+
changed: Partial<Record<keyof CategoryGridProps, boolean> & {
|
|
12
|
+
id: string;
|
|
13
|
+
}>;
|
|
14
|
+
fields: import("@measured/puck").Fields<CategoryGridProps, {}>;
|
|
15
|
+
lastFields: import("@measured/puck").Fields<CategoryGridProps, {}>;
|
|
16
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
17
|
+
appState: import("@measured/puck").AppState;
|
|
18
|
+
parent: import("@measured/puck").ComponentData | null;
|
|
19
|
+
}) => import("@measured/puck").Fields<CategoryGridProps, {}> | Promise<import("@measured/puck").Fields<CategoryGridProps, {}>>;
|
|
20
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
21
|
+
changed: Partial<Record<keyof CategoryGridProps, boolean> & {
|
|
22
|
+
id: string;
|
|
23
|
+
}>;
|
|
24
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
25
|
+
metadata: import("@measured/puck").Metadata;
|
|
26
|
+
trigger: import("@measured/puck").ResolveDataTrigger;
|
|
27
|
+
}) => (Omit<Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
28
|
+
props?: Partial<CategoryGridProps>;
|
|
29
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
30
|
+
props?: Partial<CategoryGridProps>;
|
|
31
|
+
}>;
|
|
32
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
33
|
+
changed: Partial<Record<keyof CategoryGridProps, boolean> & {
|
|
34
|
+
id: string;
|
|
35
|
+
}>;
|
|
36
|
+
lastPermissions: Partial<import("@measured/puck").Permissions>;
|
|
37
|
+
permissions: Partial<import("@measured/puck").Permissions>;
|
|
38
|
+
appState: import("@measured/puck").AppState;
|
|
39
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryGridProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
40
|
+
}) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
|
|
41
|
+
metadata?: import("@measured/puck").Metadata;
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=CategoryGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CategoryGrid.d.ts","sourceRoot":"","sources":["../../src/components/CategoryGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAgLtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import {} from '@measured/puck';
|
|
5
|
+
import { PB_RESPONSIVE_METADATA, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
|
|
6
|
+
import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
|
|
7
|
+
import { useViewportBreakpointTier } from '../hooks/use-viewport-breakpoint-tier.js';
|
|
8
|
+
import { BoxStyled } from './box-styles.js';
|
|
9
|
+
import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
|
|
10
|
+
import { fetchCategoryTree, filterCategories } from '../utils/catalog-fetch.js';
|
|
11
|
+
import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
|
|
12
|
+
import { estimateCategoryGridSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
|
|
13
|
+
import { CategoryGridSkeleton } from './catalog/CatalogSkeletons.js';
|
|
14
|
+
import { resolveCategorySelectionFields } from '../fields/catalog-resolve-fields.js';
|
|
15
|
+
import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
|
|
16
|
+
import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
|
|
17
|
+
function CategoryGridBody({ props, tier, editing, }) {
|
|
18
|
+
const { selectionMode = 'all', categorySlugs = [], parentSlug = '', columns = 4, gap = 16, showImage = true, cardStyle = 'stacked', showCounts = true, maxDepth, equalItemHeight = true, puck: _puck, ...box } = props;
|
|
19
|
+
const [items, setItems] = useState([]);
|
|
20
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
21
|
+
const colCount = resolveResponsiveNumber(columns, tier, 4);
|
|
22
|
+
const gapPx = resolveResponsiveNumber(gap, tier, 16);
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
let cancelled = false;
|
|
25
|
+
setIsLoading(true);
|
|
26
|
+
const startedAt = Date.now();
|
|
27
|
+
void (async () => {
|
|
28
|
+
try {
|
|
29
|
+
const tree = await fetchCategoryTree();
|
|
30
|
+
const filtered = filterCategories(tree, {
|
|
31
|
+
selectionMode,
|
|
32
|
+
categorySlugs,
|
|
33
|
+
parentSlug,
|
|
34
|
+
...(maxDepth !== undefined ? { maxDepth } : {}),
|
|
35
|
+
});
|
|
36
|
+
await waitForCatalogSkeletonMin(startedAt);
|
|
37
|
+
if (!cancelled)
|
|
38
|
+
setItems(filtered);
|
|
39
|
+
}
|
|
40
|
+
catch {
|
|
41
|
+
await waitForCatalogSkeletonMin(startedAt);
|
|
42
|
+
if (!cancelled)
|
|
43
|
+
setItems([]);
|
|
44
|
+
}
|
|
45
|
+
finally {
|
|
46
|
+
if (!cancelled)
|
|
47
|
+
setIsLoading(false);
|
|
48
|
+
}
|
|
49
|
+
})();
|
|
50
|
+
return () => {
|
|
51
|
+
cancelled = true;
|
|
52
|
+
};
|
|
53
|
+
}, [selectionMode, categorySlugs, parentSlug, maxDepth]);
|
|
54
|
+
return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: isLoading ? (_jsx(CategoryGridSkeleton, { count: estimateCategoryGridSkeletonCount(selectionMode, categorySlugs, colCount), columns: colCount, gap: gapPx })) : items.length === 0 ? (_jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing ? 'No categories to preview — configure the selection in the sidebar.' : 'No categories found' })) : (_jsx("ul", { className: [
|
|
55
|
+
`cmsc-pb-category-grid cmsc-pb-category-grid--${cardStyle}`,
|
|
56
|
+
equalItemHeight ? 'cmsc-pb-category-grid--equal-height' : '',
|
|
57
|
+
]
|
|
58
|
+
.filter(Boolean)
|
|
59
|
+
.join(' '), style: { gap: `${gapPx}px`, gridTemplateColumns: `repeat(${colCount}, minmax(0, 1fr))` }, children: items.map((cat) => (_jsx("li", { children: _jsxs("a", { href: `/c/${cat.slug}`, className: "cmsc-pb-category-grid__card", children: [showImage ? _jsx("span", { className: "cmsc-pb-category-grid__image", "aria-hidden": true }) : null, _jsx("span", { className: "cmsc-pb-category-grid__name", children: cat.name }), showCounts ? _jsx("span", { className: "cmsc-pb-category-grid__count", children: cat.productCount }) : null] }) }, cat.slug))) })) }));
|
|
60
|
+
}
|
|
61
|
+
const CategoryGridEditingRender = (props) => (_jsx(CategoryGridBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
|
|
62
|
+
const CategoryGridPublishedRender = (props) => (_jsx(CategoryGridBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
|
|
63
|
+
const categoryGridConfig = {
|
|
64
|
+
label: 'Category grid',
|
|
65
|
+
fields: {
|
|
66
|
+
selectionMode: {
|
|
67
|
+
type: 'select',
|
|
68
|
+
label: 'Selection',
|
|
69
|
+
metadata: CATALOG_DATA_FIELD_META,
|
|
70
|
+
options: [
|
|
71
|
+
{ label: 'All categories', value: 'all' },
|
|
72
|
+
{ label: 'Manual', value: 'manual' },
|
|
73
|
+
{ label: 'Children of parent', value: 'childrenOf' },
|
|
74
|
+
],
|
|
75
|
+
},
|
|
76
|
+
categorySlugs: createCatalogSlugsFallbackField('Categories'),
|
|
77
|
+
parentSlug: createCatalogSlugFallbackField('Parent category'),
|
|
78
|
+
columns: { type: 'number', label: 'Columns', min: 2, max: 6, metadata: PB_RESPONSIVE_METADATA },
|
|
79
|
+
equalItemHeight: {
|
|
80
|
+
type: 'radio',
|
|
81
|
+
label: 'Equal items height',
|
|
82
|
+
options: [{ label: 'Yes', value: true }, { label: 'No', value: false }],
|
|
83
|
+
},
|
|
84
|
+
gap: { type: 'number', label: 'Gap (px)', min: 0, max: 48, metadata: PB_RESPONSIVE_METADATA },
|
|
85
|
+
showImage: { type: 'radio', label: 'Show image placeholder', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
|
|
86
|
+
cardStyle: {
|
|
87
|
+
type: 'select',
|
|
88
|
+
label: 'Card style',
|
|
89
|
+
options: [
|
|
90
|
+
{ label: 'Stacked', value: 'stacked' },
|
|
91
|
+
{ label: 'Overlay', value: 'overlay' },
|
|
92
|
+
{ label: 'Minimal', value: 'minimal' },
|
|
93
|
+
],
|
|
94
|
+
},
|
|
95
|
+
showCounts: { type: 'radio', label: 'Show counts', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
|
|
96
|
+
maxDepth: { type: 'number', label: 'Max depth (optional)', min: 0, max: 5, metadata: CATALOG_DATA_FIELD_META },
|
|
97
|
+
margin: BOX_MARGIN_FIELD,
|
|
98
|
+
padding: BOX_PADDING_FIELD,
|
|
99
|
+
border: BOX_BORDER_FIELD,
|
|
100
|
+
},
|
|
101
|
+
defaultProps: {
|
|
102
|
+
selectionMode: 'all',
|
|
103
|
+
categorySlugs: [],
|
|
104
|
+
parentSlug: '',
|
|
105
|
+
columns: 4,
|
|
106
|
+
gap: 16,
|
|
107
|
+
showImage: true,
|
|
108
|
+
cardStyle: 'stacked',
|
|
109
|
+
showCounts: true,
|
|
110
|
+
equalItemHeight: true,
|
|
111
|
+
...DEFAULT_BOX_PROPS,
|
|
112
|
+
},
|
|
113
|
+
render: (props) => props.puck?.isEditing ? _jsx(CategoryGridEditingRender, { ...props }) : _jsx(CategoryGridPublishedRender, { ...props }),
|
|
114
|
+
resolveFields: (data, { fields }) => resolveCategorySelectionFields(fields, data.props.selectionMode ?? 'all'),
|
|
115
|
+
};
|
|
116
|
+
export const CategoryGrid = withHideOn(categoryGridConfig);
|
|
117
|
+
//# sourceMappingURL=CategoryGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CategoryGrid.js","sourceRoot":"","sources":["../../src/components/CategoryGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,iCAAiC,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EACL,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,sCAAsC,CAAC;AAE9C,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,OAAO,GAKR;IACC,MAAM,EACJ,aAAa,GAAG,KAAK,EACrB,aAAa,GAAG,EAAE,EAClB,UAAU,GAAG,EAAE,EACf,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,EAAE,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,SAAS,EACrB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,IAAI,EAAE,KAAK,EACX,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwE,EAAE,CAAC,CAAC;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,uBAAuB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,iBAAiB,EAAE,CAAC;gBACvC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,EAAE;oBACtC,aAAa;oBACb,aAAa;oBACb,UAAU;oBACV,GAAG,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBAChD,CAAC,CAAC;gBACH,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrC,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS;oBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC3D,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,oBAAoB,IACnB,KAAK,EAAE,iCAAiC,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,EAChF,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,KAAK,GACV,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,YAAG,SAAS,EAAC,6BAA6B,YACvC,OAAO,CAAC,CAAC,CAAC,oEAAoE,CAAC,CAAC,CAAC,qBAAqB,GACrG,CACL,CAAC,CAAC,CAAC,CACF,aACE,SAAS,EAAE;gBACT,gDAAgD,SAAS,EAAE;gBAC3D,eAAe,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;aAC7D;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,mBAAmB,EAAE,UAAU,QAAQ,mBAAmB,EAAE,YAEvF,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,uBACE,aAAG,IAAI,EAAE,MAAM,GAAG,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,6BAA6B,aAC/D,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,8BAA8B,wBAAe,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,6BAA6B,YAAE,GAAG,CAAC,IAAI,GAAQ,EAC9D,UAAU,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,8BAA8B,YAAE,GAAG,CAAC,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC3F,IALG,GAAG,CAAC,IAAI,CAMZ,CACN,CAAC,GACC,CACN,GACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,yBAAyB,GAAqC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAE,OAAO,SAAG,CAC7E,CAAC;AAEF,MAAM,2BAA2B,GAAqC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/E,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI,CACtF,CAAC;AAEF,MAAM,kBAAkB,GAAuC;IAC7D,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE;QACN,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,QAAQ,EAAE,uBAAuB;YACjC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAE;gBACzC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAE;aACrD;SACF;QACD,aAAa,EAAE,+BAA+B,CAAC,YAAY,CAAC;QAC5D,UAAU,EAAE,8BAA8B,CAAC,iBAAiB,CAAC;QAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC/F,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;SACxE;QACD,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC7F,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACtI,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;aACvC;SACF;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC5H,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE;QAC9G,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,IAAI;QACrB,GAAG,iBAAiB;KACrB;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,yBAAyB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,2BAA2B,OAAK,KAAK,GAAI;IAC/G,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAClC,8BAA8B,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC;CAC5E,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { CategoryListProps } from '../schema/component-types.js';
|
|
3
|
+
export declare const CategoryList: {
|
|
4
|
+
render: PuckComponent<CategoryListProps>;
|
|
5
|
+
label?: string;
|
|
6
|
+
defaultProps?: CategoryListProps;
|
|
7
|
+
fields?: import("@measured/puck").Fields<CategoryListProps, {}>;
|
|
8
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
11
|
+
changed: Partial<Record<keyof CategoryListProps, boolean> & {
|
|
12
|
+
id: string;
|
|
13
|
+
}>;
|
|
14
|
+
fields: import("@measured/puck").Fields<CategoryListProps, {}>;
|
|
15
|
+
lastFields: import("@measured/puck").Fields<CategoryListProps, {}>;
|
|
16
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
17
|
+
appState: import("@measured/puck").AppState;
|
|
18
|
+
parent: import("@measured/puck").ComponentData | null;
|
|
19
|
+
}) => import("@measured/puck").Fields<CategoryListProps, {}> | Promise<import("@measured/puck").Fields<CategoryListProps, {}>>;
|
|
20
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
21
|
+
changed: Partial<Record<keyof CategoryListProps, boolean> & {
|
|
22
|
+
id: string;
|
|
23
|
+
}>;
|
|
24
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
25
|
+
metadata: import("@measured/puck").Metadata;
|
|
26
|
+
trigger: import("@measured/puck").ResolveDataTrigger;
|
|
27
|
+
}) => (Omit<Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
28
|
+
props?: Partial<CategoryListProps>;
|
|
29
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
30
|
+
props?: Partial<CategoryListProps>;
|
|
31
|
+
}>;
|
|
32
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
33
|
+
changed: Partial<Record<keyof CategoryListProps, boolean> & {
|
|
34
|
+
id: string;
|
|
35
|
+
}>;
|
|
36
|
+
lastPermissions: Partial<import("@measured/puck").Permissions>;
|
|
37
|
+
permissions: Partial<import("@measured/puck").Permissions>;
|
|
38
|
+
appState: import("@measured/puck").AppState;
|
|
39
|
+
lastData: Omit<import("@measured/puck").ComponentData<CategoryListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
40
|
+
}) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
|
|
41
|
+
metadata?: import("@measured/puck").Metadata;
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=CategoryList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CategoryList.d.ts","sourceRoot":"","sources":["../../src/components/CategoryList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAkItE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import {} from '@measured/puck';
|
|
5
|
+
import { withHideOn } from '@endora-commerce/page-builder-core';
|
|
6
|
+
import { BoxStyled } from './box-styles.js';
|
|
7
|
+
import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
|
|
8
|
+
import { fetchCategoryTree, filterCategories } from '../utils/catalog-fetch.js';
|
|
9
|
+
import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
|
|
10
|
+
import { estimateCategoryListSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
|
|
11
|
+
import { CategoryListSkeleton } from './catalog/CatalogSkeletons.js';
|
|
12
|
+
import { resolveCategorySelectionFields } from '../fields/catalog-resolve-fields.js';
|
|
13
|
+
import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
|
|
14
|
+
import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
|
|
15
|
+
const CategoryListRender = (props) => {
|
|
16
|
+
const { selectionMode = 'all', categorySlugs = [], parentSlug = '', layout = 'list', showCounts = true, maxDepth, puck, ...box } = props;
|
|
17
|
+
const editing = puck?.isEditing === true;
|
|
18
|
+
const [items, setItems] = useState([]);
|
|
19
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
let cancelled = false;
|
|
22
|
+
setIsLoading(true);
|
|
23
|
+
const startedAt = Date.now();
|
|
24
|
+
void (async () => {
|
|
25
|
+
try {
|
|
26
|
+
const tree = await fetchCategoryTree();
|
|
27
|
+
const filtered = filterCategories(tree, {
|
|
28
|
+
selectionMode,
|
|
29
|
+
categorySlugs,
|
|
30
|
+
parentSlug,
|
|
31
|
+
...(maxDepth !== undefined ? { maxDepth } : {}),
|
|
32
|
+
});
|
|
33
|
+
await waitForCatalogSkeletonMin(startedAt);
|
|
34
|
+
if (!cancelled)
|
|
35
|
+
setItems(filtered);
|
|
36
|
+
}
|
|
37
|
+
catch {
|
|
38
|
+
await waitForCatalogSkeletonMin(startedAt);
|
|
39
|
+
if (!cancelled)
|
|
40
|
+
setItems([]);
|
|
41
|
+
}
|
|
42
|
+
finally {
|
|
43
|
+
if (!cancelled)
|
|
44
|
+
setIsLoading(false);
|
|
45
|
+
}
|
|
46
|
+
})();
|
|
47
|
+
return () => {
|
|
48
|
+
cancelled = true;
|
|
49
|
+
};
|
|
50
|
+
}, [selectionMode, categorySlugs, parentSlug, maxDepth]);
|
|
51
|
+
const listClass = `cmsc-pb-category-list cmsc-pb-category-list--${layout}`;
|
|
52
|
+
return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: 'desktop' } : {}), children: isLoading ? (_jsx(CategoryListSkeleton, { count: estimateCategoryListSkeletonCount(selectionMode, categorySlugs) })) : items.length === 0 ? (_jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing ? 'No categories to preview — configure the selection in the sidebar.' : 'No categories found' })) : (_jsx("ul", { className: listClass, children: items.map((cat) => (_jsx("li", { style: { paddingLeft: layout === 'list' ? `${cat.depth * 12}px` : undefined }, children: _jsxs("a", { href: `/c/${cat.slug}`, className: "cmsc-pb-category-list__link", children: [cat.name, showCounts ? _jsxs("span", { className: "cmsc-pb-category-list__count", children: ["(", cat.productCount, ")"] }) : null] }) }, cat.slug))) })) }));
|
|
53
|
+
};
|
|
54
|
+
const categoryListConfig = {
|
|
55
|
+
label: 'Category list',
|
|
56
|
+
fields: {
|
|
57
|
+
selectionMode: {
|
|
58
|
+
type: 'select',
|
|
59
|
+
label: 'Selection',
|
|
60
|
+
metadata: CATALOG_DATA_FIELD_META,
|
|
61
|
+
options: [
|
|
62
|
+
{ label: 'All categories', value: 'all' },
|
|
63
|
+
{ label: 'Manual', value: 'manual' },
|
|
64
|
+
{ label: 'Children of parent', value: 'childrenOf' },
|
|
65
|
+
],
|
|
66
|
+
},
|
|
67
|
+
categorySlugs: createCatalogSlugsFallbackField('Categories'),
|
|
68
|
+
parentSlug: createCatalogSlugFallbackField('Parent category'),
|
|
69
|
+
layout: {
|
|
70
|
+
type: 'select',
|
|
71
|
+
label: 'Layout',
|
|
72
|
+
options: [
|
|
73
|
+
{ label: 'List', value: 'list' },
|
|
74
|
+
{ label: 'Inline', value: 'inline' },
|
|
75
|
+
{ label: 'Chips', value: 'chips' },
|
|
76
|
+
],
|
|
77
|
+
},
|
|
78
|
+
showCounts: { type: 'radio', label: 'Show counts', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
|
|
79
|
+
maxDepth: { type: 'number', label: 'Max depth (optional)', min: 0, max: 5, metadata: CATALOG_DATA_FIELD_META },
|
|
80
|
+
margin: BOX_MARGIN_FIELD,
|
|
81
|
+
padding: BOX_PADDING_FIELD,
|
|
82
|
+
border: BOX_BORDER_FIELD,
|
|
83
|
+
},
|
|
84
|
+
defaultProps: {
|
|
85
|
+
selectionMode: 'all',
|
|
86
|
+
categorySlugs: [],
|
|
87
|
+
parentSlug: '',
|
|
88
|
+
layout: 'list',
|
|
89
|
+
showCounts: true,
|
|
90
|
+
...DEFAULT_BOX_PROPS,
|
|
91
|
+
},
|
|
92
|
+
render: CategoryListRender,
|
|
93
|
+
resolveFields: (data, { fields }) => resolveCategorySelectionFields(fields, data.props.selectionMode ?? 'all'),
|
|
94
|
+
};
|
|
95
|
+
export const CategoryList = withHideOn(categoryListConfig);
|
|
96
|
+
//# sourceMappingURL=CategoryList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CategoryList.js","sourceRoot":"","sources":["../../src/components/CategoryList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import type { Config } from '@measured/puck';
|
|
3
|
+
/** Matches the storefront shell (`max-w-[1360px] px-[24px]`). */
|
|
4
|
+
export declare const CMS_PAGE_MAX_WIDTH_PX = 1360;
|
|
5
|
+
export declare const CMS_PAGE_HORIZONTAL_PADDING_PX = 24;
|
|
6
|
+
export declare function CmsPageContainer({ children }: {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}): ReactElement;
|
|
9
|
+
/** Puck root wrapper — use for CMS pages only, not blocks/templates. */
|
|
10
|
+
export declare const cmsPageRootConfig: NonNullable<Config['root']>;
|
|
11
|
+
export declare function withCmsPageRoot(config: Config): Config;
|
|
12
|
+
//# sourceMappingURL=CmsPageContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsPageContainer.d.ts","sourceRoot":"","sources":["../../src/components/CmsPageContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,iEAAiE;AACjE,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAEpF;AAED,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAIzD,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKtD"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/** Matches the storefront shell (`max-w-[1360px] px-[24px]`). */
|
|
4
|
+
export const CMS_PAGE_MAX_WIDTH_PX = 1360;
|
|
5
|
+
export const CMS_PAGE_HORIZONTAL_PADDING_PX = 24;
|
|
6
|
+
export function CmsPageContainer({ children }) {
|
|
7
|
+
return _jsx("div", { className: "cmsc-pb-page", children: children });
|
|
8
|
+
}
|
|
9
|
+
/** Puck root wrapper — use for CMS pages only, not blocks/templates. */
|
|
10
|
+
export const cmsPageRootConfig = {
|
|
11
|
+
render: ({ children }) => (_jsx(CmsPageContainer, { children: children })),
|
|
12
|
+
};
|
|
13
|
+
export function withCmsPageRoot(config) {
|
|
14
|
+
return {
|
|
15
|
+
...config,
|
|
16
|
+
root: cmsPageRootConfig,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=CmsPageContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsPageContainer.js","sourceRoot":"","sources":["../../src/components/CmsPageContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,iEAAiE;AACjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAEjD,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAA2B;IACpE,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC;AACxD,CAAC;AAED,wEAAwE;AACxE,MAAM,CAAC,MAAM,iBAAiB,GAAgC;IAC5D,MAAM,EAAE,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CACjD,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAChD;CACF,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,OAAO;QACL,GAAG,MAAM;QACT,IAAI,EAAE,iBAAiB;KACxB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
import { type BreakpointTier } from '@endora-commerce/page-builder-core';
|
|
3
|
+
import type { CmsProductSummary } from '../schema/catalog-types.js';
|
|
4
|
+
import type { CmsProductCardProps } from '../schema/component-types.js';
|
|
5
|
+
export declare function productCardLayoutStyle(props: {
|
|
6
|
+
maxWidthPx?: CmsProductCardProps['maxWidthPx'];
|
|
7
|
+
imageHeightPx?: CmsProductCardProps['imageHeightPx'];
|
|
8
|
+
imageObjectFit?: CmsProductCardProps['imageObjectFit'];
|
|
9
|
+
cornerRadius?: CmsProductCardProps['cornerRadius'];
|
|
10
|
+
}, tier?: BreakpointTier): {
|
|
11
|
+
card: CSSProperties;
|
|
12
|
+
media: CSSProperties;
|
|
13
|
+
img: CSSProperties;
|
|
14
|
+
};
|
|
15
|
+
export declare function CmsProductCardView({ product, locale, showPrice, showSku, showStock, imageRatio, imageObjectFit, maxWidthPx, imageHeightPx, cornerRadius, variant, ctaLabel, previewTier, }: {
|
|
16
|
+
product: CmsProductSummary;
|
|
17
|
+
locale?: string;
|
|
18
|
+
showPrice?: boolean;
|
|
19
|
+
showSku?: boolean;
|
|
20
|
+
showStock?: boolean;
|
|
21
|
+
imageRatio?: CmsProductCardProps['imageRatio'];
|
|
22
|
+
imageObjectFit?: CmsProductCardProps['imageObjectFit'];
|
|
23
|
+
maxWidthPx?: CmsProductCardProps['maxWidthPx'];
|
|
24
|
+
imageHeightPx?: CmsProductCardProps['imageHeightPx'];
|
|
25
|
+
cornerRadius?: CmsProductCardProps['cornerRadius'];
|
|
26
|
+
variant?: CmsProductCardProps['variant'];
|
|
27
|
+
ctaLabel?: string;
|
|
28
|
+
previewTier?: BreakpointTier;
|
|
29
|
+
}): React.ReactElement;
|
|
30
|
+
export declare function CmsProductCardLoader(props: CmsProductCardProps & {
|
|
31
|
+
locale?: string;
|
|
32
|
+
editing?: boolean;
|
|
33
|
+
previewTier?: BreakpointTier;
|
|
34
|
+
}): React.ReactElement;
|
|
35
|
+
//# sourceMappingURL=CmsProductCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsProductCard.d.ts","sourceRoot":"","sources":["../../src/components/CmsProductCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAiBxE,wBAAgB,sBAAsB,CACpC,KAAK,EAAE;IACL,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;CACpD,EACD,IAAI,GAAE,cAA0B,GAC/B;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,CAoBnE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAgB,EAChB,SAAgB,EAChB,OAAc,EACd,SAAgB,EAChB,UAAqB,EACrB,cAA0B,EAC1B,UAAU,EACV,aAAa,EACb,YAAY,EACZ,OAAmB,EACnB,QAAQ,EACR,WAAuB,GACxB,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B,GAAG,KAAK,CAAC,YAAY,CAmDrB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,cAAc,CAAA;CAAE,GAChG,KAAK,CAAC,YAAY,CAoEpB"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { CORNER_RADIUS_PX, resolveResponsiveNumber, } from '@endora-commerce/page-builder-core';
|
|
5
|
+
function formatPrice(product, locale) {
|
|
6
|
+
if (!product.price)
|
|
7
|
+
return null;
|
|
8
|
+
return new Intl.NumberFormat(locale, {
|
|
9
|
+
style: 'currency',
|
|
10
|
+
currency: product.price.currency,
|
|
11
|
+
}).format(product.price.amount);
|
|
12
|
+
}
|
|
13
|
+
function mediaRatioClass(imageRatio) {
|
|
14
|
+
if (imageRatio === '4:3')
|
|
15
|
+
return 'cmsc-pb-product-card__media--43';
|
|
16
|
+
if (imageRatio === '16:9')
|
|
17
|
+
return 'cmsc-pb-product-card__media--169';
|
|
18
|
+
if (imageRatio === 'auto')
|
|
19
|
+
return 'cmsc-pb-product-card__media--auto';
|
|
20
|
+
return 'cmsc-pb-product-card__media--square';
|
|
21
|
+
}
|
|
22
|
+
export function productCardLayoutStyle(props, tier = 'desktop') {
|
|
23
|
+
const maxWidth = resolveResponsiveNumber(props.maxWidthPx, tier, 0);
|
|
24
|
+
const imageHeight = resolveResponsiveNumber(props.imageHeightPx, tier, 0);
|
|
25
|
+
return {
|
|
26
|
+
card: {
|
|
27
|
+
...(maxWidth > 0 ? { maxWidth: `${maxWidth}px`, width: '100%' } : {}),
|
|
28
|
+
...(props.cornerRadius
|
|
29
|
+
? { borderRadius: `${CORNER_RADIUS_PX[props.cornerRadius]}px` }
|
|
30
|
+
: {}),
|
|
31
|
+
},
|
|
32
|
+
media: {
|
|
33
|
+
...(imageHeight > 0 ? { height: `${imageHeight}px`, aspectRatio: 'unset' } : {}),
|
|
34
|
+
},
|
|
35
|
+
img: {
|
|
36
|
+
objectFit: props.imageObjectFit ?? 'contain',
|
|
37
|
+
...(props.imageObjectFit && props.imageObjectFit !== 'contain'
|
|
38
|
+
? { maxWidth: '100%', maxHeight: '100%' }
|
|
39
|
+
: {}),
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
export function CmsProductCardView({ product, locale = 'pl-PL', showPrice = true, showSku = true, showStock = true, imageRatio = 'square', imageObjectFit = 'contain', maxWidthPx, imageHeightPx, cornerRadius, variant = 'default', ctaLabel, previewTier = 'desktop', }) {
|
|
44
|
+
const ratioClass = mediaRatioClass(imageRatio);
|
|
45
|
+
const price = showPrice ? formatPrice(product, locale) : null;
|
|
46
|
+
const layout = productCardLayoutStyle({
|
|
47
|
+
...(maxWidthPx !== undefined ? { maxWidthPx } : {}),
|
|
48
|
+
...(imageHeightPx !== undefined ? { imageHeightPx } : {}),
|
|
49
|
+
...(imageObjectFit !== undefined ? { imageObjectFit } : {}),
|
|
50
|
+
...(cornerRadius !== undefined ? { cornerRadius } : {}),
|
|
51
|
+
}, previewTier);
|
|
52
|
+
return (_jsxs("article", { className: `cmsc-pb-product-card cmsc-pb-product-card--${variant}`, style: layout.card, children: [_jsx("a", { href: `/p/${product.slug}`, className: `cmsc-pb-product-card__media ${ratioClass}`, style: layout.media, children: product.primaryAssetUrl ? (_jsx("img", { src: product.primaryAssetUrl, alt: product.name, loading: "lazy", style: layout.img })) : (_jsx("span", { className: "cmsc-pb-product-card__placeholder", "aria-hidden": true })) }), _jsxs("div", { className: "cmsc-pb-product-card__body", children: [showSku && product.sku ? _jsx("span", { className: "cmsc-pb-product-card__sku", children: product.sku }) : null, _jsx("a", { href: `/p/${product.slug}`, className: "cmsc-pb-product-card__name", children: product.name }), showStock && product.stockLevel != null ? (_jsx("span", { className: "cmsc-pb-product-card__stock", children: String(product.stockLevel) })) : null, price ? _jsx("span", { className: "cmsc-pb-product-card__price", children: price }) : null, ctaLabel ? (_jsx("a", { href: `/p/${product.slug}`, className: "cmsc-pb-product-card__cta", children: ctaLabel })) : null] })] }));
|
|
53
|
+
}
|
|
54
|
+
export function CmsProductCardLoader(props) {
|
|
55
|
+
const { productSlug, editing = false, locale = 'pl-PL', previewTier, ...viewProps } = props;
|
|
56
|
+
const [product, setProduct] = useState(null);
|
|
57
|
+
const [error, setError] = useState(false);
|
|
58
|
+
const [loading, setLoading] = useState(Boolean(productSlug));
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
if (!productSlug) {
|
|
61
|
+
setProduct(null);
|
|
62
|
+
setError(false);
|
|
63
|
+
setLoading(false);
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
let cancelled = false;
|
|
67
|
+
setLoading(true);
|
|
68
|
+
void (async () => {
|
|
69
|
+
try {
|
|
70
|
+
const { fetchProductsBySlugs } = await import('../utils/catalog-fetch.js');
|
|
71
|
+
const list = await fetchProductsBySlugs([productSlug]);
|
|
72
|
+
if (!cancelled) {
|
|
73
|
+
setProduct(list[0] ?? null);
|
|
74
|
+
setError(!list[0]);
|
|
75
|
+
setLoading(false);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
catch {
|
|
79
|
+
if (!cancelled) {
|
|
80
|
+
setProduct(null);
|
|
81
|
+
setError(true);
|
|
82
|
+
setLoading(false);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
})();
|
|
86
|
+
return () => {
|
|
87
|
+
cancelled = true;
|
|
88
|
+
};
|
|
89
|
+
}, [productSlug]);
|
|
90
|
+
if (!productSlug) {
|
|
91
|
+
return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Select a product" }) }));
|
|
92
|
+
}
|
|
93
|
+
if (loading) {
|
|
94
|
+
return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Loading product\u2026" }) }));
|
|
95
|
+
}
|
|
96
|
+
if (error || !product) {
|
|
97
|
+
return (_jsx("div", { className: "cmsc-pb-product-card cmsc-pb-product-card--placeholder", children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: editing ? 'Product not found' : 'Product unavailable' }) }));
|
|
98
|
+
}
|
|
99
|
+
return (_jsx(CmsProductCardView, { product: product, locale: locale, ...(previewTier !== undefined ? { previewTier } : {}), ...viewProps }));
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=CmsProductCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsProductCard.js","sourceRoot":"","sources":["../../src/components/CmsProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { type PuckComponent } from '@measured/puck';
|
|
2
|
+
import type { ColumnProps } from '../schema/component-types.js';
|
|
3
|
+
/** Column must not use withHideOn — the outer grid cell is .cmsc-pb-row-col itself. */
|
|
4
|
+
export declare const Column: {
|
|
5
|
+
render: PuckComponent<ColumnProps>;
|
|
6
|
+
label?: string;
|
|
7
|
+
defaultProps?: ColumnProps;
|
|
8
|
+
fields?: import("@measured/puck").Fields<ColumnProps, {}>;
|
|
9
|
+
permissions?: Partial<import("@measured/puck").Permissions>;
|
|
10
|
+
inline?: boolean;
|
|
11
|
+
resolveFields?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
12
|
+
changed: Partial<Record<keyof ColumnProps, boolean> & {
|
|
13
|
+
id: string;
|
|
14
|
+
}>;
|
|
15
|
+
fields: import("@measured/puck").Fields<ColumnProps, {}>;
|
|
16
|
+
lastFields: import("@measured/puck").Fields<ColumnProps, {}>;
|
|
17
|
+
lastData: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
18
|
+
appState: import("@measured/puck").AppState;
|
|
19
|
+
parent: import("@measured/puck").ComponentData | null;
|
|
20
|
+
}) => import("@measured/puck").Fields<ColumnProps, {}> | Promise<import("@measured/puck").Fields<ColumnProps, {}>>;
|
|
21
|
+
resolveData?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
22
|
+
changed: Partial<Record<keyof ColumnProps, boolean> & {
|
|
23
|
+
id: string;
|
|
24
|
+
}>;
|
|
25
|
+
lastData: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
26
|
+
metadata: import("@measured/puck").Metadata;
|
|
27
|
+
trigger: import("@measured/puck").ResolveDataTrigger;
|
|
28
|
+
}) => (Omit<Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
29
|
+
props?: Partial<ColumnProps>;
|
|
30
|
+
}) | Promise<Omit<Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
|
|
31
|
+
props?: Partial<ColumnProps>;
|
|
32
|
+
}>;
|
|
33
|
+
resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
|
|
34
|
+
changed: Partial<Record<keyof ColumnProps, boolean> & {
|
|
35
|
+
id: string;
|
|
36
|
+
}>;
|
|
37
|
+
lastPermissions: Partial<import("@measured/puck").Permissions>;
|
|
38
|
+
permissions: Partial<import("@measured/puck").Permissions>;
|
|
39
|
+
appState: import("@measured/puck").AppState;
|
|
40
|
+
lastData: Omit<import("@measured/puck").ComponentData<ColumnProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
|
|
41
|
+
}) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
|
|
42
|
+
metadata?: import("@measured/puck").Metadata;
|
|
43
|
+
};
|
|
44
|
+
export declare function createDefaultColumnItem(id: string): {
|
|
45
|
+
type: 'cms.Column';
|
|
46
|
+
props: ColumnProps & {
|
|
47
|
+
id: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=Column.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAY1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAqKhE,uFAAuF;AACvF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAe,CAAC;AAEnC,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAU/G"}
|