@wix/himalaya-cli 0.1352.0 → 0.1353.0

package/templates/yoga-studio/tier5-src/himi-events-detail/index.ts

@@ -13,6 +13,7 @@ import {
   queryAvailableTickets,
   queryEvents,
   type WixAvailableTicket,
+  type WixEventFieldset,
   type WixEvent,
   type WixGuestRsvp,
   type WixGuestTicket,
@@ -34,6 +35,7 @@ import {
   type EventRow,
 } from "../_shared/himi-events";
 import { initials } from "../_shared/himi-text.js";
+import { isHostedWorker } from "../_shared/hosted-checkout.js";
 import { stashCopy, copyParam, copyTemplate } from "../_shared/himi-copy.js";
 import { openRichLink } from "../_shared/rich-content-link.js";
 import { richBody } from "../_shared/rich-body.js";
@@ -281,6 +283,10 @@ function calendarFallbackUrl(s: S, end: number): string {
   return `https://calendar.google.com/calendar/render?${parts.join("&")}`;
 }
 
+/** The Events v3 fieldsets the detail reads (see `WixEventFieldset`). DETAILS carries mainImage and
+ *  shortDescription: REGISTRATION fills eventType, which skips the query enrichment that used to supply them. */
+export const EVENT_DETAIL_FIELDSETS: WixEventFieldset[] = ["DETAILS", "TEXTS", "REGISTRATION", "URLS"];
+
 /** Map the decoded registration/eventType onto the CTA variant. The decoded
  *  `eventType` already folds registration.type / registration.initialType /
  *  the legacy flat `type` (decodeEvent, #478). Unknown ⇒ RSVP (historical). */
@@ -458,8 +464,11 @@ const svc = defineService<S, {
       const id = s.id || inputId();
       if (!id) return derive({ ...s, status: "ready", errored: true });
       try {
-        // TEXTS adds the Ricos `description` to the base fieldset (a bare read returns none).
-        const res = await getEvent(id, { fields: ["TEXTS"] });
+        // TEXTS adds the Ricos `description` to the base fieldset (a bare read returns none);
+        // REGISTRATION adds `registration` (the CTA's type, and an external event's own URL);
+        // URLS adds `eventPageUrl` — the registration fallback and the share link. Without URLS a
+        // ticket flow that cannot complete in-app had no page to send the buyer to.
+        const res = await getEvent(id, { fields: EVENT_DETAIL_FIELDSETS });
         let e = ((res as unknown as { event?: WixEvent }).event ?? res) as WixEvent;
         e = await enrichRegistration(id, e);
         const attendees = await attendeeSummary(id);
@@ -566,7 +575,12 @@ const svc = defineService<S, {
       // Every failure degrades one rung at a time, never to a dead button:
       //   native chain → hosted eventsCheckout (pinned to the SAME reservation
       //   when we got one, else the slug) → the event page / registration URL.
-      if (s.registrationKind === "tickets" && s.id) {
+      // Hosted inside a host shell (Spaces) neither in-app rung can finish: the classic
+      // `checkoutReservation` needs a buyer + guest form this screen does not collect, and the
+      // redirect session needs a headless OAuth client a hosted app does not have. Skip both —
+      // the native chain would also leave a ticket reservation held for nothing — and open the
+      // event's own page, where the member registers on the site.
+      if (s.registrationKind === "tickets" && s.id && !isHostedWorker()) {
         let reservationId = "";
         try {
           // Buy what the buyer PICKED. `load` seeds the pick with the cheapest

package/templates/yoga-studio/tier5-src/wix-spaces-plan-detail/index.ts

@@ -1,7 +1,13 @@
 // Tier-5 bundle: Wix Spaces clone — Pricing plan detail (ON-DEVICE, site-scoped).
-// himalaya.input.id carries the plan id; fetched via getPlan.
+// himalaya.input.id carries the plan id.
+//
+// Read from the PUBLIC plans (GET /pricing-plans/v2/plans/public — what the plans list
+// shows), not from getPlan: GET /pricing-plans/v2/plans/{id} is the management read, and a
+// hosted site's member or visitor gets a 403 from it, which rendered "couldn't be loaded"
+// for every plan the list had just shown. getPlan stays as the fallback for a plan that is
+// not public, for a caller that may read it (an owner-scope host).
 import { withIapPresentation } from "../_shared/iap-presentation.js";
-import { getPlan, type WixPlan } from "@himalaya/wix-pricing-plans";
+import { getPlan, listPublicPlans, type WixPlan } from "@himalaya/wix-pricing-plans";
 import { presence, presenceAfterError, detailInputId, type PresenceFlags } from "../_shared/detail-presence.js";
 
 interface S extends PresenceFlags { status: "loading" | "ready"; name: string; price: string; description: string; perks: string }
@@ -12,6 +18,26 @@ function priceOf(p: WixPlan): string {
   return m.formattedAmount || [m.amount ?? m.value, m.currency].filter(Boolean).join(" ");
 }
 
+/** The plan, or null when it is not public and the caller may not read it otherwise. */
+async function readPlan(id: string): Promise<WixPlan | null> {
+  let publicRead = false;
+  try {
+    const listed = await listPublicPlans();
+    publicRead = true;
+    const hit = (listed?.plans ?? []).find((plan) => plan?.id === id);
+    if (hit) return hit;
+  } catch (e) { void e; }
+  try {
+    const res = await getPlan(id);
+    return ((res as unknown as { plan?: WixPlan }).plan) ?? (res as unknown as WixPlan);
+  } catch (e) {
+    // The public read worked, so the device is online: a refused or empty management
+    // read means this plan is not one the viewer can see — not-found, not offline.
+    if (publicRead) return null;
+    throw e;
+  }
+}
+
 const defineService = withIapPresentation<S>({
   prefix: "plans", transientKeys: ["price"], contentActions: ["load"],
   items: state => detailInputId() ? [{ reference: { kind: "pricingPlan", id: detailInputId() }, commerceDisplayPrice: state.price }] : [],
@@ -24,8 +50,8 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("spacesPlanDetail",
       const id = detailInputId();
       if (!id) return { ...s, status: "ready", ...presence("missing") };
       try {
-        const res = await getPlan(id);
-        const p = ((res as unknown as { plan?: WixPlan }).plan) ?? (res as unknown as WixPlan);
+        const p = await readPlan(id);
+        if (!p) return { ...s, status: "ready", ...presence("missing") };
         const perks = (p.perks?.values ?? []).map((v) => `• ${v}`).join("\n");
         return { status: "ready", name: p.name || "Plan", price: priceOf(p), description: p.description || "", perks, ...presence("found") };
       } catch (e) { return { ...s, status: "ready", ...presenceAfterError(e) }; }