@standhigher/besttrack-page-extension 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,24 +1,199 @@
 // src/ready-to-go.tsx
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState as useState2 } from "react";
+
+// src/track-page-display.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var pageFont = { fontFamily: "var(--pb-font-family, Inter, system-ui, sans-serif)" };
+var contentWidth = {
+  width: "min(1248px, 100%)",
+  margin: "0 auto",
+  padding: "48px 24px",
+  boxSizing: "border-box"
+};
+function text(props, key, fallback = "") {
+  return typeof props[key] === "string" ? props[key] : fallback;
+}
+function safeHref(value) {
+  if (typeof value !== "string") return "#";
+  if (value.startsWith("/")) return value;
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.toString() : "#";
+  } catch {
+    return "#";
+  }
+}
+function safeImageUrl(value) {
+  if (typeof value !== "string") return "";
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.toString() : "";
+  } catch {
+    return "";
+  }
+}
+function defaultProgress(status) {
+  const steps = [
+    { id: "ordered", label: "Ordered", icon: "check" },
+    { id: "ready", label: "Order Ready", icon: "bag" },
+    { id: "transit", label: "In Transit", icon: "truck" },
+    { id: "out", label: "Out for Delivery", icon: "box" },
+    { id: "delivered", label: "Delivered", icon: "check" }
+  ];
+  const normalized = status.toLowerCase();
+  const current = normalized.includes("deliver") ? normalized.includes("out for") ? 3 : 4 : normalized.includes("transit") ? 2 : normalized.includes("ready") ? 1 : 0;
+  return steps.map((step, index) => ({
+    ...step,
+    state: index < current ? "complete" : index === current ? "current" : "upcoming"
+  }));
+}
+function StepIcon({ name, done }) {
+  const fill = done ? "#ffffff" : "currentColor";
+  const common = { width: 24, height: 24, viewBox: "0 0 24 24", "aria-hidden": true, style: { width: 24, height: 24, display: "block" } };
+  if (name === "bag") {
+    return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+      /* @__PURE__ */ jsx("path", { fill, d: "M9.9 12.9c0-.239.095-.468.264-.636A.9.9 0 0 1 10.8 12h2.4a.9.9 0 1 1 0 1.8h-2.4a.9.9 0 0 1-.9-.9Z" }),
+      /* @__PURE__ */ jsx("path", { fill, fillRule: "evenodd", d: "M6.3 4.2a2.1 2.1 0 0 0-2.1 2.1v2.4c0 .714.357 1.344.9 1.723V16.5a3.3 3.3 0 0 0 3.3 3.3h7.2a3.3 3.3 0 0 0 3.3-3.3v-6.077c.543-.379.9-1.009.9-1.723V6.3a2.1 2.1 0 0 0-2.1-2.1H6.3Zm10.8 6.6H6.9V16.5a1.5 1.5 0 0 0 1.5 1.5h7.2a1.5 1.5 0 0 0 1.5-1.5V10.8ZM6 6.3c0-.08.032-.156.088-.212A.3.3 0 0 1 6.3 6h11.4a.3.3 0 0 1 .3.3v2.4a.3.3 0 0 1-.3.3H6.3a.3.3 0 0 1-.3-.3V6.3Z" })
+    ] });
+  }
+  if (name === "truck") {
+    return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+      /* @__PURE__ */ jsx("path", { fill, fillRule: "evenodd", d: "M4.8 6.3c0-.239.095-.468.264-.636A.9.9 0 0 1 5.7 5.4h8.389a3.3 3.3 0 0 1 3.174 2.394l.512 1.793a.6.6 0 0 0 .216.207l2.017.505A2.7 2.7 0 0 1 21.6 12.337V13.8a2.1 2.1 0 0 1-1.238 1.916 3.6 3.6 0 0 1-3.012 3.474 3.6 3.6 0 0 1-4.564-2.29H10.8a3.6 3.6 0 0 1-6.75-.903A3.6 3.6 0 0 1 5.05 15H4.5a.9.9 0 0 1 0-1.8h3a2.7 2.7 0 0 1 2.442 1.5h7.758A3.58 3.58 0 0 1 19.54 14.1a.45.45 0 0 0 .26-.198V12.336a.3.3 0 0 0-.228-.29l-2.018-.504a2.7 2.7 0 0 1-1.56-1.46l-.512-1.793A1.5 1.5 0 0 0 14.09 7.2H5.7a.9.9 0 0 1-.9-.9Zm3 11.1a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm9.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z" }),
+      /* @__PURE__ */ jsx("path", { fill, d: "M3.9 9.6a.9.9 0 0 0 0 1.8h6a.9.9 0 0 0 0-1.8h-6Z" })
+    ] });
+  }
+  if (name === "box") {
+    return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+      /* @__PURE__ */ jsx("path", { fill, d: "M15.995 5.672a1.05 1.05 0 1 0-1.39-1.578l-3.43 4.164-1.126-1.691a1.05 1.05 0 1 0-1.726 1.2l1.576 2.364a1.35 1.35 0 0 0 2.175.096l3.943-4.555Z" }),
+      /* @__PURE__ */ jsx("path", { fill, fillRule: "evenodd", d: "M5.832 8.26a1.05 1.05 0 0 1 1.221 1.353L6.187 12H9.168a1.65 1.65 0 0 1 1.422 1.026l.191.569a.3.3 0 0 0 .284.205h1.87a.3.3 0 0 0 .284-.204l.191-.57A1.65 1.65 0 0 1 14.832 12H17.813l-.403-2.718a1.05 1.05 0 0 1 1.78-.837 1.05 1.05 0 0 1 .355 1.152L19.686 12.37c.076.51.114 1.023.114 1.538V15.9a3.9 3.9 0 0 1-3.9 3.9H8.1a3.9 3.9 0 0 1-3.9-3.9v-1.992c0-.516.038-1.029.113-1.54l.497-3.35a1.05 1.05 0 0 1 1.022-.828ZM6 13.908V13.8h2.952l.12.364a2.1 2.1 0 0 0 1.992 1.436h1.872a2.1 2.1 0 0 0 1.992-1.436l.12-.364H18v2.1a1.8 1.8 0 0 1-1.8 1.8H8.1A1.8 1.8 0 0 1 6 15.9v-1.992Z" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { fill, fillRule: "evenodd", d: "M18.852 6.187a1.05 1.05 0 0 1 .154 1.264l-8.161 10.63a1.35 1.35 0 0 1-2.177.081L4.99 13.444a1.05 1.05 0 0 1 1.431-1.534l3.188 4.176 7.98-10.187a1.05 1.05 0 0 1 1.263-.712Z" }) });
+}
+function ProductImage({ src, alt, size = 60 }) {
+  const [failed, setFailed] = useState(false);
+  const safeSrc = safeImageUrl(src);
+  const box = {
+    width: size,
+    height: size,
+    flex: "0 0 auto",
+    borderRadius: "var(--pb-radius, 8px)",
+    objectFit: "contain",
+    background: "#f1f5f9"
+  };
+  if (!safeSrc || failed) {
+    return /* @__PURE__ */ jsx("span", { "aria-label": alt + " image unavailable", style: { ...box, display: "grid", placeItems: "center", color: "#94a3b8", fontSize: 12 }, children: alt.slice(0, 1).toUpperCase() });
+  }
+  return /* @__PURE__ */ jsx("img", { src: safeSrc, alt, onError: () => setFailed(true), style: box });
+}
+function TrackingProgress({ steps }) {
+  const cells = Math.max(steps.length, 1);
+  const columns = cells <= 1 ? "44px" : Array.from({ length: cells - 1 }, () => "44px minmax(20px, 1fr)").join(" ") + " 44px";
+  return /* @__PURE__ */ jsx("div", { role: "region", "aria-label": "Delivery progress", style: { marginTop: 32, width: "100%", maxWidth: 1200, marginLeft: "auto", marginRight: "auto", overflow: "visible" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: columns, alignItems: "start", columnGap: 8, width: "100%" }, children: steps.map((step, index) => {
+    const done = step.state === "complete" || step.state === "current";
+    const nextDone = steps[index + 1]?.state === "complete" || steps[index + 1]?.state === "current";
+    return /* @__PURE__ */ jsxs("div", { style: { display: "contents" }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", overflow: "visible" }, children: [
+        /* @__PURE__ */ jsx("span", { "aria-label": step.label + " " + step.state, style: { display: "flex", width: 44, height: 44, flexShrink: 0, alignItems: "center", justifyContent: "center", borderRadius: 9999, border: "1px solid #0f172a", background: done ? "#0f172a" : "#fff", color: "#0f172a" }, children: /* @__PURE__ */ jsx(StepIcon, { name: step.icon ?? (index === 0 || index === steps.length - 1 ? "check" : index === 1 ? "bag" : index === 2 ? "truck" : "box"), done }) }),
+        /* @__PURE__ */ jsxs("div", { style: { width: "max-content", textAlign: "center", marginTop: 16 }, children: [
+          /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: 16, lineHeight: "20px", fontWeight: 500, color: "#334155" }, children: step.label }),
+          step.date ? /* @__PURE__ */ jsx("p", { style: { margin: "8px 0 0", fontSize: 14, lineHeight: "18px", color: "#94a3b8" }, children: step.date }) : null
+        ] })
+      ] }),
+      index < steps.length - 1 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { display: "block", width: "100%", minWidth: 0, height: 6, marginTop: 19, borderRadius: 999, background: done && nextDone ? "#1a1a1a" : "rgba(0, 0, 0, 0.25)" } }) : null
+    ] }, step.id);
+  }) }) });
+}
+function ShippingTimeline({ events }) {
+  if (!events.length) {
+    return /* @__PURE__ */ jsx("p", { style: { margin: "16px 0 0", color: "#475569", fontSize: 14 }, children: "Shipping events will appear when the carrier publishes them." });
+  }
+  return /* @__PURE__ */ jsx("div", { "aria-label": "Shipping events", style: { marginTop: 16, display: "flex", flexDirection: "column", gap: 20 }, children: events.map((event, index) => {
+    const latest = event.state === "current" || index === 0;
+    return /* @__PURE__ */ jsxs("div", { style: { position: "relative", paddingLeft: 28, paddingBottom: index < events.length - 1 ? 20 : 0 }, children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: 2, width: 16, height: 16, borderRadius: 9999, background: latest ? "#16a34a" : "#cbd5e1" } }),
+      index < events.length - 1 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { position: "absolute", left: 7, top: 20, width: 1, height: "100%", background: "#e2e8f0" } }) : null,
+      /* @__PURE__ */ jsxs("p", { style: { margin: 0, fontSize: 14, fontWeight: 500, lineHeight: 1.5, color: latest ? "#c01400" : "#64748b" }, children: [
+        event.title,
+        event.detail ? ", " + event.detail : ""
+      ] }),
+      event.at ? /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontSize: 12, lineHeight: 1.5, color: latest ? "rgba(192, 20, 0, 0.8)" : "#94a3b8" }, children: event.at }) : null
+    ] }, event.id);
+  }) });
+}
+function PackageContents({ items }) {
+  if (!items.length) return /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#64748b", fontSize: 14 }, children: "Package contents are not available for this shipment." });
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: items.map((item) => {
+    const title = item.title;
+    return /* @__PURE__ */ jsxs("article", { style: { display: "flex", alignItems: "center", gap: 12, padding: "8px 0" }, children: [
+      /* @__PURE__ */ jsx(ProductImage, { src: item.imageUrl, alt: title }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: 14, fontWeight: 500, color: "#1e293b", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: title }),
+        item.description ? /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontSize: 13, color: "#64748b" }, children: item.description }) : null,
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 8, marginTop: 4 }, children: [
+          /* @__PURE__ */ jsxs("p", { style: { margin: 0, fontSize: 13, color: "#64748b" }, children: [
+            "x",
+            item.quantity
+          ] }),
+          item.href ? /* @__PURE__ */ jsx("a", { href: safeHref(item.href), style: { display: "inline-flex", minHeight: 32, alignItems: "center", padding: "6px 16px", border: "1px solid #cbd5e1", borderRadius: 6, color: "#1e293b", fontSize: 13, fontWeight: 500, textDecoration: "none" }, children: "Reorder" }) : null
+        ] })
+      ] })
+    ] }, item.id);
+  }) });
+}
+function RecommendationCards({ items }) {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 24, overflowX: "auto", paddingBottom: 8 }, children: items.map((item) => /* @__PURE__ */ jsxs("a", { href: safeHref(item.href), style: { flex: "0 0 262px", width: 262, maxWidth: "100%", textDecoration: "none", color: "inherit" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { width: 262, height: 262, maxWidth: "100%", borderRadius: "var(--pb-radius, 8px)", border: "1px solid #E3E3E3", overflow: "hidden", background: "#f1f5f9" }, children: /* @__PURE__ */ jsx(ProductImage, { src: item.imageUrl, alt: item.title, size: 262 }) }),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "12px 8px", textAlign: "center", fontSize: 14 }, children: [
+      /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#334155" }, children: item.title }),
+      item.price ? /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontWeight: 600, color: "#0f172a" }, children: item.price }) : null,
+      item.description ? /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", color: "#64748b", fontSize: 13 }, children: item.description }) : null
+    ] })
+  ] }, item.id)) });
+}
+function SectionShell({ title, children, bordered = true }) {
+  return /* @__PURE__ */ jsx("section", { "aria-label": title, style: { ...pageFont, background: "var(--pb-color-background, #fff)", color: "var(--pb-color-text, #0f172a)", borderBottom: bordered ? "1px solid #f1f5f9" : "0" }, children });
+}
+function IdleMessage({ children }) {
+  return /* @__PURE__ */ jsx("p", { style: { margin: 0, textAlign: "center", color: "var(--pb-color-muted, #64748b)" }, children });
+}
+function SkeletonRow() {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { display: "grid", gridTemplateColumns: "44px minmax(20px, 1fr) 44px minmax(20px, 1fr) 44px minmax(20px, 1fr) 44px minmax(20px, 1fr) 44px", columnGap: 8, width: "100%", maxWidth: 1200, margin: "32px auto 0" }, children: Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx("span", { style: { display: "block", width: 44, height: 44, borderRadius: 9999, background: "#e2e8f0" } }, index)).flatMap((circle, index, list) => index < list.length - 1 ? [circle, /* @__PURE__ */ jsx("span", { style: { display: "block", height: 6, marginTop: 19, borderRadius: 999, background: "#e2e8f0" } }, "line-" + index)] : [circle]) });
+}
+
+// src/ready-to-go.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var initialRuntime = { phase: "idle", async query() {
   return void 0;
 } };
 var ReadyToGoRuntimeContext = createContext(initialRuntime);
