@planningcenter/topbar 12.2.4-qa-881.0 → 12.2.4-qa-881.2

package/dist/topbar.js

@@ -3732,6 +3732,16 @@ let hasTriggeredObserve = false;
 function observe() {
   if (hasTriggeredObserve) return;
   hasTriggeredObserve = true;
+  // The module-load snapshot above can predate meta tags that appear later
+  // in <head> (e.g. pco:resource, yielded right before </head>) if this
+  // module's own script tag isn't deferred and runs mid-parse. Those tags
+  // never mutate afterward, so the observer alone would never catch them.
+  // Re-read once now, since observe() is only called once a consumer is
+  // actually mounting, which is always after the document has fully parsed.
+  const freshState = getAllPcoMeta();
+  if (!shallowCompare(store.getState(), freshState)) {
+    store.setState(freshState);
+  }
   observer.observe(document.head, {
     attributes: true,
     childList: true,
@@ -3745,10 +3755,13 @@ function usePcoMeta() {
 
 var styles$4 = {"debug-pco-resource":"debug-pco-resource-sLteM","debug-pco-resource-label":"debug-pco-resource-label-59ELk","debug-pco-resource-value":"debug-pco-resource-value-8IHn8","debug-pco-resource-json":"debug-pco-resource-json-Rx-JI"};
 
-function describeResource(resource) {
-  if (resource === undefined) return "No pco:resource meta tag found on this page";
-  if (resource.trim() === "") return "pco:resource meta tag is present but malformed (empty)";
-  return resource;
+function isPresent(value) {
+  return value !== undefined && value.trim() !== "";
+}
+function describeTag(tagName, value) {
+  if (value === undefined) return `No pco:${tagName} meta tag found on this page`;
+  if (value.trim() === "") return `pco:${tagName} meta tag is present but malformed (empty)`;
+  return value;
 }
 // A `pco:resource` value looks like `<product>/v2/<resource_type>/<id>`. The
 // product segment doubles as the API subdomain/path, so a lookup only needs it.
@@ -3768,13 +3781,18 @@ function DebugPcoResource({
   env
 }) {
   const {
+    recently_visitable: recentlyVisitable,
     resource
   } = usePcoMeta();
   const [lookup, setLookup] = React.useState({
     status: "idle"
   });
+  const hasResource = isPresent(resource);
+  const hasRecentlyVisitable = isPresent(recentlyVisitable);
   React.useEffect(() => {
-    const url = resource && resource.trim() !== "" ? pcrlLookupUrl(resource, env) : null;
+    // pco:resource is the more specific signal, so it always wins when both
+    // tags are present.
+    const url = hasResource ? pcrlLookupUrl(resource, env) : null;
     if (!url) {
       setLookup({
         status: "idle"
@@ -3806,20 +3824,28 @@ function DebugPcoResource({
     return () => {
       cancelled = true;
     };
-  }, [resource, env]);
+  }, [resource, env, hasResource]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles$4["debug-pco-resource"]
   }, /*#__PURE__*/React.createElement("span", {
     className: styles$4["debug-pco-resource-label"]
-  }, "Debug: pco:resource"), /*#__PURE__*/React.createElement("span", {
+  }, "Debug: Recently Visited"), /*#__PURE__*/React.createElement("span", {
+    className: styles$4["debug-pco-resource-value"]
+  }, "pco:resource: ", describeTag("resource", resource)), /*#__PURE__*/React.createElement("span", {
     className: styles$4["debug-pco-resource-value"]
-  }, describeResource(resource)), lookup.status === "loading" && (/*#__PURE__*/React.createElement("span", {
+  }, "pco:recently_visitable:", " ", describeTag("recently_visitable", recentlyVisitable)), !hasResource && !hasRecentlyVisitable && (/*#__PURE__*/React.createElement("span", {
     className: styles$4["debug-pco-resource-value"]
-  }, "Looking up resource\u2026")), lookup.status === "error" && (/*#__PURE__*/React.createElement("span", {
+  }, "This page is not eligible for Recently Visited")), hasResource && hasRecentlyVisitable && (/*#__PURE__*/React.createElement("span", {
     className: styles$4["debug-pco-resource-value"]
-  }, lookup.message)), lookup.status === "loaded" && (/*#__PURE__*/React.createElement("pre", {
+  }, "Both tags are present \u2014 pco:resource takes precedence for the Recently Visited entry.")), hasResource && lookup.status === "loading" && (/*#__PURE__*/React.createElement("span", {
+    className: styles$4["debug-pco-resource-value"]
+  }, "Looking up resource\u2026")), hasResource && lookup.status === "error" && (/*#__PURE__*/React.createElement("span", {
+    className: styles$4["debug-pco-resource-value"]
+  }, lookup.message)), hasResource && lookup.status === "loaded" && (/*#__PURE__*/React.createElement("pre", {
     className: styles$4["debug-pco-resource-json"]
-  }, JSON.stringify(lookup.json, null, 2))));
+  }, JSON.stringify(lookup.json, null, 2))), !hasResource && hasRecentlyVisitable && (/*#__PURE__*/React.createElement("span", {
+    className: styles$4["debug-pco-resource-value"]
+  }, "Recently Visited title: ", recentlyVisitable)));
 }
 
 var styles$3 = {"drawer-wrap":"drawer-wrap-J0rSL","is-visible":"is-visible-KTME8","drawer":"drawer-j7f4l"};