@wix/himalaya-cli 0.1615.0 → 0.1617.0

package/templates/gym-fitness/tier5-src/himi-booking-service/index.ts

@@ -13,6 +13,7 @@ import { addDays, dayKey, dayLabel, timeLabel } from "@himalaya/time";
 import { getService, queryServiceAvailability, registerToWaitlist, type WixAvailabilityEntry, type WixService, type WixServiceAddress, type WixServiceBookingPolicy } from "@himalaya/wix-bookings";
 import { getMyMember } from "@himalaya/wix-members";
 import { memberAccess, type MemberAccess } from "../_shared/member-access.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { placesIn, sessionControl, sessionOf, type MemberPlace, type Session, type SessionControl } from "../_shared/booking-session.js";
 import { categoryName, courseDatesText, courseReadWindows, courseSessionsAvailability, courseWindowOpen, serviceDurationText, servicePriceLine, slotStartInstant, type BookingLabel, type ServicePriceLine } from "../_shared/himi-bookings.js";
 import { formatServiceMoney, serviceCurrency } from "../_shared/wix-service-price.js";
@@ -723,10 +724,14 @@ const sameMember = (a: MemberAccess | undefined, b: MemberAccess | undefined): b
  *  appear (or tap) params — Branded Lite passes `himi_sign_in` as a sheet. */
 let signInScreenId = "";
 let signInPresentation: "" | "sheet" | "full_screen" = "";
+let signInStyle: "page" | "" = "";
 function rememberSignIn(arg: unknown): void {
-  const a = (arg ?? {}) as { signInScreenId?: unknown; signInPresentation?: unknown };
+  const a = (arg ?? {}) as { signInScreenId?: unknown; signInPresentation?: unknown; signInSheetStyle?: unknown };
   if (typeof a.signInScreenId === "string" && a.signInScreenId.trim()) signInScreenId = a.signInScreenId.trim();
-  if (a.signInPresentation === "sheet" || a.signInPresentation === "full_screen") signInPresentation = a.signInPresentation;
+  if (a.signInPresentation === "sheet" || a.signInPresentation === "full_screen") {
+    signInPresentation = a.signInPresentation;
+    signInStyle = signInPageStyle(a.signInSheetStyle);
+  }
 }
 
 // ---- State -----------------------------------------------------------------------
@@ -1130,7 +1135,7 @@ const svc = defineService<S, {
           // joins the waitlist itself. A sign-in sheet only closes, and this screen loads again.
           if (!signInScreenId) return navigate(s, { screenId: "himi_time", args: { id: s.id, start: s.sessionStart, sessionId: s.sessionId } });
           return navigate(s, signInPresentation
-            ? { screenId: signInScreenId, presentation: signInPresentation, args: { mode: "signin", modal: "1" } }
+            ? { screenId: signInScreenId, presentation: signInPresentation, args: { mode: "signin", modal: "1", ...signInSheetStyle(signInPresentation, signInStyle) } }
             : { screenId: signInScreenId, args: { mode: "signin" } });
         }
         const name = await memberName();

package/templates/gym-fitness/tier5-src/himi-branded-lite-agenda/index.ts

@@ -28,6 +28,7 @@ import {
   queryServices, registerToWaitlist, type WixAvailabilityEntry, type WixBooking, type WixService,
 } from "@himalaya/wix-bookings";
 import { getMyMember } from "@himalaya/wix-members";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { LOADING, loadFailed, type LoadFlags } from "../_shared/branded-load-state.js";
 import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
 import { slotStartInstant } from "../_shared/himi-bookings.js";
