@tiledev/sdk-apptile-live-selling 0.12.1 → 0.14.0

package/dist/react/useLivePage.js

@@ -0,0 +1,264 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLivePage = useLivePage;
+/**
+ * The Live screen's page model (0.14.0, moved from amore-v2's `src/core/hooks/useLivePage.ts`:
+ * Freckled Poppy's Live, phase 1, watching and the in-app bubble). The routes are the app's
+ * (`LiveSellingProvider`'s `routes`); the route's `streamId` param is read here.
+ */
+const sdk_analytics_core_1 = require("@tiledev/sdk-analytics-core");
+const sdk_shopify_1 = require("@tiledev/sdk-shopify");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const client_1 = require("../client");
+const hiddenShows_1 = require("../hiddenShows");
+const liveSelling_1 = require("../liveSelling");
+const livePages_1 = require("../livePages");
+const pageOptions_1 = require("../pageOptions");
+const sessionTypes_1 = require("../sessionTypes");
+const LiveSellingProvider_1 = require("./LiveSellingProvider");
+const platformSession_1 = require("./platformSession");
+const replayPlayer_1 = require("./replayPlayer");
+const useKeepScreenAwake_1 = require("./useKeepScreenAwake");
+const useLiveChat_1 = require("./useLiveChat");
+const useStreamInfo_1 = require("./useStreamInfo");
+const navigation_1 = require("./navigation");
+/**
+ * Shows already reported as joined (`liveJoin`) in this run of the app: once per show per run, so a
+ * trip through the bubble, the Cart or another screen and back isn't a second join (amore-v2's audit,
+ * L5: production reported on every viewer-count tick).
+ */
+const joinedThisRun = new Set();
+/**
+ * Everything the Live screen wires, so the screen stays plain tiles. Call it from the Live screen and
+ * from each of its tiles' wiring: every call reads the same session.
+ *
+ * - **The session is the app's** (`ShopifyLiveSessionProvider`), joined above the navigator; this
+ *   screen binds to its picture (the player tile's `LiveVideoTarget`) and never owns the room.
+ * - **Pinned to the route's show** while watching (`holdStream(streamId)`, at every arrival), so a host
+ *   restarting the broadcast can't swap the room underneath; released when the shopper closes the show
+ *   (back on a show that has ended or is still joining, ✕ on the bubble, or leaving any other way
+ *   without the bubble), and kept when the bubble takes the show.
+ * - **Which show** (`useLiveShow`): the session's record once it is this show's (just after the pin it
+ *   can still hold the last show's), where it stands, and whether it is on air.
+ * - **Where the link lands** (`streams.destinationFor`, one read of the show's record on arrival): a
+ *   show on air stays; an ended show with a recording is replaced by its Replay
+ *   (`routes.replaceWithReplay`); anything else (a rehearsal this shopper can't see included) by the
+ *   Live tab (`routes.backToLiveTab`). Not on the web, where nothing can play: the Tile preview stays on
+ *   this page to show its tiles, with the record's poster and the ended words.
+ * - **Every arrival** reads the record again (`refreshStreamRecords`, which restarts the session's
+ *   off-air wait, so a push tapped in the foreground can't be declared over on a stale record) and ends
+ *   the bubble: this screen shows the picture again.
+ * - **Back, every kind** (the header's arrow, the iOS swipe, Android's back; decided 2026-10-05,
+ *   amore-v2's Head of Engineering) shrinks a show that is playing or waiting for its host into the
+ *   bubble as the screen leaves, and closes one that has ended. One path: the screen's `beforeRemove`,
+ *   for the navigation's back actions (`BACK_ACTIONS`). Picture-in-picture is a back that always
+ *   shrinks; the cart shrinks the show and opens the Cart over this screen (Items You Won on an auction
+ *   show: `routes.openCart`). Android's back with nothing behind this screen (a link on a cold start)
+ *   does what the arrow does: back to the Live tab.
+ * - **One shrunk show at a time:** arriving here stops a replay's bubble (and the Replay screen stops
+ *   this show's bubble).
+ * - **The screen stays on** while it shows the show playing or waiting for its host.
+ * - **Under a sheet** (`routes.sheets`: the variant page, opened from the shop; the Sign In page) the
+ *   show plays on here, with the screen on and the light status bar, as Replay's does.
+ * - **Put away** while the show plays here (a sheet over it included), it goes on in the phone's own
+ *   floating window (`systemWindowWhenAway`); coming back finds it here again.
+ * - **`liveJoin`** (`track`) once per show per app run; never for a rehearsal, a show the config's
+ *   `hiddenShows` names, whoever watches it.
+ * - **Hidden shows** (`hiddenShows`): for a shopper who isn't on the team the session never holds one,
+ *   so it is never on air here (the link goes to the Live tab).
+ * - **Chat and reactions** are `useLiveChat`'s, shown only while the show is on air.
+ */
+function useLivePage() {
+    var _a, _b, _c, _d;
+    const nav = (0, navigation_1.useNavigation)();
+    const route = (0, navigation_1.useRoute)();
+    const streamId = (_b = (_a = route.params) === null || _a === void 0 ? void 0 : _a.streamId) !== null && _b !== void 0 ? _b : '';
+    const isFocused = (0, navigation_1.useIsFocused)();
+    const { routes, track } = (0, LiveSellingProvider_1.useLivePageOptions)();
+    // The session changes only on the room's events, never on a clock: the header and the auction tiles keep their own.
+    const session = (0, platformSession_1.useLiveSession)();
+    const { holdStream, releaseStream, enterPip, exitPip, setMuted } = session.actions;
+    const { viewerEmail: email } = (0, LiveSellingProvider_1.useLiveSelling)();
+    const { show: sessionShow, status, onAir } = (0, platformSession_1.useLiveShow)(streamId);
+    const { itemCount } = (0, sdk_shopify_1.useCart)();
+    const { bubbleShown: replayInBubble, stop: stopReplay } = (0, replayPlayer_1.useReplayPlayer)();
+    // ─── Which show ────────────────────────────────────────────────────────────────────────────────
+    // `sessionShow` (above) is the session's record once it is this show's. The record the link's answer
+    // was read from stands in for its poster until then, and on the web.
+    const [linkedShow, setLinkedShow] = (0, react_1.useState)(null);
+    const show = sessionShow !== null && sessionShow !== void 0 ? sessionShow : (linkedShow && linkedShow.streamingId === streamId ? linkedShow : null);
+    /** The screen is leaving for good (closed, or sent on by the link's answer): going doesn't shrink the show. */
+    const leavingForGood = (0, react_1.useRef)(false);
+    // ─── Where the link lands ──────────────────────────────────────────────────────────────────────
+    (0, react_1.useEffect)(() => {
+        if (!streamId)
+            return;
+        let stillHere = true;
+        void liveSelling_1.liveSelling.streams.destinationFor(streamId, { viewerEmail: email }).then(({ destination, show: record, readError }) => {
+            if (readError)
+                (0, pageOptions_1.reportLiveWarning)(readError, { at: 'live.destinationFor', streamId });
+            if (!stillHere)
+                return;
+            setLinkedShow(record);
+            if (react_native_1.Platform.OS === 'web' || destination.to === 'livePlayer')
+                return;
+            leavingForGood.current = true;
+            if (destination.to === 'replay')
+                routes.replaceWithReplay(destination.feedId, nav);
+            // Back to the tabs already in the stack, or in this screen's place when it opened alone (a link on a cold start).
+            else
+                routes.backToLiveTab(nav);
+        });
+        return () => {
+            stillHere = false;
+        };
+    }, [streamId, email, nav, routes]);
+    // ─── Arriving ──────────────────────────────────────────────────────────────────────────────────
+    (0, navigation_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        holdStream(streamId || undefined);
+        (0, useStreamInfo_1.refreshStreamRecords)();
+        exitPip();
+    }, [streamId, holdStream, exitPip]));
+    (0, react_1.useEffect)(() => {
+        if (isFocused && replayInBubble)
+            stopReplay();
+    }, [isFocused, replayInBubble, stopReplay]);
+    // ─── Leaving ───────────────────────────────────────────────────────────────────────────────────
+    /** The show went into the bubble on the way out: leaving keeps it playing there, pinned. */
+    const shrunk = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        if (!isFocused)
+            return;
+        shrunk.current = false;
+        leavingForGood.current = false;
+    }, [isFocused]);
+    const pipModeNow = (0, react_1.useRef)(session.pipMode);
+    pipModeNow.current = session.pipMode;
+    // Gone without the bubble (back on an ended show, replaced by the Replay or the Live tab): the show
+    // stops and the pin goes. Not when the bubble took it.
+    (0, react_1.useEffect)(() => () => {
+        if (shrunk.current || pipModeNow.current !== 'none')
+            return;
+        exitPip({ stopVideo: true });
+        releaseStream();
+    }, [exitPip, releaseStream]);
+    // ─── Where the show stands ─────────────────────────────────────────────────────────────────────
+    // `status` and `onAir` are `useLiveShow`'s: joining until the session holds this show's record. The
+    // controls follow the link's record until then (an auction's cart is Items You Won from the start).
+    const capabilities = (0, sessionTypes_1.capabilitiesFor)(show);
+    const canShrink = capabilities.canPip && onAir;
+    // On show, or covered only by a page drawn as a sheet (the variant page, from the shop): the picture
+    // stays here, playing behind it, and the screen stays on.
+    const coveredOnlyBySheet = (0, navigation_1.useNavigationState)((state) => (0, livePages_1.isCoveredOnlyBySheet)(state, route.key, routes.sheets));
+    const onScreen = isFocused || coveredOnlyBySheet;
+    const showing = onScreen && session.pipMode === 'none';
+    // Chat and reactions: only while this show is on air. Its own hook (`useLiveChat`).
+    const chat = (0, useLiveChat_1.useLiveChat)({ onAir, canComment: capabilities.canComment, canReact: capabilities.canReact });
+    // Every back press (`BACK_ACTIONS`) passes here as the screen goes: a show on air enters the bubble,
+    // then the screen is let go. Nothing is prevented.
+    const canShrinkNow = (0, react_1.useRef)(canShrink);
+    canShrinkNow.current = canShrink;
+    (0, react_1.useEffect)(() => nav.addListener('beforeRemove', (event) => {
+        if (!livePages_1.BACK_ACTIONS.has(event.data.action.type))
+            return;
+        if (leavingForGood.current || !canShrinkNow.current || pipModeNow.current !== 'none')
+            return;
+        shrunk.current = true;
+        enterPip();
+    }), [nav, enterPip]);
+    (0, useKeepScreenAwake_1.useKeepScreenAwake)(showing && onAir, 'live');
+    // ─── liveJoin, once per show per app run ───────────────────────────────────────────────────────
+    const viewerCount = session.viewerCount;
+    (0, react_1.useEffect)(() => {
+        if (!isFocused || !sessionShow || sessionShow.status !== 'live' || (0, hiddenShows_1.isHiddenShow)(sessionShow, (0, client_1.hiddenShowsRule)()))
+            return;
+        if (joinedThisRun.has(sessionShow.streamingId))
+            return;
+        joinedThisRun.add(sessionShow.streamingId);
+        track(sdk_analytics_core_1.DefaultEvents.LIVE_JOIN, (0, sdk_analytics_core_1.liveJoinParams)(sessionShow.streamingId, viewerCount));
+    }, [isFocused, sessionShow, viewerCount, track]);
+    // ─── The header's buttons ──────────────────────────────────────────────────────────────────────
+    /** Back: to the screen behind, or to the Live tab when this one opened alone. A show on air shrinks on the way (above). */
+    const goBack = (0, react_1.useCallback)(() => {
+        if (nav.canGoBack())
+            nav.goBack();
+        else
+            routes.backToLiveTab(nav);
+    }, [nav, routes]);
+    const close = (0, react_1.useCallback)(() => {
+        leavingForGood.current = true;
+        // Stopped outright: without `stopVideo` the room plays on with no surface.
+        exitPip({ stopVideo: true });
+        releaseStream();
+        goBack();
+    }, [exitPip, releaseStream, goBack]);
+    const back = canShrink ? goBack : close;
+    // Android's back with nothing behind this screen (a link on a cold start) would close the app: it does
+    // what the arrow does instead. With a screen behind, the navigator goes back, through `beforeRemove`.
+    const backNow = (0, react_1.useRef)(back);
+    backNow.current = back;
+    (0, navigation_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        const subscription = react_native_1.BackHandler.addEventListener('hardwareBackPress', () => {
+            if (nav.canGoBack())
+                return false;
+            backNow.current();
+            return true;
+        });
+        return () => subscription.remove();
+    }, [nav]));
+    const isAuction = capabilities.canBid;
+    const openCart = (0, react_1.useCallback)(() => {
+        if (canShrink) {
+            shrunk.current = true;
+            enterPip();
+        }
+        // A bidder's cart is what they've won: their bids never land in the shopping cart (Freckled Poppy's).
+        routes.openCart({ itemsYouWon: isAuction }, nav);
+    }, [canShrink, enterPip, isAuction, nav, routes]);
+    // One surface at a time: not while the bubble or the phone's own window has it, or another screen is over this one.
+    const videoActive = showing && !!sessionShow;
+    return {
+        /**
+         * Android's own picture-in-picture window is up. It shrinks the whole app, and every sheet on the
+         * Live screen (poll, giveaway, shop, custom bid, name, reactions) is a window of its own above the
+         * app, so it rode the shrink and covered the video (fixed 2026-10-08; Freckled Poppy hides its
+         * sheets the same way). The screen then draws only the player; the sheets' open state is the
+         * hooks', so they come back. iOS's window shows the video alone.
+         */
+        inSystemWindow: react_native_1.Platform.OS === 'android' && session.pipMode === 'system',
+        /** The screen is on show (or under a sheet), over the dark video: light status bar text. */
+        lightStatusBar: onScreen,
+        player: {
+            status,
+            posterUrl: (_c = show === null || show === void 0 ? void 0 : show.thumbnailUrl) !== null && _c !== void 0 ? _c : null,
+            isAuction: !!(show === null || show === void 0 ? void 0 : show.isAuction),
+            videoActive,
+            // Put away while the show plays here, it goes on in the phone's own floating window. Not while
+            // joining, waiting for the host or ended: there is no picture.
+            systemWindowWhenAway: videoActive && status === 'playing' && capabilities.canPip,
+        },
+        header: {
+            ended: status === 'ended',
+            // An auction show: the header's own LIVE words for one (sparkl-v2's and k-marie-v2's LiveHeader01 `auctionLiveLabel`).
+            isAuction: !!(show === null || show === void 0 ? void 0 : show.isAuction),
+            // The header counts its clock up from it on its own (`useShowClock`), so the screen isn't drawn each second.
+            startedAt: (_d = sessionShow === null || sessionShow === void 0 ? void 0 : sessionShow.startedAtMs) !== null && _d !== void 0 ? _d : null,
+            // Known once the room has said: 0 means it hasn't yet.
+            viewerCount: onAir && capabilities.showViewerCount && viewerCount > 0 ? viewerCount : null,
+            muted: session.muted,
+            canMute: status !== 'ended' && status !== 'error',
+            canPip: canShrink,
+            backShrinks: canShrink,
+            cartCount: itemCount,
+            onBack: back,
+            onToggleMute: () => setMuted(!session.muted),
+            // Shown only while the show can shrink: a back press, which shrinks it on the way.
+            onPip: goBack,
+            onCart: openCart,
+        },
+        /** The chat, the comment box, reactions and the pinned comment: one set of props per tile (`useLiveChat`). */
+        chat,
+    };
+}
+//# sourceMappingURL=useLivePage.js.map

