@salesforce/storefront-next-runtime 0.4.2 → 1.0.0-alpha.1

package/dist/DesignFrame.js

@@ -1,204 +0,0 @@
-import { a as useDesignState, r as useDesignContext } from "./DesignContext.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/design/react/hooks/useNodeToTargetStore.ts
-function useNodeToTargetStore({ parentId, componentId, contentLinkUuid, regionId, nodeRef, type, contentLinkUuids, componentTypeInclusions, componentTypeExclusions }) {
-	const { nodeToTargetMap } = useDesignState();
-	React.useEffect(() => {
-		if (nodeRef.current) nodeToTargetMap.set(nodeRef.current, {
-			parentId,
-			componentId,
-			contentLinkUuid,
-			regionId,
-			type,
-			contentLinkUuids,
-			componentTypeInclusions,
-			componentTypeExclusions
-		});
-	}, [
-		nodeRef,
-		parentId,
-		componentId,
-		contentLinkUuid,
-		regionId,
-		type,
-		contentLinkUuids,
-		nodeToTargetMap,
-		componentTypeInclusions,
-		componentTypeExclusions
-	]);
-}
-
-//#endregion
-//#region src/design/react/hooks/useComponentType.ts
-function useComponentType(componentId) {
-	const { pageDesignerConfig } = useDesignContext();
-	const { type = "" } = pageDesignerConfig?.components[componentId] ?? {};
-	return pageDesignerConfig?.componentTypes[type] ?? null;
-}
-
-//#endregion
-//#region src/design/react/components/DeleteToolboxButton.tsx
-const DeleteToolboxButton = ({ title, onClick, onMouseDown = () => {} }) => /* @__PURE__ */ jsx("button", {
-	className: "pd-design__frame__toolbox-button",
-	title,
-	type: "button",
-	onMouseDown,
-	onClick,
-	children: /* @__PURE__ */ jsx("svg", {
-		className: "pd-design__frame__delete-icon",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M18 6L6 18M6 6l12 12",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	})
-});
-
-//#endregion
-//#region src/design/react/components/MoveToolboxButton.tsx
-const MoveToolboxButton = ({ title }) => /* @__PURE__ */ jsx("button", {
-	className: "pd-design__frame__toolbox-button",
-	title,
-	type: "button",
-	children: /* @__PURE__ */ jsx("svg", {
-		className: "pd-design__frame__move-icon",
-		viewBox: "0 0 24 24",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M22.9 11.7l-3.8-4.2c-.3-.3-.6 0-.6.4v2.7h-4.7c-.2 0-.4-.2-.4-.4V5.5h2.7c.5 0 .7-.4.4-.6l-4.1-3.8c-.2-.2-.5-.2-.7 0L7.6 4.9c-.3.3-.1.6.4.6h2.6v4.7c0 .2-.2.4-.4.4H5.5V7.9c0-.5-.4-.7-.6-.4l-3.8 4.1c-.2.2-.2.5 0 .7l3.8 4.1c.3.3.6.1.6-.4v-2.6h4.7c.2 0 .4.2.4.4v4.7H7.9c-.5 0-.7.4-.4.6l4.1 3.8c.2.2.5.2.7 0l4.1-3.8c.3-.3.1-.6-.4-.6h-2.6v-4.7c0-.2.2-.4.4-.4h4.7v2.7c0 .5.4.7.6.4l3.8-4.1c.2-.3.2-.5 0-.7z",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	})
-});
-
-//#endregion
-//#region src/design/react/hooks/useLabels.ts
-function useLabels() {
-	const { pageDesignerConfig } = useDesignContext();
-	return pageDesignerConfig?.labels ?? {};
-}
-
-//#endregion
-//#region src/design/react/components/DesignOverlay.tsx
-/**
-* Copyright 2026 Salesforce, Inc.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-const DesignOverlay = () => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "pd-design__frame__overlay",
-		children: /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			x: "0px",
-			y: "0px",
-			width: "52px",
-			height: "52px",
-			viewBox: "0 0 52 52",
-			enableBackground: "new 0 0 52 52",
-			xmlSpace: "preserve",
-			children: /* @__PURE__ */ jsx("path", {
-				fill: "#FFFFFF",
-				d: "M26,2C12.7,2,2,12.7,2,26s10.7,24,24,24s24-10.7,24-24S39.3,2,26,2z M26,7C26,7,26,7,26,7C26,7,26,7,26,7\n	C26,7,26,7,26,7z M28,7.1c-0.1,0-0.1,0-0.2,0C27.9,7.1,28,7.1,28,7.1z M26,45C15.5,45,7,36.5,7,26c0-1,0.1-2.1,0.3-3\n	c1.3,0.2,2.9,0.7,3.7,1.5c1.7,1.8,3.6,3.9,5.4,4.3c0,0-0.2,0.1-0.4,0.4c-0.2,0.3-0.4,0.9-0.4,1.9c0,4.7,4.4,1.9,4.4,6.6\n	c0,4.7,5.3,6.6,5.3,2.8s3.5-5.6,3.5-8.5s-2.7-2.8-4.4-3.8c-1.8-0.9-2.7-2.4-6.1-1.9c-1.8-1.7-2.8-3.1-2-4.7c0.9-1.7,4.6-2,4.6-4.6\n	s-2.5-3.1-4.3-3.1c-0.8,0-2.5-0.6-3.9-1.3c1.7-1.7,3.8-3.1,6-4.1c1.6,0.7,4.3,1.8,6.6,1.8c2.7,0,4.1-1.9,3.7-3.1\n	c4.5,0.7,8.5,3,11.4,6.2c-1.5,0.9-3.5,1.9-7,1.9c-4.6,0-4.6,4.7-1.9,5.6c2.8,0.9,5.6-1.8,6.5,0c0.9,1.8-6.5,1.8-4.6,6.4\n	c1.9,4.6,3.7-0.1,5.6,4.5c1.9,4.6,5.6-0.7,2.8-4.3c-1.2-1.6-0.9-6.5,1.9-6.5h0.9c0.4,1.6,0.7,3.3,0.7,5C45,36.5,36.5,45,26,45z"
-			})
-		})
-	});
-};
-
-//#endregion
-//#region src/design/react/components/DesignFrame.tsx
-const DesignFrame = ({ componentId, children, name, parentId, regionId, contentLinkUuid, localized = false, showFrame = false, showToolbox = true, isMoveable = true, className }) => {
-	const componentType = useComponentType(componentId ?? "");
-	const { deleteComponent } = useDesignState();
-	const labels = useLabels();
-	const nodeRef = React.useRef(null);
-	const handleDelete = React.useCallback((event) => {
-		event.stopPropagation();
-		if (componentId) deleteComponent({
-			componentId,
-			contentLinkUuid: contentLinkUuid ?? "",
-			sourceComponentId: parentId ?? "",
-			sourceRegionId: regionId ?? ""
-		});
-	}, [
-		deleteComponent,
-		componentId,
-		contentLinkUuid,
-		parentId,
-		regionId
-	]);
-	const stopPropagation = (event) => event.stopPropagation();
-	return /* @__PURE__ */ jsxs("div", {
-		className: [
-			"pd-design__frame",
-			showFrame && "pd-design__frame--visible",
-			className
-		].filter(Boolean).join(" "),
-		ref: nodeRef,
-		children: [
-			showFrame && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: "pd-design__frame--x" }), /* @__PURE__ */ jsx("div", { className: "pd-design__frame--y" })] }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "pd-design__frame__label",
-				onMouseDown: stopPropagation,
-				children: [
-					componentType?.image && /* @__PURE__ */ jsx("span", {
-						className: "pd-design__icon",
-						children: /* @__PURE__ */ jsx("img", {
-							src: componentType.image,
-							alt: ""
-						})
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "pd-design__frame__name",
-						children: name
-					}),
-					!localized && /* @__PURE__ */ jsx("span", {
-						className: "pd-design__frame__fallback-badge",
-						children: labels.fallback ?? "Fallback"
-					})
-				]
-			}),
-			showToolbox && /* @__PURE__ */ jsxs("div", {
-				className: "pd-design__frame__toolbox",
-				children: [isMoveable && /* @__PURE__ */ jsx(MoveToolboxButton, { title: labels.moveComponent ?? "Move component" }), /* @__PURE__ */ jsx(DeleteToolboxButton, {
-					title: labels.deleteComponent ?? "Delete component",
-					onMouseDown: stopPropagation,
-					onClick: handleDelete
-				})]
-			}),
-			/* @__PURE__ */ jsx(DesignOverlay, {}),
-			children
-		]
-	});
-};
-DesignFrame.defaultProps = {
-	parentId: void 0,
-	componentId: void 0,
-	showToolbox: true,
-	regionId: void 0,
-	showFrame: false
-};
-
-//#endregion
-export { useNodeToTargetStore as i, useLabels as n, useComponentType as r, DesignFrame as t };
-//# sourceMappingURL=DesignFrame.js.map