@@ -650,6 +651,7 @@ async function settled(next: S | undefined): Promise<S | undefined> {
 
 /** How the app opens its sign-in screen, from the appear params ("" = push). */
 let signInPresentation: "" | "sheet" | "full_screen" = "";
+let signInStyle: "page" | "" = "";
 /** The app's sign-in screen (`signInScreenId` appear param): Branded Lite's `himi_sign_in` by
  *  default; an app with no such screen names its own (salon-spa: the Profile tab, `himi_account`). */
 let signInScreenId = "himi_sign_in";
@@ -680,7 +682,10 @@ const svc = defineService<S, {
     load: async (s, p) => {
       stashCopy(p);
       const presentation = argOf(p, "signInPresentation");
-      if (presentation === "sheet" || presentation === "full_screen") signInPresentation = presentation;
+      if (presentation === "sheet" || presentation === "full_screen") {
+        signInPresentation = presentation;
+        signInStyle = signInPageStyle(argOf(p, "signInSheetStyle"));
+      }
       const signInScreen = argOf(p, "signInScreenId");
       if (/^[a-z][a-z0-9_]{0,63}$/.test(signInScreen)) signInScreenId = signInScreen;
       const fw = Number(argOf(p, "firstWeekday") || s.firstWeekday);
@@ -883,7 +888,7 @@ const svc = defineService<S, {
           busy = false;
           // As a modal it only closes, and this screen loads again (its re-appearance reload).
           return navigate(s, signInPresentation
-            ? { screenId: signInScreenId, presentation: signInPresentation, args: { mode: "signin", modal: "1" } }
+            ? { screenId: signInScreenId, presentation: signInPresentation, args: { mode: "signin", modal: "1", ...signInSheetStyle(signInPresentation, signInStyle) } }
             : { screenId: signInScreenId, args: { mode: "signin", returnScreenId: "himi_agenda" } });
         }
         const name = await memberName();

package/templates/gym-fitness/tier5-src/himi-branded-lite-place-summary/index.ts

@@ -13,6 +13,7 @@ import { defineService, navigate } from "@himalaya/state";
 import { listMyPlanOrders, type WixPlanOrder } from "@himalaya/wix-pricing-plans";
 import { fetchMemberBookings, type MemberBookingRow } from "../_shared/member-bookings.js";
 import { memberAccess, assertMemberAccess, memberAccessDenied, type MemberAccess } from "../_shared/member-access.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { hostSiteFromInput } from "../_shared/branded-lite-hosted.js";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
@@ -53,6 +54,7 @@ const SIGN_IN_SCREEN = "himi_sign_in";
 
 let stashedVerticals: string[] | null = null;
 let signInPresentation: "sheet" | "full_screen" | undefined;
+let signInStyle: "page" | "" = "";
 let generation = 0;
 
 function appearVerticals(arg: unknown): string[] {
@@ -192,7 +194,10 @@ async function read(arg: unknown, again = true): Promise<PlaceSummaryState> {
 async function load(_s: PlaceSummaryState, arg?: unknown): Promise<PlaceSummaryState | undefined> {
   stashCopy(arg);
   const presentation = arg && typeof arg === "object" ? (arg as Record<string, unknown>).signInPresentation : undefined;
-  if (presentation === "sheet" || presentation === "full_screen") signInPresentation = presentation;
+  if (presentation === "sheet" || presentation === "full_screen") {
+    signInPresentation = presentation;
+    signInStyle = signInPageStyle((arg as Record<string, unknown>).signInSheetStyle);
+  }
   const mine = ++generation;
   const next = await read(arg);
   return mine === generation ? next : undefined;
@@ -211,7 +216,7 @@ const svc = defineService<PlaceSummaryState, {
       if (s.hideCta || !s.ctaScreenId) return s;
       // No return path: the tile is embedded, so the form closes over its host.
       return navigate(s, s.ctaScreenId === SIGN_IN_SCREEN && signInPresentation
-        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1" } }
+        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1", ...signInSheetStyle(signInPresentation, signInStyle) } }
         : { screenId: s.ctaScreenId, args: { mode: s.ctaMode } });
     },
   },

package/templates/gym-fitness/tier5-src/himi-store-account/index.ts

@@ -14,6 +14,7 @@ import { dispatch } from "@himalaya/dispatch";
 import { getCurrentCart, searchOrders, type WixOrder } from "@himalaya/wix-ecom";
 import { guestProfile, loadMemberProfile, signedInEmail, strOf, fmtDate, titleCase, type AccountActivityRow } from "../_shared/himi-account";
 import { stashCopy, copyParam, copyTemplate } from "../_shared/himi-copy.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { memberAccountRoutes } from "../_shared/member-account-routes.js";
 import { createIapCommerce, onlineProgramOrders, pricingPlanOrders, storesAppleSalesEnabled, storesProductOrders } from "@himalaya/iap-checkout";
 import { IAP_RESTORE_KEYS, NO_IAP_RESTORE, createIapRestore, resetUnhydratedKeysOnOlderRuntime, type IapRestoreFields } from "../_shared/iap-worker.js";
@@ -143,7 +144,7 @@ function openSignIn(next: S, args: Record<string, string>, after: { screenId: st
     if (after.args?.channelId) back.returnChannelId = after.args.channelId;
   }
   if (!presentation) return navigate(next, { screenId, args: { ...args, ...back } });
-  const modalArgs: Record<string, string> = { ...args, modal: "1" };
+  const modalArgs: Record<string, string> = { ...args, modal: "1", ...signInSheetStyle(presentation, signInStyleRequested) };
   // With no tab to open it on, a modal has no way to the member screen: it only closes.
   if (after && signInReturnTabRequested) Object.assign(modalArgs, back, { returnTab: signInReturnTabRequested });
   return navigate(next, { screenId, presentation, args: modalArgs });
@@ -231,6 +232,8 @@ let appliedSeq = 0;
 let signInScreenRequested = "";
 /** Account only: how it opens the standalone sign-in screen ("" = push). */
 let signInPresentationRequested: "" | "sheet" | "full_screen" = "";
+/** Account only: `signInSheetStyle`, "page" when the app opens that sheet as a full page. */
+let signInStyleRequested: "page" | "" = "";
 /** Account only: its tab, where a member screen opens after a modal sign-in. */
 let signInReturnTabRequested = "";
 let standaloneRequested = false;
@@ -268,7 +271,10 @@ function appearConfig(s: S, arg: unknown): AppearConfig {
   }
   signInScreenRequested ||= strField(arg, "signInScreen") || s.signInScreen;
   const presentation = strField(arg, "signInPresentation");
-  if (presentation === "sheet" || presentation === "full_screen") signInPresentationRequested = presentation;
+  if (presentation === "sheet" || presentation === "full_screen") {
+    signInPresentationRequested = presentation;
+    signInStyleRequested = signInPageStyle(strField(arg, "signInSheetStyle"));
+  }
   signInReturnTabRequested ||= strField(arg, "signInReturnTab");
   // Only the sign-in screen's route carries `mode`, so it marks the form from the boot load on.
   standaloneRequested ||= s.standalone || appearing || (!routeInputConsumed && !!routeInput().mode);

package/templates/nonprofit-cause/dev/index.ts

@@ -2443,7 +2443,8 @@ const SCREENS = runtimeSetting({
                                     "params": {
                                       "screenId": "himi_sign_in",
                                       "mode": "signin",
-                                      "modal": "1"
+                                      "modal": "1",
+                                      "sheetStyle": "page"
                                     },
                                     "presentation": "sheet"
                                   }
@@ -2464,7 +2465,8 @@ const SCREENS = runtimeSetting({
                                     "params": {
                                       "screenId": "himi_sign_in",
                                       "mode": "register",
-                                      "modal": "1"
+                                      "modal": "1",
+                                      "sheetStyle": "page"
                                     },
                                     "presentation": "sheet"
                                   }
@@ -3668,6 +3670,7 @@ const SCREENS = runtimeSetting({
             "restorePurchases": "1",
             "signInScreen": "himi_sign_in",
             "signInPresentation": "sheet",
+            "signInSheetStyle": "page",
             "signInReturnTab": "profile",
             "pollIdentity": "1",
             "copy": "{\"account.subtitle\":\"RSVPs, memberships, groups and saved content in one place.\",\"storeAccount.authBody\":\"Sign in to continue — RSVPs, memberships and groups stay with you.\",\"storeAccount.authBodyRegister\":\"Create a member account to continue — RSVPs, memberships and groups stay with you.\"}"
@@ -3925,7 +3928,8 @@ const SCREENS = runtimeSetting({
                               "screenId": "himi_sign_in",
                               "mode": "signin",
                               "returnScreenId": "himi_account_settings",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -6945,7 +6949,8 @@ const SCREENS = runtimeSetting({
                             "params": {
                               "screenId": "himi_sign_in",
                               "returnScreenId": "himi_notif_settings",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -7340,7 +7345,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "profile",
                               "returnScreenId": "himi_view_profile",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -8408,7 +8414,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "wallet",
                               "returnScreenId": "himi_wallet",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -8920,7 +8927,8 @@ const SCREENS = runtimeSetting({
           "actionId": "tier5.himiPlaceSummary.load",
           "params": {
             "verticals": "[\"plans\",\"feed\",\"events\",\"blog\",\"groups\"]",
-            "signInPresentation": "sheet"
+            "signInPresentation": "sheet",
+            "signInSheetStyle": "page"
           }
         }
       }
@@ -11867,7 +11875,8 @@ const SCREENS = runtimeSetting({
                     "params": {
                       "screenId": "himi_sign_in",
                       "mode": "signin",
-                      "modal": "1"
+                      "modal": "1",
+                      "sheetStyle": "page"
                     },
                     "presentation": "sheet"
                   }
@@ -12370,7 +12379,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "post",
                               "returnScreenId": "himi_feed",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -12990,7 +13000,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "post",
                               "returnScreenId": "himi_create_post",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -16769,7 +16780,8 @@ const SCREENS = runtimeSetting({
                             "params": {
                               "screenId": "himi_sign_in",
                               "mode": "signin",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -23883,7 +23895,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "groups",
                               "returnScreenId": "himi_my_groups",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -27238,7 +27251,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                               "screenId": "himi_sign_in",
                               "mode": "signin",
                               "intent": "rsvp",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -27554,7 +27568,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                             "params": {
                               "screenId": "himi_sign_in",
                               "mode": "signin",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -28832,7 +28847,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                               "contextName": "$service:himiBrandedGroup.name",
                               "returnScreenId": "himi_group",
                               "returnId": "$service:himiBrandedGroup.id",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }

package/templates/nonprofit-cause/tier5-src/_shared/sign-in-sheet.ts

@@ -0,0 +1,18 @@
+// A sign-in sheet can be a form page rather than a drawer. `sheetStyle: "page"` keeps the iOS sheet
+// and opens a full-screen modal on Android and web, whose sheet is a bottom drawer. A host older
+// than the param ignores it and draws its own sheet.
+//
+// Opt-in per app: the app passes `signInSheetStyle: "page"` beside `signInPresentation`. These
+// workers are shared (Salon & Spa runs them too), and an app that opens its other sign-ins as a
+// plain sheet must not get a page from some of them and a drawer from the rest.
+
+/** The app's `signInSheetStyle` param, read beside `signInPresentation`: "page", else "". */
+export function signInPageStyle(value: unknown): "page" | "" {
+  return value === "page" ? "page" : "";
+}
+
+/** The nav args a sign-in opened with `presentation` adds: `sheetStyle` on a sheet the app asked
+ *  to open as a page, else none. */
+export function signInSheetStyle(presentation: string | undefined, style: "page" | ""): { sheetStyle?: "page" } {
+  return presentation === "sheet" && style === "page" ? { sheetStyle: "page" } : {};
+}

package/templates/nonprofit-cause/tier5-src/himi-branded-lite-place-summary/index.ts

@@ -13,6 +13,7 @@ import { defineService, navigate } from "@himalaya/state";
 import { listMyPlanOrders, type WixPlanOrder } from "@himalaya/wix-pricing-plans";
 import { fetchMemberBookings, type MemberBookingRow } from "../_shared/member-bookings.js";
 import { memberAccess, assertMemberAccess, memberAccessDenied, type MemberAccess } from "../_shared/member-access.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { hostSiteFromInput } from "../_shared/branded-lite-hosted.js";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
@@ -53,6 +54,7 @@ const SIGN_IN_SCREEN = "himi_sign_in";
 
 let stashedVerticals: string[] | null = null;
 let signInPresentation: "sheet" | "full_screen" | undefined;
+let signInStyle: "page" | "" = "";
 let generation = 0;
 
 function appearVerticals(arg: unknown): string[] {
@@ -192,7 +194,10 @@ async function read(arg: unknown, again = true): Promise<PlaceSummaryState> {
 async function load(_s: PlaceSummaryState, arg?: unknown): Promise<PlaceSummaryState | undefined> {
   stashCopy(arg);
   const presentation = arg && typeof arg === "object" ? (arg as Record<string, unknown>).signInPresentation : undefined;
-  if (presentation === "sheet" || presentation === "full_screen") signInPresentation = presentation;
+  if (presentation === "sheet" || presentation === "full_screen") {
+    signInPresentation = presentation;
+    signInStyle = signInPageStyle((arg as Record<string, unknown>).signInSheetStyle);
+  }
   const mine = ++generation;
   const next = await read(arg);
   return mine === generation ? next : undefined;
@@ -211,7 +216,7 @@ const svc = defineService<PlaceSummaryState, {
       if (s.hideCta || !s.ctaScreenId) return s;
       // No return path: the tile is embedded, so the form closes over its host.
       return navigate(s, s.ctaScreenId === SIGN_IN_SCREEN && signInPresentation
-        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1" } }
+        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1", ...signInSheetStyle(signInPresentation, signInStyle) } }
         : { screenId: s.ctaScreenId, args: { mode: s.ctaMode } });
     },
   },

package/templates/nonprofit-cause/tier5-src/himi-store-account/index.ts

@@ -14,6 +14,7 @@ import { dispatch } from "@himalaya/dispatch";
 import { getCurrentCart, searchOrders, type WixOrder } from "@himalaya/wix-ecom";
 import { guestProfile, loadMemberProfile, signedInEmail, strOf, fmtDate, titleCase, type AccountActivityRow } from "../_shared/himi-account";
 import { stashCopy, copyParam, copyTemplate } from "../_shared/himi-copy.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { memberAccountRoutes } from "../_shared/member-account-routes.js";
 import { createIapCommerce, onlineProgramOrders, pricingPlanOrders, storesAppleSalesEnabled, storesProductOrders } from "@himalaya/iap-checkout";
 import { IAP_RESTORE_KEYS, NO_IAP_RESTORE, createIapRestore, resetUnhydratedKeysOnOlderRuntime, type IapRestoreFields } from "../_shared/iap-worker.js";
@@ -143,7 +144,7 @@ function openSignIn(next: S, args: Record<string, string>, after: { screenId: st
     if (after.args?.channelId) back.returnChannelId = after.args.channelId;
   }
   if (!presentation) return navigate(next, { screenId, args: { ...args, ...back } });
-  const modalArgs: Record<string, string> = { ...args, modal: "1" };
+  const modalArgs: Record<string, string> = { ...args, modal: "1", ...signInSheetStyle(presentation, signInStyleRequested) };
   // With no tab to open it on, a modal has no way to the member screen: it only closes.
   if (after && signInReturnTabRequested) Object.assign(modalArgs, back, { returnTab: signInReturnTabRequested });
   return navigate(next, { screenId, presentation, args: modalArgs });
@@ -231,6 +232,8 @@ let appliedSeq = 0;
 let signInScreenRequested = "";
 /** Account only: how it opens the standalone sign-in screen ("" = push). */
 let signInPresentationRequested: "" | "sheet" | "full_screen" = "";
+/** Account only: `signInSheetStyle`, "page" when the app opens that sheet as a full page. */
+let signInStyleRequested: "page" | "" = "";
 /** Account only: its tab, where a member screen opens after a modal sign-in. */
 let signInReturnTabRequested = "";
 let standaloneRequested = false;
@@ -268,7 +271,10 @@ function appearConfig(s: S, arg: unknown): AppearConfig {
   }
   signInScreenRequested ||= strField(arg, "signInScreen") || s.signInScreen;
   const presentation = strField(arg, "signInPresentation");
-  if (presentation === "sheet" || presentation === "full_screen") signInPresentationRequested = presentation;
+  if (presentation === "sheet" || presentation === "full_screen") {
+    signInPresentationRequested = presentation;
+    signInStyleRequested = signInPageStyle(strField(arg, "signInSheetStyle"));
+  }
   signInReturnTabRequested ||= strField(arg, "signInReturnTab");
   // Only the sign-in screen's route carries `mode`, so it marks the form from the boot load on.
   standaloneRequested ||= s.standalone || appearing || (!routeInputConsumed && !!routeInput().mode);

package/templates/podcast-creator/dev/index.ts

@@ -2381,7 +2381,8 @@ const SCREENS = runtimeSetting({
                                     "params": {
                                       "screenId": "himi_sign_in",
                                       "mode": "signin",
-                                      "modal": "1"
+                                      "modal": "1",
+                                      "sheetStyle": "page"
                                     },
                                     "presentation": "sheet"
                                   }
@@ -2402,7 +2403,8 @@ const SCREENS = runtimeSetting({
                                     "params": {
                                       "screenId": "himi_sign_in",
                                       "mode": "register",
-                                      "modal": "1"
+                                      "modal": "1",
+                                      "sheetStyle": "page"
                                     },
                                     "presentation": "sheet"
                                   }
@@ -3606,6 +3608,7 @@ const SCREENS = runtimeSetting({
             "restorePurchases": "1",
             "signInScreen": "himi_sign_in",
             "signInPresentation": "sheet",
+            "signInSheetStyle": "page",
             "signInReturnTab": "profile",
             "pollIdentity": "1",
             "copy": "{\"account.subtitle\":\"RSVPs, memberships and saved content in one place.\",\"storeAccount.authBody\":\"Sign in to continue — RSVPs and memberships stay with you.\",\"storeAccount.authBodyRegister\":\"Create a member account to continue — RSVPs and memberships stay with you.\"}"
@@ -3863,7 +3866,8 @@ const SCREENS = runtimeSetting({
                               "screenId": "himi_sign_in",
                               "mode": "signin",
                               "returnScreenId": "himi_account_settings",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -6883,7 +6887,8 @@ const SCREENS = runtimeSetting({
                             "params": {
                               "screenId": "himi_sign_in",
                               "returnScreenId": "himi_notif_settings",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -7278,7 +7283,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "profile",
                               "returnScreenId": "himi_view_profile",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -8346,7 +8352,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "wallet",
                               "returnScreenId": "himi_wallet",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -8858,7 +8865,8 @@ const SCREENS = runtimeSetting({
           "actionId": "tier5.himiPlaceSummary.load",
           "params": {
             "verticals": "[\"plans\",\"feed\",\"events\",\"blog\",\"podcasts\"]",
-            "signInPresentation": "sheet"
+            "signInPresentation": "sheet",
+            "signInSheetStyle": "page"
           }
         }
       }
@@ -11805,7 +11813,8 @@ const SCREENS = runtimeSetting({
                     "params": {
                       "screenId": "himi_sign_in",
                       "mode": "signin",
-                      "modal": "1"
+                      "modal": "1",
+                      "sheetStyle": "page"
                     },
                     "presentation": "sheet"
                   }
@@ -12308,7 +12317,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "post",
                               "returnScreenId": "himi_feed",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -12928,7 +12938,8 @@ const SCREENS = runtimeSetting({
                               "mode": "signin",
                               "intent": "post",
                               "returnScreenId": "himi_create_post",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -16707,7 +16718,8 @@ const SCREENS = runtimeSetting({
                             "params": {
                               "screenId": "himi_sign_in",
                               "mode": "signin",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -20691,7 +20703,8 @@ const SCREENS = runtimeSetting({
                                     "actionId": "himi.open",
                                     "params": {
                                       "screenId": "himi_sign_in",
-                                      "modal": "1"
+                                      "modal": "1",
+                                      "sheetStyle": "page"
                                     },
                                     "presentation": "sheet"
                                   }
@@ -26608,7 +26621,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                               "screenId": "himi_sign_in",
                               "mode": "signin",
                               "intent": "rsvp",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }
@@ -26924,7 +26938,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                             "params": {
                               "screenId": "himi_sign_in",
                               "mode": "signin",
-                              "modal": "1"
+                              "modal": "1",
+                              "sheetStyle": "page"
                             },
                             "presentation": "sheet"
                           }

package/templates/podcast-creator/tier5-src/_shared/sign-in-sheet.ts

@@ -0,0 +1,18 @@
+// A sign-in sheet can be a form page rather than a drawer. `sheetStyle: "page"` keeps the iOS sheet
+// and opens a full-screen modal on Android and web, whose sheet is a bottom drawer. A host older
+// than the param ignores it and draws its own sheet.
+//
+// Opt-in per app: the app passes `signInSheetStyle: "page"` beside `signInPresentation`. These
+// workers are shared (Salon & Spa runs them too), and an app that opens its other sign-ins as a
+// plain sheet must not get a page from some of them and a drawer from the rest.
+
+/** The app's `signInSheetStyle` param, read beside `signInPresentation`: "page", else "". */
+export function signInPageStyle(value: unknown): "page" | "" {
+  return value === "page" ? "page" : "";
+}
+
+/** The nav args a sign-in opened with `presentation` adds: `sheetStyle` on a sheet the app asked
+ *  to open as a page, else none. */
+export function signInSheetStyle(presentation: string | undefined, style: "page" | ""): { sheetStyle?: "page" } {
+  return presentation === "sheet" && style === "page" ? { sheetStyle: "page" } : {};
+}

package/templates/podcast-creator/tier5-src/himi-branded-lite-place-summary/index.ts

@@ -13,6 +13,7 @@ import { defineService, navigate } from "@himalaya/state";
 import { listMyPlanOrders, type WixPlanOrder } from "@himalaya/wix-pricing-plans";
 import { fetchMemberBookings, type MemberBookingRow } from "../_shared/member-bookings.js";
 import { memberAccess, assertMemberAccess, memberAccessDenied, type MemberAccess } from "../_shared/member-access.js";
+import { signInPageStyle, signInSheetStyle } from "../_shared/sign-in-sheet.js";
 import { hostSiteFromInput } from "../_shared/branded-lite-hosted.js";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
@@ -53,6 +54,7 @@ const SIGN_IN_SCREEN = "himi_sign_in";
 
 let stashedVerticals: string[] | null = null;
 let signInPresentation: "sheet" | "full_screen" | undefined;
+let signInStyle: "page" | "" = "";
 let generation = 0;
 
 function appearVerticals(arg: unknown): string[] {
@@ -192,7 +194,10 @@ async function read(arg: unknown, again = true): Promise<PlaceSummaryState> {
 async function load(_s: PlaceSummaryState, arg?: unknown): Promise<PlaceSummaryState | undefined> {
   stashCopy(arg);
   const presentation = arg && typeof arg === "object" ? (arg as Record<string, unknown>).signInPresentation : undefined;
-  if (presentation === "sheet" || presentation === "full_screen") signInPresentation = presentation;
+  if (presentation === "sheet" || presentation === "full_screen") {
+    signInPresentation = presentation;
+    signInStyle = signInPageStyle((arg as Record<string, unknown>).signInSheetStyle);
+  }
   const mine = ++generation;
   const next = await read(arg);
   return mine === generation ? next : undefined;
@@ -211,7 +216,7 @@ const svc = defineService<PlaceSummaryState, {
       if (s.hideCta || !s.ctaScreenId) return s;
       // No return path: the tile is embedded, so the form closes over its host.
       return navigate(s, s.ctaScreenId === SIGN_IN_SCREEN && signInPresentation
-        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1" } }
+        ? { screenId: SIGN_IN_SCREEN, presentation: signInPresentation, args: { mode: "signin", modal: "1", ...signInSheetStyle(signInPresentation, signInStyle) } }
         : { screenId: s.ctaScreenId, args: { mode: s.ctaMode } });
     },
   },