@syntrologie/adapt-product 2.41.2 → 2.42.0

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   onActivate,
   runtime
-} from "./chunk-E5TZSKZV.js";
+} from "./chunk-6DWXPP5X.js";
 import "./chunk-Y2QAYCSK.js";
 
 // src/cdn.ts

package/dist/{chunk-E5TZSKZV.js → chunk-6DWXPP5X.js}

@@ -21,6 +21,21 @@ function n(n2) {
 // ../../sdk-contracts/dist/canvas-context.js
 var canvasRuntimeContext = n("syntrologie:canvas-runtime");
 
+// ../../sdk-contracts/dist/detector-events.js
+var DETECTOR_EVENT_NAMES = [
+  "ui.hover",
+  "ui.idle",
+  "ui.hesitate",
+  "ui.rage_click",
+  "ui.scroll_thrash",
+  "ui.focus_bounce"
+];
+var CANONICAL_BUS_EVENT_NAMES = [
+  ...DETECTOR_EVENT_NAMES,
+  "nav.section_viewed",
+  "nav.scroll_depth"
+];
+
 // ../../sdk-contracts/dist/dive-deeper.js
 var DIVE_DEEPER_EVENT = "syntro:chat:dive-deeper";
 function dispatchDiveDeeper(detail) {
@@ -43,14 +58,132 @@ function stripMountPlumbing(config) {
 }
 
 // ../../sdk-contracts/dist/routes.js
+var RESERVED_BYTES = /* @__PURE__ */ new Set([
+  33,
+  // !
+  35,
+  // #
+  36,
+  // $
+  38,
+  // &
+  39,
+  // '
+  40,
+  // (
+  41,
+  // )
+  42,
+  // *
+  43,
+  // +
+  44,
+  // ,
+  47,
+  // /
+  58,
+  // :
+  59,
+  // ;
+  61,
+  // =
+  63,
+  // ?
+  64,
+  // @
+  91,
+  // [
+  93
+  // ]
+]);
 var utf8Decoder = new TextDecoder("utf-8", { fatal: false });
+function decodeUnreservedOnly(input) {
+  let out = "";
+  let pending2 = [];
+  const flushPending = () => {
+    if (pending2.length === 0)
+      return;
+    const bytes = new Uint8Array(pending2);
+    out += utf8Decoder.decode(bytes);
+    pending2 = [];
+  };
+  let i2 = 0;
+  while (i2 < input.length) {
+    const ch = input[i2];
+    if (ch === "%" && i2 + 2 < input.length && isHex(input[i2 + 1]) && isHex(input[i2 + 2])) {
+      const byte = parseInt(input.slice(i2 + 1, i2 + 3), 16);
+      if (RESERVED_BYTES.has(byte)) {
+        flushPending();
+        out += `%${input.slice(i2 + 1, i2 + 3).toUpperCase()}`;
+        i2 += 3;
+      } else {
+        pending2.push(byte);
+        i2 += 3;
+      }
+    } else {
+      flushPending();
+      out += ch;
+      i2 += 1;
+    }
+  }
+  flushPending();
+  return out;
+}
+function isHex(c2) {
+  return c2 >= "0" && c2 <= "9" || c2 >= "a" && c2 <= "f" || c2 >= "A" && c2 <= "F";
+}
+function stripQueryAndHash(s4) {
+  const q = s4.indexOf("?");
+  if (q !== -1)
+    s4 = s4.slice(0, q);
+  const h = s4.indexOf("#");
+  if (h !== -1)
+    s4 = s4.slice(0, h);
+  return s4;
+}
+function normalizeRoute(path) {
+  if (typeof path !== "string" || path.length === 0) {
+    throw new TypeError("normalizeRoute: input must be a non-empty string");
+  }
+  if (!path.startsWith("/")) {
+    throw new TypeError(`normalizeRoute: input must be absolute (start with '/'); got ${JSON.stringify(path)}`);
+  }
+  let s4 = stripQueryAndHash(path);
+  s4 = decodeUnreservedOnly(s4);
+  s4 = s4.replace(/\/+/g, "/");
+  if (s4.length > 1 && s4.endsWith("/"))
+    s4 = s4.slice(0, -1);
+  return s4;
+}
 
 // ../../sdk-contracts/dist/schemas.js
 import { z } from "zod";
+var NO_CSS_BREAKOUT_PATTERN = /^[^{}]*$/;
 var AnchorIdZ = z.object({
-  selector: z.string(),
-  route: z.union([z.string(), z.array(z.string())])
-}).strict();
+  selector: z.string().regex(NO_CSS_BREAKOUT_PATTERN, {
+    message: 'selector must not contain "{" or "}" \u2014 not valid CSS selector syntax, and content:hideBySelector injects this value directly into a <style> element where these characters would break out of the generated rule.'
+  }).describe("CSS selector for the target element"),
+  route: z.union([z.string(), z.array(z.string())]).superRefine((value, ctx) => {
+    for (const route of Array.isArray(value) ? value : [value]) {
+      let canonical;
+      try {
+        canonical = normalizeRoute(route);
+      } catch (err) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: `route must be an absolute path starting with "/" (got ${JSON.stringify(route)}): ${err instanceof Error ? err.message : String(err)}`
+        });
+        continue;
+      }
+      if (canonical !== route) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: `route ${JSON.stringify(route)} is not canonical \u2014 use ${JSON.stringify(canonical)} (this must match what the backend's RouteCanonicalityCheck accepts)`
+        });
+      }
+    }
+  }).describe("URL path(s) where this element exists")
+}).strict().describe("DOM element target. selector = CSS selector, route = URL path(s) where the element exists.");
 var AuthoringFieldsZ = {
   id: z.string().optional().describe('Stable action identifier (e.g. "act_3db6a14d2ab0").'),
   title: z.string().max(200).optional().describe("Authoring-only: short label shown on the action plan dashboard. Stripped before serving to the runtime SDK."),
@@ -204,10 +337,10 @@ var EventScopeZ = z.object({
   props: z.record(z.union([z.string(), z.number(), z.boolean()])).optional()
 });
 var NotifyZ = z.object({
-  title: z.string().optional(),
-  body: z.string().optional(),
-  icon: z.string().optional()
-}).nullable().optional();
+  title: z.string().optional().describe("Notification title"),
+  body: z.string().optional().describe("Notification body text"),
+  icon: z.string().optional().describe("Notification icon (emoji or URL)")
+}).describe("Optional toast notification shown when this action triggers.").nullable().optional();
 
 // src/presets-store.ts
 function presetsWindow() {
@@ -4245,6 +4378,14 @@ resolvePrice_fn = async function(productId, bind) {
 };
 
 // src/decision/card.ts
+var VARIANT_ERROR_COPY = {
+  retryable: "Couldn't load options right now.",
+  terminal: "Options aren't available for this item right now."
+};
+var NON_RETRYABLE_VARIANT_ERROR_NAME = "ProductNotFoundError";
+function isRetryableVariantError(errorName) {
+  return errorName !== NON_RETRYABLE_VARIANT_ERROR_NAME;
+}
 function createInitialCardState(generation = 0) {
   return {
     generation,
@@ -4267,18 +4408,23 @@ function selectCardView(state) {
     mode: "add",
     disabled: state.connection !== "connected" || state.commerce !== "available" || state.product.status !== "valid"
   };
-  let panel = { status: "hidden", payload: null, error: null };
+  let panel = { status: "hidden", payload: null, error: null, retryable: false };
   if (state.face === "back") {
     switch (state.variants.status) {
       case "ready":
-        panel = { status: "ready", payload: state.variants.payload, error: null };
+        panel = { status: "ready", payload: state.variants.payload, error: null, retryable: false };
         break;
       case "error":
-        panel = { status: "error", payload: null, error: state.variants.message };
+        panel = {
+          status: "error",
+          payload: null,
+          error: state.variants.retryable ? VARIANT_ERROR_COPY.retryable : VARIANT_ERROR_COPY.terminal,
+          retryable: state.variants.retryable
+        };
         break;
       case "idle":
       case "loading":
-        panel = { status: "loading", payload: null, error: null };
+        panel = { status: "loading", payload: null, error: null, retryable: false };
         break;
     }
   }
@@ -4297,7 +4443,7 @@ function replaceProps(state, event) {
   const sameProduct = event.valid && event.productId !== null && state.product.status === "valid" && state.product.id === event.productId;
   if (sameProduct && event.productId !== null) {
     const effects2 = [{ type: "bind-product", productId: event.productId }];
-    if (state.variants.status === "idle") {
+    if (event.commerceCapable && state.variants.status === "idle") {
       effects2.push({
         type: "lookup-variants",
         generation: state.generation,
@@ -4319,15 +4465,15 @@ function replaceProps(state, event) {
       effects
     };
   }
-  effects.push(
-    { type: "bind-product", productId: event.productId },
-    { type: "lookup-variants", generation, productId: event.productId },
-    { type: "report-render-health" }
-  );
+  effects.push({ type: "bind-product", productId: event.productId });
+  if (event.commerceCapable) {
+    effects.push({ type: "lookup-variants", generation, productId: event.productId });
+  }
+  effects.push({ type: "report-render-health" });
   return {
     state: {
       ...next,
-      product: { status: "valid", id: event.productId }
+      product: { status: "valid", id: event.productId, commerceCapable: event.commerceCapable }
     },
     effects
   };
@@ -4336,7 +4482,12 @@ function publish(name, props) {
   return { type: "publish-event", name, props };
 }
 function activatePrimary(state, event) {
-  if (state.connection !== "connected" || state.commerce !== "available" || state.product.status !== "valid" || state.face !== "front") {
+  if (state.connection !== "connected" || state.commerce !== "available" || state.product.status !== "valid" || // Defense in depth: the widget only wires this event to an
+  // actionId==='add_to_cart' CTA click (a non-commerce/booking product's
+  // CTA is a plain navigating <a>, never dispatched here) — but the state
+  // machine itself must also refuse to start the Woo/Shopify variant-
+  // lookup flow for a product that has none.
+  !state.product.commerceCapable || state.face !== "front") {
     return unchanged2(state);
   }
   const productId = state.product.id;
@@ -4487,7 +4638,11 @@ function transitionCard(state, event) {
       });
       const next = {
         ...state,
-        variants: { status: "error", message: event.message }
+        variants: {
+          status: "error",
+          message: event.message,
+          retryable: isRetryableVariantError(event.errorName)
+        }
       };
       if (state.activation.status !== "pending") {
         return { state: next, effects: [failureEffect] };
@@ -4521,7 +4676,10 @@ function transitionCard(state, event) {
     case "add-failed":
       return applyAddResult(state, event);
     case "retry-activated":
-      if (state.product.status !== "valid" || state.commerce !== "available" || state.variants.status !== "error") {
+      if (state.product.status !== "valid" || state.commerce !== "available" || state.variants.status !== "error" || // The panel never OFFERS a retry affordance when the failure isn't
+      // retryable (see selectCardView), but a stale/duplicate dispatch of
+      // this event must still be a no-op — it can never succeed.
+      !state.variants.retryable) {
         return unchanged2(state);
       }
       return {
@@ -4568,7 +4726,12 @@ function transitionCard(state, event) {
         state: { ...state, generation, connection: "connected" },
         effects: state.product.status === "valid" && state.commerce === "available" ? [
           { type: "bind-product", productId: state.product.id },
-          { type: "lookup-variants", generation, productId: state.product.id },
+          // Same commerce gate as replaceProps — a booking-fulfilment
+          // product never re-fires the Woo/Shopify variant lookup,
+          // including on the reconnect prefetch.
+          ...state.product.commerceCapable ? [
+            { type: "lookup-variants", generation, productId: state.product.id }
+          ] : [],
           { type: "report-render-health" }
         ] : []
       };
@@ -5238,7 +5401,17 @@ var _VariantPanelLit = class _VariantPanelLit extends LitElement7 {
      *  used as the fallback when the selected variant carries no featured_image. */
     this.productImage = null;
     this.state = "idle";
+    /** Already sanitized, visitor-safe copy by the time it reaches this
+     *  component — the decision core (`card.ts`'s `selectCardView`) NEVER
+     *  forwards the raw platform error text (which may name an internal
+     *  slug/handle, e.g. `WooCommerce product not found for slug "botox"`).
+     *  This component's only job is to render whatever generic string it's
+     *  given; it must never be handed a raw message to begin with. */
     this.error = null;
+    /** Whether "Try again" is offered — false for a structurally dead-end
+     *  failure (retrying the identical query can never succeed) so the panel
+     *  never invites a retry that's already known to be pointless. */
+    this.retryable = true;
     /** @internal */
     this._selection = {};
     /** @internal */
@@ -5332,8 +5505,10 @@ var _VariantPanelLit = class _VariantPanelLit extends LitElement7 {
     if (this.state === "error") {
       return html7`
         <div class="svp-error-block" data-error-block>
-          <div>Couldn't load options. ${this.error ?? ""}</div>
-          <button class="svp-retry-btn" data-retry-button @click=${this._onRetry}>Try again</button>
+          <div>${this.error ?? "Couldn't load options."}</div>
+          ${this.retryable ? html7`<button class="svp-retry-btn" data-retry-button @click=${this._onRetry}>
+                  Try again
+                </button>` : nothing3}
         </div>
       `;
     }
@@ -5580,6 +5755,7 @@ _VariantPanelLit.properties = {
   productImage: { attribute: false },
   state: { type: String },
   error: { type: String },
+  retryable: { type: Boolean },
   _selection: { state: true },
   _touched: { state: true },
   _expandedAxes: { state: true },
@@ -5818,6 +5994,7 @@ var ProductCardLit = class extends LitElement8 {
         .productImage=${product.image ? { src: product.image.src, alt: product.image.alt } : null}
         .state=${view.panel.status === "error" ? "error" : view.panel.status === "ready" ? "idle" : "loading"}
         .error=${view.panel.error}
+        .retryable=${view.panel.retryable}
         @variant-panel-back=${this._onVariantBack}
         @variant-panel-add=${this._onVariantAdd}
         @variant-panel-retry=${this._onVariantRetry}
@@ -5958,7 +6135,14 @@ readProductObservation_fn = function() {
   const rawProductId = this.props?.product?.id;
   return {
     productId: parsed?.success ? parsed.data.product.id : typeof rawProductId === "string" ? rawProductId : null,
-    valid: parsed?.success === true
+    valid: parsed?.success === true,
+    // Does this product have a REAL Add-to-cart action? A booking-
+    // fulfilment product (server-hydrated with a single "Book a consult"
+    // href CTA — see product_hydration.build_product_from_hit) has none,
+    // and its platform variant-lookup endpoint has nothing to find — the
+    // decision core (card.ts) uses this to skip the Woo/Shopify variant
+    // prefetch entirely for it, never just to disable a button.
+    commerceCapable: parsed?.success === true && parsed.data.product.ctas.some((cta) => cta.actionId === "add_to_cart")
   };
 };
 syncDecisionInputsBeforeIntent_fn = function() {
@@ -5968,7 +6152,7 @@ syncDecisionInputsBeforeIntent_fn = function() {
   });
   const observation = __privateMethod(this, _ProductCardLit_instances, readProductObservation_fn).call(this);
   const product = this._decisionState.product;
-  const isCurrent = observation.valid === (product.status === "valid") && observation.productId === product.id;
+  const isCurrent = observation.valid === (product.status === "valid") && observation.productId === product.id && (product.status !== "valid" || observation.commerceCapable === product.commerceCapable);
   if (!isCurrent) __privateMethod(this, _ProductCardLit_instances, dispatchCard_fn).call(this, { type: "props-replaced", ...observation });
 };
 ProductCardLit.properties = {
@@ -6395,9 +6579,16 @@ function renderProductCardInner(product, density, resolved, visibleFacts, ctas,
         style=${styleMap(ctaStyles)}
         @click=${disabled2 ? (e2) => {
       e2.preventDefault();
-    } : i2 === 0 && onPrimaryCtaClick ? onPrimaryCtaClick : c2.actionId === "add_to_cart" ? (e2) => {
-      e2.preventDefault();
-    } : void 0}
+    } : (
+      // The commerce (Add-to-cart / open-picker) intent wires ONLY to
+      // an actual add_to_cart CTA. A plain navigating CTA — e.g. a
+      // booking-fulfilment product's "Book a consult" href, which
+      // sits at i===0 too — must fall through to its own <a href>
+      // and never enter the Woo/Shopify variant-lookup flow.
+      i2 === 0 && c2.actionId === "add_to_cart" && onPrimaryCtaClick ? onPrimaryCtaClick : c2.actionId === "add_to_cart" ? (e2) => {
+        e2.preventDefault();
+      } : void 0
+    )}
         >${// Secondary "Product Page" link gets a trailing chevron (panel's
     // quiet-secondary affordance) unless the author already added one.
     i2 !== 0 && !/[›>→]\s*$/.test(ctaLabel) ? `${ctaLabel} \u203A` : ctaLabel}</a
@@ -11736,4 +11927,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-E5TZSKZV.js.map
+//# sourceMappingURL=chunk-6DWXPP5X.js.map