@nok-integration/storefront-react 0.29.2 → 0.29.4

package/dist/index.d.ts

@@ -23,15 +23,15 @@ declare type AddCartItemRequest = z.infer<typeof AddCartItemRequest>;
 
 /** The `error` member — a machine `code`, a human `message`, and optional `details`. */
 declare const ApiErrorBody: z.ZodObject<{
-    code: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
+    code: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
     message: z.ZodString;
     details: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
 }, "strip", z.ZodTypeAny, {
-    code: "invalid_request" | "unauthorized" | "out_of_stock" | "cart_locked" | "sku_not_found" | "category_not_found" | "amount_mismatch" | "duplicate_order" | "order_not_found" | "order_not_cancellable" | "cart_not_found" | "support_ticket_not_found" | "vip_invite_not_found" | "vip_cart_conflict" | "vip_invite_mismatch" | "size_chart_not_found" | "forbidden" | "invalid_transition" | "rate_limited" | "server_error";
+    code: "invalid_request" | "unauthorized" | "out_of_stock" | "cart_locked" | "sku_not_found" | "category_not_found" | "amount_mismatch" | "duplicate_order" | "order_not_found" | "order_not_cancellable" | "cart_not_found" | "support_ticket_not_found" | "vip_invite_not_found" | "vip_cart_conflict" | "vip_invite_mismatch" | "vip_hero_missing" | "size_chart_not_found" | "forbidden" | "invalid_transition" | "rate_limited" | "server_error";
     message: string;
     details?: Record<string, unknown> | undefined;
 }, {
-    code: "invalid_request" | "unauthorized" | "out_of_stock" | "cart_locked" | "sku_not_found" | "category_not_found" | "amount_mismatch" | "duplicate_order" | "order_not_found" | "order_not_cancellable" | "cart_not_found" | "support_ticket_not_found" | "vip_invite_not_found" | "vip_cart_conflict" | "vip_invite_mismatch" | "size_chart_not_found" | "forbidden" | "invalid_transition" | "rate_limited" | "server_error";
+    code: "invalid_request" | "unauthorized" | "out_of_stock" | "cart_locked" | "sku_not_found" | "category_not_found" | "amount_mismatch" | "duplicate_order" | "order_not_found" | "order_not_cancellable" | "cart_not_found" | "support_ticket_not_found" | "vip_invite_not_found" | "vip_cart_conflict" | "vip_invite_mismatch" | "vip_hero_missing" | "size_chart_not_found" | "forbidden" | "invalid_transition" | "rate_limited" | "server_error";
     message: string;
     details?: Record<string, unknown> | undefined;
 }>;