package/dist/DesignFrame.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesignFrame.js","names":[],"sources":["../src/design/react/hooks/useNodeToTargetStore.ts","../src/design/react/hooks/useComponentType.ts","../src/design/react/components/DeleteToolboxButton.tsx","../src/design/react/components/MoveToolboxButton.tsx","../src/design/react/hooks/useLabels.ts","../src/design/react/components/DesignOverlay.tsx","../src/design/react/components/DesignFrame.tsx"],"sourcesContent":["/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useDesignState } from './useDesignState';\nimport type { NodeToTargetMapEntry } from '../context/DesignStateContext';\n\nexport function useNodeToTargetStore({\n    parentId,\n    componentId,\n    contentLinkUuid,\n    regionId,\n    nodeRef,\n    type,\n    contentLinkUuids,\n    componentTypeInclusions,\n    componentTypeExclusions,\n}: Partial<NodeToTargetMapEntry> & {\n    nodeRef: React.RefObject<Element | null>;\n}): void {\n    const { nodeToTargetMap } = useDesignState();\n\n    React.useEffect(() => {\n        if (nodeRef.current) {\n            nodeToTargetMap.set(nodeRef.current, {\n                parentId,\n                componentId,\n                contentLinkUuid,\n                regionId,\n                type,\n                contentLinkUuids,\n                componentTypeInclusions,\n                componentTypeExclusions,\n            } as NodeToTargetMapEntry);\n        }\n    }, [\n        nodeRef,\n        parentId,\n        componentId,\n        contentLinkUuid,\n        regionId,\n        type,\n        contentLinkUuids,\n        nodeToTargetMap,\n        componentTypeInclusions,\n        componentTypeExclusions,\n    ]);\n}\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useDesignContext } from '../context/DesignContext';\nimport type { ComponentType } from '../../messaging-api/domain-types';\n\nexport function useComponentType(componentId: string): ComponentType | null {\n    const { pageDesignerConfig } = useDesignContext();\n    const { type = '' } = pageDesignerConfig?.components[componentId] ?? {};\n\n    return pageDesignerConfig?.componentTypes[type] ?? null;\n}\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type React from 'react';\n\nexport const DeleteToolboxButton = ({\n    title,\n    onClick,\n    onMouseDown = () => {\n        /* noop */\n    },\n}: {\n    title: string;\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}): React.JSX.Element => (\n    <button\n        className=\"pd-design__frame__toolbox-button\"\n        title={title}\n        type=\"button\"\n        onMouseDown={onMouseDown}\n        onClick={onClick}>\n        <svg\n            className=\"pd-design__frame__delete-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n                d=\"M18 6L6 18M6 6l12 12\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    </button>\n);\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type React from 'react';\n\nexport const MoveToolboxButton = ({ title }: { title: string }): React.JSX.Element => (\n    <button className=\"pd-design__frame__toolbox-button\" title={title} type=\"button\">\n        <svg className=\"pd-design__frame__move-icon\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n                d=\"M22.9 11.7l-3.8-4.2c-.3-.3-.6 0-.6.4v2.7h-4.7c-.2 0-.4-.2-.4-.4V5.5h2.7c.5 0 .7-.4.4-.6l-4.1-3.8c-.2-.2-.5-.2-.7 0L7.6 4.9c-.3.3-.1.6.4.6h2.6v4.7c0 .2-.2.4-.4.4H5.5V7.9c0-.5-.4-.7-.6-.4l-3.8 4.1c-.2.2-.2.5 0 .7l3.8 4.1c.3.3.6.1.6-.4v-2.6h4.7c.2 0 .4.2.4.4v4.7H7.9c-.5 0-.7.4-.4.6l4.1 3.8c.2.2.5.2.7 0l4.1-3.8c.3-.3.1-.6-.4-.6h-2.6v-4.7c0-.2.2-.4.4-.4h4.7v2.7c0 .5.4.7.6.4l3.8-4.1c.2-.3.2-.5 0-.7z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    </button>\n);\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useDesignContext } from '../context/DesignContext';\n\nexport function useLabels(): Record<string, string> {\n    const { pageDesignerConfig } = useDesignContext();\n\n    return pageDesignerConfig?.labels ?? {};\n}\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport const DesignOverlay = () => {\n    return (\n        <div className=\"pd-design__frame__overlay\">\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                x=\"0px\"\n                y=\"0px\"\n                width=\"52px\"\n                height=\"52px\"\n                viewBox=\"0 0 52 52\"\n                enableBackground=\"new 0 0 52 52\"\n                xmlSpace=\"preserve\">\n                <path\n                    fill=\"#FFFFFF\"\n                    d=\"M26,2C12.7,2,2,12.7,2,26s10.7,24,24,24s24-10.7,24-24S39.3,2,26,2z M26,7C26,7,26,7,26,7C26,7,26,7,26,7\n\tC26,7,26,7,26,7z M28,7.1c-0.1,0-0.1,0-0.2,0C27.9,7.1,28,7.1,28,7.1z M26,45C15.5,45,7,36.5,7,26c0-1,0.1-2.1,0.3-3\n\tc1.3,0.2,2.9,0.7,3.7,1.5c1.7,1.8,3.6,3.9,5.4,4.3c0,0-0.2,0.1-0.4,0.4c-0.2,0.3-0.4,0.9-0.4,1.9c0,4.7,4.4,1.9,4.4,6.6\n\tc0,4.7,5.3,6.6,5.3,2.8s3.5-5.6,3.5-8.5s-2.7-2.8-4.4-3.8c-1.8-0.9-2.7-2.4-6.1-1.9c-1.8-1.7-2.8-3.1-2-4.7c0.9-1.7,4.6-2,4.6-4.6\n\ts-2.5-3.1-4.3-3.1c-0.8,0-2.5-0.6-3.9-1.3c1.7-1.7,3.8-3.1,6-4.1c1.6,0.7,4.3,1.8,6.6,1.8c2.7,0,4.1-1.9,3.7-3.1\n\tc4.5,0.7,8.5,3,11.4,6.2c-1.5,0.9-3.5,1.9-7,1.9c-4.6,0-4.6,4.7-1.9,5.6c2.8,0.9,5.6-1.8,6.5,0c0.9,1.8-6.5,1.8-4.6,6.4\n\tc1.9,4.6,3.7-0.1,5.6,4.5c1.9,4.6,5.6-0.7,2.8-4.3c-1.2-1.6-0.9-6.5,1.9-6.5h0.9c0.4,1.6,0.7,3.3,0.7,5C45,36.5,36.5,45,26,45z\"\n                />\n            </svg>\n        </div>\n    );\n};\n","/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useComponentType } from '../hooks/useComponentType';\nimport { DeleteToolboxButton } from './DeleteToolboxButton';\nimport { MoveToolboxButton } from './MoveToolboxButton';\nimport { useDesignState } from '../hooks/useDesignState';\nimport { useLabels } from '../hooks/useLabels';\nimport { DesignOverlay } from './DesignOverlay';\n\nexport const DesignFrame = ({\n    componentId,\n    children,\n    name,\n    parentId,\n    regionId,\n    contentLinkUuid,\n    localized = false,\n    showFrame = false,\n    showToolbox = true,\n    isMoveable = true,\n    className,\n}: React.PropsWithChildren<{\n    componentId?: string;\n    name: string;\n    localized?: boolean;\n    parentId?: string;\n    regionId?: string;\n    contentLinkUuid?: string;\n    showToolbox?: boolean;\n    showFrame?: boolean;\n    isMoveable?: boolean;\n    className?: string;\n}>): React.JSX.Element => {\n    const componentType = useComponentType(componentId ?? '');\n    const { deleteComponent } = useDesignState();\n    const labels = useLabels();\n    const nodeRef = React.useRef<HTMLDivElement>(null);\n\n    const handleDelete = React.useCallback(\n        (event: React.MouseEvent) => {\n            // Stop propagation so we don't select the component as well when\n            // this bubbles up.\n            event.stopPropagation();\n\n            if (componentId) {\n                deleteComponent({\n                    componentId,\n                    contentLinkUuid: contentLinkUuid ?? '',\n                    sourceComponentId: parentId ?? '',\n                    sourceRegionId: regionId ?? '',\n                });\n            }\n        },\n        [deleteComponent, componentId, contentLinkUuid, parentId, regionId]\n    );\n\n    const stopPropagation = (event: React.MouseEvent) => event.stopPropagation();\n\n    const classes = ['pd-design__frame', showFrame && 'pd-design__frame--visible', className].filter(Boolean).join(' ');\n\n    // TODO: For the frame label, when there is not enough space above the component to display it, we\n    // need to display it inside the container instead.\n    return (\n        <div className={classes} ref={nodeRef}>\n            {showFrame && (\n                <>\n                    <div className=\"pd-design__frame--x\" />\n                    <div className=\"pd-design__frame--y\" />\n                </>\n            )}\n            <div className=\"pd-design__frame__label\" onMouseDown={stopPropagation}>\n                {componentType?.image && (\n                    <span className=\"pd-design__icon\">\n                        <img src={componentType.image} alt=\"\" />\n                    </span>\n                )}\n                <span className=\"pd-design__frame__name\">{name}</span>\n                {!localized && (\n                    <span className=\"pd-design__frame__fallback-badge\">{labels.fallback ?? 'Fallback'}</span>\n                )}\n            </div>\n            {showToolbox && (\n                <div className=\"pd-design__frame__toolbox\">\n                    {isMoveable && <MoveToolboxButton title={labels.moveComponent ?? 'Move component'} />}\n                    <DeleteToolboxButton\n                        title={labels.deleteComponent ?? 'Delete component'}\n                        onMouseDown={stopPropagation}\n                        onClick={handleDelete}\n                    />\n                </div>\n            )}\n            <DesignOverlay />\n            {children}\n        </div>\n    );\n};\n\nDesignFrame.defaultProps = {\n    parentId: undefined,\n    componentId: undefined,\n    showToolbox: true,\n    regionId: undefined,\n    showFrame: false,\n};\n"],"mappings":"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"}

