@wix/himalaya-cli 0.1368.0 → 0.1369.0

package/templates/beauty-salon/dev/index.ts

@@ -26717,7 +26717,55 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
               "modifiers": {
                 "cornerRadius": 8,
                 "pressFeedback": "scale",
-                "haptic": "medium"
+                "haptic": "medium",
+                "hiddenPath": "$service:himiStoreProduct.cartHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "$service:himiStoreProduct.buyLabel",
+                  "style": "primary",
+                  "fullWidth": true,
+                  "disabledPath": "$service:himiStoreProduct.buyDisabled",
+                  "action": {
+                    "actionId": "tier5.himiStoreProduct.buy"
+                  }
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy_note",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.buyNote",
+                  "style": "footnote",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.purchased",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.purchasedNote",
+                  "style": "footnote",
+                  "collapseWhenEmpty": true
+                }
               }
             },
             {

package/templates/beauty-salon/tier5-src/_shared/iap-presentation.ts

@@ -1,11 +1,13 @@
 import { defineService, type ServiceDefinition } from "@himalaya/state";
-import { createIapCommerce, type IapCommerce } from "@himalaya/iap-checkout";
+import { createIapCommerce, type IapCommerce, type IapOrderAdapter } from "@himalaya/iap-checkout";
 import { iapPriceFields, type IapCatalogItem } from "@himalaya/iap";
 import { iapPriceCopy, resetUnhydratedKeysOnOlderRuntime } from "./iap-worker.js";
 
 // Presentation only. Checkout, mapping, cache, session and refresh policy stay in the shared flow.
 export function withIapPresentation<S extends object>(options: {
   register?: typeof defineService;
+  /** The verticals this screen sells; none for a screen that only shows prices. */
+  adapters?: readonly IapOrderAdapter[];
   onCreate?(commerce: IapCommerce): void;
   onContent?(state: S): void;
   items(state: S): IapCatalogItem[];
@@ -15,7 +17,7 @@ export function withIapPresentation<S extends object>(options: {
   prefix: string;
 }): typeof defineService {
   return ((name: string, definition: ServiceDefinition<S>) => {
-    const commerce = createIapCommerce({ onChange: () => { void service.iapPublish(); } });
+    const commerce = createIapCommerce({ adapters: options.adapters, onChange: () => { void service.iapPublish(); } });
     options.onCreate?.(commerce);
     let items: IapCatalogItem[] = [];
     let contentVersion = 0;

package/templates/beauty-salon/tier5-src/himi-store-product/index.ts

@@ -1,7 +1,7 @@
 // Tier-5 bundle: himi-store — product detail.
 import { withIapPresentation } from "../_shared/iap-presentation.js";
-import { type IapCommerce } from "@himalaya/iap-checkout";
-import { iapPriceCopy } from "../_shared/iap-worker.js";
+import { itemPaymentEnabled, storesProductOrders, type IapCommerce, type IapPurchaseFields } from "@himalaya/iap-checkout";
+import { iapPriceCopy, iapPurchaseCopy } from "../_shared/iap-worker.js";
 import { share as shareSheet } from "@himalaya/share";
 import { addToCurrentCart, getCurrentCart } from "@himalaya/wix-ecom";
 import { get, upsert, enqueue, type DbEntity } from "@himalaya/local-db";
@@ -202,6 +202,14 @@ interface S {
   opt1Label: string; opt1Chips: OptionChip[]; opt1Selected: string[]; noOpt1: boolean;
   opt2Label: string; opt2Chips: OptionChip[]; opt2Selected: string[]; noOpt2: boolean;
   opt3Label: string; opt3Chips: OptionChip[]; opt3Selected: string[]; noOpt3: boolean;
+  /** The App Store action (`commerce.purchaseFields`), in place of Add to cart while it shows. */
+  cartHidden: boolean;
+  buyHidden: boolean;
+  buyLabel: string;
+  buyDisabled: boolean;
+  buyNote: string;
+  /** Shown once the eCom order reads paid, never on the payment's approval alone. */
+  purchasedNote: string;
 }
 
 function inputId(): string {
@@ -309,14 +317,53 @@ function derive(s: S): S {
 // read answering late — must not replace the badge the add set (#3468 review).
 let cartBadgeEpoch = 0;
 
+// A digital product with no options sells through the App Store once the platform pays for Wix
+// Stores items with wix-iap StartItemPayment (`itemPaymentEnabled`). Until then, and for any other
+// product, an App Store route only blocks the regular checkout, as before.
+const SELLS_THROUGH_APPLE = itemPaymentEnabled();
+const WIX_STORES_APP = "215238eb-22a5-4c36-9e7b-e7c08025e04e";
+const NOT_APPLE: IapPurchaseFields = { appleRoute: false, accessReady: false, buyLabel: "", buyDisabled: true, buyBusy: false, buyNote: "" };
+
 let productPricing: IapCommerce;
+let checkoutEntered = false;
 const defineService = withIapPresentation<S>({
-  onCreate: commerce => { productPricing = commerce; }, prefix: "product", transientKeys: ["price", "optionsIncomplete"], contentActions: ["load", "paintCached"],
+  adapters: SELLS_THROUGH_APPLE ? [storesProductOrders] : [],
+  onCreate: commerce => { productPricing = commerce; }, prefix: "product",
+  transientKeys: ["price", "optionsIncomplete", "cartHint", "cartHidden", "buyHidden", "buyLabel", "buyDisabled", "buyNote", "purchasedNote"], contentActions: ["load", "paintCached"],
   items: state => inputId() ? [{ reference: { kind: "storesProduct", id: inputId() }, commerceDisplayPrice: state.price }] : [],
-  present: (state, price, allowed) => ({ ...state, price: price(inputId()), optionsIncomplete: derive(state).optionsIncomplete || !allowed(inputId()) || lastProduct?.productType?.toLowerCase() === "digital",
-    cartHint: lastProduct?.productType?.toLowerCase() === "digital" || (!state.optionsUnknown && !allowed(inputId())) ? iapPriceCopy("product").purchaseUnavailable : state.cartHint === iapPriceCopy("product").purchaseUnavailable ? "" : state.cartHint }),
+  present: (state, price, allowed) => {
+    const purchase = applePurchase(state);
+    const unavailable = iapPriceCopy("product").purchaseUnavailable;
+    const blocked = lastProduct?.productType?.toLowerCase() === "digital" || (!state.optionsUnknown && !allowed(inputId()));
+    return {
+      ...state, price: price(inputId()), optionsIncomplete: derive(state).optionsIncomplete || !allowed(inputId()) || lastProduct?.productType?.toLowerCase() === "digital",
+      cartHint: !purchase.appleRoute && blocked ? unavailable : state.cartHint === unavailable ? "" : state.cartHint,
+      cartHidden: purchase.appleRoute,
+      buyHidden: !purchase.appleRoute || purchase.accessReady, buyLabel: purchase.buyLabel, buyDisabled: purchase.buyDisabled, buyNote: purchase.buyNote,
+      purchasedNote: purchase.accessReady ? copyParam("product.purchasedText", "Purchased") : "",
+    };
+  },
 });
 
+/** The App Store action, only for the one shape it sells: digital, with no options to choose, read
+ *  from the product loaded for the id on screen (as Add to cart is). A cached product whose
+ *  options were never read is not known to have none. */
+function applePurchase(state: S): IapPurchaseFields {
+  const id = inputId();
+  const loaded = !!id && lastLoadedId === id;
+  const sellable = SELLS_THROUGH_APPLE && loaded && lastProduct?.productType?.toLowerCase() === "digital" && !state.optionsUnknown && state.optionGroups.length === 0;
+  const copy = { ...iapPurchaseCopy("product"), buy: copyParam("product.buyCta", "Buy") };
+  const fields = sellable ? productPricing.purchaseFields({ kind: "storesProduct", id }, copy) : NOT_APPLE;
+  return fields.appleRoute ? fields : NOT_APPLE;
+}
+
+/** On every entry: the first starts the checkout (recovering held purchases), later ones reconcile. */
+function enterCheckout(): void {
+  if (!SELLS_THROUGH_APPLE) return;
+  void (checkoutEntered ? productPricing.reconcile() : productPricing.start());
+  checkoutEntered = true;
+}
+
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => Promise<S>;
   setQuantity: (s: S, arg?: unknown) => S;
@@ -329,6 +376,8 @@ const svc = defineService<S, {
   toggleSave: (s: S) => S;
   /** [rico] #3372 — RichContent's on_link: `{ url }` of the tapped link. */
   openLink: (s: S, arg?: unknown) => Promise<S>;
+  /** The App Store Buy: through the shared checkout, for the product on screen. */
+  buy: (s: S) => Promise<S>;
 }>("himiStoreProduct", {
   state: derive({
     status: "loading",
@@ -375,10 +424,17 @@ const svc = defineService<S, {
     opt1Label: "", opt1Chips: [], opt1Selected: [], noOpt1: true,
     opt2Label: "", opt2Chips: [], opt2Selected: [], noOpt2: true,
     opt3Label: "", opt3Chips: [], opt3Selected: [], noOpt3: true,
+    cartHidden: false,
+    buyHidden: true,
+    buyLabel: "",
+    buyDisabled: true,
+    buyNote: "",
+    purchasedNote: "",
   }),
   actions: {
     load: async (s, arg): Promise<S> => {
       stashCopy(arg);
+      enterCheckout();
       const sequence = ++productLoadSequence;
       lastProduct = undefined;
       const id = inputId();
@@ -657,6 +713,13 @@ const svc = defineService<S, {
     openLink: async (s, arg) => ((await openRichLink(arg))
       ? s
       : derive({ ...s, added: false, cartHint: copyParam("product.linkOpenFailed", "This link could not be opened.") })),
+    buy: async (s): Promise<S> => {
+      const id = inputId();
+      const purchase = applePurchase(s);
+      if (!purchase.appleRoute || purchase.buyDisabled) return s;
+      await productPricing.buy({ reference: { kind: "storesProduct", id }, catalogReference: { appId: WIX_STORES_APP, catalogItemId: id }, quantity: 1 });
+      return svc.getState() as S;
+    },
   },
 });
 

package/templates/branded-lite/dev/index.ts

@@ -82885,7 +82885,55 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
               "modifiers": {
                 "cornerRadius": 8,
                 "pressFeedback": "scale",
-                "haptic": "medium"
+                "haptic": "medium",
+                "hiddenPath": "$service:himiStoreProduct.cartHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "$service:himiStoreProduct.buyLabel",
+                  "style": "primary",
+                  "fullWidth": true,
+                  "disabledPath": "$service:himiStoreProduct.buyDisabled",
+                  "action": {
+                    "actionId": "tier5.himiStoreProduct.buy"
+                  }
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy_note",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.buyNote",
+                  "style": "footnote",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.purchased",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.purchasedNote",
+                  "style": "footnote",
+                  "collapseWhenEmpty": true
+                }
               }
             },
             {

package/templates/branded-lite/tier5-src/_shared/iap-presentation.ts

@@ -1,11 +1,13 @@
 import { defineService, type ServiceDefinition } from "@himalaya/state";
-import { createIapCommerce, type IapCommerce } from "@himalaya/iap-checkout";
+import { createIapCommerce, type IapCommerce, type IapOrderAdapter } from "@himalaya/iap-checkout";
 import { iapPriceFields, type IapCatalogItem } from "@himalaya/iap";
 import { iapPriceCopy, resetUnhydratedKeysOnOlderRuntime } from "./iap-worker.js";
 
 // Presentation only. Checkout, mapping, cache, session and refresh policy stay in the shared flow.
 export function withIapPresentation<S extends object>(options: {
   register?: typeof defineService;
+  /** The verticals this screen sells; none for a screen that only shows prices. */
+  adapters?: readonly IapOrderAdapter[];
   onCreate?(commerce: IapCommerce): void;
   onContent?(state: S): void;
   items(state: S): IapCatalogItem[];
@@ -15,7 +17,7 @@ export function withIapPresentation<S extends object>(options: {
   prefix: string;
 }): typeof defineService {
   return ((name: string, definition: ServiceDefinition<S>) => {
-    const commerce = createIapCommerce({ onChange: () => { void service.iapPublish(); } });
+    const commerce = createIapCommerce({ adapters: options.adapters, onChange: () => { void service.iapPublish(); } });
     options.onCreate?.(commerce);
     let items: IapCatalogItem[] = [];
     let contentVersion = 0;

package/templates/branded-lite/tier5-src/himi-store-product/index.ts

@@ -1,7 +1,7 @@
 // Tier-5 bundle: himi-store — product detail.
 import { withIapPresentation } from "../_shared/iap-presentation.js";
-import { type IapCommerce } from "@himalaya/iap-checkout";
-import { iapPriceCopy } from "../_shared/iap-worker.js";
+import { itemPaymentEnabled, storesProductOrders, type IapCommerce, type IapPurchaseFields } from "@himalaya/iap-checkout";
+import { iapPriceCopy, iapPurchaseCopy } from "../_shared/iap-worker.js";
 import { share as shareSheet } from "@himalaya/share";
 import { addToCurrentCart, getCurrentCart } from "@himalaya/wix-ecom";
 import { get, upsert, enqueue, type DbEntity } from "@himalaya/local-db";
@@ -202,6 +202,14 @@ interface S {
   opt1Label: string; opt1Chips: OptionChip[]; opt1Selected: string[]; noOpt1: boolean;
   opt2Label: string; opt2Chips: OptionChip[]; opt2Selected: string[]; noOpt2: boolean;
   opt3Label: string; opt3Chips: OptionChip[]; opt3Selected: string[]; noOpt3: boolean;
+  /** The App Store action (`commerce.purchaseFields`), in place of Add to cart while it shows. */
+  cartHidden: boolean;
+  buyHidden: boolean;
+  buyLabel: string;
+  buyDisabled: boolean;
+  buyNote: string;
+  /** Shown once the eCom order reads paid, never on the payment's approval alone. */
+  purchasedNote: string;
 }
 
 function inputId(): string {
@@ -309,14 +317,53 @@ function derive(s: S): S {
 // read answering late — must not replace the badge the add set (#3468 review).
 let cartBadgeEpoch = 0;
 
+// A digital product with no options sells through the App Store once the platform pays for Wix
+// Stores items with wix-iap StartItemPayment (`itemPaymentEnabled`). Until then, and for any other
+// product, an App Store route only blocks the regular checkout, as before.
+const SELLS_THROUGH_APPLE = itemPaymentEnabled();
+const WIX_STORES_APP = "215238eb-22a5-4c36-9e7b-e7c08025e04e";
+const NOT_APPLE: IapPurchaseFields = { appleRoute: false, accessReady: false, buyLabel: "", buyDisabled: true, buyBusy: false, buyNote: "" };
+
 let productPricing: IapCommerce;
+let checkoutEntered = false;
 const defineService = withIapPresentation<S>({
-  onCreate: commerce => { productPricing = commerce; }, prefix: "product", transientKeys: ["price", "optionsIncomplete"], contentActions: ["load", "paintCached"],
+  adapters: SELLS_THROUGH_APPLE ? [storesProductOrders] : [],
+  onCreate: commerce => { productPricing = commerce; }, prefix: "product",
+  transientKeys: ["price", "optionsIncomplete", "cartHint", "cartHidden", "buyHidden", "buyLabel", "buyDisabled", "buyNote", "purchasedNote"], contentActions: ["load", "paintCached"],
   items: state => inputId() ? [{ reference: { kind: "storesProduct", id: inputId() }, commerceDisplayPrice: state.price }] : [],
-  present: (state, price, allowed) => ({ ...state, price: price(inputId()), optionsIncomplete: derive(state).optionsIncomplete || !allowed(inputId()) || lastProduct?.productType?.toLowerCase() === "digital",
-    cartHint: lastProduct?.productType?.toLowerCase() === "digital" || (!state.optionsUnknown && !allowed(inputId())) ? iapPriceCopy("product").purchaseUnavailable : state.cartHint === iapPriceCopy("product").purchaseUnavailable ? "" : state.cartHint }),
+  present: (state, price, allowed) => {
+    const purchase = applePurchase(state);
+    const unavailable = iapPriceCopy("product").purchaseUnavailable;
+    const blocked = lastProduct?.productType?.toLowerCase() === "digital" || (!state.optionsUnknown && !allowed(inputId()));
+    return {
+      ...state, price: price(inputId()), optionsIncomplete: derive(state).optionsIncomplete || !allowed(inputId()) || lastProduct?.productType?.toLowerCase() === "digital",
+      cartHint: !purchase.appleRoute && blocked ? unavailable : state.cartHint === unavailable ? "" : state.cartHint,
+      cartHidden: purchase.appleRoute,
+      buyHidden: !purchase.appleRoute || purchase.accessReady, buyLabel: purchase.buyLabel, buyDisabled: purchase.buyDisabled, buyNote: purchase.buyNote,
+      purchasedNote: purchase.accessReady ? copyParam("product.purchasedText", "Purchased") : "",
+    };
+  },
 });
 
+/** The App Store action, only for the one shape it sells: digital, with no options to choose, read
+ *  from the product loaded for the id on screen (as Add to cart is). A cached product whose
+ *  options were never read is not known to have none. */
+function applePurchase(state: S): IapPurchaseFields {
+  const id = inputId();
+  const loaded = !!id && lastLoadedId === id;
+  const sellable = SELLS_THROUGH_APPLE && loaded && lastProduct?.productType?.toLowerCase() === "digital" && !state.optionsUnknown && state.optionGroups.length === 0;
+  const copy = { ...iapPurchaseCopy("product"), buy: copyParam("product.buyCta", "Buy") };
+  const fields = sellable ? productPricing.purchaseFields({ kind: "storesProduct", id }, copy) : NOT_APPLE;
+  return fields.appleRoute ? fields : NOT_APPLE;
+}
+
+/** On every entry: the first starts the checkout (recovering held purchases), later ones reconcile. */
+function enterCheckout(): void {
+  if (!SELLS_THROUGH_APPLE) return;
+  void (checkoutEntered ? productPricing.reconcile() : productPricing.start());
+  checkoutEntered = true;
+}
+
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => Promise<S>;
   setQuantity: (s: S, arg?: unknown) => S;
@@ -329,6 +376,8 @@ const svc = defineService<S, {
   toggleSave: (s: S) => S;
   /** [rico] #3372 — RichContent's on_link: `{ url }` of the tapped link. */
   openLink: (s: S, arg?: unknown) => Promise<S>;
+  /** The App Store Buy: through the shared checkout, for the product on screen. */
+  buy: (s: S) => Promise<S>;
 }>("himiStoreProduct", {
   state: derive({
     status: "loading",
@@ -375,10 +424,17 @@ const svc = defineService<S, {
     opt1Label: "", opt1Chips: [], opt1Selected: [], noOpt1: true,
     opt2Label: "", opt2Chips: [], opt2Selected: [], noOpt2: true,
     opt3Label: "", opt3Chips: [], opt3Selected: [], noOpt3: true,
+    cartHidden: false,
+    buyHidden: true,
+    buyLabel: "",
+    buyDisabled: true,
+    buyNote: "",
+    purchasedNote: "",
   }),
   actions: {
     load: async (s, arg): Promise<S> => {
       stashCopy(arg);
+      enterCheckout();
       const sequence = ++productLoadSequence;
       lastProduct = undefined;
       const id = inputId();
@@ -657,6 +713,13 @@ const svc = defineService<S, {
     openLink: async (s, arg) => ((await openRichLink(arg))
       ? s
       : derive({ ...s, added: false, cartHint: copyParam("product.linkOpenFailed", "This link could not be opened.") })),
+    buy: async (s): Promise<S> => {
+      const id = inputId();
+      const purchase = applePurchase(s);
+      if (!purchase.appleRoute || purchase.buyDisabled) return s;
+      await productPricing.buy({ reference: { kind: "storesProduct", id }, catalogReference: { appId: WIX_STORES_APP, catalogItemId: id }, quantity: 1 });
+      return svc.getState() as S;
+    },
   },
 });
 

package/templates/community-club/tier5-src/_shared/iap-presentation.ts

@@ -1,11 +1,13 @@
 import { defineService, type ServiceDefinition } from "@himalaya/state";
-import { createIapCommerce, type IapCommerce } from "@himalaya/iap-checkout";
+import { createIapCommerce, type IapCommerce, type IapOrderAdapter } from "@himalaya/iap-checkout";
 import { iapPriceFields, type IapCatalogItem } from "@himalaya/iap";
 import { iapPriceCopy, resetUnhydratedKeysOnOlderRuntime } from "./iap-worker.js";
 
 // Presentation only. Checkout, mapping, cache, session and refresh policy stay in the shared flow.
 export function withIapPresentation<S extends object>(options: {
   register?: typeof defineService;
+  /** The verticals this screen sells; none for a screen that only shows prices. */
+  adapters?: readonly IapOrderAdapter[];
   onCreate?(commerce: IapCommerce): void;
   onContent?(state: S): void;
   items(state: S): IapCatalogItem[];
@@ -15,7 +17,7 @@ export function withIapPresentation<S extends object>(options: {
   prefix: string;
 }): typeof defineService {
   return ((name: string, definition: ServiceDefinition<S>) => {
-    const commerce = createIapCommerce({ onChange: () => { void service.iapPublish(); } });
+    const commerce = createIapCommerce({ adapters: options.adapters, onChange: () => { void service.iapPublish(); } });
     options.onCreate?.(commerce);
     let items: IapCatalogItem[] = [];
     let contentVersion = 0;

package/templates/events-meetups/tier5-src/_shared/iap-presentation.ts

@@ -1,11 +1,13 @@
 import { defineService, type ServiceDefinition } from "@himalaya/state";
-import { createIapCommerce, type IapCommerce } from "@himalaya/iap-checkout";
+import { createIapCommerce, type IapCommerce, type IapOrderAdapter } from "@himalaya/iap-checkout";
 import { iapPriceFields, type IapCatalogItem } from "@himalaya/iap";
 import { iapPriceCopy, resetUnhydratedKeysOnOlderRuntime } from "./iap-worker.js";
 
 // Presentation only. Checkout, mapping, cache, session and refresh policy stay in the shared flow.
 export function withIapPresentation<S extends object>(options: {
   register?: typeof defineService;
+  /** The verticals this screen sells; none for a screen that only shows prices. */
+  adapters?: readonly IapOrderAdapter[];
   onCreate?(commerce: IapCommerce): void;
   onContent?(state: S): void;
   items(state: S): IapCatalogItem[];
@@ -15,7 +17,7 @@ export function withIapPresentation<S extends object>(options: {
   prefix: string;
 }): typeof defineService {
   return ((name: string, definition: ServiceDefinition<S>) => {
-    const commerce = createIapCommerce({ onChange: () => { void service.iapPublish(); } });
+    const commerce = createIapCommerce({ adapters: options.adapters, onChange: () => { void service.iapPublish(); } });
     options.onCreate?.(commerce);
     let items: IapCatalogItem[] = [];
     let contentVersion = 0;

package/templates/gym-fitness/dev/index.ts

@@ -31318,7 +31318,55 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
               "modifiers": {
                 "cornerRadius": 8,
                 "pressFeedback": "scale",
-                "haptic": "medium"
+                "haptic": "medium",
+                "hiddenPath": "$service:himiStoreProduct.cartHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "$service:himiStoreProduct.buyLabel",
+                  "style": "primary",
+                  "fullWidth": true,
+                  "disabledPath": "$service:himiStoreProduct.buyDisabled",
+                  "action": {
+                    "actionId": "tier5.himiStoreProduct.buy"
+                  }
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.buy_note",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.buyNote",
+                  "style": "footnote",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.buyHidden"
+              }
+            },
+            {
+              "id": "himi_product.purchased",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiStoreProduct.purchasedNote",
+                  "style": "footnote",
+                  "collapseWhenEmpty": true
+                }
               }
             },
             {

package/templates/gym-fitness/tier5-src/_shared/iap-presentation.ts

@@ -1,11 +1,13 @@
 import { defineService, type ServiceDefinition } from "@himalaya/state";
-import { createIapCommerce, type IapCommerce } from "@himalaya/iap-checkout";
+import { createIapCommerce, type IapCommerce, type IapOrderAdapter } from "@himalaya/iap-checkout";
 import { iapPriceFields, type IapCatalogItem } from "@himalaya/iap";
 import { iapPriceCopy, resetUnhydratedKeysOnOlderRuntime } from "./iap-worker.js";
 
 // Presentation only. Checkout, mapping, cache, session and refresh policy stay in the shared flow.
 export function withIapPresentation<S extends object>(options: {
   register?: typeof defineService;
+  /** The verticals this screen sells; none for a screen that only shows prices. */
+  adapters?: readonly IapOrderAdapter[];
   onCreate?(commerce: IapCommerce): void;
   onContent?(state: S): void;
   items(state: S): IapCatalogItem[];
@@ -15,7 +17,7 @@ export function withIapPresentation<S extends object>(options: {
   prefix: string;
 }): typeof defineService {
   return ((name: string, definition: ServiceDefinition<S>) => {
-    const commerce = createIapCommerce({ onChange: () => { void service.iapPublish(); } });
+    const commerce = createIapCommerce({ adapters: options.adapters, onChange: () => { void service.iapPublish(); } });
     options.onCreate?.(commerce);
     let items: IapCatalogItem[] = [];
     let contentVersion = 0;