@tiledev/sdk-apptile-live-selling 0.1.0 → 0.2.1

package/README.md

@@ -14,11 +14,19 @@ supply, so there is no Shopify dependency.
 npm i @tiledev/sdk-apptile-live-selling
 ```
 
-Peers, all optional: `expo`, `react`, `react-native`, `zego-express-engine-reactnative`. Off-device the
-engine and PIP resolve to no-ops, so a web or Node bundle needs none of them.
+Peers: `react` and `react-native` are needed by the main entry, which re-exports the React layer;
+`expo` and `zego-express-engine-reactnative` stay optional — off-device the engine and PIP resolve to
+no-ops.
 
-Three entry points: `.` (client, session machine, types), `./react` (providers, hooks, the one
-component), `./types` (types alone, for a package that only needs the shapes).
+**Everything ships from the package root**, including the providers, the hooks and `LiveVideoTarget`.
+There is no `./react` subpath — a subpath is reachable only through the `exports` map, which a
+resolver that ignores it (node10, some test runners and bundlers) cannot see at all. What remains
+beside the root is `./types` (types alone) and a wildcard for any module in `dist` — `/session`,
+`/streams`, `/polls` — the escape hatch below.
+
+> The root entry pulls in `react-native`, so it no longer loads in a plain Node runtime. Driving the
+> pure data layer from Node — `sessionReducer`, the wire mappers — goes through the module subpaths
+> (`@tiledev/sdk-apptile-live-selling/session`), which stay free of React and react-native.
 
 ## 1. Add the config plugin
 
@@ -95,7 +103,7 @@ player). Own it per screen and whichever unmounts first kills the other's video.
 ```tsx
 import {
   LiveSellingProvider, LiveSessionProvider, useLiveSession, LiveVideoTarget,
-} from '@tiledev/sdk-apptile-live-selling/react';
+} from '@tiledev/sdk-apptile-live-selling';
 
 <LiveSellingProvider config={config}>
   <LiveSessionProvider onPipRestore={() => navigate('Live')}>
@@ -249,6 +257,15 @@ Two pairs of files, and Metro picks by platform. TypeScript resolves the non-nat
 |---|---|
 | `engine.native.ts` — the real Zego engine; owns the room, plays into a rebindable view, publishes a guest's camera, translates every Zego channel into a `LiveEvent` | `engine.ts` — no-op, `isNoop: true` |
 | `pip.native.ts` — the `LivePip` Expo module | `pip.ts` — no-op, `isLivePipSupported: false` |
+| `react/index.ts` — the real providers, hooks and video target | `react/index.web.ts` — real client and read hooks, idle session, `View` in place of the texture view |
+
+The web file is not only about behaviour. `LiveVideoTarget` requires `zego-express-engine-reactnative`
+for its texture view, and a bundler collects that `require` whichever branch would run it — so a web
+build in a workspace without the Zego SDK installed fails to *resolve* it, before any of this runs.
+Serving the stand-ins keeps the native entry out of a web graph altogether. What a browser can do
+honestly stays real: the client, the gateway calls, and the stream/replay/clip read hooks. What it
+cannot is inert — `useLiveSession()` reports a permanently `ended` session (the empty state every
+surface already draws), the bid gate never blocks, and the wins tab is empty.
 
 So the session never arms a handover that cannot happen, and a web bundle never evaluates the Zego
 entry module.
@@ -293,7 +310,8 @@ Subscribe via `LiveSellingProvider`'s `onEvent` or `liveSelling.engine.subscribe
 | `npm pack` | The publish tarball — use it to verify `dist`, `ios/`, `android/`, `expo-module.config.json`, `app.plugin.js` and `plugin/build` all ship |
 
 The reducer is exported on its own (`sessionReducer`, `deriveStatus`, `timeLeftMs`) and is pure, so it
-can be driven with no room, socket or React.
+can be driven with no room, socket or React — from Node, import it as
+`@tiledev/sdk-apptile-live-selling/session` rather than off the root.
 
 ## Gotchas
 

package/dist/index.d.ts