package/dist/custom-global-preferences.d.ts

@@ -1,20 +0,0 @@
-import * as react_router0 from "react-router";
-import { RouterContextProvider } from "react-router";
-
-//#region src/data-store/middleware/custom-global-preferences.d.ts
-
-type CustomGlobalPreferences = Record<string, unknown>;
-declare const DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY = "custom-global-preferences";
-declare const customGlobalPreferencesContext: react_router0.RouterContext<CustomGlobalPreferences | null>;
-/**
- * Read custom global preferences from router context.
- *
- * @param context - Router context provider
- * @returns Custom global preferences data stored by data-store middleware
- * @throws Error when the data-store context is not available
- */
-declare function getCustomGlobalPreferences(context: Readonly<RouterContextProvider>): CustomGlobalPreferences;
-declare const customGlobalPreferencesMiddleware: react_router0.MiddlewareFunction<Response>;
-//#endregion
-export { getCustomGlobalPreferences as a, customGlobalPreferencesMiddleware as i, DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY as n, customGlobalPreferencesContext as r, CustomGlobalPreferences as t };
-//# sourceMappingURL=custom-global-preferences.d.ts.map

package/dist/custom-global-preferences.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-global-preferences.d.ts","names":[],"sources":["../src/data-store/middleware/custom-global-preferences.ts"],"sourcesContent":[],"mappings":";;;;;KAmBY,uBAAA,GAA0B;cAEzB,qCAAA;cACA,gCAA8B,aAAA,CAAA,cAAA;;;;;;;;iBAU3B,0BAAA,UAAoC,SAAS,yBAAyB;cAYzE,mCAAiC,aAAA,CAAA,mBAAA"}

