@amplifyup/sdk 0.3.1 → 0.3.2

package/dist/react.mjs

@@ -403,6 +403,12 @@ function resolveAmplifyUpUrls(target) {
 function isPreviewRequest(searchParams) {
   return paramIsTrue(searchParams, "preview") || paramIsTrue(searchParams, "visualEditor");
 }
+var PREVIEW_ACCESS_REQUIRED = "preview_access_required";
+function readPreviewToken(searchParams) {
+  if (searchParams instanceof URLSearchParams) return searchParams.get("previewToken");
+  const value = searchParams.previewToken;
+  return (Array.isArray(value) ? value[0] : value) || null;
+}
 function isWorkingContentRequest(searchParams) {
   return paramIsTrue(searchParams, "working");
 }
@@ -2500,6 +2506,8 @@ Available Console Commands:
         if (compositionId) params.set("compositionId", compositionId);
         const layoutId = pageSearch.get("layoutId");
         if (layoutId) params.set("layoutId", layoutId);
+        const previewToken = readPreviewToken(pageSearch);
+        if (previewToken) params.set("previewToken", previewToken);
       }
     }
     if (isOnOrchestratorOrigin) {
@@ -2544,6 +2552,10 @@ Available Console Commands:
       if (response.status === 404) {
         return null;
       }
+      if (response.status === 401) {
+        const body = await response.json().catch(() => null);
+        if (body?.error === PREVIEW_ACCESS_REQUIRED) throw new Error(PREVIEW_ACCESS_REQUIRED);
+      }
       throw new Error(`Failed to fetch page: ${response.statusText}`);
     }
     const contentType = response.headers.get("content-type") || "";
@@ -5237,7 +5249,9 @@ function AmplifyRendererInner(rendererProps) {
               }
               personalizationUrl = url.toString();
             } else if (orchestratorUrl) {
-              personalizationUrl = `${orchestratorUrl}/api/personalization/variant?instanceId=${encodeURIComponent(instanceId)}&layoutId=${encodeURIComponent(pageConfig.layoutId)}&slotId=${encodeURIComponent(slot.slotId)}&nodeId=${encodeURIComponent(node.id)}`;
+              const trackingId = sdk.getTrackingId();
+              if (!trackingId) return;
+              personalizationUrl = `${orchestratorUrl}/api/personalization/variant?trackingId=${encodeURIComponent(trackingId)}&instanceId=${encodeURIComponent(instanceId)}&layoutId=${encodeURIComponent(pageConfig.layoutId)}&slotId=${encodeURIComponent(slot.slotId)}&nodeId=${encodeURIComponent(node.id)}`;
             } else {
               return;
             }
@@ -5418,6 +5432,40 @@ function AmplifyRendererInner(rendererProps) {
   ) });
 }
 var AmplifyRenderer = memo(AmplifyRendererInner);
+var containerStyle = {
+  display: "flex",
+  minHeight: "50vh",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "24px",
+  fontFamily: "system-ui, sans-serif"
+};
+var cardStyle = {
+  maxWidth: "24rem",
+  padding: "24px",
+  textAlign: "center",
+  border: "1px solid #e2e8f0",
+  borderRadius: "12px",
+  background: "#ffffff",
+  color: "#0f172a"
+};
+var headingStyle = { margin: "0 0 8px", fontSize: "18px", fontWeight: 600 };
+var bodyStyle = { margin: "0 0 16px", fontSize: "14px", lineHeight: 1.5, color: "#475569" };
+var buttonStyle = {
+  padding: "8px 16px",
+  border: "none",
+  borderRadius: "8px",
+  background: "#0f172a",
+  color: "#ffffff",
+  fontSize: "14px",
+  fontWeight: 500,
+  cursor: "pointer"
+};
+var PreviewRefreshNotice = () => /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs("div", { style: cardStyle, children: [
+  /* @__PURE__ */ jsx("h2", { style: headingStyle, children: "This preview needs a refresh" }),
+  /* @__PURE__ */ jsx("p", { style: bodyStyle, children: "Reload it to keep seeing your latest changes." }),
+  /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => window.location.reload(), children: "Reload preview" })
+] }) });
 function previewPageSlot(state) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -5486,6 +5534,9 @@ function AmplifyPageContent(contentProps) {
   const previewEmpty = previewEmptyComponent ?? previewPageSlot("empty");
   const previewLoading = previewLoadingComponent ?? previewPageSlot("loading");
   if (preview) {
+    if (client.error === PREVIEW_ACCESS_REQUIRED && !pageConfig) {
+      return /* @__PURE__ */ jsx(PreviewRefreshNotice, {});
+    }
     const ready = previewLayoutReady({
       clientLoading: client.loading,
       hasClientLayout: !!clientLayout,