-async function queryMockReadyToGoTracking(trackingNumber) {
+function previewReadyToGoTracking(trackingNumber = "BT-2048-DEMO") {
   return {
     trackingNumber,
     status: "In transit",
     carrier: "BestTrack demo carrier",
     latestEvent: "Shipment accepted at the regional hub",
-    updatedAt: "2026-09-17T10:00:00.000Z",
+    updatedAt: "Sep 17, 10:00 AM",
     deliveryAddress: "Demo recipient \xB7 Shanghai",
-    orderItems: [{ id: "demo-order-item", title: "Demo shipment item", quantity: 1 }],
-    recommendations: [{ id: "shipping-protection", title: "Shipping protection", description: "Extra assurance for your next delivery." }, { id: "delivery-alerts", title: "Delivery alerts", description: "Receive an update at every milestone." }]
+    estimatedDelivery: "Sep 22 - Sep 24",
+    progress: defaultProgress("In transit"),
+    events: [
+      { id: "hub", title: "Shipment accepted at the regional hub", at: "Sep 17, 10:00 AM", state: "current" },
+      { id: "info", title: "The order has been placed and confirmed.", at: "Sep 16, 3:31 PM", state: "complete" }
+    ],
+    orderItems: [{ id: "demo-order-item", title: "Demo shipment item", quantity: 1, description: "Product details are available in your order." }],
+    recommendations: [
+      { id: "shipping-protection", title: "Shipping protection", description: "Extra assurance for your next delivery.", price: "$9.00" },
+      { id: "delivery-alerts", title: "Delivery alerts", description: "Receive an update at every milestone.", price: "$4.00" }
+    ]
   };
 }
+async function queryMockReadyToGoTracking(trackingNumber) {
+  return previewReadyToGoTracking(trackingNumber);
+}
 function ReadyToGoRuntimeProvider({ children, queryTracking = queryMockReadyToGoTracking }) {
-  const [state, setState] = useState({ phase: "idle" });
+  const [state, setState] = useState2({ phase: "idle" });
   const query = useCallback(async (trackingNumber) => {
     setState({ phase: "loading" });
     try {
@@ -28,114 +203,434 @@ function ReadyToGoRuntimeProvider({ children, queryTracking = queryMockReadyToGo
     }
   }, [queryTracking]);
   const value = useMemo(() => ({ ...state, query }), [query, state]);
-  return /* @__PURE__ */ jsx(ReadyToGoRuntimeContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx2(ReadyToGoRuntimeContext.Provider, { value, children });
 }
 function useReadyToGoRuntime() {
   return useContext(ReadyToGoRuntimeContext);
 }
-var cardStyle = { border: "1px solid var(--pb-color-border)", borderRadius: "var(--pb-radius)", padding: "var(--pb-spacing)", background: "var(--pb-color-surface)", color: "var(--pb-color-text)" };
-function ResultCard({ title, children }) {
-  return /* @__PURE__ */ jsxs("section", { "aria-label": title, style: cardStyle, children: [
-    /* @__PURE__ */ jsx("h2", { style: { marginTop: 0 }, children: title }),
-    children
+var heroStyle = {
+  ...pageFont,
+  position: "relative",
+  minHeight: 520,
+  display: "grid",
+  placeItems: "center",
+  overflow: "hidden",
+  backgroundColor: "#fff",
+  padding: "48px 24px",
+  boxSizing: "border-box"
+};
+var formCardStyle = {
+  display: "flex",
+  flexDirection: "column",
+  width: "min(560px, 100%)",
+  maxWidth: 560,
+  minHeight: 388,
+  borderRadius: "var(--pb-radius, 8px)",
+  background: "var(--pb-color-surface, #fff)",
+  color: "var(--pb-color-text, #0f172a)",
+  padding: 40,
+  boxSizing: "border-box",
+  boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)"
+};
+var tabStyle = (active) => ({
+  appearance: "none",
+  flex: 1,
+  minHeight: 53,
+  margin: 0,
+  padding: "16px 10px",
+  font: "inherit",
+  fontSize: 15,
+  lineHeight: "21px",
+  fontWeight: active ? 500 : 400,
+  background: "none",
+  border: 0,
+  borderBottom: active ? "2px solid #0f172a" : "2px solid transparent",
+  borderRadius: 0,
+  color: active ? "#0f172a" : "#94a3b8",
+  cursor: "pointer"
+});
+var inputStyle = {
+  width: "100%",
+  height: 48,
+  borderRadius: "var(--pb-radius, 8px)",
+  border: "1px solid #111",
+  background: "#fff",
+  padding: 12,
+  font: "inherit",
+  fontSize: 14,
+  lineHeight: "20px",
+  color: "#334155",
+  boxSizing: "border-box"
+};
+function ReadyToGoTextField({ value, onChange }) {
+  return /* @__PURE__ */ jsx2("input", { "aria-label": "Ready-to-go text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
+}
+function InlineText({ block, name, fallback }) {
+  const value = text(block, name, fallback);
+  if (!block.selected) return /* @__PURE__ */ jsx2("span", { "data-ready-to-go-editor-field": name, children: value });
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      "aria-label": "Canvas " + name,
+      "data-ready-to-go-editor-field": name,
+      value,
+      onMouseDown: (event) => event.stopPropagation(),
+      onClick: (event) => event.stopPropagation(),
+      onChange: (event) => block.onPropsChange({ [name]: event.currentTarget.value }),
+      style: { display: "inline-block", width: "100%", minWidth: "5ch", boxSizing: "border-box", border: "1px dashed currentColor", borderRadius: 3, padding: "2px 5px", background: "transparent", color: "inherit", font: "inherit", fontWeight: "inherit", lineHeight: "inherit", letterSpacing: "inherit", textAlign: "inherit" }
+    }
+  );
+}
+function eventsFrom(result) {
+  if (result?.events?.length) return result.events;
+  if (result?.latestEvent) return [{ id: "latest", title: result.latestEvent, at: result.updatedAt, state: "current" }];
+  return [];
+}
+function ProgressResult({ result, showEstimatedDelivery = true }) {
+  const steps = result.progress?.length ? result.progress : defaultProgress(result.status);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2("p", { style: { margin: 0, fontSize: 20, lineHeight: 1.4, color: "#000" }, children: [
+      "Tracking: ",
+      result.trackingNumber
+    ] }),
+    /* @__PURE__ */ jsx2("h2", { style: { margin: "48px 0 0", fontSize: 32, lineHeight: "40px", fontWeight: 700, color: "#303030" }, children: result.status }),
+    showEstimatedDelivery && result.estimatedDelivery ? /* @__PURE__ */ jsxs2("div", { style: { margin: "16px auto 0", maxWidth: 720, borderRadius: 10, background: "#eaf4ff", padding: "20px 22px 18px", textAlign: "left" }, children: [
+      /* @__PURE__ */ jsx2("p", { style: { margin: 0, fontSize: 13, fontWeight: 700, color: "#202124" }, children: "Estimated delivery" }),
+      /* @__PURE__ */ jsx2("p", { style: { margin: "6px 0 0", fontSize: 22, fontWeight: 700, color: "#202124" }, children: result.estimatedDelivery })
+    ] }) : null,
+    /* @__PURE__ */ jsx2(TrackingProgress, { steps })
   ] });
 }
-function ReadyToGoTextField({ value, onChange }) {
-  return /* @__PURE__ */ jsx("input", { "aria-label": "Ready-to-go text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
+function DeliveryResult({ heading, contentsHeading, carrierHeading, result }) {
+  return /* @__PURE__ */ jsxs2("div", { style: { ...contentWidth, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 280px), 500px))", gap: 40, justifyContent: "center", alignItems: "start" }, children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("h3", { style: { margin: 0, fontSize: 20, lineHeight: "20px", fontWeight: 700 }, children: heading }),
+      /* @__PURE__ */ jsx2(ShippingTimeline, { events: eventsFrom(result) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("h3", { style: { margin: "0 0 12px", fontSize: 18, fontWeight: 700 }, children: contentsHeading }),
+        /* @__PURE__ */ jsx2(PackageContents, { items: result.orderItems ?? [] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("h3", { style: { margin: "0 0 12px", fontSize: 18, fontWeight: 700 }, children: carrierHeading }),
+        /* @__PURE__ */ jsx2("p", { style: { margin: 0, fontSize: 14, fontWeight: 600, color: "#1e293b" }, children: result.carrier ?? "Not available" }),
+        /* @__PURE__ */ jsx2("p", { style: { margin: "8px 0 0", fontSize: 14, color: "#64748b" }, children: result.deliveryAddress ?? "Delivery details are not available." })
+      ] })
+    ] })
+  ] });
+}
+function ReadyToGoQueryEditor(block) {
+  return /* @__PURE__ */ jsx2("section", { "aria-label": "Ready-to-go query editor", style: heroStyle, children: /* @__PURE__ */ jsxs2("div", { role: "region", "aria-label": "Ready-to-go tracking query", style: formCardStyle, children: [
+    /* @__PURE__ */ jsx2("h1", { style: { margin: "0 0 24px", textAlign: "center", fontSize: 28, lineHeight: 1.15 }, children: /* @__PURE__ */ jsx2(InlineText, { block, name: "heading", fallback: "Track your order" }) }),
+    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", width: "100%", borderBottom: "1px solid #cbd5e1" }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { ...tabStyle(true), display: "flex", alignItems: "center", justifyContent: "center", cursor: "default" }, children: /* @__PURE__ */ jsx2(InlineText, { block, name: "trackingTabLabel", fallback: "Tracking Number" }) }),
+      /* @__PURE__ */ jsx2("div", { style: { ...tabStyle(false), display: "flex", alignItems: "center", justifyContent: "center", cursor: "default" }, children: /* @__PURE__ */ jsx2(InlineText, { block, name: "orderTabLabel", fallback: "Order Number" }) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: { marginTop: 24, display: "flex", flexDirection: "column", gap: 16, flex: 1 }, children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          "aria-label": "Canvas default tracking number",
+          readOnly: !block.selected,
+          value: text(block, "defaultTrackingNumber", "BT-2048-DEMO"),
+          onMouseDown: (event) => block.selected && event.stopPropagation(),
+          onClick: (event) => block.selected && event.stopPropagation(),
+          onChange: (event) => block.onPropsChange({ defaultTrackingNumber: event.currentTarget.value }),
+          style: { ...inputStyle, border: block.selected ? "1px dashed #111" : inputStyle.border }
+        }
+      ),
+      /* @__PURE__ */ jsx2("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", minHeight: 58, marginTop: 8, borderRadius: "var(--pb-radius, 8px)", background: "var(--pb-color-primary, #111)", color: "#fff", fontSize: 15, fontWeight: 600 }, children: /* @__PURE__ */ jsx2(InlineText, { block, name: "submitLabel", fallback: "Track Your Order" }) })
+    ] }),
+    /* @__PURE__ */ jsx2("p", { style: { marginTop: "auto", paddingTop: 28, textAlign: "center", fontSize: 12, lineHeight: "17px", fontStyle: "italic", color: "#b8b8b8" }, children: "Powered by BestTrack" })
+  ] }) });
+}
+function ReadyToGoProgressEditor(_block) {
+  return /* @__PURE__ */ jsx2("section", { "aria-label": "Ready-to-go progress editor", style: { ...pageFont, background: "var(--pb-color-background, #fff)", color: "var(--pb-color-text, #0f172a)", borderBottom: "1px solid #f1f5f9" }, children: /* @__PURE__ */ jsx2("div", { style: { ...contentWidth, textAlign: "center", width: "min(1248px, 100%)" }, children: /* @__PURE__ */ jsx2(ProgressResult, { showEstimatedDelivery: false, result: previewReadyToGoTracking() }) }) });
+}
+function ReadyToGoDeliveryEditor(block) {
+  return /* @__PURE__ */ jsx2("section", { "aria-label": "Ready-to-go delivery editor", style: { ...pageFont, background: "var(--pb-color-background, #fff)", color: "var(--pb-color-text, #0f172a)", borderBottom: "1px solid #f1f5f9" }, children: /* @__PURE__ */ jsx2(
+    DeliveryResult,
+    {
+      heading: /* @__PURE__ */ jsx2(InlineText, { block, name: "heading", fallback: "Shipping Details" }),
+      contentsHeading: /* @__PURE__ */ jsx2(InlineText, { block, name: "contentsHeading", fallback: "Package Contents" }),
+      carrierHeading: /* @__PURE__ */ jsx2(InlineText, { block, name: "carrierHeading", fallback: "Carrier" }),
+      result: previewReadyToGoTracking()
+    }
+  ) });
+}
+function ReadyToGoRecommendationsEditor(block) {
+  const preview = previewReadyToGoTracking();
+  return /* @__PURE__ */ jsx2("section", { "aria-label": "Ready-to-go recommendations editor", style: { ...pageFont, background: "var(--pb-color-background, #fff)", color: "var(--pb-color-text, #0f172a)" }, children: /* @__PURE__ */ jsxs2("div", { style: { ...contentWidth, padding: "48px 24px" }, children: [
+    /* @__PURE__ */ jsx2("h3", { style: { margin: 0, textAlign: "center", fontSize: 20, lineHeight: "20px", fontWeight: 700 }, children: /* @__PURE__ */ jsx2(InlineText, { block, name: "heading", fallback: "You may also like..." }) }),
+    /* @__PURE__ */ jsx2("div", { style: { marginTop: 24 }, children: /* @__PURE__ */ jsx2(RecommendationCards, { items: preview.recommendations ?? [] }) })
+  ] }) });
 }
 function ReadyToGoQueryBlock(props) {
   const runtime = useReadyToGoRuntime();
-  const [trackingNumber, setTrackingNumber] = useState(typeof props.defaultTrackingNumber === "string" ? props.defaultTrackingNumber : "BT-2048-DEMO");
-  const heading = typeof props.heading === "string" ? props.heading : "Track your order";
-  const submitLabel = typeof props.submitLabel === "string" ? props.submitLabel : "Track package";
+  const [mode, setMode] = useState2(text(props, "defaultQueryMode", "tracking") === "order" ? "order" : "tracking");
+  const [trackingNumber, setTrackingNumber] = useState2(text(props, "defaultTrackingNumber", "BT-2048-DEMO"));
+  const [orderNumber, setOrderNumber] = useState2(text(props, "defaultOrderNumber", ""));
+  const [email, setEmail] = useState2("");
+  const [localError, setLocalError] = useState2("");
+  const heading = text(props, "heading");
+  const submitLabel = text(props, "submitLabel", "Track Your Order");
+  const trackingTabLabel = text(props, "trackingTabLabel", "Tracking Number");
+  const orderTabLabel = text(props, "orderTabLabel", "Order Number");
   const submit = (event) => {
     event.preventDefault();
-    void runtime.query(trackingNumber);
+    setLocalError("");
+    if (mode === "order") {
+      if (!orderNumber.trim() || !email.trim()) {
+        setLocalError("Enter an order number and email.");
+        return;
+      }
+      void runtime.query(orderNumber.trim());
+      return;
+    }
+    void runtime.query(trackingNumber.trim());
   };
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "Ready-to-go tracking query", style: { ...cardStyle, maxWidth: 720, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx("h1", { style: { marginTop: 0 }, children: heading }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: submit, style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx("input", { "aria-label": "Tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), required: true, minLength: 4, maxLength: 64, style: { flex: "1 1 220px", padding: 10, borderRadius: "var(--pb-radius)", border: "1px solid var(--pb-color-border)" } }),
-      /* @__PURE__ */ jsx("button", { type: "submit", disabled: runtime.phase === "loading", style: { padding: "10px 16px", border: 0, borderRadius: "var(--pb-radius)", background: "var(--pb-color-primary)", color: "white" }, children: runtime.phase === "loading" ? "Tracking\u2026" : submitLabel })
+  const loading = runtime.phase === "loading";
+  return /* @__PURE__ */ jsx2("section", { style: heroStyle, children: /* @__PURE__ */ jsxs2("div", { role: "region", "aria-label": "Ready-to-go tracking query", style: formCardStyle, children: [
+    heading ? /* @__PURE__ */ jsx2("h1", { style: { margin: "0 0 24px", textAlign: "center", fontSize: 28, lineHeight: 1.15 }, children: heading }) : null,
+    /* @__PURE__ */ jsxs2("div", { role: "tablist", "aria-label": "Tracking method", style: { display: "flex", width: "100%", borderBottom: "1px solid #cbd5e1" }, children: [
+      /* @__PURE__ */ jsx2("button", { type: "button", role: "tab", "aria-selected": mode === "tracking", onClick: () => {
+        setMode("tracking");
+        setLocalError("");
+      }, style: tabStyle(mode === "tracking"), children: trackingTabLabel }),
+      /* @__PURE__ */ jsx2("button", { type: "button", role: "tab", "aria-selected": mode === "order", onClick: () => {
+        setMode("order");
+        setLocalError("");
+      }, style: tabStyle(mode === "order"), children: orderTabLabel })
     ] }),
-    runtime.phase === "error" ? /* @__PURE__ */ jsx("p", { role: "alert", children: runtime.error }) : null
-  ] });
+    /* @__PURE__ */ jsxs2("form", { onSubmit: submit, style: { marginTop: 24, display: "flex", flexDirection: "column", gap: 16, flex: 1 }, children: [
+      mode === "order" ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("label", { htmlFor: "ready-to-go-order-number", style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" }, children: "Order number" }),
+        /* @__PURE__ */ jsx2("input", { id: "ready-to-go-order-number", "aria-label": "Order number", value: orderNumber, onChange: (event) => setOrderNumber(event.target.value), required: true, minLength: 4, maxLength: 64, placeholder: "Enter your order number", style: inputStyle }),
+        /* @__PURE__ */ jsx2("label", { htmlFor: "ready-to-go-email", style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" }, children: "Email" }),
+        /* @__PURE__ */ jsx2("input", { id: "ready-to-go-email", "aria-label": "Email", type: "email", value: email, onChange: (event) => setEmail(event.target.value), required: true, placeholder: "Enter your email", style: inputStyle })
+      ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("label", { htmlFor: "ready-to-go-tracking-number", style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" }, children: "Tracking number" }),
+        /* @__PURE__ */ jsx2("input", { id: "ready-to-go-tracking-number", "aria-label": "Tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), required: true, minLength: 4, maxLength: 64, placeholder: "Enter your tracking number", style: inputStyle })
+      ] }),
+      localError ? /* @__PURE__ */ jsx2("p", { style: { margin: 0, textAlign: "center", fontSize: 12, color: "#f43f5e" }, children: localError }) : null,
+      /* @__PURE__ */ jsx2("button", { type: "submit", disabled: loading, style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", minHeight: 58, marginTop: 8, border: 0, borderRadius: "var(--pb-radius, 8px)", background: loading ? "#475569" : "var(--pb-color-primary, #111)", color: "#fff", font: "inherit", fontSize: 15, fontWeight: 600, cursor: loading ? "wait" : "pointer", opacity: loading ? 0.7 : 1 }, children: loading ? "Tracking\u2026" : submitLabel }),
+      runtime.phase === "error" ? /* @__PURE__ */ jsx2("p", { role: "alert", style: { margin: 0, textAlign: "center", fontSize: 12, color: "#f43f5e" }, children: runtime.error }) : null
+    ] }),
+    /* @__PURE__ */ jsx2("p", { style: { marginTop: "auto", paddingTop: 28, textAlign: "center", fontSize: 12, lineHeight: "17px", fontStyle: "italic", color: "#b8b8b8" }, children: "Powered by BestTrack" })
+  ] }) });
 }
-function ReadyToGoProgressBlock(props) {
+function ReadyToGoProgressBlock() {
   const runtime = useReadyToGoRuntime();
-  const heading = typeof props.heading === "string" ? props.heading : "Shipment progress";
-  return /* @__PURE__ */ jsx(ResultCard, { title: heading, children: runtime.phase === "success" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("strong", { children: runtime.result?.status }),
-    /* @__PURE__ */ jsx("p", { children: runtime.result?.latestEvent }),
-    /* @__PURE__ */ jsx("small", { children: runtime.result?.updatedAt })
-  ] }) : /* @__PURE__ */ jsx("p", { children: runtime.phase === "loading" ? "Loading shipment progress\u2026" : "Enter a tracking number to see shipment progress." }) });
+  const result = runtime.result;
+  return /* @__PURE__ */ jsx2(SectionShell, { title: "Shipment progress", children: /* @__PURE__ */ jsxs2("div", { style: { ...contentWidth, textAlign: "center", width: "min(1248px, 100%)" }, children: [
+    runtime.phase === "loading" ? /* @__PURE__ */ jsxs2("div", { "aria-label": "Loading shipment progress", children: [
+      /* @__PURE__ */ jsx2(IdleMessage, { children: "Loading shipment progress\u2026" }),
+      /* @__PURE__ */ jsx2(SkeletonRow, {})
+    ] }) : null,
+    runtime.phase === "error" ? /* @__PURE__ */ jsx2("p", { style: { margin: 0, color: "#b42318" }, children: "Shipment progress is temporarily unavailable." }) : null,
+    runtime.phase === "idle" ? /* @__PURE__ */ jsx2(IdleMessage, { children: "Enter a tracking number to see shipment progress." }) : null,
+    runtime.phase === "success" && result ? /* @__PURE__ */ jsx2(ProgressResult, { result }) : null
+  ] }) });
 }
 function ReadyToGoDeliveryBlock(props) {
   const runtime = useReadyToGoRuntime();
-  const heading = typeof props.heading === "string" ? props.heading : "Delivery information";
-  return /* @__PURE__ */ jsx(ResultCard, { title: heading, children: runtime.phase === "success" ? /* @__PURE__ */ jsxs("dl", { children: [
-    /* @__PURE__ */ jsx("dt", { children: "Carrier" }),
-    /* @__PURE__ */ jsx("dd", { children: runtime.result?.carrier ?? "Not available" }),
-    /* @__PURE__ */ jsx("dt", { children: "Delivery" }),
-    /* @__PURE__ */ jsx("dd", { children: runtime.result?.deliveryAddress ?? "Delivery details are not available." })
-  ] }) : /* @__PURE__ */ jsx("p", { children: "Delivery details will appear after a successful query." }) });
+  const heading = text(props, "heading", "Shipping Details");
+  const contentsHeading = text(props, "contentsHeading", "Package Contents");
+  const carrierHeading = text(props, "carrierHeading", "Carrier");
+  const result = runtime.result;
+  return /* @__PURE__ */ jsx2(SectionShell, { title: heading, children: runtime.phase === "success" && result ? /* @__PURE__ */ jsx2(DeliveryResult, { heading, contentsHeading, carrierHeading, result }) : /* @__PURE__ */ jsx2("div", { style: { ...contentWidth, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 280px), 500px))", gap: 40, justifyContent: "center", alignItems: "start" }, children: /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx2("h3", { style: { margin: 0, fontSize: 20, lineHeight: "20px", fontWeight: 700 }, children: heading }),
+    runtime.phase === "loading" ? /* @__PURE__ */ jsx2(IdleMessage, { children: "Loading delivery details\u2026" }) : null,
+    runtime.phase === "error" ? /* @__PURE__ */ jsx2("p", { style: { margin: "16px 0 0", color: "#b42318" }, children: "Delivery details are temporarily unavailable." }) : null,
+    runtime.phase === "idle" ? /* @__PURE__ */ jsx2("p", { style: { margin: "16px 0 0", color: "#64748b" }, children: "Delivery details will appear after a successful query." }) : null
+  ] }) }) });
 }
 function ReadyToGoRecommendationsBlock(props) {
   const runtime = useReadyToGoRuntime();
-  const heading = typeof props.heading === "string" ? props.heading : "You may also like";
+  const heading = text(props, "heading", "You may also like...");
   const recommendations = runtime.result?.recommendations ?? [];
-  return /* @__PURE__ */ jsx(ResultCard, { title: heading, children: runtime.phase === "success" && recommendations.length > 0 ? /* @__PURE__ */ jsx("ul", { children: recommendations.map((item) => /* @__PURE__ */ jsxs("li", { children: [
-    /* @__PURE__ */ jsx("strong", { children: item.title }),
-    /* @__PURE__ */ jsx("br", {}),
-    /* @__PURE__ */ jsx("small", { children: item.description })
-  ] }, item.id)) }) : /* @__PURE__ */ jsx("p", { children: runtime.phase === "success" ? "No recommendations are available for this shipment." : "Recommendations appear with your shipment result." }) });
+  return /* @__PURE__ */ jsx2(SectionShell, { title: heading, bordered: false, children: /* @__PURE__ */ jsxs2("div", { style: { ...contentWidth, padding: "48px 24px" }, children: [
+    /* @__PURE__ */ jsx2("h3", { style: { margin: 0, textAlign: "center", fontSize: 20, lineHeight: "20px", fontWeight: 700 }, children: heading }),
+    /* @__PURE__ */ jsxs2("div", { style: { marginTop: 24 }, children: [
+      runtime.phase === "loading" ? /* @__PURE__ */ jsx2(IdleMessage, { children: "Loading recommendations\u2026" }) : null,
+      runtime.phase === "error" ? /* @__PURE__ */ jsx2("p", { style: { margin: 0, textAlign: "center", color: "#b42318" }, children: "Recommendations are temporarily unavailable." }) : null,
+      runtime.phase === "idle" ? /* @__PURE__ */ jsx2(IdleMessage, { children: "Recommendations appear with your shipment result." }) : null,
+      runtime.phase === "success" && recommendations.length ? /* @__PURE__ */ jsx2(RecommendationCards, { items: recommendations }) : null,
+      runtime.phase === "success" && !recommendations.length ? /* @__PURE__ */ jsx2(IdleMessage, { children: "No recommendations are available for this shipment." }) : null
+    ] })
+  ] }) });
 }
 
 // src/ready-to-go-definition.ts
 import { createPageDocument } from "@standhigher/puck-page-builder/runtime";
+var text2 = (label, options = {}) => ({ field: "besttrack.ready-to-go.text", label, control: "text", ...options });
 var readyToGoBlocks = [
-  { type: "besttrack.ready-to-go.query", version: 1, label: "Order query", category: "BestTrack Ready-to-go", targets: ["web"], defaultProps: { heading: "Track your order", submitLabel: "Track package", defaultTrackingNumber: "BT-2048-DEMO" }, defaultVariant: "default", variants: [{ id: "default", label: "Default" }], fields: { heading: { field: "besttrack.ready-to-go.text", label: "Heading" }, submitLabel: { field: "besttrack.ready-to-go.text", label: "Button label" }, defaultTrackingNumber: { field: "besttrack.ready-to-go.text", label: "Default tracking number" } }, render: { web: ReadyToGoQueryBlock } },
-  { type: "besttrack.ready-to-go.progress", version: 1, label: "Shipment progress", category: "BestTrack Ready-to-go", targets: ["web"], defaultProps: { heading: "Shipment progress" }, defaultVariant: "default", variants: [{ id: "default", label: "Default" }], fields: { heading: { field: "besttrack.ready-to-go.text", label: "Heading" } }, render: { web: ReadyToGoProgressBlock } },
-  { type: "besttrack.ready-to-go.delivery", version: 1, label: "Delivery information", category: "BestTrack Ready-to-go", targets: ["web"], defaultProps: { heading: "Delivery information" }, defaultVariant: "default", variants: [{ id: "default", label: "Default" }], fields: { heading: { field: "besttrack.ready-to-go.text", label: "Heading" } }, render: { web: ReadyToGoDeliveryBlock } },
-  { type: "besttrack.ready-to-go.recommendations", version: 1, label: "Recommended products", category: "BestTrack Ready-to-go", targets: ["web"], defaultProps: { heading: "You may also like" }, defaultVariant: "default", variants: [{ id: "default", label: "Default" }], fields: { heading: { field: "besttrack.ready-to-go.text", label: "Heading" } }, render: { web: ReadyToGoRecommendationsBlock } }
+  {
+    type: "besttrack.ready-to-go.query",
+    version: 1,
+    label: "Order query",
+    category: "BestTrack Ready-to-go",
+    targets: ["web"],
+    defaultProps: {
+      heading: "Track your order",
+      submitLabel: "Track Your Order",
+      defaultTrackingNumber: "BT-2048-DEMO",
+      defaultQueryMode: "tracking",
+      trackingTabLabel: "Tracking Number",
+      orderTabLabel: "Order Number"
+    },
+    defaultVariant: "default",
+    variants: [{ id: "default", label: "Default" }],
+    fields: {
+      heading: text2("Heading"),
+      submitLabel: text2("Button label"),
+      defaultTrackingNumber: text2("Default tracking number"),
+      defaultQueryMode: text2("Default query mode"),
+      trackingTabLabel: text2("Tracking tab label"),
+      orderTabLabel: text2("Order tab label")
+    },
+    render: { web: ReadyToGoQueryBlock, editor: ReadyToGoQueryEditor }
+  },
+  {
+    type: "besttrack.ready-to-go.progress",
+    version: 1,
+    label: "Shipment progress",
+    category: "BestTrack Ready-to-go",
+    targets: ["web"],
+    defaultProps: {},
+    defaultVariant: "default",
+    variants: [{ id: "default", label: "Default" }],
+    fields: {},
+    render: { web: ReadyToGoProgressBlock, editor: ReadyToGoProgressEditor }
+  },
+  {
+    type: "besttrack.ready-to-go.delivery",
+    version: 1,
+    label: "Delivery information",
+    category: "BestTrack Ready-to-go",
+    targets: ["web"],
+    defaultProps: { heading: "Shipping Details", contentsHeading: "Package Contents", carrierHeading: "Carrier" },
+    defaultVariant: "default",
+    variants: [{ id: "default", label: "Default" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }],
+    fields: { heading: text2("Heading"), contentsHeading: text2("Package contents heading"), carrierHeading: text2("Carrier heading") },
+    render: { web: ReadyToGoDeliveryBlock, editor: ReadyToGoDeliveryEditor }
+  },
+  {
+    type: "besttrack.ready-to-go.recommendations",
+    version: 1,
+    label: "Recommended products",
+    category: "BestTrack Ready-to-go",
+    targets: ["web"],
+    defaultProps: { heading: "You may also like..." },
+    defaultVariant: "default",
+    variants: [{ id: "default", label: "Default" }, { id: "grid", label: "Grid", theme: { "color.surface": "#ffffff" } }],
+    fields: { heading: text2("Heading") },
+    render: { web: ReadyToGoRecommendationsBlock, editor: ReadyToGoRecommendationsEditor }
+  }
 ];
 function createReadyToGoTemplate() {
-  return { id: "besttrack.ready-to-go", version: 1, name: "Ready-to-go", target: "web", source: "built-in", requiredBlocks: readyToGoBlocks.map((block) => block.type), theme: { "color.primary": "#005bd3", "color.background": "#f6f6f7", radius: "12px", spacing: "20px" }, create: () => createPageDocument({ pageId: "besttrack-ready-to-go", target: "web", templateId: "besttrack.ready-to-go", templateVersion: 1, settings: { locale: "en", seoTitle: "Track your order" }, blocks: readyToGoBlocks.map((block, index) => ({ id: `ready-to-go-${index + 1}`, type: block.type, version: block.version, props: block.defaultProps, variant: block.defaultVariant, style: {} })) }) };
+  return {
+    id: "besttrack.ready-to-go",
+    version: 1,
+    name: "Ready-to-go",
+    target: "web",
+    source: "built-in",
+    requiredBlocks: readyToGoBlocks.map((block) => block.type),
+    theme: {
+      "color.primary": "#111111",
+      "color.background": "#ffffff",
+      "color.surface": "#ffffff",
+      "color.text": "#0f172a",
+      "color.muted": "#64748b",
+      "color.border": "#cbd5e1",
+      "font.family": "Inter, system-ui, sans-serif",
+      radius: "8px",
+      spacing: "24px"
+    },
+    create: () => createPageDocument({
+      pageId: "besttrack-ready-to-go",
+      target: "web",
+      templateId: "besttrack.ready-to-go",
+      templateVersion: 1,
+      settings: { locale: "en", seoTitle: "Track your order" },
+      blocks: readyToGoBlocks.map((block, index) => ({
+        id: `ready-to-go-${index + 1}`,
+        type: block.type,
+        version: block.version,
+        props: block.defaultProps,
+        variant: block.defaultVariant,
+        style: {}
+      }))
+    })
+  };
 }
-var bestTrackPageExtension = Object.freeze({ name: "besttrack.ready-to-go", version: "0.7.0", fields: [{ type: "besttrack.ready-to-go.text", component: ReadyToGoTextField }], blocks: readyToGoBlocks, templates: [createReadyToGoTemplate()] });
+var bestTrackPageExtension = Object.freeze({
+  name: "besttrack.ready-to-go",
+  version: "0.7.0",
+  fields: [{ type: "besttrack.ready-to-go.text", component: ReadyToGoTextField }],
+  blocks: readyToGoBlocks,
+  templates: [createReadyToGoTemplate()]
+});
 
 // src/branded-definition.ts
 import { createPageDocument as createPageDocument2 } from "@standhigher/puck-page-builder/runtime";
 
 // src/branded.tsx
-import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useMemo as useMemo2, useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var cardStyle2 = { border: "1px solid var(--pb-color-border)", borderRadius: "var(--pb-radius)", padding: "var(--pb-spacing)", background: "var(--pb-color-surface)", color: "var(--pb-color-text)", fontFamily: "var(--pb-font-family)" };
-var gridStyle = { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))", gap: "var(--pb-spacing)" };
-var initialRuntime2 = { phase: "idle", async query() {
-  return void 0;
-} };
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useMemo as useMemo2, useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var initialRuntime2 = {
+  phase: "idle",
+  selectedShipmentId: null,
+  async query() {
+    return void 0;
+  },
+  reset() {
+    return void 0;
+  },
+  selectShipment() {
+    return void 0;
+  }
+};
 var BrandedRuntimeContext = createContext2(initialRuntime2);