package/dist/react/useLivePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivePage.js","sourceRoot":"","sources":["../../src/react/useLivePage.ts"],"names":[],"mappings":"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"}

package/dist/react/useLiveSession.d.ts

@@ -16,6 +16,14 @@ export interface LiveSessionProviderProps {
     streamingId?: string;
     /** Shown next to this viewer's own comments and sent with them. Overrides the identity adapter. */
     viewerName?: string | null;
+    /**
+     * Names this viewer may never be shown under, as the show's team uses them (0.13.0): compared whole,
+     * with capitals, accents, spaces and punctuation left out (`isBlockedViewerName`). A blocked name,
+     * whether the account's, the identity's or one typed on this phone, counts as no name
+     * (`viewerName` null, so the app asks), and `chooseViewerName` refuses one. Defaults to
+     * `DEFAULT_BLOCKED_VIEWER_NAMES` (Host, Moderator); an empty list blocks none.
+     */
+    blockedNames?: readonly string[];
     /**
      * Called when the system PIP window gives the picture back to a full-screen player: the user expanded
      * a window that the player opened (or, on iOS, came back to the app with it still up). Navigate to

package/dist/react/useLiveSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveSession.d.ts","sourceRoot":"","sources":["../../src/react/useLiveSession.ts"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6CvC,OAAO,KAAK,EASV,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAwCzB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,KAAK,WAAW,CAAC,IAAI,CAAC,CAIlE;AAED,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAugDD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+FA0CnF"}
+{"version":3,"file":"useLiveSession.d.ts","sourceRoot":"","sources":["../../src/react/useLiveSession.ts"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6CvC,OAAO,KAAK,EASV,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAwCzB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,KAAK,WAAW,CAAC,IAAI,CAAC,CAIlE;AAED,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAshDD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+FA0CnF"}

package/dist/react/useLiveSession.js

@@ -89,8 +89,16 @@ function useLiveSession() {
 /* Everything but the stream hold, which belongs to the provider component: it owns which stream this
    hook is watching, so it is the only thing that can pin it. */
 function useSessionValue(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     const { streamingId, viewerName: viewerNameInput, onPipRestore } = props;
+    const blockedNames = (_a = props.blockedNames) !== null && _a !== void 0 ? _a : showNames_1.DEFAULT_BLOCKED_VIEWER_NAMES;
+    const blockedNamesRef = (0, react_1.useRef)(blockedNames);
+    blockedNamesRef.current = blockedNames;
+    /** A name the room may show for this viewer: made safe (`publicName`) and not one of the team's. */
+    const allowedName = (name) => {
+        const shown = (0, showNames_1.publicName)(name);
+        return shown && !(0, showNames_1.isBlockedViewerName)(shown, blockedNames) ? shown : null;
+    };
     const [state, dispatch] = (0, react_1.useReducer)(session_1.sessionReducer, session_1.initialSessionState);
     const [joining, setJoining] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
@@ -138,8 +146,9 @@ function useSessionValue(props) {
      * name is consulted at all so a signed-in bidder is never asked to invent one.
      */
     const [chosenName, setChosenName] = (0, react_1.useState)(() => liveSelling_1.liveSelling.viewer.cachedName());
-    // Every name here is published to the whole room, so none may be an email (`publicName`, 0.9.0).
-    const accountName = (0, showNames_1.publicName)(viewerNameInput);
+    // Every name here is published to the whole room, so none may be an email (`publicName`, 0.9.0), nor
+    // a name the show's team goes by (`blockedNames`, 0.13.0).
+    const accountName = allowedName(viewerNameInput);
     (0, react_1.useEffect)(() => {
         if (accountName || chosenName)
             return;
@@ -152,22 +161,22 @@ function useSessionValue(props) {
             alive = false;
         };
     }, [accountName, chosenName]);
-    const customerName = (0, showNames_1.publicName)((_a = identity === null || identity === void 0 ? void 0 : identity.customerName) === null || _a === void 0 ? void 0 : _a.call(identity));
-    const namedBy = (_b = accountName !== null && accountName !== void 0 ? accountName : (0, showNames_1.publicName)(chosenName)) !== null && _b !== void 0 ? _b : customerName;
+    const customerName = allowedName((_b = identity === null || identity === void 0 ? void 0 : identity.customerName) === null || _b === void 0 ? void 0 : _b.call(identity));
+    const namedBy = (_c = accountName !== null && accountName !== void 0 ? accountName : allowedName(chosenName)) !== null && _c !== void 0 ? _c : customerName;
     const viewerName = namedBy !== null && namedBy !== void 0 ? namedBy : 'Anonymous';
-    const bidderId = (_d = (_c = identity === null || identity === void 0 ? void 0 : identity.bidderId) === null || _c === void 0 ? void 0 : _c.call(identity)) !== null && _d !== void 0 ? _d : null;
+    const bidderId = (_e = (_d = identity === null || identity === void 0 ? void 0 : identity.bidderId) === null || _d === void 0 ? void 0 : _d.call(identity)) !== null && _e !== void 0 ? _e : null;
     /**
-     * A signed-in shopper whose name has not loaded yet. They are never asked for one — the session
-     * uses the customer's own — so a comment sent now is held until it lands (L6).
+     * The signed-in customer is still loading (app open, or just signed in), so their name isn't known
+     * yet. The room waits for it, up to `NAME_WAIT_MS`: it is entered once, and the name it is entered
+     * under is the one the host sees join. Before 0.9.2 an app opened during a show joined at once,
+     * before the sign-in was read, and every shopper joined as "Anonymous" (2026-10-08).
      */
-    const nameResolving = !namedBy && !!bidderId;
+    const customerLoading = (_g = (_f = identity === null || identity === void 0 ? void 0 : identity.customerLoading) === null || _f === void 0 ? void 0 : _f.call(identity)) !== null && _g !== void 0 ? _g : false;
     /**
-     * The signed-in customer is still loading (app open), so their name isn't known yet. The room
-     * waits for it, up to `NAME_WAIT_MS`: it is entered once, and the name it is entered under is the
-     * one the host sees join. Before 0.9.2 an app opened during a show joined at once, before the
-     * sign-in was read, and every shopper joined as "Anonymous" (2026-10-08).
+     * A comment sent now is held until the account has named the shopper (L6), and only while it loads:
+     * an account read with no name on it isn't waited for (`waitsForAccountName`, 0.13.0).
      */
-    const customerLoading = (_f = (_e = identity === null || identity === void 0 ? void 0 : identity.customerLoading) === null || _e === void 0 ? void 0 : _e.call(identity)) !== null && _f !== void 0 ? _f : false;
+    const nameResolving = (0, heldComments_1.waitsForAccountName)(customerLoading, accountName !== null && accountName !== void 0 ? accountName : customerName);
     const [nameWaitOver, setNameWaitOver] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         if (!customerLoading)
@@ -223,14 +232,18 @@ function useSessionValue(props) {
         // A comment held for the last show's room must not be said in this one.
         (_a = heldCommentsRef.current) === null || _a === void 0 ? void 0 : _a.drop();
     }, [watching]);
-    /** The name arrived: say it to the engine first, then send what was waiting for it, in order. */
+    /**
+     * The account has loaded: say the name to the engine first, then send what was waiting for it, in
+     * order. Loaded with no name, they go under the session's name (one typed on this phone, or
+     * "Anonymous"), as they would after the longest wait: an app asks for a name before sending.
+     */
     (0, react_1.useEffect)(() => {
         var _a;
-        if (!namedBy || !((_a = heldCommentsRef.current) === null || _a === void 0 ? void 0 : _a.size))
+        if (nameResolving || !((_a = heldCommentsRef.current) === null || _a === void 0 ? void 0 : _a.size))
             return;
         liveSelling_1.liveSelling.engine.setViewerName(namedBy);
         void heldCommentsRef.current.release();
-    }, [namedBy]);
+    }, [namedBy, nameResolving]);
     (0, react_1.useEffect)(() => liveSelling_1.liveSelling.engine.subscribe((event) => {
         dispatch({ kind: 'event', event, at: Date.now() });
     }), []);
