personalize-connect-sdk 1.3.5 → 1.4.1

package/README.md

@@ -1,6 +1,6 @@
 # Personalize Connect SDK
 
-Runtime SDK for [Personalize Connect](https://github.com/Sitecore-Hackathon/2026-Team-Solo) — a zero-code bridge between Sitecore XM Cloud components and Sitecore Personalize Full Stack Interactive Experiences.
+Runtime SDK for [Personalize Connect](https://github.com/Sitecore-Hackathon/2026-Team-Solo) — a zero-code bridge between SitecoreAI components and Sitecore Personalize Full Stack Interactive Experiences.
 
 The SDK reads configuration authored by the Marketplace app (stored in the content tree), calls Personalize for a decision via the Edge proxy, resolves the matching datasource from Experience Edge, and swaps component content — with zero per-component code. In Page Builder, components with personalization get a visual indicator.
 
@@ -12,7 +12,7 @@ npm install personalize-connect-sdk
 
 Peer dependency: `react` >= 18.
 
-## Quick Start (XM Cloud)
+## Quick Start (SitecoreAI)
 
 ### 1. Wrap your app with `PersonalizeProvider`
 
@@ -81,12 +81,12 @@ function MyComponent({ rendering }) {
 
 ## Provider Props
 
-### XM Cloud (recommended)
+### SitecoreAI (recommended)
 
 | Prop | Required | Description |
 |------|----------|-------------|
 | `sitecoreEdgeContextId` | Yes | Edge Context ID — drives all Edge proxy calls |
-| `siteName` | Yes | XM Cloud site name |
+| `siteName` | Yes | SitecoreAI site name |
 | `sitecoreEdgeUrl` | No | Edge platform URL (defaults to `https://edge-platform.sitecorecloud.io`) |
 
 ### Legacy (direct credentials)

package/dist/index.js

@@ -760,7 +760,7 @@ var BAR_STYLE = {
   fontSize: "12px",
   fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
   fontWeight: 500,
-  borderRadius: "0 0 6px 6px",
+  borderRadius: "6px 6px 0 0",
   flexWrap: "wrap",
   position: "relative",
   zIndex: 1
@@ -842,19 +842,6 @@ function PreviewBar({
     activeKey !== null && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: PREVIEW_LABEL, children: "preview only \u2014 switch to Original to edit" })
   ] });
 }
-var _marketplaceDetected = false;
-var MARKETPLACE_MSG_TYPE = "personalize-connect-active";
-if (typeof window !== "undefined") {
-  window.addEventListener("message", (e) => {
-    try {
-      const data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
-      if (data?.type === MARKETPLACE_MSG_TYPE) {
-        _marketplaceDetected = true;
-      }
-    } catch {
-    }
-  });
-}
 function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG) {
   const componentName = WrappedComponent.displayName ?? WrappedComponent.name ?? "Component";
   function PersonalizeConnectWrapper(props) {
@@ -863,7 +850,6 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
     const [previewKey, setPreviewKey] = (0, import_react2.useState)(null);
     const [previewFields, setPreviewFields] = (0, import_react2.useState)(null);
     const [previewLoading, setPreviewLoading] = (0, import_react2.useState)(false);
-    const [showBar, setShowBar] = (0, import_react2.useState)(_marketplaceDetected);
     const mountedRef = (0, import_react2.useRef)(true);
     const previewCacheRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
     let config = getConfig(props);
@@ -895,25 +881,6 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
       log(`[${componentName}] Config active:`, { friendlyId: config.friendlyId, defaultKey: config.defaultKey, keys: Object.keys(config.contentMap) });
     }
     const isEditing = context?.isEditing ?? false;
-    (0, import_react2.useEffect)(() => {
-      if (!isEditing || !config) return;
-      if (_marketplaceDetected) {
-        setShowBar(true);
-        return;
-      }
-      const handler = (e) => {
-        try {
-          const data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
-          if (data?.type === MARKETPLACE_MSG_TYPE) {
-            _marketplaceDetected = true;
-            setShowBar(true);
-          }
-        } catch {
-        }
-      };
-      window.addEventListener("message", handler);
-      return () => window.removeEventListener("message", handler);
-    }, [isEditing, config]);
     const handlePreviewSelect = (0, import_react2.useCallback)(async (key) => {
       if (!config || !context) return;
       setPreviewKey(key);
@@ -994,8 +961,7 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
       const isPreviewing = previewKey !== null && previewFields !== null;
       const editingProps = isPreviewing ? { ...props, fields: previewFields } : props;
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WrappedComponent, { ...editingProps }),
-        showBar && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           PreviewBar,
           {
             config,
@@ -1003,7 +969,8 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
             isLoading: previewLoading,
             onSelect: handlePreviewSelect
           }
-        )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WrappedComponent, { ...editingProps })
       ] });
     }
     const mergedProps = resolvedFields ? { ...props, fields: resolvedFields } : props;