+var contentWidth2 = { width: "min(1200px, 100%)", margin: "0 auto", padding: "0 clamp(16px, 4vw, 48px)", boxSizing: "border-box" };
+var cardStyle = { background: "#fff", color: "#0a0a0a", border: "1px solid #e7e7e7", borderRadius: 10, fontFamily: "var(--pb-font-family)" };
 function BrandedRuntimeProvider({ children, queryTracking }) {
-  const [state, setState] = useState2({ phase: "idle" });
+  const [state, setState] = useState3({ phase: "idle" });
+  const [selectedShipmentId, setSelectedShipmentId] = useState3(null);
   const query = useCallback2(async (trackingNumber) => {
     setState({ phase: "loading" });
     try {
-      setState({ phase: "success", result: await queryTracking(trackingNumber) });
+      const result = await queryTracking(trackingNumber);
+      setSelectedShipmentId(result.shipments?.[0]?.id ?? null);
+      setState({ phase: "success", result });
     } catch (error) {
       setState({ phase: "error", error: error instanceof Error ? error.message : "tracking-query-failed" });
     }
   }, [queryTracking]);
-  const value = useMemo2(() => ({ ...state, query }), [query, state]);
-  return /* @__PURE__ */ jsx2(BrandedRuntimeContext.Provider, { value, children });
-}
-function text(props, key, fallback) {
-  return typeof props[key] === "string" ? props[key] : fallback;
+  const reset = useCallback2(() => {
+    setSelectedShipmentId(null);
+    setState({ phase: "idle" });
+  }, []);
+  const displayedResult = useMemo2(() => {
+    if (!state.result) return void 0;
+    const shipment = state.result.shipments?.find((item) => item.id === selectedShipmentId);
+    return shipment ? { ...state.result, ...shipment } : state.result;
+  }, [selectedShipmentId, state.result]);
+  const selectShipment = useCallback2((id) => setSelectedShipmentId(id), []);
+  const value = useMemo2(
+    () => ({ ...state, displayedResult, selectedShipmentId, query, reset, selectShipment }),
+    [displayedResult, query, reset, selectedShipmentId, selectShipment, state]
+  );
+  return /* @__PURE__ */ jsx3(BrandedRuntimeContext.Provider, { value, children });
 }
 function useBrandedRuntime() {
   return useContext2(BrandedRuntimeContext);
 }