@@ -305,7 +318,7 @@ function useSessionValue(props) {
      * importantly an *unmute*, which is otherwise invisible until the app restarts. Keyed on the joined
      * ids because the array is a fresh object on every poll.
      */
-    const mutedKey = ((_g = stream === null || stream === void 0 ? void 0 : stream.mutedDeviceIds) !== null && _g !== void 0 ? _g : []).join(',');
+    const mutedKey = ((_h = stream === null || stream === void 0 ? void 0 : stream.mutedDeviceIds) !== null && _h !== void 0 ? _h : []).join(',');
     (0, react_1.useEffect)(() => {
         if (!stream)
             return;
@@ -328,7 +341,7 @@ function useSessionValue(props) {
      */
     const nothingOnAir = (0, session_1.isNothingOnAir)({
         hasRead,
-        streamStatus: (_h = stream === null || stream === void 0 ? void 0 : stream.status) !== null && _h !== void 0 ? _h : null,
+        streamStatus: (_j = stream === null || stream === void 0 ? void 0 : stream.status) !== null && _j !== void 0 ? _j : null,
         status: derivedStatus,
     });
     const graceMs = (0, client_1.offAirGraceMs)();
@@ -602,7 +615,7 @@ function useSessionValue(props) {
      * enter a giveaway they are already in.
      */
     const activeGiveaway = (0, react_1.useMemo)(() => { var _a; return (_a = stream === null || stream === void 0 ? void 0 : stream.giveaways.find((giveaway) => giveaway.status === 'active')) !== null && _a !== void 0 ? _a : null; }, [stream]);
-    const customerRef = (_k = (_j = identity === null || identity === void 0 ? void 0 : identity.customerRef) === null || _j === void 0 ? void 0 : _j.call(identity)) !== null && _k !== void 0 ? _k : null;
+    const customerRef = (_l = (_k = identity === null || identity === void 0 ? void 0 : identity.customerRef) === null || _k === void 0 ? void 0 : _k.call(identity)) !== null && _l !== void 0 ? _l : null;
     /**
      * Closes the gap between the realtime giveaway start and the polled record it depends on.
      *
@@ -782,8 +795,8 @@ function useSessionValue(props) {
      * the first record after it is taken whatever it says. Joining counts as a reconnect, so arriving
      * costs one extra read.
      */
-    const recordPin = (_l = stream === null || stream === void 0 ? void 0 : stream.pinnedComment) !== null && _l !== void 0 ? _l : null;
-    const recordPinKey = `${watching !== null && watching !== void 0 ? watching : ''}\u0000${(_m = recordPin === null || recordPin === void 0 ? void 0 : recordPin.id) !== null && _m !== void 0 ? _m : ''}\u0000${(_o = recordPin === null || recordPin === void 0 ? void 0 : recordPin.text) !== null && _o !== void 0 ? _o : ''}`;
+    const recordPin = (_m = stream === null || stream === void 0 ? void 0 : stream.pinnedComment) !== null && _m !== void 0 ? _m : null;
+    const recordPinKey = `${watching !== null && watching !== void 0 ? watching : ''}\u0000${(_o = recordPin === null || recordPin === void 0 ? void 0 : recordPin.id) !== null && _o !== void 0 ? _o : ''}\u0000${(_p = recordPin === null || recordPin === void 0 ? void 0 : recordPin.text) !== null && _p !== void 0 ? _p : ''}`;
     const lastRecordPinKey = (0, react_1.useRef)(null);
     const takeNextRecordPin = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
@@ -845,7 +858,7 @@ function useSessionValue(props) {
     if (!activeRetryRef.current) {
         activeRetryRef.current = new activeProductRetry_1.ActiveProductRetry(() => setCatalogueRetry((n) => n + 1));
     }
-    const featuredId = (_r = (_p = state.activeStoreProductId) !== null && _p !== void 0 ? _p : (_q = stream === null || stream === void 0 ? void 0 : stream.products.find((product) => product.isCurrent)) === null || _q === void 0 ? void 0 : _q.storeProductId) !== null && _r !== void 0 ? _r : null;
+    const featuredId = (_s = (_q = state.activeStoreProductId) !== null && _q !== void 0 ? _q : (_r = stream === null || stream === void 0 ? void 0 : stream.products.find((product) => product.isCurrent)) === null || _r === void 0 ? void 0 : _r.storeProductId) !== null && _s !== void 0 ? _s : null;
     const featuredCatalogueId = featuredId && productKey.split(',').includes(featuredId) ? featuredId : null;
     const answerSeq = (catalogueAnswer === null || catalogueAnswer === void 0 ? void 0 : catalogueAnswer.key) === productKey ? catalogueAnswer.seq : null;
     const hasFeatured = !!featuredCatalogueId &&
@@ -918,10 +931,10 @@ function useSessionValue(props) {
             return null;
         return (_f = products[0]) !== null && _f !== void 0 ? _f : null;
     }, [products, state.activeStoreProductId, stream]);
-    const multiplier = (_t = (_s = state.multiplierOverride) !== null && _s !== void 0 ? _s : stream === null || stream === void 0 ? void 0 : stream.viewerMultiplier) !== null && _t !== void 0 ? _t : 1;
+    const multiplier = (_u = (_t = state.multiplierOverride) !== null && _t !== void 0 ? _t : stream === null || stream === void 0 ? void 0 : stream.viewerMultiplier) !== null && _u !== void 0 ? _u : 1;
     /* Same precedence as the multiplier: the host's live word wins, the record stands until they
        give one. Both fall back rather than throw, so a stream row missing `meta` still renders. */
-    const reactionStyle = (_v = (_u = state.reactionModeOverride) !== null && _u !== void 0 ? _u : stream === null || stream === void 0 ? void 0 : stream.reactionStyle) !== null && _v !== void 0 ? _v : 'single';
+    const reactionStyle = (_w = (_v = state.reactionModeOverride) !== null && _v !== void 0 ? _v : stream === null || stream === void 0 ? void 0 : stream.reactionStyle) !== null && _w !== void 0 ? _w : 'single';
     /**
      * Percentages come off the raw counts, so the multiplier cannot skew them — it inflates only the
      * total on display, exactly as the host's own dashboard does.
@@ -999,7 +1012,7 @@ function useSessionValue(props) {
             alive = false;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [(_w = state.poll) === null || _w === void 0 ? void 0 : _w.pollUuid]);
+    }, [(_x = state.poll) === null || _x === void 0 ? void 0 : _x.pollUuid]);
     const bindVideoView = (0, react_1.useCallback)((reactTag, force = false) => {
         // Stopped because the app is away: a claim now would start it behind the app, with sound. The
         // surface claims again once the app is back (`LiveVideoTarget`'s foreground re-claim).
@@ -1142,6 +1155,9 @@ function useSessionValue(props) {
      */
     const chooseViewerName = (0, react_1.useCallback)(async (raw) => {
         var _a;
+        // A name the show's team goes by isn't saved (0.13.0): the app says why (`isBlockedViewerName`).
+        if ((0, showNames_1.isBlockedViewerName)(raw, blockedNamesRef.current))
+            return null;
         const saved = await liveSelling_1.liveSelling.viewer.saveName(raw);
         if (saved) {
             liveSelling_1.liveSelling.engine.setViewerName((_a = accountNameRef.current) !== null && _a !== void 0 ? _a : saved);
@@ -1245,7 +1261,7 @@ function useSessionValue(props) {
      * into a cart. It is also what comes back on the host's broadcast, so `isLeading` compares like
      * with like. Null when signed out, which is exactly when bidding is not offered.
      */
-    const bidderEmail = (_y = (_x = identity === null || identity === void 0 ? void 0 : identity.customerEmail) === null || _x === void 0 ? void 0 : _x.call(identity)) !== null && _y !== void 0 ? _y : null;
+    const bidderEmail = (_z = (_y = identity === null || identity === void 0 ? void 0 : identity.customerEmail) === null || _y === void 0 ? void 0 : _y.call(identity)) !== null && _z !== void 0 ? _z : null;
     const bidder = (0, react_1.useMemo)(() => (bidderId ? { userId: bidderId, userName: viewerName, email: bidderEmail } : null), [bidderId, viewerName, bidderEmail]);
     /**
      * The hammer, with whether it is this shopper's (0.9.0): they led the round as it closed and the