package/dist/index.mjs

@@ -719,7 +719,7 @@ var BAR_STYLE = {
   fontSize: "12px",
   fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
   fontWeight: 500,
-  borderRadius: "0 0 6px 6px",
+  borderRadius: "6px 6px 0 0",
   flexWrap: "wrap",
   position: "relative",
   zIndex: 1
@@ -801,19 +801,6 @@ function PreviewBar({
     activeKey !== null && !isLoading && /* @__PURE__ */ jsx2("span", { style: PREVIEW_LABEL, children: "preview only \u2014 switch to Original to edit" })
   ] });
 }
-var _marketplaceDetected = false;
-var MARKETPLACE_MSG_TYPE = "personalize-connect-active";
-if (typeof window !== "undefined") {
-  window.addEventListener("message", (e) => {
-    try {
-      const data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
-      if (data?.type === MARKETPLACE_MSG_TYPE) {
-        _marketplaceDetected = true;
-      }
-    } catch {
-    }
-  });
-}
 function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG) {
   const componentName = WrappedComponent.displayName ?? WrappedComponent.name ?? "Component";
   function PersonalizeConnectWrapper(props) {
@@ -822,7 +809,6 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
     const [previewKey, setPreviewKey] = useState2(null);
     const [previewFields, setPreviewFields] = useState2(null);
     const [previewLoading, setPreviewLoading] = useState2(false);
-    const [showBar, setShowBar] = useState2(_marketplaceDetected);
     const mountedRef = useRef(true);
     const previewCacheRef = useRef(/* @__PURE__ */ new Map());
     let config = getConfig(props);
@@ -854,25 +840,6 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
       log(`[${componentName}] Config active:`, { friendlyId: config.friendlyId, defaultKey: config.defaultKey, keys: Object.keys(config.contentMap) });
     }
     const isEditing = context?.isEditing ?? false;
-    useEffect2(() => {
-      if (!isEditing || !config) return;
-      if (_marketplaceDetected) {
-        setShowBar(true);
-        return;
-      }
-      const handler = (e) => {
-        try {
-          const data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
-          if (data?.type === MARKETPLACE_MSG_TYPE) {
-            _marketplaceDetected = true;
-            setShowBar(true);
-          }
-        } catch {
-        }
-      };
-      window.addEventListener("message", handler);
-      return () => window.removeEventListener("message", handler);
-    }, [isEditing, config]);
     const handlePreviewSelect = useCallback2(async (key) => {
       if (!config || !context) return;
       setPreviewKey(key);
@@ -953,8 +920,7 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
       const isPreviewing = previewKey !== null && previewFields !== null;
       const editingProps = isPreviewing ? { ...props, fields: previewFields } : props;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx2(WrappedComponent, { ...editingProps }),
-        showBar && /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx2(
           PreviewBar,
           {
             config,
@@ -962,7 +928,8 @@ function withPersonalizeConnect(WrappedComponent, getConfig = DEFAULT_GET_CONFIG
             isLoading: previewLoading,
             onSelect: handlePreviewSelect
           }
-        )
+        ),
+        /* @__PURE__ */ jsx2(WrappedComponent, { ...editingProps })
       ] });
     }
     const mergedProps = resolvedFields ? { ...props, fields: resolvedFields } : props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "personalize-connect-sdk",
-  "version": "1.3.5",
+  "version": "1.4.1",
   "description": "Runtime SDK for Personalize Connect - resolves active experience outcomes and datasources in your rendering host",
   "author": "Dylan Young",
   "keywords": [