-function safeHref(value) {
+function text3(props, key, fallback) {
+  return typeof props[key] === "string" ? props[key] : fallback;
+}
+function safeHref2(value) {
   if (typeof value !== "string") return "#";
   if (value.startsWith("/")) return value;
   try {
@@ -145,89 +640,295 @@ function safeHref(value) {
     return "#";
   }
 }
-function Section({ title, children }) {
-  return /* @__PURE__ */ jsxs2("section", { "aria-label": title, style: cardStyle2, children: [
-    /* @__PURE__ */ jsx2("h2", { style: { marginTop: 0 }, children: title }),
-    children
-  ] });
+function safeImageUrl2(value) {
+  if (typeof value !== "string") return "";
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.toString() : "";
+  } catch {
+    return "";
+  }
 }
-function BrandedTextField({ value, onChange }) {
-  return /* @__PURE__ */ jsx2("input", { "aria-label": "Branded text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
+function shipmentLabels(value) {
+  return typeof value === "string" ? value.split("|").map((label, index) => ({ id: "configured-" + index, label: label.trim() })).filter((item) => item.label) : [];
 }
-function BrandedAnnouncementBlock(props) {
-  const logoUrl = text(props, "logoUrl", "");
-  return /* @__PURE__ */ jsxs2("section", { "aria-label": "Branded announcement", style: { ...cardStyle2, display: "flex", alignItems: "center", gap: 12, background: "var(--pb-color-primary)", color: "white" }, children: [
-    logoUrl ? /* @__PURE__ */ jsx2("img", { src: logoUrl, alt: text(props, "brandName", "Brand"), style: { width: 36, height: 36, borderRadius: "50%", objectFit: "cover", background: "white" } }) : null,
-    /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsx2("strong", { children: text(props, "brandName", "BestTrack") }),
-      /* @__PURE__ */ jsx2("p", { style: { margin: "4px 0 0" }, children: text(props, "message", "Track every order with confidence.") })
-    ] })
-  ] });
+function ProductImage2({ src, alt }) {
+  const [failed, setFailed] = useState3(false);
+  const safeSrc = safeImageUrl2(src);
+  if (!safeSrc || failed) {
+    return /* @__PURE__ */ jsx3("span", { "aria-label": alt + " image unavailable", style: { display: "grid", placeItems: "center", width: 72, height: 72, flex: "0 0 auto", borderRadius: 6, background: "#f2f2f2", color: "#6b6b6b", fontSize: 14 }, children: alt.slice(0, 1).toUpperCase() });
+  }
+  return /* @__PURE__ */ jsx3("img", { src: safeSrc, alt, onError: () => setFailed(true), style: { width: 72, height: 72, flex: "0 0 auto", borderRadius: 6, objectFit: "cover", background: "#f2f2f2" } });
 }
-function BrandedQueryBlock(props) {
+function ShipmentSwitcher({ shipmentLabels: configuredLabels }) {
   const runtime = useBrandedRuntime();
-  const [trackingNumber, setTrackingNumber] = useState2(text(props, "defaultTrackingNumber", "BT-2048-DEMO"));
+  const configuredShipments = shipmentLabels(configuredLabels);
+  const shipments = runtime.result?.shipments?.length ? runtime.result.shipments : configuredShipments;
+  if (!shipments.length) return null;
+  return /* @__PURE__ */ jsx3("div", { "aria-label": "Shipment switcher", style: { ...contentWidth2, minHeight: 56, display: "flex", alignItems: "center", gap: 8, overflowX: "auto", whiteSpace: "nowrap" }, children: shipments.map((shipment, index) => {
+    const selected = (runtime.selectedShipmentId ?? shipments[0]?.id) === shipment.id;
+    return /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => runtime.selectShipment(shipment.id), "aria-pressed": selected, style: { minWidth: 92, minHeight: 36, padding: "0 12px", border: selected ? "1px solid #1a1a1a" : "1px solid #e7e7e7", borderRadius: 4, background: "#fff", color: "#0a0a0a", fontSize: 11, fontWeight: selected ? 700 : 400, cursor: "pointer" }, children: shipment.label || "Shipment #" + (index + 1) }, shipment.id);
+  }) });
+}
+function QueryHero(props) {
+  const runtime = useBrandedRuntime();
+  const [trackingNumber, setTrackingNumber] = useState3(text3(props, "defaultTrackingNumber", "DEMO-YQTRACK9999"));
+  const [mode, setMode] = useState3(text3(props, "defaultQueryMode", "tracking") === "order" ? "order" : "tracking");
+  const [heroImageFailed, setHeroImageFailed] = useState3(false);
   const submit = (event) => {
     event.preventDefault();
     void runtime.query(trackingNumber);
   };
-  return /* @__PURE__ */ jsxs2("section", { "aria-label": "Branded tracking query", style: { ...cardStyle2, boxShadow: "0 16px 40px rgb(0 0 0 / 8%)" }, children: [
-    /* @__PURE__ */ jsx2("p", { style: { margin: 0, color: "var(--pb-color-muted)" }, children: text(props, "eyebrow", "ORDER SUPPORT") }),
-    /* @__PURE__ */ jsx2("h1", { style: { margin: "6px 0 16px" }, children: text(props, "heading", "Where is my order?") }),
-    /* @__PURE__ */ jsxs2("form", { onSubmit: submit, style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx2("input", { "aria-label": "Branded tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), required: true, minLength: 4, maxLength: 64, style: { flex: "1 1 220px", padding: 12, borderRadius: "var(--pb-radius)", border: "1px solid var(--pb-color-border)" } }),
-      /* @__PURE__ */ jsx2("button", { type: "submit", disabled: runtime.phase === "loading", style: { padding: "12px 18px", border: 0, borderRadius: "var(--pb-radius)", background: "var(--pb-color-primary)", color: "white" }, children: runtime.phase === "loading" ? "Looking up\u2026" : text(props, "submitLabel", "Find my order") })
+  return /* @__PURE__ */ jsxs3("div", { style: { position: "relative", minHeight: "clamp(520px, 44vw, 560px)", display: "grid", placeItems: "center", overflow: "hidden", background: "linear-gradient(135deg, #dedbd4, #b9b3aa)" }, children: [
+    !heroImageFailed && safeImageUrl2(props.heroImageUrl) ? /* @__PURE__ */ jsx3("img", { src: safeImageUrl2(props.heroImageUrl), alt: "", onError: () => setHeroImageFailed(true), style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover" } }) : null,
+    /* @__PURE__ */ jsx3("div", { "aria-hidden": "true", style: { position: "absolute", inset: 0, background: "rgba(255,255,255,0.12)" } }),
+    /* @__PURE__ */ jsxs3("div", { style: { ...cardStyle, position: "relative", zIndex: 1, width: "min(560px, calc(100% - 32px))", padding: "clamp(24px, 5vw, 48px)", boxSizing: "border-box", boxShadow: "0 16px 40px rgb(0 0 0 / 8%)" }, children: [
+      /* @__PURE__ */ jsx3("h1", { style: { margin: "0 0 36px", textAlign: "center", fontSize: "clamp(28px, 3vw, 32px)", lineHeight: 1.15 }, children: text3(props, "heading", "Track your order") }),
+      /* @__PURE__ */ jsxs3("div", { role: "tablist", "aria-label": "Tracking method", style: { display: "grid", gridTemplateColumns: "1fr 1fr", borderBottom: "1px solid #e7e7e7", marginBottom: 24 }, children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", role: "tab", "aria-selected": mode === "order", onClick: () => setMode("order"), style: { minHeight: 40, border: 0, borderBottom: mode === "order" ? "2px solid #0a0a0a" : "2px solid transparent", background: "transparent", fontWeight: mode === "order" ? 700 : 400, cursor: "pointer" }, children: "Order Number" }),
+        /* @__PURE__ */ jsx3("button", { type: "button", role: "tab", "aria-selected": mode === "tracking", onClick: () => setMode("tracking"), style: { minHeight: 40, border: 0, borderBottom: mode === "tracking" ? "2px solid #0a0a0a" : "2px solid transparent", background: "transparent", fontWeight: mode === "tracking" ? 700 : 400, cursor: "pointer" }, children: "Tracking Number" })
+      ] }),
+      /* @__PURE__ */ jsxs3("form", { onSubmit: submit, children: [
+        /* @__PURE__ */ jsx3("label", { htmlFor: "branded-tracking-number", style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" }, children: mode === "order" ? "Order number" : "Tracking number" }),
+        /* @__PURE__ */ jsx3("input", { id: "branded-tracking-number", "aria-label": mode === "order" ? "Order number" : "Tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), required: true, minLength: 4, maxLength: 64, placeholder: mode === "order" ? "Enter your order number" : "Enter your tracking number", style: { width: "100%", height: 48, padding: "0 16px", boxSizing: "border-box", border: "1px solid #e2e2e2", borderRadius: 10, font: "inherit" } }),
+        /* @__PURE__ */ jsx3("button", { type: "submit", disabled: runtime.phase === "loading", style: { width: "100%", minHeight: 48, marginTop: 24, border: 0, borderRadius: 10, background: runtime.phase === "loading" ? "#6b6b6b" : "#000", color: "#fff", font: "inherit", cursor: runtime.phase === "loading" ? "wait" : "pointer" }, children: runtime.phase === "loading" ? "Tracking\u2026" : text3(props, "submitLabel", "Track") })
+      ] }),
+      runtime.phase === "error" ? /* @__PURE__ */ jsx3("p", { role: "alert", style: { marginBottom: 0, color: "#b42318" }, children: runtime.error }) : null,
+      /* @__PURE__ */ jsx3("small", { style: { display: "block", marginTop: 10, color: "#8a8a8a", fontSize: 8, textAlign: "right" }, children: "Powered by BestTrack" })
+    ] })
+  ] });
+}
+function defaultProgress2(status) {
+  const steps = ["Ordered", "Order Ready", "In Transit", "Out for Delivery", "Delivered"];
+  const normalized = status.toLowerCase();
+  const current = normalized.includes("deliver") ? normalized.includes("out for") ? 3 : 4 : normalized.includes("transit") ? 2 : normalized.includes("ready") ? 1 : 0;
+  return steps.map((label, index) => ({ id: label.toLowerCase().replaceAll(" ", "-"), label, state: index < current ? "complete" : index === current ? "current" : "upcoming" }));
+}
+function TrackingProgress2({ steps }) {
+  return /* @__PURE__ */ jsx3("div", { "aria-label": "Delivery progress", style: { overflowX: "auto", padding: "28px 0 8px" }, children: /* @__PURE__ */ jsx3("ol", { style: { display: "grid", gridTemplateColumns: "repeat(" + steps.length + ", minmax(112px, 1fr))", minWidth: Math.max(560, steps.length * 138), padding: 0, margin: 0, listStyle: "none" }, children: steps.map((step, index) => /* @__PURE__ */ jsxs3("li", { style: { position: "relative", display: "grid", justifyItems: "center", gap: 12, color: step.state === "upcoming" ? "#718096" : "#0f1d3a", textAlign: "center" }, children: [
+    index > 0 ? /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", style: { position: "absolute", top: 19, right: "50%", width: "100%", height: 8, transform: "translateX(-50%)", background: step.state === "upcoming" ? "#d1d5db" : "#0f1d3a" } }) : null,
+    /* @__PURE__ */ jsx3("span", { "aria-label": step.label + " " + step.state, style: { position: "relative", zIndex: 1, display: "grid", placeItems: "center", width: 40, height: 40, border: step.state === "current" ? "1px solid #0f1d3a" : "1px solid #8190a4", borderRadius: "50%", background: step.state === "complete" ? "#0f1d3a" : "#fff", color: step.state === "complete" ? "#fff" : "#0f1d3a", fontWeight: 700 }, children: step.state === "complete" ? "\u2713" : index + 1 }),
+    /* @__PURE__ */ jsx3("strong", { style: { fontSize: 14 }, children: step.label })
+  ] }, step.id)) }) });
+}
+function ShippingTimeline2({ events }) {
+  if (!events.length) return /* @__PURE__ */ jsx3("p", { style: { margin: 0, color: "#6b6b6b" }, children: "Shipping events will appear when the carrier publishes them." });
+  return /* @__PURE__ */ jsx3("ol", { "aria-label": "Shipping events", style: { display: "grid", gap: 22, margin: 0, padding: 0, listStyle: "none" }, children: events.map((event, index) => /* @__PURE__ */ jsxs3("li", { style: { display: "grid", gridTemplateColumns: "22px 1fr", columnGap: 14, position: "relative" }, children: [
+    /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", style: { position: "relative", zIndex: 1, width: 14, height: 14, marginTop: 4, borderRadius: "50%", background: event.state === "current" || index === 0 ? "#42b765" : "#d5dfed" } }),
+    index < events.length - 1 ? /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", style: { position: "absolute", left: 6, top: 18, bottom: -26, width: 2, background: "#e0e7f0" } }) : null,
+    /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("strong", { style: { color: index === 0 ? "#cb4d34" : "#51657f" }, children: event.title }),
+      event.detail ? /* @__PURE__ */ jsx3("p", { style: { margin: "4px 0", color: "#6b6b6b" }, children: event.detail }) : null,
+      event.at ? /* @__PURE__ */ jsx3("small", { style: { color: "#8a9ab0" }, children: event.at }) : null
+    ] })
+  ] }, event.id)) });
+}
+function PackageContents2({ items }) {
+  if (!items?.length) return /* @__PURE__ */ jsx3("p", { style: { margin: 0, color: "#6b6b6b" }, children: "Package contents are not available for this shipment." });
+  return /* @__PURE__ */ jsx3("div", { style: { display: "grid", gap: 16 }, children: items.map((item) => /* @__PURE__ */ jsxs3("article", { style: { display: "flex", alignItems: "flex-start", gap: 14 }, children: [
+    /* @__PURE__ */ jsx3(ProductImage2, { src: item.imageUrl, alt: item.title }),
+    /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: item.title }),
+      /* @__PURE__ */ jsx3("p", { style: { margin: "5px 0", color: "#6b6b6b", fontSize: 14 }, children: item.description ?? "Product details are available in your order." }),
+      /* @__PURE__ */ jsxs3("small", { style: { color: "#6b6b6b" }, children: [
+        "Qty ",
+        item.quantity
+      ] })
+    ] })
+  ] }, item.id)) });
+}
+function TrackingResult({ props }) {
+  const runtime = useBrandedRuntime();
+  const result = runtime.displayedResult;
+  if (!result) return null;
+  const progress = result.progress?.length ? result.progress : defaultProgress2(result.status);
+  const events = result.events?.length ? result.events : result.latestEvent ? [{ id: "latest", title: result.latestEvent, at: result.updatedAt, state: "current" }] : [];
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Tracking result", style: { background: "#fff", borderTop: "1px solid #edf0f4", color: "#101828", fontFamily: "var(--pb-font-family)", padding: "clamp(36px, 6vw, 64px) 0" }, children: [
+    /* @__PURE__ */ jsxs3("div", { style: contentWidth2, children: [
+      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", gap: 16, flexWrap: "wrap", textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxs3("p", { style: { flex: "1 1 360px", margin: 0, fontSize: "clamp(18px, 2vw, 28px)" }, children: [
+          "Tracking: ",
+          result.trackingNumber
+        ] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", onClick: runtime.reset, style: { padding: "8px 12px", border: "1px solid #cbd5e1", borderRadius: 6, background: "#fff", color: "#101828", font: "inherit", cursor: "pointer" }, children: text3(props, "trackAnotherLabel", "Track another order") })
+      ] }),
+      /* @__PURE__ */ jsx3("h1", { style: { margin: "54px 0 0", fontSize: "clamp(36px, 5vw, 56px)", lineHeight: 1.1, textAlign: "center" }, children: result.status }),
+      /* @__PURE__ */ jsx3(TrackingProgress2, { steps: progress })
     ] }),
-    runtime.phase === "error" ? /* @__PURE__ */ jsx2("p", { role: "alert", children: runtime.error }) : null
+    /* @__PURE__ */ jsx3("div", { style: { borderTop: "1px solid #edf0f4", marginTop: "clamp(28px, 5vw, 54px)", paddingTop: "clamp(36px, 5vw, 60px)" }, children: /* @__PURE__ */ jsxs3("div", { style: { ...contentWidth2, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))", gap: "clamp(36px, 8vw, 120px)" }, children: [
+      /* @__PURE__ */ jsxs3("section", { "aria-label": "Shipping details", children: [
+        /* @__PURE__ */ jsx3("h2", { style: { margin: "0 0 28px", fontSize: 28 }, children: "Shipping Details" }),
+        /* @__PURE__ */ jsx3(ShippingTimeline2, { events })
+      ] }),
+      /* @__PURE__ */ jsxs3("section", { "aria-label": "Package contents", children: [
+        /* @__PURE__ */ jsx3("h2", { style: { margin: "0 0 28px", fontSize: 28 }, children: "Package Contents" }),
+        /* @__PURE__ */ jsx3(PackageContents2, { items: result.orderItems })
+      ] })
+    ] }) })
+  ] });
+}
+function BrandedTextField({ value, onChange }) {
+  return /* @__PURE__ */ jsx3("input", { "aria-label": "Branded text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
+}
+function InlineText2({ block, name, fallback }) {
+  const value = text3(block, name, fallback);
+  if (!block.selected) return /* @__PURE__ */ jsx3("span", { "data-branded-editor-field": name, children: value });
+  return /* @__PURE__ */ jsx3(
+    "input",
+    {
+      "aria-label": "Canvas " + name,
+      "data-branded-editor-field": name,
+      value,
+      onMouseDown: (event) => event.stopPropagation(),
+      onClick: (event) => event.stopPropagation(),
+      onChange: (event) => block.onPropsChange({ [name]: event.currentTarget.value }),
+      style: { display: "inline-block", width: "100%", minWidth: "5ch", boxSizing: "border-box", border: "1px dashed currentColor", borderRadius: 3, padding: "2px 5px", background: "transparent", color: "inherit", font: "inherit", fontWeight: "inherit", lineHeight: "inherit", letterSpacing: "inherit", textAlign: "inherit" }
+    }
+  );
+}
+function EditorSurface({ block, children }) {
+  return /* @__PURE__ */ jsx3("section", { "aria-label": "Branded editor preview", style: { ...cardStyle, outline: block.selected ? "2px solid #2563eb" : "1px dashed #cbd5e1", outlineOffset: -2, padding: 24 }, children });
+}
+function BrandedAnnouncementEditor(block) {
+  return /* @__PURE__ */ jsx3("section", { "aria-label": "Branded announcement editor", style: { minHeight: 36, display: "grid", placeItems: "center", padding: "0 16px", background: "#252525", color: "#fff", fontFamily: "var(--pb-font-family)", fontSize: 12, textAlign: "center" }, children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "message", fallback: "Check out our summer sale" }) });
+}
+function BrandedTrackingExperienceEditor(block) {
+  const labels = shipmentLabels(block.shipmentLabels);
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Branded tracking experience editor", style: { background: "#fffdf0", fontFamily: "var(--pb-font-family)" }, children: [
+    /* @__PURE__ */ jsx3("div", { style: { ...contentWidth2, minHeight: 56, display: "flex", alignItems: "center", gap: 8, overflowX: "auto" }, children: labels.map((shipment, index) => /* @__PURE__ */ jsx3("span", { style: { minWidth: 92, padding: "9px 12px", border: index === 0 ? "1px solid #1a1a1a" : "1px solid #e7e7e7", borderRadius: 4, background: "#fff", fontSize: 11, fontWeight: index === 0 ? 700 : 400 }, children: shipment.label }, shipment.id)) }),
+    /* @__PURE__ */ jsx3("div", { style: { minHeight: 360, display: "grid", placeItems: "center", padding: 16, background: "linear-gradient(135deg, #dedbd4, #b9b3aa)" }, children: /* @__PURE__ */ jsxs3(EditorSurface, { block, children: [
+      /* @__PURE__ */ jsx3("h1", { style: { margin: "0 0 28px", textAlign: "center", fontSize: 32 }, children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "heading", fallback: "Track your order" }) }),
+      /* @__PURE__ */ jsxs3("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", borderBottom: "1px solid #e7e7e7", marginBottom: 20, textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx3("span", { style: { padding: 10 }, children: "Order Number" }),
+        /* @__PURE__ */ jsx3("strong", { style: { padding: 10, borderBottom: "2px solid #0a0a0a" }, children: "Tracking Number" })
+      ] }),
+      /* @__PURE__ */ jsx3("input", { "aria-label": "Canvas default tracking number", readOnly: !block.selected, value: text3(block, "defaultTrackingNumber", "DEMO-YQTRACK9999"), onMouseDown: (event) => block.selected && event.stopPropagation(), onClick: (event) => block.selected && event.stopPropagation(), onChange: (event) => block.onPropsChange({ defaultTrackingNumber: event.currentTarget.value }), style: { width: "100%", height: 44, boxSizing: "border-box", padding: "0 12px", border: block.selected ? "1px dashed #0a0a0a" : "1px solid #e2e2e2", borderRadius: 10, background: "#fff", font: "inherit" } }),
+      /* @__PURE__ */ jsx3("div", { style: { display: "grid", placeItems: "center", minHeight: 46, marginTop: 16, borderRadius: 10, background: "#000", color: "#fff", fontWeight: 700 }, children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "submitLabel", fallback: "Track" }) }),
+      /* @__PURE__ */ jsx3("small", { style: { display: "block", marginTop: 10, color: "#8a8a8a", fontSize: 9, textAlign: "right" }, children: "Powered by BestTrack" })
+    ] }) })
+  ] });
+}
+function BrandedQueryEditor(block) {
+  return /* @__PURE__ */ jsx3(BrandedTrackingExperienceEditor, { ...block });
+}
+function BrandedOrderItemsEditor(block) {
+  return /* @__PURE__ */ jsxs3(EditorSurface, { block, children: [
+    /* @__PURE__ */ jsx3("h2", { style: { margin: 0 }, children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "heading", fallback: "What's Inside" }) }),
+    /* @__PURE__ */ jsx3("p", { style: { color: "#6b6b6b" }, children: "Package contents appear after a consumer tracking query." })
+  ] });
+}
+function BrandedRecommendationsEditor(block) {
+  return /* @__PURE__ */ jsxs3(EditorSurface, { block, children: [
+    /* @__PURE__ */ jsx3("h2", { style: { margin: 0, textAlign: "center" }, children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "heading", fallback: "You might also like" }) }),
+    /* @__PURE__ */ jsx3("p", { style: { color: "#6b6b6b", textAlign: "center" }, children: "Recommendations appear with the active shipment." })
+  ] });
+}
+function BrandedQuickLinksEditor(block) {
+  return /* @__PURE__ */ jsxs3(EditorSurface, { block, children: [
+    /* @__PURE__ */ jsx3("h2", { children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "heading", fallback: "Need help?" }) }),
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 20 }, children: [
+      /* @__PURE__ */ jsx3(InlineText2, { block, name: "primaryLabel", fallback: "Shipping help" }),
+      /* @__PURE__ */ jsx3(InlineText2, { block, name: "secondaryLabel", fallback: "Contact us" })
+    ] })
+  ] });
+}
+function BrandedBlogEditor(block) {
+  return /* @__PURE__ */ jsxs3(EditorSurface, { block, children: [
+    /* @__PURE__ */ jsx3("h2", { children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "heading", fallback: "From our journal" }) }),
+    /* @__PURE__ */ jsxs3("article", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "articleTitle", fallback: "Delivery tips for every season" }) }),
+      /* @__PURE__ */ jsx3("p", { children: /* @__PURE__ */ jsx3(InlineText2, { block, name: "excerpt", fallback: "Simple ways to make every delivery feel considered." }) }),
+      /* @__PURE__ */ jsx3(InlineText2, { block, name: "linkLabel", fallback: "Read the story" })
+    ] })
+  ] });
+}
+function BrandedAnnouncementBlock(props) {
+  const message = text3(props, "message", "");
+  if (!message) return null;
+  return /* @__PURE__ */ jsx3("section", { "aria-label": "Branded announcement", style: { minHeight: 36, display: "grid", placeItems: "center", padding: "0 16px", background: "#252525", color: "#fff", fontFamily: "var(--pb-font-family)", fontSize: 12, textAlign: "center" }, children: /* @__PURE__ */ jsx3("a", { href: safeHref2(props.href), style: { color: "inherit", textDecoration: "none" }, children: message }) });
+}
+function BrandedTrackingExperienceBlock(props) {
+  const runtime = useBrandedRuntime();
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Branded tracking experience", style: { background: "#fffdf0", fontFamily: "var(--pb-font-family)" }, children: [
+    /* @__PURE__ */ jsx3(ShipmentSwitcher, { shipmentLabels: props.shipmentLabels }),
+    runtime.phase === "success" ? /* @__PURE__ */ jsx3(TrackingResult, { props }) : /* @__PURE__ */ jsx3(QueryHero, { ...props })
+  ] });
+}
+function BrandedQueryBlock(props) {
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Branded tracking query", style: { background: "#fffdf0", fontFamily: "var(--pb-font-family)" }, children: [
+    /* @__PURE__ */ jsx3(ShipmentSwitcher, { shipmentLabels: props.shipmentLabels }),
+    /* @__PURE__ */ jsx3(QueryHero, { ...props })
   ] });
 }
 function BrandedOrderItemsBlock(props) {
   const runtime = useBrandedRuntime();
-  const title = text(props, "heading", "Your order");
-  const items = runtime.result?.orderItems ?? [];
-  return /* @__PURE__ */ jsx2(Section, { title, children: runtime.phase === "success" && items.length ? /* @__PURE__ */ jsx2("ul", { style: { paddingLeft: 20, marginBottom: 0 }, children: items.map((item) => /* @__PURE__ */ jsxs2("li", { children: [
-    /* @__PURE__ */ jsx2("strong", { children: item.title }),
-    " \xB7 Qty ",
-    item.quantity
-  ] }, item.id)) }) : /* @__PURE__ */ jsx2("p", { children: runtime.phase === "loading" ? "Loading order items\u2026" : "Order items will appear after a successful query." }) });
+  const items = runtime.displayedResult?.orderItems ?? [];
+  const title = text3(props, "heading", "What's Inside");
+  return /* @__PURE__ */ jsx3("section", { "aria-label": title, style: { background: "#fffdf0", color: "#0a0a0a", fontFamily: "var(--pb-font-family)", padding: "clamp(28px, 4vw, 48px) 0" }, children: /* @__PURE__ */ jsxs3("div", { style: contentWidth2, children: [
+    /* @__PURE__ */ jsxs3("h2", { style: { margin: "0 0 20px", fontSize: 20 }, children: [
+      title,
+      runtime.phase === "success" ? " (" + items.length + ")" : ""
+    ] }),
+    runtime.phase === "success" ? /* @__PURE__ */ jsx3(PackageContents2, { items }) : /* @__PURE__ */ jsx3("p", { style: { margin: 0, color: runtime.phase === "error" ? "#b42318" : "#6b6b6b" }, children: runtime.phase === "error" ? "Order items are temporarily unavailable." : "Track an order to see what is inside." })
+  ] }) });
+}
+function RecommendationCard({ item }) {
+  return /* @__PURE__ */ jsxs3("article", { style: { overflow: "hidden", borderRadius: 6, background: "#fff", boxShadow: "0 1px 2px rgb(0 0 0 / 8%)" }, children: [
+    /* @__PURE__ */ jsx3(ProductImage2, { src: item.imageUrl, alt: item.title }),
+    /* @__PURE__ */ jsxs3("div", { style: { padding: 14 }, children: [
+      /* @__PURE__ */ jsx3("strong", { children: item.title }),
+      item.price ? /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0", fontWeight: 700 }, children: item.price }) : null,
+      /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0", color: "#6b6b6b", fontSize: 13 }, children: item.description }),
+      /* @__PURE__ */ jsx3("a", { href: safeHref2(item.href), style: { color: "#0a0a0a", fontSize: 13, fontWeight: 700 }, children: "View product" })
+    ] })
+  ] });
 }
 function BrandedRecommendationsBlock(props) {
   const runtime = useBrandedRuntime();
-  const title = text(props, "heading", "Selected for you");
-  const recommendations = runtime.result?.recommendations ?? [];
-  return /* @__PURE__ */ jsx2(Section, { title, children: runtime.phase === "success" && recommendations.length ? /* @__PURE__ */ jsx2("div", { style: gridStyle, children: recommendations.map((item) => /* @__PURE__ */ jsxs2("article", { style: { borderTop: "3px solid var(--pb-color-primary)", paddingTop: 8 }, children: [
-    /* @__PURE__ */ jsx2("strong", { children: item.title }),
-    /* @__PURE__ */ jsx2("p", { children: item.description })
-  ] }, item.id)) }) : /* @__PURE__ */ jsx2("p", { children: runtime.phase === "success" ? "No recommendations are available for this order." : "Recommendations appear with your order result." }) });
+  const recommendations = runtime.displayedResult?.recommendations ?? [];
+  const title = text3(props, "heading", "You might also like");
+  if (runtime.phase === "success" && !recommendations.length && text3(props, "hideWhenEmpty", "false") === "true") return null;
+  return /* @__PURE__ */ jsx3("section", { "aria-label": title, style: { background: "#fffdf0", color: "#0a0a0a", fontFamily: "var(--pb-font-family)", padding: "clamp(28px, 4vw, 48px) 0" }, children: /* @__PURE__ */ jsxs3("div", { style: contentWidth2, children: [
+    /* @__PURE__ */ jsx3("h2", { style: { margin: "0 0 24px", textAlign: "center", fontSize: 20 }, children: title }),
+    runtime.phase === "loading" ? /* @__PURE__ */ jsx3("div", { "aria-label": "Loading recommendations", style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))", gap: 16 }, children: [0, 1, 2].map((item) => /* @__PURE__ */ jsx3("span", { style: { display: "block", height: 220, borderRadius: 6, background: "#e7e7e7" } }, item)) }) : runtime.phase === "success" && recommendations.length ? /* @__PURE__ */ jsx3("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))", gap: 16 }, children: recommendations.map((item) => /* @__PURE__ */ jsx3(RecommendationCard, { item }, item.id)) }) : /* @__PURE__ */ jsx3("p", { style: { margin: 0, textAlign: "center", color: runtime.phase === "error" ? "#b42318" : "#6b6b6b" }, children: runtime.phase === "error" ? "Recommendations are temporarily unavailable." : "Recommendations will appear with your order." })
+  ] }) });
 }
 function BrandedQuickLinksBlock(props) {
-  const title = text(props, "heading", "Need help?");
-  return /* @__PURE__ */ jsx2(Section, { title, children: /* @__PURE__ */ jsxs2("div", { style: gridStyle, children: [
-    /* @__PURE__ */ jsx2("a", { href: safeHref(props.primaryHref), style: { color: "var(--pb-color-primary)" }, children: text(props, "primaryLabel", "Shipping help") }),
-    /* @__PURE__ */ jsx2("a", { href: safeHref(props.secondaryHref), style: { color: "var(--pb-color-primary)" }, children: text(props, "secondaryLabel", "Contact us") })
-  ] }) });
+  const title = text3(props, "heading", "Need help?");
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": title, style: { ...cardStyle, margin: "24px auto", maxWidth: 1200, padding: 24 }, children: [
+    /* @__PURE__ */ jsx3("h2", { children: title }),
+    /* @__PURE__ */ jsxs3("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))", gap: 16 }, children: [
+      /* @__PURE__ */ jsx3("a", { href: safeHref2(props.primaryHref), style: { color: "#0a0a0a" }, children: text3(props, "primaryLabel", "Shipping help") }),
+      /* @__PURE__ */ jsx3("a", { href: safeHref2(props.secondaryHref), style: { color: "#0a0a0a" }, children: text3(props, "secondaryLabel", "Contact us") })
+    ] })
+  ] });
 }
 function BrandedBlogBlock(props) {
-  const title = text(props, "heading", "From our journal");
-  return /* @__PURE__ */ jsx2(Section, { title, children: /* @__PURE__ */ jsxs2("article", { children: [
-    /* @__PURE__ */ jsx2("strong", { children: text(props, "articleTitle", "Delivery tips for every season") }),
-    /* @__PURE__ */ jsx2("p", { children: text(props, "excerpt", "Simple ways to make every delivery feel considered.") }),
-    /* @__PURE__ */ jsx2("a", { href: safeHref(props.articleHref), style: { color: "var(--pb-color-primary)" }, children: text(props, "linkLabel", "Read the story") })
-  ] }) });
+  const title = text3(props, "heading", "From our journal");
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": title, style: { ...cardStyle, margin: "24px auto", maxWidth: 1200, padding: 24 }, children: [
+    /* @__PURE__ */ jsx3("h2", { children: title }),
+    /* @__PURE__ */ jsxs3("article", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: text3(props, "articleTitle", "Delivery tips for every season") }),
+      /* @__PURE__ */ jsx3("p", { children: text3(props, "excerpt", "Simple ways to make every delivery feel considered.") }),
+      /* @__PURE__ */ jsx3("a", { href: safeHref2(props.articleHref), style: { color: "#0a0a0a" }, children: text3(props, "linkLabel", "Read the story") })
+    ] })
+  ] });
 }
 
 // src/branded-definition.ts