@@ -3760,7 +3760,7 @@ export declare interface EmptyStateProps {
  * | rate_limited       | 429  | too many requests                             |
  * | server_error       | 500  | unexpected error (safe to retry idempotent)   |
  */
-declare const ErrorCode: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
+declare const ErrorCode: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
 
 declare type ErrorCode = z.infer<typeof ErrorCode>;
 
@@ -3783,7 +3783,7 @@ declare type ErrorCode = z.infer<typeof ErrorCode>;
  * | rate_limited       | 429  | too many requests                             |
  * | server_error       | 500  | unexpected error (safe to retry idempotent)   |
  */
-declare const ErrorCode_2: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
+declare const ErrorCode_2: z.ZodEnum<["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]>;
 
 declare type ErrorCode_2 = z.infer<typeof ErrorCode_2>;
 
@@ -7225,7 +7225,7 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
 
 declare type VipInviteView = z.infer<typeof VipInviteView>;
 
-export declare function VipLandingView({ token, onUnavailable }: VipLandingViewProps): JSX.Element;
+export declare function VipLandingView({ token, onUnavailable, screen }: VipLandingViewProps): JSX.Element;
 
 export declare interface VipLandingViewProps {
     /**
@@ -7235,6 +7235,11 @@ export declare interface VipLandingViewProps {
     token: string;
     /** Replaces the built-in screen for an invite that cannot be claimed. */
     onUnavailable?: (state: VipInviteUnavailableState) => ReactNode;
+    /**
+     * Which screen of the invite this URL is. `hero` is `/vip/<token>`, `product` is
+     * `/vip/<token>/product`. Defaults to `hero`.
+     */
+    screen?: 'hero' | 'product';
 }
 
 /** "Why shop with us" reassurance tiles. */

package/dist/index.mjs

@@ -4993,7 +4993,7 @@ function requireErrors$1() {
     });
     exports.ErrorResponse = exports.ApiErrorBody = exports.ERROR_CODE_STATUS = exports.ErrorCode = void 0;
     const zod_1 = requireZod();
-    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
+    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
     exports.ERROR_CODE_STATUS = {
       invalid_request: 400,
       unauthorized: 401,
@@ -5010,6 +5010,7 @@ function requireErrors$1() {
       vip_invite_not_found: 404,
       vip_cart_conflict: 409,
       vip_invite_mismatch: 409,
+      vip_hero_missing: 422,
       size_chart_not_found: 404,
       forbidden: 403,
       invalid_transition: 409,
@@ -11033,18 +11034,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_ws4so_15";
-const screen = "_screen_ws4so_20";
-const body$4 = "_body_ws4so_12";
-const items = "_items_ws4so_34";
-const sectionHeader = "_sectionHeader_ws4so_40";
-const sectionTitle = "_sectionTitle_ws4so_46";
-const count = "_count_ws4so_67";
-const lines = "_lines_ws4so_91";
-const footer = "_footer_ws4so_101";
-const empty = "_empty_ws4so_105";
-const cta$4 = "_cta_ws4so_145";
-const ctaError = "_ctaError_ws4so_153";
+const surface = "_surface_o6bcy_15";
+const screen = "_screen_o6bcy_20";
+const body$4 = "_body_o6bcy_12";
+const items = "_items_o6bcy_34";
+const sectionHeader = "_sectionHeader_o6bcy_40";
+const sectionTitle = "_sectionTitle_o6bcy_46";
+const count = "_count_o6bcy_67";
+const lines = "_lines_o6bcy_91";
+const footer = "_footer_o6bcy_101";
+const empty = "_empty_o6bcy_105";
+const cta$4 = "_cta_o6bcy_146";
+const ctaError = "_ctaError_o6bcy_154";
 const styles$o = {
   surface,
   screen,
@@ -14142,7 +14143,7 @@ function requireErrors() {
     });
     exports.ErrorResponse = exports.ApiErrorBody = exports.ERROR_CODE_STATUS = exports.ErrorCode = void 0;
     const zod_1 = requireZod();
-    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
+    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
     exports.ERROR_CODE_STATUS = {
       invalid_request: 400,
       unauthorized: 401,
@@ -14159,6 +14160,7 @@ function requireErrors() {
       vip_invite_not_found: 404,
       vip_cart_conflict: 409,
       vip_invite_mismatch: 409,
+      vip_hero_missing: 422,
       size_chart_not_found: 404,
       forbidden: 403,
       invalid_transition: 409,
@@ -14902,7 +14904,7 @@ function locatorOf(segment) {
   return null;
 }
 const INVALID_LINK = /* @__PURE__ */ new Set(["invalid_request", "vip_invite_not_found", "vip_invite_mismatch"]);
-function VipLandingView({ token, onUnavailable }) {
+function VipLandingView({ token, onUnavailable, screen: screen2 = "hero" }) {
   const t = useT();
   const { api, emit } = useShop();
   const locator = locatorOf(token);
@@ -14982,18 +14984,43 @@ function VipLandingView({ token, onUnavailable }) {
   }
   return jsx(ActiveLanding, {
     token,
-    invite
+    invite,
+    screen: screen2
   });
 }
-function ActiveLanding({ token, invite }) {
+function plainFirstLine(description2) {
+  if (!description2) return null;
+  const line2 = description2.replace(/<[^>]*>/g, " ").split(/\n+/).map((l) => l.replace(/\s+/g, " ").trim()).find((l) => l.length > 0);
+  if (!line2) return null;
+  const sentence = /^.*?[.!?](?=\s|$)/.exec(line2);
+  return sentence ? sentence[0] : line2;
+}
+function heroFromProduct(product, ctaLabel) {
+  const image2 = product.media[0] ?? null;
+  return {
+    image: image2,
+    desktop_image: image2,
+    headline: product.title,
+    body: plainFirstLine(product.description),
+    cta_label: ctaLabel
+  };
+}
+function ActiveLanding({ token, invite, screen: screen2 }) {
   const t = useT();
   const toast2 = useToast();
   const { api, emit } = useShop();
-  const product = useInPlaceScreen("vipProduct");
+  const navigate = useNavigate();
   const sku = invite.items[0]?.product_sku ?? "";
   const loaded = useProduct(sku, {
     showRecommendations: false
   });
+  const productPath = `/vip/${token}/product`;
+  const heroPath = `/vip/${token}`;
+  const go = useCallback((to) => {
+    if (navigate) navigate(to);
+    else window.location.assign(to);
+  }, [navigate]);
+  const fallback = useMemo(() => loaded.product ? heroFromProduct(loaded.product, t("See more")) : null, [loaded.product, t]);
   const claim = useCallback(async (variantSku) => {
     try {
       const current2 = await api.cart.get().catch(() => null);
@@ -15036,23 +15063,21 @@ function ActiveLanding({ token, invite }) {
       toast2.show(t(treatmentFor(code).body), "critical");
     }
   }, [api, emit, invite.invite_ref, t, toast2, token]);
-  if (invite.hero && product.value === null) {
-    return jsx(VipHero, {
-      hero: invite.hero,
-      onContinue: () => product.open("1")
+  if (screen2 === "hero") {
+    const hero2 = invite.hero ?? fallback;
+    if (hero2) return jsx(VipHero, {
+      hero: hero2,
+      onContinue: () => go(productPath)
     });
-  }
-  if (loaded.product) {
+  } else if (loaded.product) {
     return jsx(ProductDetail, {
       product: loaded.product,
       inventory: loaded.inventory,
       claim,
-      ...invite.hero ? {
-        breadcrumb: jsx(VipBreadcrumb, {
-          title: loaded.product.title,
-          onHome: product.close
-        })
-      } : {}
+      breadcrumb: jsx(VipBreadcrumb, {
+        title: loaded.product.title,
+        onHome: () => go(heroPath)
+      })
     }, loaded.product.sku);
   }
   if (loaded.loading) return jsx(ScreenSkeleton, {
@@ -15066,40 +15091,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_sml7n_14";
-const panel = "_panel_sml7n_40";
-const image = "_image_sml7n_93";
-const desktopArt = "_desktopArt_sml7n_98";
-const hero = "_hero_sml7n_137";
-const heroContent = "_heroContent_sml7n_228";
-const heroText = "_heroText_sml7n_252";
-const logo = "_logo_sml7n_261";
-const heroTitle = "_heroTitle_sml7n_281";
-const heroSub = "_heroSub_sml7n_305";
-const swipe = "_swipe_sml7n_324";
-const swipeLabel = "_swipeLabel_sml7n_331";
-const chevron$1 = "_chevron_sml7n_337";
-const overlay$1 = "_overlay_sml7n_11";
-const copy = "_copy_sml7n_374";
-const title$2 = "_title_sml7n_386";
-const subtitle$1 = "_subtitle_sml7n_395";
-const cta = "_cta_sml7n_403";
-const mosaic = "_mosaic_sml7n_447";
-const info = "_info_sml7n_459";
-const art = "_art_sml7n_463";
-const band = "_band_sml7n_468";
-const bandTitle = "_bandTitle_sml7n_477";
-const products = "_products_sml7n_489";
-const wideOnly = "_wideOnly_sml7n_509";
-const phoneOnly = "_phoneOnly_sml7n_535";
-const phoneArt = "_phoneArt_sml7n_536";
-const desktopFocal = "_desktopFocal_sml7n_545";
-const diptych = "_diptych_sml7n_736";
-const tile = "_tile_sml7n_741";
-const tileCopy = "_tileCopy_sml7n_755";
-const tileText = "_tileText_sml7n_768";
-const tileTitle = "_tileTitle_sml7n_775";
-const tileSubtitle = "_tileSubtitle_sml7n_782";
+const showcase = "_showcase_px8r_14";
+const panel = "_panel_px8r_40";
+const image = "_image_px8r_93";
+const desktopArt = "_desktopArt_px8r_98";
+const hero = "_hero_px8r_137";
+const heroContent = "_heroContent_px8r_228";
+const heroText = "_heroText_px8r_252";
+const logo = "_logo_px8r_261";
+const heroTitle = "_heroTitle_px8r_281";
+const heroSub = "_heroSub_px8r_305";
+const swipe = "_swipe_px8r_324";
+const swipeLabel = "_swipeLabel_px8r_331";
+const chevron$1 = "_chevron_px8r_337";
+const overlay$1 = "_overlay_px8r_11";
+const copy = "_copy_px8r_374";
+const title$2 = "_title_px8r_386";
+const subtitle$1 = "_subtitle_px8r_395";
+const cta = "_cta_px8r_403";
+const mosaic = "_mosaic_px8r_447";
+const info = "_info_px8r_459";
+const art = "_art_px8r_463";
+const band = "_band_px8r_468";
+const bandTitle = "_bandTitle_px8r_477";
+const products = "_products_px8r_489";
+const wideOnly = "_wideOnly_px8r_509";
+const phoneOnly = "_phoneOnly_px8r_535";
+const phoneArt = "_phoneArt_px8r_536";
+const desktopFocal = "_desktopFocal_px8r_545";
+const diptych = "_diptych_px8r_740";
+const tile = "_tile_px8r_745";
+const tileCopy = "_tileCopy_px8r_759";
+const tileText = "_tileText_px8r_772";
+const tileTitle = "_tileTitle_px8r_779";
+const tileSubtitle = "_tileSubtitle_px8r_786";
 const styles$3 = {
   showcase,
   panel,
@@ -15146,12 +15171,6 @@ function useDocumentSnap(ref, enabled = true) {
     const previousType = root2.style.scrollSnapType;
     const previousPadding = root2.style.scrollPaddingTop;
     root2.style.scrollPaddingTop = "0px";
-    const desktop = typeof window.matchMedia === "function" ? window.matchMedia("(min-width: 1200px)") : null;
-    const pad = () => {
-      root2.style.scrollPaddingTop = desktop?.matches ? "calc(var(--shop-chrome-top, 0px) + var(--shop-nav-height, 64px))" : "0px";
-    };
-    pad();
-    desktop?.addEventListener?.("change", pad);
     let snapping = false;
     let awaitingTouch = false;
     const layoutOf = () => {
@@ -15265,7 +15284,6 @@ function useDocumentSnap(ref, enabled = true) {
       passive: true
     });
     return () => {
-      desktop?.removeEventListener?.("change", pad);
       document.removeEventListener("scroll", note2, {
         capture: true
       });
@@ -15915,19 +15933,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1aeep_5";
-const scrim = "_scrim_1aeep_21";
-const sheet = "_sheet_1aeep_31";
-const header = "_header_1aeep_80";
-const close = "_close_1aeep_86";
-const list$1 = "_list_1aeep_105";
-const row = "_row_1aeep_120";
-const icon = "_icon_1aeep_149";
-const text = "_text_1aeep_157";
-const title = "_title_1aeep_165";
-const subtitle = "_subtitle_1aeep_172";
-const chevron = "_chevron_1aeep_178";
-const dropdown = "_dropdown_1aeep_187";
+const overlay = "_overlay_y4mxb_5";
+const scrim = "_scrim_y4mxb_21";
+const sheet = "_sheet_y4mxb_31";
+const header = "_header_y4mxb_80";
+const close = "_close_y4mxb_86";
+const list$1 = "_list_y4mxb_105";
+const row = "_row_y4mxb_120";
+const icon = "_icon_y4mxb_149";
+const text = "_text_y4mxb_157";
+const title = "_title_y4mxb_165";
+const subtitle = "_subtitle_y4mxb_172";
+const chevron = "_chevron_y4mxb_178";
+const dropdown = "_dropdown_y4mxb_187";
 const styles$1 = {
   overlay,
   scrim,
@@ -16137,6 +16155,7 @@ function ShopMenuSheet({ open, onClose, onManageOrders, onHelp, closeLabel, labe
       }), jsx("ul", {
         className: styles$1.list,
         children: rows.map((row2) => jsx("li", {
+          "data-row": row2.key,
           children: jsxs("button", {
             type: "button",
             className: styles$1.row,

package/dist/standalone/storefront.mjs

@@ -4993,7 +4993,7 @@ function requireErrors$1() {
     });
     exports.ErrorResponse = exports.ApiErrorBody = exports.ERROR_CODE_STATUS = exports.ErrorCode = void 0;
     const zod_1 = requireZod();
-    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
+    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
     exports.ERROR_CODE_STATUS = {
       invalid_request: 400,
       unauthorized: 401,
@@ -5010,6 +5010,7 @@ function requireErrors$1() {
       vip_invite_not_found: 404,
       vip_cart_conflict: 409,
       vip_invite_mismatch: 409,
+      vip_hero_missing: 422,
       size_chart_not_found: 404,
       forbidden: 403,
       invalid_transition: 409,
@@ -11033,18 +11034,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_ws4so_15";
-const screen = "_screen_ws4so_20";
-const body$4 = "_body_ws4so_12";
-const items = "_items_ws4so_34";
-const sectionHeader = "_sectionHeader_ws4so_40";
-const sectionTitle = "_sectionTitle_ws4so_46";
-const count = "_count_ws4so_67";
-const lines = "_lines_ws4so_91";
-const footer = "_footer_ws4so_101";
-const empty = "_empty_ws4so_105";
-const cta$4 = "_cta_ws4so_145";
-const ctaError = "_ctaError_ws4so_153";
+const surface = "_surface_o6bcy_15";
+const screen = "_screen_o6bcy_20";
+const body$4 = "_body_o6bcy_12";
+const items = "_items_o6bcy_34";
+const sectionHeader = "_sectionHeader_o6bcy_40";
+const sectionTitle = "_sectionTitle_o6bcy_46";
+const count = "_count_o6bcy_67";
+const lines = "_lines_o6bcy_91";
+const footer = "_footer_o6bcy_101";
+const empty = "_empty_o6bcy_105";
+const cta$4 = "_cta_o6bcy_146";
+const ctaError = "_ctaError_o6bcy_154";
 const styles$o = {
   surface,
   screen,
@@ -14142,7 +14143,7 @@ function requireErrors() {
     });
     exports.ErrorResponse = exports.ApiErrorBody = exports.ERROR_CODE_STATUS = exports.ErrorCode = void 0;
     const zod_1 = requireZod();
-    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
+    exports.ErrorCode = zod_1.z.enum(["invalid_request", "unauthorized", "out_of_stock", "cart_locked", "sku_not_found", "category_not_found", "amount_mismatch", "duplicate_order", "order_not_found", "order_not_cancellable", "cart_not_found", "support_ticket_not_found", "vip_invite_not_found", "vip_cart_conflict", "vip_invite_mismatch", "vip_hero_missing", "size_chart_not_found", "forbidden", "invalid_transition", "rate_limited", "server_error"]);
     exports.ERROR_CODE_STATUS = {
       invalid_request: 400,
       unauthorized: 401,
@@ -14159,6 +14160,7 @@ function requireErrors() {
       vip_invite_not_found: 404,
       vip_cart_conflict: 409,
       vip_invite_mismatch: 409,
+      vip_hero_missing: 422,
       size_chart_not_found: 404,
       forbidden: 403,
       invalid_transition: 409,
@@ -14902,7 +14904,7 @@ function locatorOf(segment) {
   return null;
 }
 const INVALID_LINK = /* @__PURE__ */ new Set(["invalid_request", "vip_invite_not_found", "vip_invite_mismatch"]);
-function VipLandingView({ token, onUnavailable }) {
+function VipLandingView({ token, onUnavailable, screen: screen2 = "hero" }) {
   const t = useT();
   const { api, emit } = useShop();
   const locator = locatorOf(token);
@@ -14982,18 +14984,43 @@ function VipLandingView({ token, onUnavailable }) {
   }
   return jsx(ActiveLanding, {
     token,
-    invite
+    invite,
+    screen: screen2
   });
 }
-function ActiveLanding({ token, invite }) {
+function plainFirstLine(description2) {
+  if (!description2) return null;
+  const line2 = description2.replace(/<[^>]*>/g, " ").split(/\n+/).map((l) => l.replace(/\s+/g, " ").trim()).find((l) => l.length > 0);
+  if (!line2) return null;
+  const sentence = /^.*?[.!?](?=\s|$)/.exec(line2);
+  return sentence ? sentence[0] : line2;
+}
+function heroFromProduct(product, ctaLabel) {
+  const image2 = product.media[0] ?? null;
+  return {
+    image: image2,
+    desktop_image: image2,
+    headline: product.title,
+    body: plainFirstLine(product.description),
+    cta_label: ctaLabel
+  };
+}
+function ActiveLanding({ token, invite, screen: screen2 }) {
   const t = useT();
   const toast2 = useToast();
   const { api, emit } = useShop();
-  const product = useInPlaceScreen("vipProduct");
+  const navigate = useNavigate();
   const sku = invite.items[0]?.product_sku ?? "";
   const loaded = useProduct(sku, {
     showRecommendations: false
   });
+  const productPath = `/vip/${token}/product`;
+  const heroPath = `/vip/${token}`;
+  const go = useCallback((to) => {
+    if (navigate) navigate(to);
+    else window.location.assign(to);
+  }, [navigate]);
+  const fallback = useMemo(() => loaded.product ? heroFromProduct(loaded.product, t("See more")) : null, [loaded.product, t]);
   const claim = useCallback(async (variantSku) => {
     try {
       const current2 = await api.cart.get().catch(() => null);
@@ -15036,23 +15063,21 @@ function ActiveLanding({ token, invite }) {
       toast2.show(t(treatmentFor(code).body), "critical");
     }
   }, [api, emit, invite.invite_ref, t, toast2, token]);
-  if (invite.hero && product.value === null) {
-    return jsx(VipHero, {
-      hero: invite.hero,
-      onContinue: () => product.open("1")
+  if (screen2 === "hero") {
+    const hero2 = invite.hero ?? fallback;
+    if (hero2) return jsx(VipHero, {
+      hero: hero2,
+      onContinue: () => go(productPath)
     });
-  }
-  if (loaded.product) {
+  } else if (loaded.product) {
     return jsx(ProductDetail, {
       product: loaded.product,
       inventory: loaded.inventory,
       claim,
-      ...invite.hero ? {
-        breadcrumb: jsx(VipBreadcrumb, {
-          title: loaded.product.title,
-          onHome: product.close
-        })
-      } : {}
+      breadcrumb: jsx(VipBreadcrumb, {
+        title: loaded.product.title,
+        onHome: () => go(heroPath)
+      })
     }, loaded.product.sku);
   }
   if (loaded.loading) return jsx(ScreenSkeleton, {
@@ -15066,40 +15091,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_sml7n_14";
-const panel = "_panel_sml7n_40";
-const image = "_image_sml7n_93";
-const desktopArt = "_desktopArt_sml7n_98";
-const hero = "_hero_sml7n_137";
-const heroContent = "_heroContent_sml7n_228";
-const heroText = "_heroText_sml7n_252";
-const logo = "_logo_sml7n_261";
-const heroTitle = "_heroTitle_sml7n_281";
-const heroSub = "_heroSub_sml7n_305";
-const swipe = "_swipe_sml7n_324";
-const swipeLabel = "_swipeLabel_sml7n_331";
-const chevron$1 = "_chevron_sml7n_337";
-const overlay$1 = "_overlay_sml7n_11";
-const copy = "_copy_sml7n_374";
-const title$2 = "_title_sml7n_386";
-const subtitle$1 = "_subtitle_sml7n_395";
-const cta = "_cta_sml7n_403";
-const mosaic = "_mosaic_sml7n_447";
-const info = "_info_sml7n_459";
-const art = "_art_sml7n_463";
-const band = "_band_sml7n_468";
-const bandTitle = "_bandTitle_sml7n_477";
-const products = "_products_sml7n_489";
-const wideOnly = "_wideOnly_sml7n_509";
-const phoneOnly = "_phoneOnly_sml7n_535";
-const phoneArt = "_phoneArt_sml7n_536";
-const desktopFocal = "_desktopFocal_sml7n_545";
-const diptych = "_diptych_sml7n_736";
-const tile = "_tile_sml7n_741";
-const tileCopy = "_tileCopy_sml7n_755";
-const tileText = "_tileText_sml7n_768";
-const tileTitle = "_tileTitle_sml7n_775";
-const tileSubtitle = "_tileSubtitle_sml7n_782";
+const showcase = "_showcase_px8r_14";
+const panel = "_panel_px8r_40";
+const image = "_image_px8r_93";
+const desktopArt = "_desktopArt_px8r_98";
+const hero = "_hero_px8r_137";
+const heroContent = "_heroContent_px8r_228";
+const heroText = "_heroText_px8r_252";
+const logo = "_logo_px8r_261";
+const heroTitle = "_heroTitle_px8r_281";
+const heroSub = "_heroSub_px8r_305";
+const swipe = "_swipe_px8r_324";
+const swipeLabel = "_swipeLabel_px8r_331";
+const chevron$1 = "_chevron_px8r_337";
+const overlay$1 = "_overlay_px8r_11";
+const copy = "_copy_px8r_374";
+const title$2 = "_title_px8r_386";
+const subtitle$1 = "_subtitle_px8r_395";
+const cta = "_cta_px8r_403";
+const mosaic = "_mosaic_px8r_447";
+const info = "_info_px8r_459";
+const art = "_art_px8r_463";
+const band = "_band_px8r_468";
+const bandTitle = "_bandTitle_px8r_477";
+const products = "_products_px8r_489";
+const wideOnly = "_wideOnly_px8r_509";
+const phoneOnly = "_phoneOnly_px8r_535";
+const phoneArt = "_phoneArt_px8r_536";
+const desktopFocal = "_desktopFocal_px8r_545";
+const diptych = "_diptych_px8r_740";
+const tile = "_tile_px8r_745";
+const tileCopy = "_tileCopy_px8r_759";
+const tileText = "_tileText_px8r_772";
+const tileTitle = "_tileTitle_px8r_779";
+const tileSubtitle = "_tileSubtitle_px8r_786";
 const styles$3 = {
   showcase,
   panel,
@@ -15146,12 +15171,6 @@ function useDocumentSnap(ref, enabled = true) {
     const previousType = root2.style.scrollSnapType;
     const previousPadding = root2.style.scrollPaddingTop;
     root2.style.scrollPaddingTop = "0px";
-    const desktop = typeof window.matchMedia === "function" ? window.matchMedia("(min-width: 1200px)") : null;
-    const pad = () => {
-      root2.style.scrollPaddingTop = desktop?.matches ? "calc(var(--shop-chrome-top, 0px) + var(--shop-nav-height, 64px))" : "0px";
-    };
-    pad();
-    desktop?.addEventListener?.("change", pad);
     let snapping = false;
     let awaitingTouch = false;
     const layoutOf = () => {
@@ -15265,7 +15284,6 @@ function useDocumentSnap(ref, enabled = true) {
       passive: true
     });
     return () => {
-      desktop?.removeEventListener?.("change", pad);
       document.removeEventListener("scroll", note2, {
         capture: true
       });
@@ -15915,19 +15933,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1aeep_5";
-const scrim = "_scrim_1aeep_21";
-const sheet = "_sheet_1aeep_31";
-const header = "_header_1aeep_80";
-const close = "_close_1aeep_86";
-const list$1 = "_list_1aeep_105";
-const row = "_row_1aeep_120";
-const icon = "_icon_1aeep_149";
-const text = "_text_1aeep_157";
-const title = "_title_1aeep_165";
-const subtitle = "_subtitle_1aeep_172";
-const chevron = "_chevron_1aeep_178";
-const dropdown = "_dropdown_1aeep_187";
+const overlay = "_overlay_y4mxb_5";
+const scrim = "_scrim_y4mxb_21";
+const sheet = "_sheet_y4mxb_31";
+const header = "_header_y4mxb_80";
+const close = "_close_y4mxb_86";
+const list$1 = "_list_y4mxb_105";
+const row = "_row_y4mxb_120";
+const icon = "_icon_y4mxb_149";
+const text = "_text_y4mxb_157";
+const title = "_title_y4mxb_165";
+const subtitle = "_subtitle_y4mxb_172";
+const chevron = "_chevron_y4mxb_178";
+const dropdown = "_dropdown_y4mxb_187";
 const styles$1 = {
   overlay,
   scrim,
@@ -16137,6 +16155,7 @@ function ShopMenuSheet({ open, onClose, onManageOrders, onHelp, closeLabel, labe
       }), jsx("ul", {
         className: styles$1.list,
         children: rows.map((row2) => jsx("li", {
+          "data-row": row2.key,
           children: jsxs("button", {
             type: "button",
             className: styles$1.row,