package/dist/custom-global-preferences.js

@@ -1,31 +0,0 @@
-import { n as createDataStoreMiddleware, t as createDataStoreContext } from "./utils.js";
-
-//#region src/data-store/middleware/custom-global-preferences.ts
-const DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY = "custom-global-preferences";
-const customGlobalPreferencesContext = createDataStoreContext();
-const DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;
-/**
-* Read custom global preferences from router context.
-*
-* @param context - Router context provider
-* @returns Custom global preferences data stored by data-store middleware
-* @throws Error when the data-store context is not available
-*/
-function getCustomGlobalPreferences(context) {
-	const data = context.get(customGlobalPreferencesContext);
-	if (!data) {
-		console.warn("Custom global preferences context not found. Ensure data-store middleware runs before loaders and the required env vars are set.");
-		return {};
-	}
-	return data;
-}
-const customGlobalPreferencesMiddleware = createDataStoreMiddleware({
-	entryKey: DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY,
-	context: customGlobalPreferencesContext,
-	onUnavailable: DATA_STORE_UNAVAILABLE_MODE === "fallback" ? "fallback" : "throw",
-	fallbackValue: {}
-});
-
-//#endregion
-export { getCustomGlobalPreferences as i, customGlobalPreferencesContext as n, customGlobalPreferencesMiddleware as r, DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY as t };
-//# sourceMappingURL=custom-global-preferences.js.map