-var text2 = (label) => ({ field: "besttrack.branded.text", label });
+var text4 = (label, options = {}) => ({ field: "besttrack.branded.text", label, control: "text", ...options });
 var brandedBlocks = [
-  { type: "besttrack.branded.announcement", version: 1, label: "Announcement", category: "BestTrack Branded", targets: ["web"], defaultProps: { brandName: "BestTrack Studio", logoUrl: "", message: "Track every order with confidence." }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "minimal", label: "Minimal", theme: { "color.primary": "#202223" } }], fields: { brandName: text2("Brand name"), logoUrl: text2("Logo URL"), message: text2("Announcement") }, render: { web: BrandedAnnouncementBlock } },
-  { type: "besttrack.branded.query", version: 1, label: "Order query", category: "BestTrack Branded", targets: ["web"], defaultProps: { eyebrow: "ORDER SUPPORT", heading: "Where is my order?", submitLabel: "Find my order", defaultTrackingNumber: "BT-2048-DEMO" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }], fields: { eyebrow: text2("Eyebrow"), heading: text2("Heading"), submitLabel: text2("Button label"), defaultTrackingNumber: text2("Default tracking number") }, render: { web: BrandedQueryBlock } },
-  { type: "besttrack.branded.order-items", version: 1, label: "Order items", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Your order" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "minimal", label: "Minimal" }], fields: { heading: text2("Heading") }, render: { web: BrandedOrderItemsBlock } },
-  { type: "besttrack.branded.recommendations", version: 1, label: "Recommended products", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Selected for you" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "editorial", label: "Editorial", theme: { "color.surface": "#fff7ed" } }], fields: { heading: text2("Heading") }, render: { web: BrandedRecommendationsBlock } },
-  { type: "besttrack.branded.quick-links", version: 1, label: "Quick links", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Need help?", primaryLabel: "Shipping help", primaryHref: "/pages/shipping", secondaryLabel: "Contact us", secondaryHref: "/pages/contact" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }], fields: { heading: text2("Heading"), primaryLabel: text2("Primary link label"), primaryHref: text2("Primary link URL"), secondaryLabel: text2("Secondary link label"), secondaryHref: text2("Secondary link URL") }, render: { web: BrandedQuickLinksBlock } },
-  { type: "besttrack.branded.blog", version: 1, label: "Blog", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "From our journal", articleTitle: "Delivery tips for every season", excerpt: "Simple ways to make every delivery feel considered.", articleHref: "/blogs/news", linkLabel: "Read the story" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }], fields: { heading: text2("Heading"), articleTitle: text2("Article title"), excerpt: text2("Excerpt"), articleHref: text2("Article URL"), linkLabel: text2("Link label") }, render: { web: BrandedBlogBlock } }
+  { type: "besttrack.branded.announcement", version: 1, label: "Announcement", category: "BestTrack Branded", targets: ["web"], defaultProps: { message: "Check out our summer sale", href: "/collections/sale" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "minimal", label: "Minimal", theme: { "color.primary": "#202223" } }], fields: { message: text4("Announcement", { control: "textarea" }), href: text4("Announcement URL", { control: "url" }) }, render: { web: BrandedAnnouncementBlock, editor: BrandedAnnouncementEditor } },
+  { type: "besttrack.branded.tracking-experience", version: 1, label: "Tracking experience", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Track your order", submitLabel: "Track", trackAnotherLabel: "Track another order", defaultTrackingNumber: "DEMO-YQTRACK9999", defaultQueryMode: "tracking", shipmentLabels: "Shipment #1|Shipment #2|Shipment #3", heroImageUrl: "https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=1600&q=85" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }], fields: { heading: text4("Heading"), submitLabel: text4("Button label"), trackAnotherLabel: text4("Track another label"), defaultTrackingNumber: text4("Default tracking number"), defaultQueryMode: text4("Default query mode"), shipmentLabels: text4("Shipment labels (separate with |)"), heroImageUrl: text4("Hero image URL", { control: "url" }) }, render: { web: BrandedTrackingExperienceBlock, editor: BrandedTrackingExperienceEditor } },
+  { type: "besttrack.branded.query", version: 1, label: "Order query", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Track your order", submitLabel: "Track", defaultTrackingNumber: "DEMO-YQTRACK9999", defaultQueryMode: "tracking", shipmentLabels: "Shipment #1|Shipment #2|Shipment #3", heroImageUrl: "https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=1600&q=85" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }], fields: { heading: text4("Heading"), submitLabel: text4("Button label"), defaultTrackingNumber: text4("Default tracking number"), defaultQueryMode: text4("Default query mode"), shipmentLabels: text4("Shipment labels (separate with |)"), heroImageUrl: text4("Hero image URL", { control: "url" }) }, render: { web: BrandedQueryBlock, editor: BrandedQueryEditor } },
+  { type: "besttrack.branded.order-items", version: 1, label: "Order items", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "What's Inside" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "minimal", label: "Minimal" }], fields: { heading: text4("Heading") }, render: { web: BrandedOrderItemsBlock, editor: BrandedOrderItemsEditor } },
+  { type: "besttrack.branded.recommendations", version: 1, label: "Recommended products", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "You might also like", hideWhenEmpty: "false" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }, { id: "editorial", label: "Editorial", theme: { "color.surface": "#fffdf0" } }], fields: { heading: text4("Heading"), hideWhenEmpty: text4("Hide when empty (true/false)") }, render: { web: BrandedRecommendationsBlock, editor: BrandedRecommendationsEditor } },
+  { type: "besttrack.branded.quick-links", version: 1, label: "Quick links", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "Need help?", primaryLabel: "Shipping help", primaryHref: "/pages/shipping", secondaryLabel: "Contact us", secondaryHref: "/pages/contact" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }], fields: { heading: text4("Heading"), primaryLabel: text4("Primary link label"), primaryHref: text4("Primary link URL", { control: "url" }), secondaryLabel: text4("Secondary link label"), secondaryHref: text4("Secondary link URL", { control: "url" }) }, render: { web: BrandedQuickLinksBlock, editor: BrandedQuickLinksEditor } },
+  { type: "besttrack.branded.blog", version: 1, label: "Blog", category: "BestTrack Branded", targets: ["web"], defaultProps: { heading: "From our journal", articleTitle: "Delivery tips for every season", excerpt: "Simple ways to make every delivery feel considered.", articleHref: "/blogs/news", linkLabel: "Read the story" }, defaultVariant: "brand", variants: [{ id: "brand", label: "Brand" }], fields: { heading: text4("Heading"), articleTitle: text4("Article title"), excerpt: text4("Excerpt", { control: "textarea" }), articleHref: text4("Article URL", { control: "url" }), linkLabel: text4("Link label") }, render: { web: BrandedBlogBlock, editor: BrandedBlogEditor } }
 ];
 function createBrandedTemplate() {
-  return { id: "besttrack.branded", version: 1, name: "Branded", target: "web", source: "built-in", requiredBlocks: brandedBlocks.map((block) => block.type), theme: { "color.primary": "#7c3aed", "color.background": "#f8f7ff", "color.surface": "#ffffff", "color.text": "#231942", "color.border": "#ddd6fe", "font.family": "Georgia, serif", radius: "18px", spacing: "24px" }, create: () => createPageDocument2({ pageId: "besttrack-branded", target: "web", templateId: "besttrack.branded", templateVersion: 1, settings: { locale: "en", seoTitle: "Track your order with BestTrack Studio" }, blocks: brandedBlocks.map((block, index) => ({ id: `branded-${index + 1}`, type: block.type, version: block.version, props: block.defaultProps, variant: block.defaultVariant, style: {} })) }) };
+  const templateBlocks = brandedBlocks.filter((block) => !["besttrack.branded.query", "besttrack.branded.order-items"].includes(block.type));
+  return { id: "besttrack.branded", version: 1, name: "Branded", target: "web", source: "built-in", requiredBlocks: templateBlocks.map((block) => block.type), theme: { "color.primary": "#000000", "color.background": "#fffdf0", "color.surface": "#ffffff", "color.text": "#0a0a0a", "color.muted": "#6b6b6b", "color.border": "#e7e7e7", "font.family": "Arial, Helvetica, sans-serif", radius: "10px", spacing: "24px" }, create: () => createPageDocument2({ pageId: "besttrack-branded", target: "web", templateId: "besttrack.branded", templateVersion: 1, settings: { locale: "en", seoTitle: "Track your order" }, blocks: templateBlocks.map((block, index) => ({ id: "branded-" + (index + 1), type: block.type, version: block.version, props: block.defaultProps, variant: block.defaultVariant, style: {} })) }) };
 }
 var bestTrackBrandedExtension = Object.freeze({ name: "besttrack.branded", version: "0.7.1", fields: [{ type: "besttrack.branded.text", component: BrandedTextField }], blocks: brandedBlocks, templates: [createBrandedTemplate()] });
 