@@ -2,8 +2,9 @@
  * `@tiledev/sdk-apptile-live-selling` — the live-selling integration as a standalone package.
  *
  * A typed, imperative client for the Apptile live-selling gateway (streams, auctions, polls, clips,
- * replays, co-host guest) driven by one `companyId` brand-id config, plus an optional native Zego
- * engine kept behind a platform boundary and optional React helpers under `./react`.
+ * replays, co-host guest) driven by one `companyId` brand-id config, plus a native Zego engine kept
+ * behind a platform boundary and the React helpers — providers, hooks and `LiveVideoTarget` — all of
+ * which ship from this one entry.
  *
  * ```ts
  * import { liveSelling } from '@tiledev/sdk-apptile-live-selling';
@@ -28,4 +29,18 @@ export { livePip, isLivePipSupported } from './pip';
 export { COMMENT_SOURCES } from './types';
 export type * from './types';
 export type * from './sessionTypes';
+/**
+ * The React layer — providers, hooks and `LiveVideoTarget`.
+ *
+ * Exported from here rather than a `./react` subpath: a subpath is reachable only through the
+ * package's `exports` map, which a consumer resolving the old way (node10, a bundler or test runner
+ * that ignores `exports`) cannot see at all, and one entry every resolver agrees on beats two.
+ *
+ * It costs this entry its purity — `react` and `react-native` are now loaded with it, so it is no
+ * longer importable from a plain Node runtime (react-native ships Flow source). Anything that needs
+ * the data layer alone (a replay reducer, a test of `sessionReducer`) imports the module it lives in
+ * instead: `@tiledev/sdk-apptile-live-selling/session`, `/streams`, `/polls`, which the package's
+ * wildcard subpath serves straight out of `dist`.
+ */
+export * from './react/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAGpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GAClB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC;AAOxB,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAGpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GAClB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,gBAAgB,CAAC;AAEpC;;;;;;;;;;;;GAYG;AACH,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -3,8 +3,9 @@
  * `@tiledev/sdk-apptile-live-selling` — the live-selling integration as a standalone package.
  *
  * A typed, imperative client for the Apptile live-selling gateway (streams, auctions, polls, clips,
- * replays, co-host guest) driven by one `companyId` brand-id config, plus an optional native Zego
- * engine kept behind a platform boundary and optional React helpers under `./react`.
+ * replays, co-host guest) driven by one `companyId` brand-id config, plus a native Zego engine kept
+ * behind a platform boundary and the React helpers — providers, hooks and `LiveVideoTarget` — all of
+ * which ship from this one entry.
  *
  * ```ts
  * import { liveSelling } from '@tiledev/sdk-apptile-live-selling';
