@standhigher/besttrack-page-extension 0.5.3 → 0.5.4

package/dist/index.d.ts

@@ -312,12 +312,17 @@ type ReadyToGoRuntimeProviderProps = {
     transport?: ShopifyTrackPageTransport;
     /** When omitted, URL deep-link auto-query is on only for the Shopify Track Page `transport` path. */
     autoQueryFromUrl?: boolean;
+    /**
+     * Preview-only: query the form's demo tracking number on mount.
+     * Live storefronts must omit this so consumers still submit the form.
+     */
+    autoQueryDemo?: boolean;
     /** Host-decided display state. Omitted values follow the original powered-by hide rule. */
     watermark?: TrackingPageWatermark;
     /** Admin-only promotion preview; live storefronts continue to use result.ad. */
     adPreview?: TrackingPageAd | null;
 };
-declare function ReadyToGoRuntimeProvider({ children, query: injectedQuery, queryRecommendations, transport, autoQueryFromUrl, watermark, adPreview }: ReadyToGoRuntimeProviderProps): react.JSX.Element;
+declare function ReadyToGoRuntimeProvider({ children, query: injectedQuery, queryRecommendations, transport, autoQueryFromUrl, autoQueryDemo, watermark, adPreview }: ReadyToGoRuntimeProviderProps): react.JSX.Element;
 
 /**
  * Compatibility metadata for template-aware hosts.

package/dist/index.js

@@ -1109,6 +1109,7 @@ var initialRuntime = {
   phase: "idle",
   recommendations: { phase: "idle", items: [] },
   autoQueryFromUrl: false,
+  autoQueryDemo: false,
   async query() {
     return void 0;
   }
@@ -1138,7 +1139,7 @@ function previewReadyToGoTracking(trackingNumber = "BT-2048-DEMO") {
 async function queryMockReadyToGoTracking(request) {
   return previewReadyToGoTracking(request.mode === "tracking" ? request.trackingNumber : request.orderNumber);
 }
-function ReadyToGoRuntimeProvider({ children, query: injectedQuery, queryRecommendations, transport, autoQueryFromUrl, watermark, adPreview }) {
+function ReadyToGoRuntimeProvider({ children, query: injectedQuery, queryRecommendations, transport, autoQueryFromUrl, autoQueryDemo = false, watermark, adPreview }) {
   const [state, setState] = useState2({ phase: "idle" });
   const [recommendations, setRecommendations] = useState2(() => queryRecommendations || transport ? { phase: "loading", items: [] } : { phase: "success", items: previewReadyToGoTracking().recommendations ?? [] });
   const requestId = useRef(0);
@@ -1184,7 +1185,7 @@ function ReadyToGoRuntimeProvider({ children, query: injectedQuery, queryRecomme
     () => watermark ?? { visible: !shouldHidePoweredBy() },
     [watermark]
   );
-  const value = useMemo2(() => ({ ...state, adPreview, query, recommendations, autoQueryFromUrl: resolveAutoQuery, watermark: resolvedWatermark }), [adPreview, query, recommendations, resolveAutoQuery, resolvedWatermark, state]);
+  const value = useMemo2(() => ({ ...state, adPreview, query, recommendations, autoQueryFromUrl: resolveAutoQuery, autoQueryDemo, watermark: resolvedWatermark }), [adPreview, autoQueryDemo, query, recommendations, resolveAutoQuery, resolvedWatermark, state]);
   return /* @__PURE__ */ jsx3(ReadyToGoRuntimeContext.Provider, { value, children });
 }
 function useReadyToGoRuntime() {
@@ -1421,14 +1422,22 @@ function ReadyToGoQueryBlock(props) {
   const [email, setEmail] = useState2(locationState?.email ?? "");
   const [localError, setLocalError] = useState2("");
   const autoQueryStarted = useRef(false);
+  const previewDemoTrackingNumber = useRef(trackingNumber);
   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");
   useEffect2(() => {
-    if (!locationState?.canAutoQuery || autoQueryStarted.current) return;
+    if (autoQueryStarted.current) return;
+    if (locationState?.canAutoQuery) {
+      autoQueryStarted.current = true;
+      void runtime.query(locationState.tab === "tracking" ? { mode: "tracking", trackingNumber: locationState.trackingNumber } : { mode: "order", orderNumber: locationState.orderNumber, email: locationState.email });
+      return;
+    }
+    const demoTrackingNumber = previewDemoTrackingNumber.current.trim();
+    if (!runtime.autoQueryDemo || !demoTrackingNumber) return;
     autoQueryStarted.current = true;
-    void runtime.query(locationState.tab === "tracking" ? { mode: "tracking", trackingNumber: locationState.trackingNumber } : { mode: "order", orderNumber: locationState.orderNumber, email: locationState.email });
+    void runtime.query({ mode: "tracking", trackingNumber: demoTrackingNumber });
   }, [locationState, runtime]);
   const submit = (event) => {
     event.preventDefault();
@@ -1490,7 +1499,7 @@ function ReadyToGoProgressBlock(props) {
       /* @__PURE__ */ jsx3(SkeletonRow, {})
     ] }) : null,
     runtime.phase === "error" ? /* @__PURE__ */ jsx3("p", { style: { margin: 0, color: "#b42318" }, children: "Shipment progress is temporarily unavailable." }) : null,
-    runtime.phase === "success" && result ? /* @__PURE__ */ jsx3(ProgressResult, { result, color: text(props, "progressColor") }) : null
+    runtime.phase === "success" && result ? /* @__PURE__ */ jsx3(ProgressResult, { result, showEstimatedDelivery: !runtime.autoQueryDemo, color: text(props, "progressColor") }) : null
   ] }) });
 }
 function ReadyToGoDeliveryBlock(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standhigher/besttrack-page-extension",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "BestTrack business extension entry point for @standhigher/puck-page-builder.",
   "type": "module",
   "files": [
@@ -22,7 +22,7 @@
   "dependencies": {
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "@standhigher/puck-page-builder": "0.12.3"
+    "@standhigher/puck-page-builder": "0.12.4"
   },
   "devDependencies": {
     "tsup": "^8.5.1",