@@ -235,16 +936,16 @@ var bestTrackBrandedExtension = Object.freeze({ name: "besttrack.branded", versi
 import { createPageDocument as createPageDocument3 } from "@standhigher/puck-page-builder/runtime";
 
 // src/sales.tsx
-import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo3, useState as useState3 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo3, useState as useState4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var initialRuntime3 = { phase: "idle", async query() {
   return void 0;
 } };
 var SalesRuntimeContext = createContext3(initialRuntime3);
-var cardStyle3 = { border: "1px solid var(--pb-color-border)", borderRadius: "var(--pb-radius)", padding: "var(--pb-spacing)", background: "var(--pb-color-surface)", color: "var(--pb-color-text)", fontFamily: "var(--pb-font-family)" };
-var gridStyle2 = { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))", gap: "var(--pb-spacing)" };
+var cardStyle2 = { border: "1px solid var(--pb-color-border)", borderRadius: "var(--pb-radius)", padding: "var(--pb-spacing)", background: "var(--pb-color-surface)", color: "var(--pb-color-text)", fontFamily: "var(--pb-font-family)" };
+var gridStyle = { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))", gap: "var(--pb-spacing)" };
 function SalesRuntimeProvider({ children, queryTracking }) {
-  const [state, setState] = useState3({ phase: "idle" });
+  const [state, setState] = useState4({ phase: "idle" });
   const query = useCallback3(async (trackingNumber) => {
     setState({ phase: "loading" });
     try {
@@ -254,15 +955,15 @@ function SalesRuntimeProvider({ children, queryTracking }) {
     }
   }, [queryTracking]);
   const value = useMemo3(() => ({ ...state, query }), [query, state]);
-  return /* @__PURE__ */ jsx3(SalesRuntimeContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx4(SalesRuntimeContext.Provider, { value, children });
 }
 function useSalesRuntime() {
   return useContext3(SalesRuntimeContext);
 }
-function text3(props, key, fallback) {
+function text5(props, key, fallback) {
   return typeof props[key] === "string" ? props[key] : fallback;
 }
-function safeHref2(value) {
+function safeHref3(value) {
   if (typeof value !== "string") return "#";
   if (value.startsWith("/")) return value;
   try {
@@ -272,9 +973,9 @@ function safeHref2(value) {
     return "#";
   }
 }
-function Section2({ title, children }) {
-  return /* @__PURE__ */ jsxs3("section", { "aria-label": title, style: cardStyle3, children: [
-    /* @__PURE__ */ jsx3("h2", { style: { marginTop: 0 }, children: title }),
+function Section({ title, children }) {
+  return /* @__PURE__ */ jsxs4("section", { "aria-label": title, style: cardStyle2, children: [
+    /* @__PURE__ */ jsx4("h2", { style: { marginTop: 0 }, children: title }),
     children
   ] });
 }
@@ -282,25 +983,25 @@ function resourceState(value) {
   return typeof value !== "string" ? "invalid" : value.trim() ? "ready" : "empty";
 }
 function SalesTextField({ value, onChange }) {
-  return /* @__PURE__ */ jsx3("input", { "aria-label": "Sales text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
+  return /* @__PURE__ */ jsx4("input", { "aria-label": "Sales text", value: typeof value === "string" ? value : "", onChange: (event) => onChange(event.target.value) });
 }
 function SalesAnnouncementBlock(props) {
-  return /* @__PURE__ */ jsx3("section", { "aria-label": "Sales announcement", style: { ...cardStyle3, background: "var(--pb-color-primary)", color: "white", textAlign: "center" }, children: /* @__PURE__ */ jsx3("strong", { children: text3(props, "message", "Free delivery on orders over $50") }) });
+  return /* @__PURE__ */ jsx4("section", { "aria-label": "Sales announcement", style: { ...cardStyle2, background: "var(--pb-color-primary)", color: "white", textAlign: "center" }, children: /* @__PURE__ */ jsx4("strong", { children: text5(props, "message", "Free delivery on orders over $50") }) });
 }
 function SalesQueryBlock(props) {
   const runtime = useSalesRuntime();
-  const [trackingNumber, setTrackingNumber] = useState3(text3(props, "defaultTrackingNumber", "BT-2048-DEMO"));
+  const [trackingNumber, setTrackingNumber] = useState4(text5(props, "defaultTrackingNumber", "BT-2048-DEMO"));
   const submit = (event) => {
     event.preventDefault();
     void runtime.query(trackingNumber);
   };
-  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Sales tracking query", style: { ...cardStyle3, boxShadow: "0 12px 32px rgb(0 0 0 / 8%)" }, children: [
-    /* @__PURE__ */ jsx3("h1", { style: { marginTop: 0 }, children: text3(props, "heading", "Track an order") }),
-    /* @__PURE__ */ jsxs3("form", { onSubmit: submit, style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx3("input", { "aria-label": "Sales tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), minLength: 4, maxLength: 64, required: true, style: { flex: "1 1 220px", padding: 12, borderRadius: "var(--pb-radius)", border: "1px solid var(--pb-color-border)" } }),
-      /* @__PURE__ */ jsx3("button", { type: "submit", disabled: runtime.phase === "loading", style: { padding: "12px 18px", border: 0, borderRadius: "var(--pb-radius)", color: "white", background: "var(--pb-color-primary)" }, children: runtime.phase === "loading" ? "Checking\u2026" : text3(props, "submitLabel", "Track order") })
+  return /* @__PURE__ */ jsxs4("section", { "aria-label": "Sales tracking query", style: { ...cardStyle2, boxShadow: "0 12px 32px rgb(0 0 0 / 8%)" }, children: [
+    /* @__PURE__ */ jsx4("h1", { style: { marginTop: 0 }, children: text5(props, "heading", "Track an order") }),
+    /* @__PURE__ */ jsxs4("form", { onSubmit: submit, style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx4("input", { "aria-label": "Sales tracking number", value: trackingNumber, onChange: (event) => setTrackingNumber(event.target.value), minLength: 4, maxLength: 64, required: true, style: { flex: "1 1 220px", padding: 12, borderRadius: "var(--pb-radius)", border: "1px solid var(--pb-color-border)" } }),
+      /* @__PURE__ */ jsx4("button", { type: "submit", disabled: runtime.phase === "loading", style: { padding: "12px 18px", border: 0, borderRadius: "var(--pb-radius)", color: "white", background: "var(--pb-color-primary)" }, children: runtime.phase === "loading" ? "Checking\u2026" : text5(props, "submitLabel", "Track order") })
     ] }),
-    runtime.phase === "error" ? /* @__PURE__ */ jsxs3("p", { role: "alert", children: [
+    runtime.phase === "error" ? /* @__PURE__ */ jsxs4("p", { role: "alert", children: [
       "We could not retrieve this order: ",
       runtime.error
     ] }) : null
@@ -308,39 +1009,39 @@ function SalesQueryBlock(props) {
 }
 function SalesOrderItemsBlock(props) {
   const runtime = useSalesRuntime();
-  const title = text3(props, "heading", "Items in your order");
+  const title = text5(props, "heading", "Items in your order");
   const items = runtime.result?.orderItems ?? [];
-  return /* @__PURE__ */ jsx3(Section2, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx3("p", { role: "alert", children: "Order items are temporarily unavailable." }) : runtime.phase === "success" && items.length ? /* @__PURE__ */ jsx3("ul", { style: { marginBottom: 0, paddingLeft: 20 }, children: items.map((item) => /* @__PURE__ */ jsxs3("li", { children: [
-    /* @__PURE__ */ jsx3("strong", { children: item.title }),
+  return /* @__PURE__ */ jsx4(Section, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx4("p", { role: "alert", children: "Order items are temporarily unavailable." }) : runtime.phase === "success" && items.length ? /* @__PURE__ */ jsx4("ul", { style: { marginBottom: 0, paddingLeft: 20 }, children: items.map((item) => /* @__PURE__ */ jsxs4("li", { children: [
+    /* @__PURE__ */ jsx4("strong", { children: item.title }),
     " \xB7 Qty ",
     item.quantity
-  ] }, item.id)) }) : /* @__PURE__ */ jsx3("p", { children: runtime.phase === "loading" ? "Loading order items\u2026" : "Order items appear after a successful query." }) });
+  ] }, item.id)) }) : /* @__PURE__ */ jsx4("p", { children: runtime.phase === "loading" ? "Loading order items\u2026" : "Order items appear after a successful query." }) });
 }
 function SalesOtherTrackingBlock(props) {
   const runtime = useSalesRuntime();
-  const title = text3(props, "heading", "Other shipments");
-  return /* @__PURE__ */ jsx3(Section2, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx3("p", { role: "alert", children: "Additional shipments are unavailable." }) : runtime.phase === "success" ? /* @__PURE__ */ jsx3("p", { children: text3(props, "emptyMessage", "No other shipments are linked to this order.") }) : /* @__PURE__ */ jsx3("p", { children: "Other tracking numbers appear with your order result." }) });
+  const title = text5(props, "heading", "Other shipments");
+  return /* @__PURE__ */ jsx4(Section, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx4("p", { role: "alert", children: "Additional shipments are unavailable." }) : runtime.phase === "success" ? /* @__PURE__ */ jsx4("p", { children: text5(props, "emptyMessage", "No other shipments are linked to this order.") }) : /* @__PURE__ */ jsx4("p", { children: "Other tracking numbers appear with your order result." }) });
 }
 function SalesServiceCardsBlock(props) {
-  const title = text3(props, "heading", "Shop with confidence");
-  return /* @__PURE__ */ jsx3(Section2, { title, children: /* @__PURE__ */ jsxs3("div", { style: gridStyle2, children: [
-    /* @__PURE__ */ jsxs3("article", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: text3(props, "firstTitle", "Easy returns") }),
-      /* @__PURE__ */ jsx3("p", { children: text3(props, "firstDescription", "Simple support when plans change.") })
+  const title = text5(props, "heading", "Shop with confidence");
+  return /* @__PURE__ */ jsx4(Section, { title, children: /* @__PURE__ */ jsxs4("div", { style: gridStyle, children: [
+    /* @__PURE__ */ jsxs4("article", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: text5(props, "firstTitle", "Easy returns") }),
+      /* @__PURE__ */ jsx4("p", { children: text5(props, "firstDescription", "Simple support when plans change.") })
     ] }),
-    /* @__PURE__ */ jsxs3("article", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: text3(props, "secondTitle", "Secure delivery") }),
-      /* @__PURE__ */ jsx3("p", { children: text3(props, "secondDescription", "Follow every milestone in one place.") })
+    /* @__PURE__ */ jsxs4("article", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: text5(props, "secondTitle", "Secure delivery") }),
+      /* @__PURE__ */ jsx4("p", { children: text5(props, "secondDescription", "Follow every milestone in one place.") })
     ] })
   ] }) });
 }
 function SalesProductCategoriesBlock(props) {
-  const title = text3(props, "heading", "Shop by category");
-  const collectionId = text3(props, "collectionId", "");
+  const title = text5(props, "heading", "Shop by category");
+  const collectionId = text5(props, "collectionId", "");
   const state = resourceState(collectionId);
-  return /* @__PURE__ */ jsx3(Section2, { title, children: state === "invalid" ? /* @__PURE__ */ jsx3("p", { role: "alert", children: "Collection reference is invalid." }) : state === "empty" ? /* @__PURE__ */ jsx3("p", { children: "No collection selected. Choose a collection through the authorized resource BFF." }) : /* @__PURE__ */ jsxs3("div", { style: gridStyle2, children: [
-    /* @__PURE__ */ jsx3("a", { href: safeHref2(props.collectionHref), style: { color: "var(--pb-color-primary)" }, children: text3(props, "collectionLabel", "Featured collection") }),
-    /* @__PURE__ */ jsxs3("small", { children: [
+  return /* @__PURE__ */ jsx4(Section, { title, children: state === "invalid" ? /* @__PURE__ */ jsx4("p", { role: "alert", children: "Collection reference is invalid." }) : state === "empty" ? /* @__PURE__ */ jsx4("p", { children: "No collection selected. Choose a collection through the authorized resource BFF." }) : /* @__PURE__ */ jsxs4("div", { style: gridStyle, children: [
+    /* @__PURE__ */ jsx4("a", { href: safeHref3(props.collectionHref), style: { color: "var(--pb-color-primary)" }, children: text5(props, "collectionLabel", "Featured collection") }),
+    /* @__PURE__ */ jsxs4("small", { children: [
       "Collection reference: ",
       collectionId
     ] })
@@ -348,24 +1049,24 @@ function SalesProductCategoriesBlock(props) {
 }
 function SalesRecommendationsBlock(props) {
   const runtime = useSalesRuntime();
-  const title = text3(props, "heading", "Complete your order");
+  const title = text5(props, "heading", "Complete your order");
   const recommendations = runtime.result?.recommendations ?? [];
-  return /* @__PURE__ */ jsx3(Section2, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx3("p", { role: "alert", children: "Recommendations are temporarily unavailable." }) : runtime.phase === "success" && recommendations.length ? /* @__PURE__ */ jsx3("div", { style: gridStyle2, children: recommendations.map((item) => /* @__PURE__ */ jsxs3("article", { style: { borderTop: "3px solid var(--pb-color-primary)", paddingTop: 8 }, children: [
-    /* @__PURE__ */ jsx3("strong", { children: item.title }),
-    /* @__PURE__ */ jsx3("p", { children: item.description })
-  ] }, item.id)) }) : /* @__PURE__ */ jsx3("p", { children: runtime.phase === "success" ? "No recommendations are available for this order." : "Recommended products appear with your order result." }) });
+  return /* @__PURE__ */ jsx4(Section, { title, children: runtime.phase === "error" ? /* @__PURE__ */ jsx4("p", { role: "alert", children: "Recommendations are temporarily unavailable." }) : runtime.phase === "success" && recommendations.length ? /* @__PURE__ */ jsx4("div", { style: gridStyle, children: recommendations.map((item) => /* @__PURE__ */ jsxs4("article", { style: { borderTop: "3px solid var(--pb-color-primary)", paddingTop: 8 }, children: [
+    /* @__PURE__ */ jsx4("strong", { children: item.title }),
+    /* @__PURE__ */ jsx4("p", { children: item.description })
+  ] }, item.id)) }) : /* @__PURE__ */ jsx4("p", { children: runtime.phase === "success" ? "No recommendations are available for this order." : "Recommended products appear with your order result." }) });
 }
 
 // src/sales-definition.ts
-var text4 = (label) => ({ field: "besttrack.sales.text", label });
+var text6 = (label, options = {}) => ({ field: "besttrack.sales.text", label, control: "text", ...options });
 var salesBlocks = [
-  { type: "besttrack.sales.announcement", version: 1, label: "Announcement", category: "BestTrack Sales", targets: ["web"], defaultProps: { message: "Free delivery on orders over $50" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "minimal", label: "Minimal", theme: { "color.primary": "#202223" } }], fields: { message: text4("Announcement") }, render: { web: SalesAnnouncementBlock } },
-  { type: "besttrack.sales.query", version: 1, label: "Order query", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Track an order", submitLabel: "Track order", defaultTrackingNumber: "BT-2048-DEMO" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }], fields: { heading: text4("Heading"), submitLabel: text4("Button label"), defaultTrackingNumber: text4("Default tracking number") }, render: { web: SalesQueryBlock } },
-  { type: "besttrack.sales.order-items", version: 1, label: "Order items", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Items in your order" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text4("Heading") }, render: { web: SalesOrderItemsBlock } },
-  { type: "besttrack.sales.other-tracking", version: 1, label: "Other tracking", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Other shipments", emptyMessage: "No other shipments are linked to this order." }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text4("Heading"), emptyMessage: text4("Empty message") }, render: { web: SalesOtherTrackingBlock } },
-  { type: "besttrack.sales.service-cards", version: 1, label: "Service cards", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Shop with confidence", firstTitle: "Easy returns", firstDescription: "Simple support when plans change.", secondTitle: "Secure delivery", secondDescription: "Follow every milestone in one place." }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text4("Heading"), firstTitle: text4("First card title"), firstDescription: text4("First card description"), secondTitle: text4("Second card title"), secondDescription: text4("Second card description") }, render: { web: SalesServiceCardsBlock } },
-  { type: "besttrack.sales.product-categories", version: 1, label: "Product categories", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Shop by category", collectionId: "gid://shopify/Collection/featured", collectionLabel: "Featured collection", collectionHref: "/collections/featured" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "grid", label: "Grid", theme: { "color.surface": "#f8fafc" } }], fields: { heading: text4("Heading"), collectionId: text4("Collection ID"), collectionLabel: text4("Collection label"), collectionHref: text4("Collection URL") }, render: { web: SalesProductCategoriesBlock } },
-  { type: "besttrack.sales.recommendations", version: 1, label: "Recommended products", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Complete your order" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "grid", label: "Product grid", theme: { "color.surface": "#f8fafc" } }], fields: { heading: text4("Heading") }, render: { web: SalesRecommendationsBlock } }
+  { type: "besttrack.sales.announcement", version: 1, label: "Announcement", category: "BestTrack Sales", targets: ["web"], defaultProps: { message: "Free delivery on orders over $50" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "minimal", label: "Minimal", theme: { "color.primary": "#202223" } }], fields: { message: text6("Announcement", { control: "textarea" }) }, render: { web: SalesAnnouncementBlock } },
+  { type: "besttrack.sales.query", version: 1, label: "Order query", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Track an order", submitLabel: "Track order", defaultTrackingNumber: "BT-2048-DEMO" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "compact", label: "Compact", theme: { spacing: "12px" } }], fields: { heading: text6("Heading"), submitLabel: text6("Button label"), defaultTrackingNumber: text6("Default tracking number") }, render: { web: SalesQueryBlock } },
+  { type: "besttrack.sales.order-items", version: 1, label: "Order items", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Items in your order" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text6("Heading") }, render: { web: SalesOrderItemsBlock } },
+  { type: "besttrack.sales.other-tracking", version: 1, label: "Other tracking", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Other shipments", emptyMessage: "No other shipments are linked to this order." }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text6("Heading"), emptyMessage: text6("Empty message", { control: "textarea" }) }, render: { web: SalesOtherTrackingBlock } },
+  { type: "besttrack.sales.service-cards", version: 1, label: "Service cards", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Shop with confidence", firstTitle: "Easy returns", firstDescription: "Simple support when plans change.", secondTitle: "Secure delivery", secondDescription: "Follow every milestone in one place." }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }], fields: { heading: text6("Heading"), firstTitle: text6("First card title"), firstDescription: text6("First card description", { control: "textarea" }), secondTitle: text6("Second card title"), secondDescription: text6("Second card description", { control: "textarea" }) }, render: { web: SalesServiceCardsBlock } },
+  { type: "besttrack.sales.product-categories", version: 1, label: "Product categories", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Shop by category", collectionId: "gid://shopify/Collection/featured", collectionLabel: "Featured collection", collectionHref: "/collections/featured" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "grid", label: "Grid", theme: { "color.surface": "#f8fafc" } }], fields: { heading: text6("Heading"), collectionId: text6("Collection ID"), collectionLabel: text6("Collection label"), collectionHref: text6("Collection URL", { control: "url" }) }, render: { web: SalesProductCategoriesBlock } },
+  { type: "besttrack.sales.recommendations", version: 1, label: "Recommended products", category: "BestTrack Sales", targets: ["web"], defaultProps: { heading: "Complete your order" }, defaultVariant: "commerce", variants: [{ id: "commerce", label: "Commerce" }, { id: "grid", label: "Product grid", theme: { "color.surface": "#f8fafc" } }], fields: { heading: text6("Heading") }, render: { web: SalesRecommendationsBlock } }
 ];
 function createSalesTemplate() {
   return { id: "besttrack.sales", version: 1, name: "Sales", target: "web", source: "built-in", requiredBlocks: salesBlocks.map((block) => block.type), theme: { "color.primary": "#dc2626", "color.background": "#fffaf5", "color.surface": "#ffffff", "color.text": "#1c1917", "color.border": "#fed7aa", "font.family": "system-ui, sans-serif", radius: "10px", spacing: "20px" }, create: () => createPageDocument3({ pageId: "besttrack-sales", target: "web", templateId: "besttrack.sales", templateVersion: 1, settings: { locale: "en", seoTitle: "Shop and track your order" }, blocks: salesBlocks.map((block, index) => ({ id: "sales-" + (index + 1), type: block.type, version: block.version, props: block.defaultProps, variant: block.defaultVariant, style: {} })) }) };