@@ -14,6 +15,20 @@
  * const { replays } = await liveSelling.replays.list();
  * ```
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.COMMENT_SOURCES = exports.isLivePipSupported = exports.livePip = exports.IDLE_GIVEAWAY = exports.IDLE_AUCTION = exports.REPLAY_CAPABILITIES = exports.AUCTION_CAPABILITIES = exports.LIVE_CAPABILITIES = exports.capabilitiesFor = exports.REACTION_MS = exports.SOLD_CARD_MS = exports.timeLeftMs = exports.remainingMs = exports.deriveStatus = exports.initialSessionState = exports.sessionReducer = exports.displayHost = exports.toUrlPreview = exports.classifyCommentLink = exports.hasCommentLink = exports.toCommentSegments = exports.MAX_VIEWER_NAME = exports.resetCompanyFlagsCache = exports.toMixerLayout = exports.toEmbeddedResults = exports.toLivePollResults = exports.toLivePoll = exports.toGiveawayEntries = exports.toLiveGiveaway = exports.toLiveStreamProduct = exports.toLiveStreams = exports.toLiveStream = exports.toProductGid = exports.LiveSellingError = exports.liveEngine = exports.default = exports.liveSelling = void 0;
 // The imperative client (default + named).
@@ -67,14 +82,24 @@ Object.defineProperty(exports, "REPLAY_CAPABILITIES", { enumerable: true, get: f
 Object.defineProperty(exports, "IDLE_AUCTION", { enumerable: true, get: function () { return sessionTypes_1.IDLE_AUCTION; } });
 Object.defineProperty(exports, "IDLE_GIVEAWAY", { enumerable: true, get: function () { return sessionTypes_1.IDLE_GIVEAWAY; } });
 // Picture-in-picture, for a host that drives the window itself. No-op off-device.
-//
-// `nativeViewTag` is deliberately NOT re-exported here: it imports react-native, and this entry has to
-// stay loadable in a plain JavaScript runtime (Node, SSR, a test) the way the rest of the data layer is.
-// It ships from `/react` instead.
 var pip_1 = require("./pip");
 Object.defineProperty(exports, "livePip", { enumerable: true, get: function () { return pip_1.livePip; } });
 Object.defineProperty(exports, "isLivePipSupported", { enumerable: true, get: function () { return pip_1.isLivePipSupported; } });
 // The whole public type surface.
 var types_1 = require("./types");
 Object.defineProperty(exports, "COMMENT_SOURCES", { enumerable: true, get: function () { return types_1.COMMENT_SOURCES; } });
+/**
+ * The React layer — providers, hooks and `LiveVideoTarget`.
+ *
+ * Exported from here rather than a `./react` subpath: a subpath is reachable only through the
+ * package's `exports` map, which a consumer resolving the old way (node10, a bundler or test runner
+ * that ignores `exports`) cannot see at all, and one entry every resolver agrees on beats two.
+ *
+ * It costs this entry its purity — `react` and `react-native` are now loaded with it, so it is no
+ * longer importable from a plain Node runtime (react-native ships Flow source). Anything that needs
+ * the data layer alone (a replay reducer, a test of `sessionReducer`) imports the module it lives in
+ * instead: `@tiledev/sdk-apptile-live-selling/session`, `/streams`, `/polls`, which the package's
+ * wildcard subpath serves straight out of `dist`.
+ */
+__exportStar(require("./react/index"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,2CAA2C;AAC3C,6CAAoE;AAA3D,0GAAA,WAAW,OAAA;AAAE,sGAAA,WAAW,OAAW;AAE5C,0EAA0E;AAC1E,mCAAgD;AAAvC,oGAAA,MAAM,OAAc;AAE7B,uGAAuG;AACvG,mCAA0D;AAAjD,0GAAA,gBAAgB,OAAA;AAAE,sGAAA,YAAY,OAAA;AAEvC,yGAAyG;AACzG,qCAMmB;AALjB,uGAAA,YAAY,OAAA;AACZ,wGAAA,aAAa,OAAA;AACb,8GAAA,mBAAmB,OAAA;AACnB,yGAAA,cAAc,OAAA;AACd,4GAAA,iBAAiB,OAAA;AAEnB,iCAA2E;AAAlE,mGAAA,UAAU,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AACzD,iCAAwC;AAA/B,sGAAA,aAAa,OAAA;AACtB,iCAAiD;AAAxC,+GAAA,sBAAsB,OAAA;AAC/B,mCAA2C;AAAlC,yGAAA,eAAe,OAAA;AACxB,+CAQwB;AAPtB,iHAAA,iBAAiB,OAAA;AACjB,8GAAA,cAAc,OAAA;AACd,mHAAA,mBAAmB,OAAA;AACnB,4GAAA,YAAY,OAAA;AACZ,2GAAA,WAAW,OAAA;AAKb,yFAAyF;AACzF,qCAQmB;AAPjB,yGAAA,cAAc,OAAA;AACd,8GAAA,mBAAmB,OAAA;AACnB,uGAAA,YAAY,OAAA;AACZ,sGAAA,WAAW,OAAA;AACX,qGAAA,UAAU,OAAA;AACV,uGAAA,YAAY,OAAA;AACZ,sGAAA,WAAW,OAAA;AAEb,+CAOwB;AANtB,+GAAA,eAAe,OAAA;AACf,iHAAA,iBAAiB,OAAA;AACjB,oHAAA,oBAAoB,OAAA;AACpB,mHAAA,mBAAmB,OAAA;AACnB,4GAAA,YAAY,OAAA;AACZ,6GAAA,aAAa,OAAA;AAGf,kFAAkF;AAClF,EAAE;AACF,uGAAuG;AACvG,yGAAyG;AACzG,kCAAkC;AAClC,6BAAoD;AAA3C,8FAAA,OAAO,OAAA;AAAE,yGAAA,kBAAkB,OAAA;AAEpC,iCAAiC;AACjC,iCAA0C;AAAjC,wGAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;;;;;;;;AAEH,2CAA2C;AAC3C,6CAAoE;AAA3D,0GAAA,WAAW,OAAA;AAAE,sGAAA,WAAW,OAAW;AAE5C,0EAA0E;AAC1E,mCAAgD;AAAvC,oGAAA,MAAM,OAAc;AAE7B,uGAAuG;AACvG,mCAA0D;AAAjD,0GAAA,gBAAgB,OAAA;AAAE,sGAAA,YAAY,OAAA;AAEvC,yGAAyG;AACzG,qCAMmB;AALjB,uGAAA,YAAY,OAAA;AACZ,wGAAA,aAAa,OAAA;AACb,8GAAA,mBAAmB,OAAA;AACnB,yGAAA,cAAc,OAAA;AACd,4GAAA,iBAAiB,OAAA;AAEnB,iCAA2E;AAAlE,mGAAA,UAAU,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AACzD,iCAAwC;AAA/B,sGAAA,aAAa,OAAA;AACtB,iCAAiD;AAAxC,+GAAA,sBAAsB,OAAA;AAC/B,mCAA2C;AAAlC,yGAAA,eAAe,OAAA;AACxB,+CAQwB;AAPtB,iHAAA,iBAAiB,OAAA;AACjB,8GAAA,cAAc,OAAA;AACd,mHAAA,mBAAmB,OAAA;AACnB,4GAAA,YAAY,OAAA;AACZ,2GAAA,WAAW,OAAA;AAKb,yFAAyF;AACzF,qCAQmB;AAPjB,yGAAA,cAAc,OAAA;AACd,8GAAA,mBAAmB,OAAA;AACnB,uGAAA,YAAY,OAAA;AACZ,sGAAA,WAAW,OAAA;AACX,qGAAA,UAAU,OAAA;AACV,uGAAA,YAAY,OAAA;AACZ,sGAAA,WAAW,OAAA;AAEb,+CAOwB;AANtB,+GAAA,eAAe,OAAA;AACf,iHAAA,iBAAiB,OAAA;AACjB,oHAAA,oBAAoB,OAAA;AACpB,mHAAA,mBAAmB,OAAA;AACnB,4GAAA,YAAY,OAAA;AACZ,6GAAA,aAAa,OAAA;AAGf,kFAAkF;AAClF,6BAAoD;AAA3C,8FAAA,OAAO,OAAA;AAAE,yGAAA,kBAAkB,OAAA;AAEpC,iCAAiC;AACjC,iCAA0C;AAAjC,wGAAA,eAAe,OAAA;AAIxB;;;;;;;;;;;;GAYG;AACH,gDAA8B"}

package/dist/react/index.web.d.ts

@@ -0,0 +1,42 @@
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { LiveSession } from '../sessionTypes';
+import type { AuctionBidGate, UseAuctionBidGateOptions } from './useAuctionBidGate';
+import type { UseAuctionWinsOptions, UseAuctionWinsState } from './useAuctionWins';
+import type { LiveSessionProviderProps } from './useLiveSession';
+import type { LiveVideoTargetProps } from './LiveVideoTarget';
+export { LiveSellingProvider, useLiveSelling, type LiveSellingProviderProps, type LiveSellingContextType, } from './LiveSellingProvider';
+export { useOngoingLive, type UseOngoingLiveOptions, type UseOngoingLiveState } from './useOngoingLive';
+export { useLiveStreams, type UseLiveStreamsState } from './useLiveStreams';
+export { useAuction, type UseAuctionState } from './useAuction';
+export { useReplays, type UseReplaysOptions, type UseReplaysState } from './useReplays';
+export { useClips, type UseClipsState } from './useClips';
+export { useStreamInfo, refreshStreamRecords, refreshStreamRecordsIfStale, } from './useStreamInfo';
+export { nativeViewTag } from '../nativeViewTag';
+export type { AuctionBidGate, BidBlocker } from './useAuctionBidGate';
+export type { AuctionWinRow, UseAuctionWinsOptions, UseAuctionWinsState } from './useAuctionWins';
+export type { LiveSessionProviderProps } from './useLiveSession';
+export type { LiveVideoTargetProps } from './LiveVideoTarget';
+export declare function LiveSessionProvider({ children }: LiveSessionProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<LiveSession | null>>;
+/**
+ * The idle session, read without touching the context: a surface rendered outside the provider
+ * behaves the same as one inside it, because on the web there is only ever this one session.
+ */
+export declare function useLiveSession<TRaw = unknown>(): LiveSession<TRaw>;
+export declare const isNativeVideoSupported = false;
+/**
+ * A plain `View`, which is what the native file falls back to on a build without the Zego SDK:
+ * callers position this and draw a poster over it, so returning null would collapse the layout the
+ * poster depends on.
+ */
+export declare const NativeVideoView: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<unknown>>;
+export declare function LiveVideoTarget({ style, children }: LiveVideoTargetProps): import("react").CElement<ViewProps, View>;
+export declare const SHEET_HANDOFF_MS = 380;
+/** Never blocks, because there is no bid to gate — `placeBid` above resolves without sending. */
+export declare function useAuctionBidGate(_options: UseAuctionBidGateOptions): AuctionBidGate;
+/**
+ * An empty tab rather than a failure. The wins metafield is readable from a browser, but settling one
+ * mints a cart and sends the shopper to checkout — not something a preview should be able to start.
+ */
+export declare function useAuctionWins<TRaw = unknown>(_options?: UseAuctionWinsOptions): UseAuctionWinsState<TRaw>;
+//# sourceMappingURL=index.web.d.ts.map

package/dist/react/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/react/index.web.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,KAAK,EAAiB,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClG,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AA8D9D,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,wBAAwB,+FAEzE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,KAAK,WAAW,CAAC,IAAI,CAAC,CAElE;AAID,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,eAAe,+FAE1B,CAAC;AAEH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,6CAExE;AAID,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,wBAAwB,GAAG,cAAc,CAapF;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAC3C,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,mBAAmB,CAAC,IAAI,CAAC,CAc3B"}

package/dist/react/index.web.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHEET_HANDOFF_MS = exports.NativeVideoView = exports.isNativeVideoSupported = exports.nativeViewTag = exports.refreshStreamRecordsIfStale = exports.refreshStreamRecords = exports.useStreamInfo = exports.useClips = exports.useReplays = exports.useAuction = exports.useLiveStreams = exports.useOngoingLive = exports.useLiveSelling = exports.LiveSellingProvider = void 0;
+exports.LiveSessionProvider = LiveSessionProvider;
+exports.useLiveSession = useLiveSession;
+exports.LiveVideoTarget = LiveVideoTarget;
+exports.useAuctionBidGate = useAuctionBidGate;
+exports.useAuctionWins = useAuctionWins;
+/**
+ * The React layer on the **web** — real where a browser can honestly do the work, inert where it
+ * cannot. Metro resolves this file in place of `./index` for web, and TypeScript reads the native
+ * one, so the two surfaces are kept identical by the compiler.
+ *
+ * Two separate reasons this file exists, and only the first is about behaviour:
+ *
+ * 1. **Nothing here may reach the Zego module.** `LiveVideoTarget` requires
+ *    `zego-express-engine-reactnative` for its texture view on native. A bundler collects that
+ *    `require` whichever branch would run it, so a web bundle built where the SDK is not installed
+ *    fails to resolve it at build time — before a line of this runs. Serving the stand-ins below
+ *    keeps the native entry out of a web graph entirely.
+ * 2. **There is no room to join.** Video is Zego, the package ships a documented no-op engine off
+ *    device, so a session here is a permanently idle one rather than a fabricated live show.
+ *
+ * `status: 'ended'` is the deliberate choice for that idle session. Every surface already draws a
+ * finished stream as an empty state; `loading` spins for ever, and `error` puts a failure in front of
+ * a shopper for a feature the browser was never going to run.
+ *
+ * The **client** is real: `liveSelling` and its HTTP calls work from a browser, so `useLiveSelling()`,
+ * the stream/replay/clip read hooks and the polled record all behave as they do on device.
+ *
+ * `createElement` rather than JSX, like the rest of the package, so this stays a plain `.ts`.
+ */
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const sessionTypes_1 = require("../sessionTypes");
+// Real on the web: the gateway is plain HTTP, and the engine it configures is the no-op build.
+var LiveSellingProvider_1 = require("./LiveSellingProvider");
+Object.defineProperty(exports, "LiveSellingProvider", { enumerable: true, get: function () { return LiveSellingProvider_1.LiveSellingProvider; } });
+Object.defineProperty(exports, "useLiveSelling", { enumerable: true, get: function () { return LiveSellingProvider_1.useLiveSelling; } });
+var useOngoingLive_1 = require("./useOngoingLive");
+Object.defineProperty(exports, "useOngoingLive", { enumerable: true, get: function () { return useOngoingLive_1.useOngoingLive; } });
+var useLiveStreams_1 = require("./useLiveStreams");
+Object.defineProperty(exports, "useLiveStreams", { enumerable: true, get: function () { return useLiveStreams_1.useLiveStreams; } });
+var useAuction_1 = require("./useAuction");
+Object.defineProperty(exports, "useAuction", { enumerable: true, get: function () { return useAuction_1.useAuction; } });
+var useReplays_1 = require("./useReplays");
+Object.defineProperty(exports, "useReplays", { enumerable: true, get: function () { return useReplays_1.useReplays; } });
+var useClips_1 = require("./useClips");
+Object.defineProperty(exports, "useClips", { enumerable: true, get: function () { return useClips_1.useClips; } });
+var useStreamInfo_1 = require("./useStreamInfo");
+Object.defineProperty(exports, "useStreamInfo", { enumerable: true, get: function () { return useStreamInfo_1.useStreamInfo; } });
+Object.defineProperty(exports, "refreshStreamRecords", { enumerable: true, get: function () { return useStreamInfo_1.refreshStreamRecords; } });
+Object.defineProperty(exports, "refreshStreamRecordsIfStale", { enumerable: true, get: function () { return useStreamInfo_1.refreshStreamRecordsIfStale; } });
+// Already returns null off device — react-native-web *throws* from `findNodeHandle`, which this
+// wraps, so the honest answer costs nothing here.
+var nativeViewTag_1 = require("../nativeViewTag");
+Object.defineProperty(exports, "nativeViewTag", { enumerable: true, get: function () { return nativeViewTag_1.nativeViewTag; } });
+// ─── The session ─────────────────────────────────────────────────────────────
+/** Every action, resolved and doing nothing. There is no room to send any of it to. */
+const IDLE_ACTIONS = {
+    bindVideoView: () => undefined,
+    sendComment: async () => undefined,
+    sendReaction: async () => undefined,
+    announceAddToCart: async () => undefined,
+    voteInPoll: async () => undefined,
+    chooseViewerName: async () => null,
+    addToCart: async () => false,
+    joinAsGuest: () => Promise.reject(new Error('Co-hosting needs a device build.')),
+    leaveGuest: async () => undefined,
+    setGuestMicMuted: async () => undefined,
+    setGuestCameraOff: async () => undefined,
+    flipGuestCamera: async () => undefined,
+    bindGuestPreview: () => undefined,
+    bindGuestHostView: () => undefined,
+    setMuted: () => undefined,
+    enterPip: () => undefined,
+    exitPip: () => undefined,
+    placeBid: async () => undefined,
+    enterGiveaway: async () => undefined,
+    dismissAuctionWin: () => undefined,
+    dismissGiveawayResult: () => undefined,
+};
+/** A stream that is over: the one state every surface already knows how to draw. */
+const IDLE_SESSION = {
+    status: 'ended',
+    stream: null,
+    viewerCount: 0,
+    rawViewerCount: 0,
+    comments: [],
+    activeProduct: null,
+    products: [],
+    sold: [],
+    reactions: [],
+    poll: null,
+    muted: true,
+    videoTag: null,
+    elapsedMs: 0,
+    pipMode: 'none',
+    guest: {
+        mode: false,
+        status: 'idle',
+        slot: null,
+        mutedByHost: false,
+        cameraOffByHost: false,
+        mixerLayout: null,
+    },
+    viewerName: null,
+    auction: sessionTypes_1.IDLE_AUCTION,
+    giveaway: sessionTypes_1.IDLE_GIVEAWAY,
+    error: null,
+    actions: IDLE_ACTIONS,
+};
+const LiveSessionContext = (0, react_1.createContext)(null);
+function LiveSessionProvider({ children }) {
+    return (0, react_1.createElement)(LiveSessionContext.Provider, { value: IDLE_SESSION }, children);
+}
+/**
+ * The idle session, read without touching the context: a surface rendered outside the provider
+ * behaves the same as one inside it, because on the web there is only ever this one session.
+ */
+function useLiveSession() {
+    return IDLE_SESSION;
+}
+// ─── The video ───────────────────────────────────────────────────────────────
+exports.isNativeVideoSupported = false;
+/**
+ * A plain `View`, which is what the native file falls back to on a build without the Zego SDK:
+ * callers position this and draw a poster over it, so returning null would collapse the layout the
+ * poster depends on.
+ */
+exports.NativeVideoView = (0, react_1.forwardRef)(function NativeVideoView(props, _ref) {
+    return (0, react_1.createElement)(react_native_1.View, props);
+});
+function LiveVideoTarget({ style, children }) {
+    return (0, react_1.createElement)(react_native_1.View, { style: style !== null && style !== void 0 ? style : { flex: 1 } }, children);
+}
+// ─── Auctions ────────────────────────────────────────────────────────────────
+exports.SHEET_HANDOFF_MS = 380;
+/** Never blocks, because there is no bid to gate — `placeBid` above resolves without sending. */
+function useAuctionBidGate(_options) {
+    return (0, react_1.useMemo)(() => ({
+        blocker: null,
+        variantId: null,
+        requestBid: () => undefined,
+        acceptTerms: () => undefined,
+        chooseVariant: () => undefined,
+        dismiss: () => undefined,
+        refreshUnpaidWins: () => undefined,
+    }), []);
+}
+/**
+ * An empty tab rather than a failure. The wins metafield is readable from a browser, but settling one
+ * mints a cart and sends the shopper to checkout — not something a preview should be able to start.
+ */
+function useAuctionWins(_options) {
+    return (0, react_1.useMemo)(() => ({
+        rows: [],
+        totalBids: 0,
+        streamingId: null,
+        loading: false,
+        checkingOut: false,
+        error: null,
+        refresh: () => undefined,
+        checkout: async () => null,
+    }), []);
+}
+//# sourceMappingURL=index.web.js.map

package/dist/react/index.web.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiledev/sdk-apptile-live-selling",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Live selling, auctions and giveaways for React Native \u2014 the Apptile live-selling gateway as a typed singleton, a Zego room engine behind a platform boundary, an assembled session state machine, and system picture-in-picture with its own config plugin. Commerce comes from an adapter.",
   "license": "UNLICENSED",
   "private": false,
@@ -13,21 +13,22 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "default": "./dist/react/index.js"
-    },
     "./types": {
       "types": "./dist/types.d.ts",
       "default": "./dist/types.js"
     },
     "./app.plugin.js": "./app.plugin.js",
     "./expo-module.config.json": "./expo-module.config.json",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
   },
   "files": [
     "dist",
-    "react",
+    "types",
+    "session",
     "ios",
     "android",
     "!android/build",
@@ -70,12 +71,6 @@
     "expo": {
       "optional": true
     },
-    "react": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    },
     "zego-express-engine-reactnative": {
       "optional": true
     }

package/session/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/session.js",
+  "module": "../dist/session.js",
+  "types": "../dist/session.d.ts",
+  "sideEffects": false
+}

package/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/types.js",
+  "module": "../dist/types.js",
+  "types": "../dist/types.d.ts",
+  "sideEffects": false
+}

package/react/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/react/index.js",
-  "module": "../dist/react/index.js",
-  "types": "../dist/react/index.d.ts",
-  "sideEffects": false
-}