package/dist/custom-global-preferences.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-global-preferences.js","names":[],"sources":["../src/data-store/middleware/custom-global-preferences.ts"],"sourcesContent":["/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { RouterContextProvider } from 'react-router';\nimport { createDataStoreContext, createDataStoreMiddleware } from '../utils';\n\nexport type CustomGlobalPreferences = Record<string, unknown>;\n\nexport const DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY = 'custom-global-preferences';\nexport const customGlobalPreferencesContext = createDataStoreContext<CustomGlobalPreferences>();\nconst DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;\n\n/**\n * Read custom global preferences from router context.\n *\n * @param context - Router context provider\n * @returns Custom global preferences data stored by data-store middleware\n * @throws Error when the data-store context is not available\n */\nexport function getCustomGlobalPreferences(context: Readonly<RouterContextProvider>): CustomGlobalPreferences {\n    const data = context.get(customGlobalPreferencesContext);\n    if (!data) {\n        // eslint-disable-next-line no-console\n        console.warn(\n            'Custom global preferences context not found. Ensure data-store middleware runs before loaders and the required env vars are set.'\n        );\n        return {};\n    }\n    return data;\n}\n\nexport const customGlobalPreferencesMiddleware = createDataStoreMiddleware({\n    entryKey: DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY,\n    context: customGlobalPreferencesContext,\n    onUnavailable: DATA_STORE_UNAVAILABLE_MODE === 'fallback' ? 'fallback' : 'throw',\n    fallbackValue: {},\n});\n"],"mappings":";;;AAqBA,MAAa,wCAAwC;AACrD,MAAa,iCAAiC,wBAAiD;AAC/F,MAAM,8BAA8B,QAAQ,IAAI;;;;;;;;AAShD,SAAgB,2BAA2B,SAAmE;CAC1G,MAAM,OAAO,QAAQ,IAAI,+BAA+B;AACxD,KAAI,CAAC,MAAM;AAEP,UAAQ,KACJ,mIACH;AACD,SAAO,EAAE;;AAEb,QAAO;;AAGX,MAAa,oCAAoC,0BAA0B;CACvE,UAAU;CACV,SAAS;CACT,eAAe,gCAAgC,aAAa,aAAa;CACzE,eAAe,EAAE;CACpB,CAAC"}

package/dist/custom-site-preferences.d.ts

@@ -1,20 +0,0 @@
-import * as react_router3 from "react-router";
-import { RouterContextProvider } from "react-router";
-
-//#region src/data-store/middleware/custom-site-preferences.d.ts
-
-type SitePreferences = Record<string, unknown>;
-declare const DEFAULT_SITE_PREFERENCES_KEY = "site-preferences";
-declare const sitePreferencesContext: react_router3.RouterContext<SitePreferences | null>;
-/**
- * Read site preferences from router context.
- *
- * @param context - Router context provider
- * @returns Site preferences data stored by data-store middleware
- * @throws Error when the data-store context is not available
- */
-declare function getSitePreferences(context: Readonly<RouterContextProvider>): SitePreferences;
-declare const customSitePreferencesMiddleware: react_router3.MiddlewareFunction<Response>;
-//#endregion
-export { sitePreferencesContext as a, getSitePreferences as i, SitePreferences as n, customSitePreferencesMiddleware as r, DEFAULT_SITE_PREFERENCES_KEY as t };
-//# sourceMappingURL=custom-site-preferences.d.ts.map

package/dist/custom-site-preferences.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-site-preferences.d.ts","names":[],"sources":["../src/data-store/middleware/custom-site-preferences.ts"],"sourcesContent":[],"mappings":";;;;;KAmBY,eAAA,GAAkB;cAEjB,4BAAA;cACA,wBAAsB,aAAA,CAAA,cAAA;;;;;;;;iBAUnB,kBAAA,UAA4B,SAAS,yBAAyB;cAYjE,iCAA+B,aAAA,CAAA,mBAAA"}

package/dist/custom-site-preferences.js

@@ -1,31 +0,0 @@
-import { i as prefixWithSiteId, n as createDataStoreMiddleware, t as createDataStoreContext } from "./utils.js";
-
-//#region src/data-store/middleware/custom-site-preferences.ts
-const DEFAULT_SITE_PREFERENCES_KEY = "site-preferences";
-const sitePreferencesContext = createDataStoreContext();
-const DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;
-/**
-* Read site preferences from router context.
-*
-* @param context - Router context provider
-* @returns Site preferences data stored by data-store middleware
-* @throws Error when the data-store context is not available
-*/
-function getSitePreferences(context) {
-	const data = context.get(sitePreferencesContext);
-	if (!data) {
-		console.warn("Data store context not found. Ensure data-store middleware runs before loaders and the required env vars are set.");
-		return {};
-	}
-	return data;
-}
-const customSitePreferencesMiddleware = createDataStoreMiddleware({
-	entryKey: prefixWithSiteId("custom-site-preferences"),
-	context: sitePreferencesContext,
-	onUnavailable: DATA_STORE_UNAVAILABLE_MODE === "fallback" ? "fallback" : "throw",
-	fallbackValue: {}
-});
-
-//#endregion
-export { sitePreferencesContext as i, customSitePreferencesMiddleware as n, getSitePreferences as r, DEFAULT_SITE_PREFERENCES_KEY as t };
-//# sourceMappingURL=custom-site-preferences.js.map

package/dist/custom-site-preferences.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-site-preferences.js","names":[],"sources":["../src/data-store/middleware/custom-site-preferences.ts"],"sourcesContent":["/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { RouterContextProvider } from 'react-router';\nimport { createDataStoreContext, createDataStoreMiddleware, prefixWithSiteId } from '../utils';\n\nexport type SitePreferences = Record<string, unknown>;\n\nexport const DEFAULT_SITE_PREFERENCES_KEY = 'site-preferences';\nexport const sitePreferencesContext = createDataStoreContext<SitePreferences>();\nconst DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;\n\n/**\n * Read site preferences from router context.\n *\n * @param context - Router context provider\n * @returns Site preferences data stored by data-store middleware\n * @throws Error when the data-store context is not available\n */\nexport function getSitePreferences(context: Readonly<RouterContextProvider>): SitePreferences {\n    const data = context.get(sitePreferencesContext);\n    if (!data) {\n        // eslint-disable-next-line no-console\n        console.warn(\n            'Data store context not found. Ensure data-store middleware runs before loaders and the required env vars are set.'\n        );\n        return {};\n    }\n    return data;\n}\n\nexport const customSitePreferencesMiddleware = createDataStoreMiddleware({\n    entryKey: prefixWithSiteId('custom-site-preferences'),\n    context: sitePreferencesContext,\n    onUnavailable: DATA_STORE_UNAVAILABLE_MODE === 'fallback' ? 'fallback' : 'throw',\n    fallbackValue: {},\n});\n"],"mappings":";;;AAqBA,MAAa,+BAA+B;AAC5C,MAAa,yBAAyB,wBAAyC;AAC/E,MAAM,8BAA8B,QAAQ,IAAI;;;;;;;;AAShD,SAAgB,mBAAmB,SAA2D;CAC1F,MAAM,OAAO,QAAQ,IAAI,uBAAuB;AAChD,KAAI,CAAC,MAAM;AAEP,UAAQ,KACJ,oHACH;AACD,SAAO,EAAE;;AAEb,QAAO;;AAGX,MAAa,kCAAkC,0BAA0B;CACrE,UAAU,iBAAiB,0BAA0B;CACrD,SAAS;CACT,eAAe,gCAAgC,aAAa,aAAa;CACzE,eAAe,EAAE;CACpB,CAAC"}

package/dist/data-store-custom-global-preferences.d.ts

@@ -1,2 +0,0 @@
-import { a as getCustomGlobalPreferences, i as customGlobalPreferencesMiddleware, n as DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY, r as customGlobalPreferencesContext, t as CustomGlobalPreferences } from "./custom-global-preferences.js";
-export { CustomGlobalPreferences, DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY, customGlobalPreferencesContext, customGlobalPreferencesMiddleware, getCustomGlobalPreferences };

package/dist/data-store-custom-global-preferences.js

@@ -1,6 +0,0 @@
-import "./site-context2.js";
-import "./apply-url-config.js";
-import "./utils.js";
-import { i as getCustomGlobalPreferences, n as customGlobalPreferencesContext, r as customGlobalPreferencesMiddleware, t as DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY } from "./custom-global-preferences.js";
-
-export { DEFAULT_CUSTOM_GLOBAL_PREFERENCES_KEY, customGlobalPreferencesContext, customGlobalPreferencesMiddleware, getCustomGlobalPreferences };

package/dist/data-store-custom-site-preferences.d.ts

@@ -1,2 +0,0 @@
-import { a as sitePreferencesContext, i as getSitePreferences, n as SitePreferences, r as customSitePreferencesMiddleware, t as DEFAULT_SITE_PREFERENCES_KEY } from "./custom-site-preferences.js";
-export { DEFAULT_SITE_PREFERENCES_KEY, SitePreferences, customSitePreferencesMiddleware, getSitePreferences, sitePreferencesContext };

package/dist/data-store-custom-site-preferences.js

@@ -1,6 +0,0 @@
-import "./site-context2.js";
-import "./apply-url-config.js";
-import "./utils.js";
-import { i as sitePreferencesContext, n as customSitePreferencesMiddleware, r as getSitePreferences, t as DEFAULT_SITE_PREFERENCES_KEY } from "./custom-site-preferences.js";
-
-export { DEFAULT_SITE_PREFERENCES_KEY, customSitePreferencesMiddleware, getSitePreferences, sitePreferencesContext };

package/dist/data-store-gcp-preferences.d.ts

@@ -1,2 +0,0 @@
-import { a as getGcpApiKey, i as gcpPreferencesMiddleware, n as GcpPreferences, o as getGcpPreferences, r as gcpPreferencesContext, t as DEFAULT_GCP_PREFERENCES_KEY } from "./gcp-preferences.js";
-export { DEFAULT_GCP_PREFERENCES_KEY, GcpPreferences, gcpPreferencesContext, gcpPreferencesMiddleware, getGcpApiKey, getGcpPreferences };

package/dist/data-store-gcp-preferences.js

@@ -1,6 +0,0 @@
-import "./site-context2.js";
-import "./apply-url-config.js";
-import "./utils.js";
-import { a as getGcpPreferences, i as getGcpApiKey, n as gcpPreferencesContext, r as gcpPreferencesMiddleware, t as DEFAULT_GCP_PREFERENCES_KEY } from "./gcp-preferences.js";
-
-export { DEFAULT_GCP_PREFERENCES_KEY, gcpPreferencesContext, gcpPreferencesMiddleware, getGcpApiKey, getGcpPreferences };

package/dist/gcp-preferences.d.ts

@@ -1,52 +0,0 @@
-import * as react_router1 from "react-router";
-import { RouterContextProvider } from "react-router";
-
-//#region src/data-store/middleware/gcp-preferences.d.ts
-
-/**
- * OOTB Google Cloud Platform preferences sourced from the MRT data store.
- *
- * Additional fields (e.g. `projectId`, `region`) may be added here as the
- * ECOM MRT sync job expands the `gcp` entry. Consumers should read the
- * object as a whole via `getGcpPreferences`, or use a specific convenience
- * getter like `getGcpApiKey` for a single field.
- */
-type GcpPreferences = {
-  apiKey: string;
-};
-declare const DEFAULT_GCP_PREFERENCES_KEY = "gcp";
-declare const gcpPreferencesContext: react_router1.RouterContext<GcpPreferences | null>;
-/**
- * Read the GCP (Google Cloud Platform) preferences object from router context.
- *
- * The preferences are sourced from the MRT data store entry `gcp`, which is
- * populated only for storefronts connecting to production ECOM instances.
- * In non-production environments, or when the entry is missing, returns an
- * object whose fields are all empty/default.
- *
- * @param context - Router context provider
- * @returns GCP preferences object; fields are empty/default when the entry is unavailable
- */
-declare function getGcpPreferences(context: Readonly<RouterContextProvider>): GcpPreferences;
-/**
- * Convenience getter for the Google Cloud API key alone.
- *
- * Equivalent to `getGcpPreferences(context).apiKey`.
- *
- * @param context - Router context provider
- * @returns The GCP API key, or an empty string when unavailable
- */
-declare function getGcpApiKey(context: Readonly<RouterContextProvider>): string;
-/**
- * Middleware that reads the OOTB GCP preferences from the MRT data store and
- * stores them in the router context. The entry shape is `{ "api-key": string, ... }`
- * under data store key `gcp`. Missing/invalid fields coerce to empty/default values.
- *
- * Only available for storefronts connecting to production ECOM instances.
- * Must run before any loader/middleware that reads `getGcpPreferences(context)`
- * or `getGcpApiKey(context)`.
- */
-declare const gcpPreferencesMiddleware: react_router1.MiddlewareFunction<Response>;
-//#endregion
-export { getGcpApiKey as a, gcpPreferencesMiddleware as i, GcpPreferences as n, getGcpPreferences as o, gcpPreferencesContext as r, DEFAULT_GCP_PREFERENCES_KEY as t };
-//# sourceMappingURL=gcp-preferences.d.ts.map

package/dist/gcp-preferences.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gcp-preferences.d.ts","names":[],"sources":["../src/data-store/middleware/gcp-preferences.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;KA2BY,cAAA;;;cAIC,2BAAA;cASA,uBAAqB,aAAA,CAAA,cAAA;;;;;;;;;;;;iBAalB,iBAAA,UAA2B,SAAS,yBAAyB;;;;;;;;;iBAoB7D,YAAA,UAAsB,SAAS;;;;;;;;;;cAalC,0BAAwB,aAAA,CAAA,mBAAA"}

package/dist/gcp-preferences.js

@@ -1,64 +0,0 @@
-import { n as createDataStoreMiddleware, t as createDataStoreContext } from "./utils.js";
-
-//#region src/data-store/middleware/gcp-preferences.ts
-const DEFAULT_GCP_PREFERENCES_KEY = "gcp";
-const DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;
-/**
-* Map keys inside the `gcp` data store entry. The ECOM MRT sync job writes
-* to these exact keys; keep in sync with the sync job contract.
-*/
-const API_KEY_MAP_KEY = "api-key";
-const gcpPreferencesContext = createDataStoreContext();
-/**
-* Read the GCP (Google Cloud Platform) preferences object from router context.
-*
-* The preferences are sourced from the MRT data store entry `gcp`, which is
-* populated only for storefronts connecting to production ECOM instances.
-* In non-production environments, or when the entry is missing, returns an
-* object whose fields are all empty/default.
-*
-* @param context - Router context provider
-* @returns GCP preferences object; fields are empty/default when the entry is unavailable
-*/
-function getGcpPreferences(context) {
-	const data = context.get(gcpPreferencesContext);
-	if (data === null) {
-		console.warn("GCP preferences context not found. Ensure gcpPreferencesMiddleware runs before loaders, or expect empty values in environments without the MRT data store entry.");
-		return { apiKey: "" };
-	}
-	return data;
-}
-/**
-* Convenience getter for the Google Cloud API key alone.
-*
-* Equivalent to `getGcpPreferences(context).apiKey`.
-*
-* @param context - Router context provider
-* @returns The GCP API key, or an empty string when unavailable
-*/
-function getGcpApiKey(context) {
-	return getGcpPreferences(context).apiKey;
-}
-/**
-* Middleware that reads the OOTB GCP preferences from the MRT data store and
-* stores them in the router context. The entry shape is `{ "api-key": string, ... }`
-* under data store key `gcp`. Missing/invalid fields coerce to empty/default values.
-*
-* Only available for storefronts connecting to production ECOM instances.
-* Must run before any loader/middleware that reads `getGcpPreferences(context)`
-* or `getGcpApiKey(context)`.
-*/
-const gcpPreferencesMiddleware = createDataStoreMiddleware({
-	entryKey: DEFAULT_GCP_PREFERENCES_KEY,
-	context: gcpPreferencesContext,
-	onUnavailable: DATA_STORE_UNAVAILABLE_MODE === "fallback" ? "fallback" : "throw",
-	fallbackValue: { apiKey: "" },
-	transform: (value) => {
-		const rawKey = value[API_KEY_MAP_KEY];
-		return { apiKey: typeof rawKey === "string" ? rawKey : "" };
-	}
-});
-
-//#endregion
-export { getGcpPreferences as a, getGcpApiKey as i, gcpPreferencesContext as n, gcpPreferencesMiddleware as r, DEFAULT_GCP_PREFERENCES_KEY as t };
-//# sourceMappingURL=gcp-preferences.js.map

package/dist/gcp-preferences.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gcp-preferences.js","names":[],"sources":["../src/data-store/middleware/gcp-preferences.ts"],"sourcesContent":["/**\n * Copyright 2026 Salesforce, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { RouterContextProvider } from 'react-router';\nimport { createDataStoreContext, createDataStoreMiddleware } from '../utils';\n\n/**\n * OOTB Google Cloud Platform preferences sourced from the MRT data store.\n *\n * Additional fields (e.g. `projectId`, `region`) may be added here as the\n * ECOM MRT sync job expands the `gcp` entry. Consumers should read the\n * object as a whole via `getGcpPreferences`, or use a specific convenience\n * getter like `getGcpApiKey` for a single field.\n */\nexport type GcpPreferences = {\n    apiKey: string;\n};\n\nexport const DEFAULT_GCP_PREFERENCES_KEY = 'gcp';\nconst DATA_STORE_UNAVAILABLE_MODE = process.env.SFNEXT_DATA_STORE_UNAVAILABLE_MODE;\n\n/**\n * Map keys inside the `gcp` data store entry. The ECOM MRT sync job writes\n * to these exact keys; keep in sync with the sync job contract.\n */\nconst API_KEY_MAP_KEY = 'api-key';\n\nexport const gcpPreferencesContext = createDataStoreContext<GcpPreferences>();\n\n/**\n * Read the GCP (Google Cloud Platform) preferences object from router context.\n *\n * The preferences are sourced from the MRT data store entry `gcp`, which is\n * populated only for storefronts connecting to production ECOM instances.\n * In non-production environments, or when the entry is missing, returns an\n * object whose fields are all empty/default.\n *\n * @param context - Router context provider\n * @returns GCP preferences object; fields are empty/default when the entry is unavailable\n */\nexport function getGcpPreferences(context: Readonly<RouterContextProvider>): GcpPreferences {\n    const data = context.get(gcpPreferencesContext);\n    if (data === null) {\n        // eslint-disable-next-line no-console\n        console.warn(\n            'GCP preferences context not found. Ensure gcpPreferencesMiddleware runs before loaders, or expect empty values in environments without the MRT data store entry.'\n        );\n        return { apiKey: '' };\n    }\n    return data;\n}\n\n/**\n * Convenience getter for the Google Cloud API key alone.\n *\n * Equivalent to `getGcpPreferences(context).apiKey`.\n *\n * @param context - Router context provider\n * @returns The GCP API key, or an empty string when unavailable\n */\nexport function getGcpApiKey(context: Readonly<RouterContextProvider>): string {\n    return getGcpPreferences(context).apiKey;\n}\n\n/**\n * Middleware that reads the OOTB GCP preferences from the MRT data store and\n * stores them in the router context. The entry shape is `{ \"api-key\": string, ... }`\n * under data store key `gcp`. Missing/invalid fields coerce to empty/default values.\n *\n * Only available for storefronts connecting to production ECOM instances.\n * Must run before any loader/middleware that reads `getGcpPreferences(context)`\n * or `getGcpApiKey(context)`.\n */\nexport const gcpPreferencesMiddleware = createDataStoreMiddleware<GcpPreferences>({\n    entryKey: DEFAULT_GCP_PREFERENCES_KEY,\n    context: gcpPreferencesContext,\n    onUnavailable: DATA_STORE_UNAVAILABLE_MODE === 'fallback' ? 'fallback' : 'throw',\n    fallbackValue: { apiKey: '' },\n    transform: (value) => {\n        const rawKey = value[API_KEY_MAP_KEY];\n        return { apiKey: typeof rawKey === 'string' ? rawKey : '' };\n    },\n});\n"],"mappings":";;;AA+BA,MAAa,8BAA8B;AAC3C,MAAM,8BAA8B,QAAQ,IAAI;;;;;AAMhD,MAAM,kBAAkB;AAExB,MAAa,wBAAwB,wBAAwC;;;;;;;;;;;;AAa7E,SAAgB,kBAAkB,SAA0D;CACxF,MAAM,OAAO,QAAQ,IAAI,sBAAsB;AAC/C,KAAI,SAAS,MAAM;AAEf,UAAQ,KACJ,mKACH;AACD,SAAO,EAAE,QAAQ,IAAI;;AAEzB,QAAO;;;;;;;;;;AAWX,SAAgB,aAAa,SAAkD;AAC3E,QAAO,kBAAkB,QAAQ,CAAC;;;;;;;;;;;AAYtC,MAAa,2BAA2B,0BAA0C;CAC9E,UAAU;CACV,SAAS;CACT,eAAe,gCAAgC,aAAa,aAAa;CACzE,eAAe,EAAE,QAAQ,IAAI;CAC7B,YAAY,UAAU;EAClB,MAAM,SAAS,MAAM;AACrB,SAAO,EAAE,QAAQ,OAAO,WAAW,WAAW,SAAS,IAAI;;CAElE,CAAC"}

package/dist/utils.js

@@ -1,90 +0,0 @@
-import { i as siteContext } from "./site-context2.js";
-import { createContext } from "react-router";
-import { DataStore, DataStoreNotFoundError, DataStoreServiceError, DataStoreUnavailableError } from "@salesforce/mrt-utilities/data-store";
-
-//#region src/data-store/utils.ts
-/**
-* Creates a typed React Router context for data store entries.
-*
-* Initializes the context with `null` so middleware can populate it during requests.
-*
-* @returns React Router context key for data store values
-*/
-function createDataStoreContext() {
-	return createContext(null);
-}
-/**
-* Creates a data-store middleware that fetches site preferences from MRT data access layer
-* and stores them in the router context.
-*
-* Environment variables:
-* - `AWS_REGION` (required): AWS region for the data store table (e.g., "us-east-1")
-* - `MOBIFY_PROPERTY_ID` (required): MRT property identifier (e.g., "abcd1234")
-* - `DEPLOY_TARGET` (required): MRT deploy target (e.g., "production")
-*
-* @param options - Middleware options for data store entry and context
-* @returns React Router middleware for server requests
-*/
-function createDataStoreMiddleware(options) {
-	const { entryKey, context: contextKey, onUnavailable = "throw", fallbackValue } = options;
-	const transform = options.transform ?? ((value) => value);
-	const dataStoreMiddleware = async ({ context }, next) => {
-		const resolvedEntryKey = typeof entryKey === "function" ? entryKey(context) : entryKey;
-		try {
-			const entry = await getDataStoreEntry(resolvedEntryKey);
-			if (!entry?.value || typeof entry.value !== "object") {
-				console.warn(`Data store entry '${resolvedEntryKey}' not found or invalid.`);
-				return next();
-			}
-			context.set(contextKey, transform(entry.value));
-		} catch (error) {
-			if (error instanceof DataStoreUnavailableError) {
-				if (onUnavailable === "fallback" && typeof fallbackValue !== "undefined") {
-					const resolvedFallbackValue = typeof fallbackValue === "function" ? fallbackValue(context) : fallbackValue;
-					context.set(contextKey, resolvedFallbackValue);
-					console.warn(`Data store unavailable for '${resolvedEntryKey}'. Using configured fallback value.`);
-					return next();
-				}
-				throw new Error("Data store is unavailable. Ensure AWS_REGION, MOBIFY_PROPERTY_ID, and DEPLOY_TARGET are set.");
-			}
-			if (error instanceof DataStoreNotFoundError) {
-				console.warn(`Data store entry '${resolvedEntryKey}' not found.`);
-				return next();
-			}
-			if (error instanceof DataStoreServiceError) throw new Error(`Data store request failed for '${resolvedEntryKey}'.`);
-			throw error;
-		}
-		return next();
-	};
-	return dataStoreMiddleware;
-}
-/**
-* Read a data-store entry through the singleton MRT utilities API.
-* The underlying implementation (production DynamoDB vs development pseudo store)
-* is resolved by `@salesforce/mrt-utilities/data-store` export conditions.
-*
-* @param key - Data-store entry key
-* @returns Data-store entry or null when missing/invalid shape
-*/
-async function getDataStoreEntry(key) {
-	const entry = await DataStore.getDataStore().getEntry(key);
-	if (!entry || typeof entry !== "object") return null;
-	return entry;
-}
-/**
-* Creates an entryKey function that prefixes the given suffix with the current site ID.
-*
-* @param suffix - The entry key suffix (e.g., "custom-site-preferences")
-* @returns A function compatible with `DataStoreMiddlewareOptions.entryKey`
-*/
-function prefixWithSiteId(suffix) {
-	return (context) => {
-		const siteId = context.get(siteContext)?.site?.id;
-		if (!siteId) throw new Error("Site id not found. Ensure site context middleware runs before data-store middleware.");
-		return `${siteId}-${suffix}`;
-	};
-}
-
-//#endregion
-export { prefixWithSiteId as i, createDataStoreMiddleware as n, getDataStoreEntry as r, createDataStoreContext as t };
-//# sourceMappingURL=utils.js.map