@tiledev/sdk-apptile-live-selling 0.15.1 → 0.15.3

package/dist/ui/ReplayBubble.js

@@ -12,6 +12,7 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 const LiveSellingProvider_1 = require("../react/LiveSellingProvider");
 const replayPlayer_1 = require("../react/replayPlayer");
+const systemPictureInPicture_1 = require("../react/systemPictureInPicture");
 const BubbleFrame_1 = require("./BubbleFrame");
 /** Screen-reader words, the old app's. */
 const WORDS = {
@@ -31,8 +32,10 @@ const WORDS = {
  * which closes the bubble as it arrives; **✕** stops the video and closes the bubble.
  */
 function ReplayBubble({ onOpen, chipColor, openLabel = WORDS.open, closeLabel = WORDS.close } = {}) {
-    const { recording, bubbleShown, player, stop, markVideoReady } = (0, replayPlayer_1.useReplayPlayer)();
+    const { recording, bubbleShown, player, stop, markVideoReady, noteSystemPictureInPicture } = (0, replayPlayer_1.useReplayPlayer)();
     const { routes } = (0, LiveSellingProvider_1.useLivePageOptions)();
+    // Put away with the video in the bubble, the phone takes it into its own window (0.15.2, ENG-941).
+    const startsPictureInPictureAutomatically = (0, systemPictureInPicture_1.useAutoPictureInPicture)(bubbleShown && !!recording);
     if (!bubbleShown || !recording)
         return null;
     const recordingId = recording.id;
@@ -54,7 +57,10 @@ function ReplayBubble({ onOpen, chipColor, openLabel = WORDS.open, closeLabel =
             style: styles.video,
             contentFit: 'cover',
             nativeControls: false,
-            allowsPictureInPicture: false,
+            allowsPictureInPicture: true,
+            startsPictureInPictureAutomatically,
+            onPictureInPictureStart: () => noteSystemPictureInPicture(true),
+            onPictureInPictureStop: () => noteSystemPictureInPicture(false),
             onFirstFrameRender: markVideoReady,
         }),
     });

package/dist/ui/ReplayBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReplayBubble.js","sourceRoot":"","sources":["../../src/ui/ReplayBubble.ts"],"names":[],"mappings":";;AA0CA,oCA4BC;AAtED;;;;;GAKG;AACH,2CAAuC;AACvC,iCAAsC;AACtC,+CAA0C;AAE1C,sEAAkE;AAClE,wDAAwD;AACxD,+CAA4C;AAE5C,0CAA0C;AAC1C,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAYF;;;;;;;;;;;GAWG;AACH,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,KAAK,KAAwB,EAAE;IAC1H,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACnF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wCAAkB,GAAE,CAAC;IACxC,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5C,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,IAAA,qBAAa,EAClB,yBAAW,EACX;QACE,SAAS,EAAE,SAAS,CAAC,YAAY;QACjC,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,MAAM;gBAAE,MAAM,CAAC,WAAW,CAAC,CAAC;;gBAC3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,EAAE,IAAI;QACb,SAAS;QACT,UAAU;QACV,SAAS;QACT,QAAQ,EAAE,IAAA,qBAAa,EAAC,sBAAS,EAAE;YACjC,MAAM;YACN,4GAA4G;YAC5G,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,UAAU,EAAE,OAAO;YACnB,cAAc,EAAE,KAAK;YACrB,sBAAsB,EAAE,KAAK;YAC7B,kBAAkB,EAAE,cAAc;SACnC,CAAC;KACH,CACF,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;CAChF,CAAC,CAAC"}
+{"version":3,"file":"ReplayBubble.js","sourceRoot":"","sources":["../../src/ui/ReplayBubble.ts"],"names":[],"mappings":";;AA2CA,oCAiCC;AA5ED;;;;;GAKG;AACH,2CAAuC;AACvC,iCAAsC;AACtC,+CAA0C;AAE1C,sEAAkE;AAClE,wDAAwD;AACxD,4EAA0E;AAC1E,+CAA4C;AAE5C,0CAA0C;AAC1C,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAYF;;;;;;;;;;;GAWG;AACH,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,KAAK,KAAwB,EAAE;IAC1H,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,0BAA0B,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAC/G,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wCAAkB,GAAE,CAAC;IACxC,mGAAmG;IACnG,MAAM,mCAAmC,GAAG,IAAA,gDAAuB,EAAC,WAAW,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAChG,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5C,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,IAAA,qBAAa,EAClB,yBAAW,EACX;QACE,SAAS,EAAE,SAAS,CAAC,YAAY;QACjC,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,MAAM;gBAAE,MAAM,CAAC,WAAW,CAAC,CAAC;;gBAC3B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,EAAE,IAAI;QACb,SAAS;QACT,UAAU;QACV,SAAS;QACT,QAAQ,EAAE,IAAA,qBAAa,EAAC,sBAAS,EAAE;YACjC,MAAM;YACN,4GAA4G;YAC5G,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,UAAU,EAAE,OAAO;YACnB,cAAc,EAAE,KAAK;YACrB,sBAAsB,EAAE,IAAI;YAC5B,mCAAmC;YACnC,uBAAuB,EAAE,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,CAAC;YAC/D,sBAAsB,EAAE,GAAG,EAAE,CAAC,0BAA0B,CAAC,KAAK,CAAC;YAC/D,kBAAkB,EAAE,cAAc;SACnC,CAAC;KACH,CACF,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;CAChF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiledev/sdk-apptile-live-selling",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "Live selling, auctions and giveaways for React Native — the Apptile live-selling gateway as a typed singleton, a Zego room engine behind a platform boundary, an assembled session state machine, system picture-in-picture with its own config plugin, and the Live and Replay page models with their floating bubbles (`/ui`). Commerce comes from an adapter.",
   "license": "UNLICENSED",
   "private": false,