@amityco/react-native-social-uikit 4.0.0-ca3519f.0 → 4.0.0-cfcb02e.0

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _livekitClient = require("livekit-client");
+var _reactNative2 = require("@livekit/react-native");
+var _styles = require("./styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RoomView = ({
+  onLocalParticipantReady,
+  isFrontCamera
+}) => {
+  const {
+    localParticipant
+  } = (0, _reactNative2.useLocalParticipant)();
+  const styles = (0, _styles.useStyles)();
+  (0, _react.useEffect)(() => {
+    if (localParticipant && onLocalParticipantReady) {
+      onLocalParticipantReady(localParticipant);
+    }
+  }, [localParticipant, onLocalParticipantReady]);
+  if (!(localParticipant !== null && localParticipant !== void 0 && localParticipant.isCameraEnabled)) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.roomContainer
+    });
+  }
+  const cameraTrack = localParticipant.getTrackPublication(_livekitClient.Track.Source.Camera);
+  if (!(cameraTrack !== null && cameraTrack !== void 0 && cameraTrack.track)) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.roomContainer
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.roomContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative2.VideoTrack, {
+    trackRef: {
+      participant: localParticipant,
+      publication: cameraTrack,
+      source: _livekitClient.Track.Source.Camera
+    },
+    style: styles.videoTrack,
+    mirror: isFrontCamera
+  }));
+};
+exports.RoomView = RoomView;
+//# sourceMappingURL=RoomView.js.map

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_livekitClient","_reactNative2","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RoomView","onLocalParticipantReady","isFrontCamera","localParticipant","useLocalParticipant","styles","useStyles","useEffect","isCameraEnabled","createElement","View","style","roomContainer","cameraTrack","getTrackPublication","Track","Source","Camera","track","VideoTrack","trackRef","participant","publication","source","videoTrack","mirror","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.js

@@ -13,7 +13,7 @@ const useStyles = () => {
     height: screenHeight
   } = _reactNative.Dimensions.get('window');
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const availableHeight = screenHeight - 80 - 60 - 40 - 40 - 120;
+  const availableHeight = screenHeight - 80 - 60 - 40 - 40 - 120 - 50;
   const styles = _reactNative.StyleSheet.create({
     container: {
       flex: 1,
@@ -31,7 +31,6 @@ const useStyles = () => {
     },
     overlay: {
       flex: 1,
-      height: '100%',
       top: 0,
       bottom: 0,
       left: 0,
@@ -167,12 +166,18 @@ const useStyles = () => {
     text: {
       color: theme.colors.background
     },
-    timer: {
+    closeButton: {
       left: 16,
       zIndex: 100,
       position: 'absolute',
       top: 20 + insets.top
     },
+    timer: {
+      right: 16,
+      zIndex: 100,
+      position: 'absolute',
+      top: 20 + insets.top
+    },
     permission: {
       flex: 1,
       top: 80 + insets.top,
@@ -199,6 +204,69 @@ const useStyles = () => {
     reconnectingText: {
       color: theme.colors.background,
       textAlign: 'center'
+    },
+    containerRoom: {
+      flex: 1,
+      alignItems: 'stretch',
+      justifyContent: 'center',
+      padding: 10
+    },
+    participantView: {
+      flex: 1,
+      margin: 5,
+      height: 200,
+      backgroundColor: '#ccc'
+    },
+    roomContainer: {
+      flex: 1,
+      width: '100%',
+      height: '100%'
+    },
+    videoTrack: {
+      width: '100%',
+      height: '100%'
+    },
+    countdownOverlay: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 80,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.7)',
+      zIndex: 150
+    },
+    countdownContainer: {
+      alignItems: 'center',
+      gap: 24
+    },
+    countdownCircle: {
+      position: 'relative',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 72,
+      height: 72
+    },
+    countdownNumberContainer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    countdownNumber: {
+      fontSize: 32,
+      fontWeight: '700',
+      color: theme.colors.background
+    },
+    countdownText: {
+      fontSize: 24,
+      fontWeight: '500',
+      color: theme.colors.background,
+      textAlign: 'center'
     }
   });
   return styles;

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativePaper","_reactNativeSafeAreaContext","useStyles","theme","useTheme","height","screenHeight","Dimensions","get","insets","useSafeAreaInsets","availableHeight","styles","StyleSheet","create","container","flex","backgroundColor","colors","background","position","cameraContainer","top","bottom","left","right","zIndex","overlay","noPermissionOverlay","camera","footer","paddingBottom","minHeight","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","thumbnailButton","gap","thumbnailImageContainer","width","borderRadius","borderWidth","borderColor","overflow","thumbnailImage","resizeMode","thumbnailLoader","transform","translateX","translateY","content","header","inputContainer","paddingTop","titleInput","fontSize","fontWeight","padding","color","descriptionInput","textAlignVertical","lineHeight","maxHeight","goLiveContainer","communityButton","communityName","textAlign","connecting","indicator","text","timer","permission","permissionTitle","marginBottom","permissionDescription","reconnectingText","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_reactNativeSafeAreaContext","useStyles","theme","useTheme","height","screenHeight","Dimensions","get","insets","useSafeAreaInsets","availableHeight","styles","StyleSheet","create","container","flex","backgroundColor","colors","background","position","cameraContainer","top","bottom","left","right","zIndex","overlay","noPermissionOverlay","camera","footer","paddingBottom","minHeight","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","thumbnailButton","gap","thumbnailImageContainer","width","borderRadius","borderWidth","borderColor","overflow","thumbnailImage","resizeMode","thumbnailLoader","transform","translateX","translateY","content","header","inputContainer","paddingTop","titleInput","fontSize","fontWeight","padding","color","descriptionInput","textAlignVertical","lineHeight","maxHeight","goLiveContainer","communityButton","communityName","textAlign","connecting","indicator","text","closeButton","timer","permission","permissionTitle","marginBottom","permissionDescription","reconnectingText","containerRoom","participantView","margin","roomContainer","videoTrack","countdownOverlay","countdownContainer","countdownCircle","countdownNumberContainer","countdownNumber","countdownText","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAa,CAAC;EACpC,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;EACzD,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,eAAe,GAAGL,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACnE,MAAMM,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC,UAAU;MACxCC,QAAQ,EAAE;IACZ,CAAC;IACDC,eAAe,EAAE;MACfL,IAAI,EAAE,CAAC;MACPM,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRL,QAAQ,EAAE,UAAU;MACpBM,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACPX,IAAI,EAAE,CAAC;MACPM,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRL,QAAQ,EAAE,UAAU;MACpBM,MAAM,EAAE,EAAE;MACVT,eAAe,EAAE;IACnB,CAAC;IACDW,mBAAmB,EAAE;MACnBX,eAAe,EAAE;IACnB,CAAC;IACDY,MAAM,EAAE;MACNb,IAAI,EAAE,CAAC;MACPX,MAAM,EAAE;IACV,CAAC;IACDyB,MAAM,EAAE;MACNV,QAAQ,EAAE,UAAU;MACpBG,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRM,aAAa,EAAEtB,MAAM,CAACc,MAAM;MAC5BS,SAAS,EAAE,EAAE;MACbC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,EAAE;MACnBjB,eAAe,EAAE,SAAS;MAC1BkB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BX,MAAM,EAAE;IACV,CAAC;IACDY,eAAe,EAAE;MACfC,GAAG,EAAE,CAAC;MACNJ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDI,uBAAuB,EAAE;MACvBC,KAAK,EAAE,EAAE;MACTpC,MAAM,EAAE,EAAE;MACVqC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEzC,KAAK,CAACe,MAAM,CAACC,UAAU;MACpC0B,QAAQ,EAAE,QAAQ;MAClBzB,QAAQ,EAAE,UAAU;MACpBM,MAAM,EAAE;IACV,CAAC;IACDoB,cAAc,EAAE;MACdL,KAAK,EAAE,MAAM;MACbpC,MAAM,EAAE,MAAM;MACd0C,UAAU,EAAE;IACd,CAAC;IACDC,eAAe,EAAE;MACf5B,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,KAAK;MACVE,IAAI,EAAE,KAAK;MACXyB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDd,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE;IACd,CAAC;IACDgB,OAAO,EAAE;MACPhC,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAEb,MAAM,CAACa,GAAG;MACfE,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE,EAAE,GAAGd,MAAM,CAACc,MAAM;MAC1BG,MAAM,EAAE,GAAG;MACXW,cAAc,EAAE;IAClB,CAAC;IACDgB,MAAM,EAAE;MACNpB,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,EAAE;MACnBC,aAAa,EAAE,KAAK;MACpBE,cAAc,EAAE,eAAe;MAC/BD,UAAU,EAAE,QAAQ;MACpBG,GAAG,EAAE;IACP,CAAC;IACDe,cAAc,EAAE;MACdf,GAAG,EAAE,CAAC;MACNgB,UAAU,EAAE,EAAE;MACdtB,iBAAiB,EAAE;IACrB,CAAC;IACDuB,UAAU,EAAE;MACVC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC;IACtB,CAAC;IACD0C,gBAAgB,EAAE;MAChBJ,QAAQ,EAAE,EAAE;MACZE,OAAO,EAAE,CAAC;MACVC,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9B2C,iBAAiB,EAAE,KAAK;MACxBC,UAAU,EAAE,EAAE;MACdC,SAAS,EAAErD;IACb,CAAC;IACDsD,eAAe,EAAE;MACfjC,SAAS,EAAE,GAAG;MACdgC,SAAS,EAAE,GAAG;MACd3B,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE;IACd,CAAC;IACD8B,eAAe,EAAE;MACflD,IAAI,EAAE,CAAC;MACPoB,UAAU,EAAE,QAAQ;MACpBD,aAAa,EAAE,KAAK;MACpBI,GAAG,EAAE,CAAC;MACNF,cAAc,EAAE,UAAU;MAC1BuB,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC;IACtB,CAAC;IACDgD,aAAa,EAAE;MACbP,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9BH,IAAI,EAAE,CAAC;MACPoD,SAAS,EAAE;IACb,CAAC;IACDC,UAAU,EAAE;MACVjD,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,CAAC;MACNE,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE,CAAC;MACTc,cAAc,EAAE,QAAQ;MACxBE,GAAG,EAAE,EAAE;MACPb,MAAM,EAAE,GAAG;MACXU,UAAU,EAAE;IACd,CAAC;IACDkC,SAAS,EAAE;MACT7B,KAAK,EAAE,EAAE;MACTpC,MAAM,EAAE;IACV,CAAC;IACDkE,IAAI,EAAE;MACJX,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC;IACtB,CAAC;IAEDqD,WAAW,EAAE;MACXhD,IAAI,EAAE,EAAE;MACRE,MAAM,EAAE,GAAG;MACXN,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,EAAE,GAAGb,MAAM,CAACa;IACnB,CAAC;IACDmD,KAAK,EAAE;MACLhD,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,GAAG;MACXN,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,EAAE,GAAGb,MAAM,CAACa;IACnB,CAAC;IACDoD,UAAU,EAAE;MACV1D,IAAI,EAAE,CAAC;MACPM,GAAG,EAAE,EAAE,GAAGb,MAAM,CAACa,GAAG;MACpBE,IAAI,EAAE,CAAC;MACPD,MAAM,EAAE,CAAC;MACTE,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,GAAG;MACXN,QAAQ,EAAE,UAAU;MACpBiB,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBL,aAAa,EAAE,EAAE,GAAGtB,MAAM,CAACa,GAAG;MAC9BL,eAAe,EAAE;IACnB,CAAC;IACD0D,eAAe,EAAE;MACff,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9BiD,SAAS,EAAE,QAAQ;MACnBQ,YAAY,EAAE;IAChB,CAAC;IACDC,qBAAqB,EAAE;MACrBjB,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9BiD,SAAS,EAAE,QAAQ;MACnBQ,YAAY,EAAE;IAChB,CAAC;IACDE,gBAAgB,EAAE;MAChBlB,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9BiD,SAAS,EAAE;IACb,CAAC;IACDW,aAAa,EAAE;MACb/D,IAAI,EAAE,CAAC;MACPoB,UAAU,EAAE,SAAS;MACrBC,cAAc,EAAE,QAAQ;MACxBsB,OAAO,EAAE;IACX,CAAC;IACDqB,eAAe,EAAE;MACfhE,IAAI,EAAE,CAAC;MACPiE,MAAM,EAAE,CAAC;MACT5E,MAAM,EAAE,GAAG;MACXY,eAAe,EAAE;IACnB,CAAC;IACDiE,aAAa,EAAE;MACblE,IAAI,EAAE,CAAC;MACPyB,KAAK,EAAE,MAAM;MACbpC,MAAM,EAAE;IACV,CAAC;IACD8E,UAAU,EAAE;MACV1C,KAAK,EAAE,MAAM;MACbpC,MAAM,EAAE;IACV,CAAC;IACD+E,gBAAgB,EAAE;MAChBhE,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,CAAC;MACNE,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE,EAAE;MACVc,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBnB,eAAe,EAAE,oBAAoB;MACrCS,MAAM,EAAE;IACV,CAAC;IACD2D,kBAAkB,EAAE;MAClBjD,UAAU,EAAE,QAAQ;MACpBG,GAAG,EAAE;IACP,CAAC;IACD+C,eAAe,EAAE;MACflE,QAAQ,EAAE,UAAU;MACpBgB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBI,KAAK,EAAE,EAAE;MACTpC,MAAM,EAAE;IACV,CAAC;IACDkF,wBAAwB,EAAE;MACxBnE,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,CAAC;MACNE,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE,CAAC;MACTa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDmD,eAAe,EAAE;MACf/B,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBE,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC;IACtB,CAAC;IACDsE,aAAa,EAAE;MACbhC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBE,KAAK,EAAEzD,KAAK,CAACe,MAAM,CAACC,UAAU;MAC9BiD,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,OAAOxD,MAAM;AACf,CAAC;AAAC8E,OAAA,CAAAxF,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.js

@@ -9,148 +9,171 @@ var _reactNative = require("react-native");
 var _styles = require("./styles");
 var _LivestreamEndedThumbnail = _interopRequireDefault(require("../../../component/LivestreamContent/LivestreamEndedThumbnail"));
 var _reactNativeSvg = require("react-native-svg");
-var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
 var _icons = require("../../../assets/icons");
 var _native = require("@react-navigation/native");
-var _livestreamStatus = require("../../../enum/livestreamStatus");
+var _roomStatus = require("../../../enum/roomStatus");
 var _LivestreamIdleThumbnail = _interopRequireDefault(require("../../../component/LivestreamContent/LivestreamIdleThumbnail"));
 var _Typography = require("../../../component/Typography/Typography");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
 var _CircularProgressIndicator = require("../../../component/CircularProgressIndicator");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+var _useAuth = _interopRequireDefault(require("../../../../hooks/useAuth"));
+var _index = require("../../../../v4/hook/index");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// @ts-ignore
-// import { AmityStreamPlayer } from '@amityco/video-player-react-native';
-
-const usePostSubscription = postId => {
-  const [subscribedPost, setSubscribedPost] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    let unsubscribe;
-    if (postId) {
-      unsubscribe = _tsSdkReactNative.PostRepository.getPost(postId, ({
-        data
-      }) => {
-        setSubscribedPost(data);
-      });
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [postId]);
-  (0, _react.useEffect)(() => {
-    let unsubscribe;
-    if (subscribedPost) {
-      unsubscribe = (0, _tsSdkReactNative.subscribeTopic)((0, _tsSdkReactNative.getPostTopic)(subscribedPost));
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [subscribedPost]);
-  return {
-    subscribedPost
-  };
-};
 function AmityLiveStreamPlayerPage() {
-  var _livestream$moderatio3;
-  const ref = (0, _react.useRef)(null);
+  var _user, _room$recordedPlaybac, _room$recordedPlaybac2, _client$token;
   const {
     styles,
     theme
   } = (0, _styles.useStyles)();
-  const controlOpacity = (0, _reactNative.useAnimatedValue)(0);
   const navigation = (0, _native.useNavigation)();
   const route = (0, _native.useRoute)();
-  const [error, setError] = (0, _react.useState)(null);
-  const [isPlaying, setIsPlaying] = (0, _react.useState)(true);
   const [reconnecting, setReconnecting] = (0, _react.useState)(false);
-  const [livestream, setLivestream] = (0, _react.useState)();
+  const [room, setRoom] = (0, _react.useState)(null);
+  const [error, setError] = (0, _react.useState)(null);
+  const [isVideoLoading, setIsVideoLoading] = (0, _react.useState)(true);
+  const [videoKey, setVideoKey] = (0, _react.useState)(0);
+  const [isPaused, setIsPaused] = (0, _react.useState)(false);
+  const [wasLive, setWasLive] = (0, _react.useState)(false);
   const {
-    streamId,
+    roomId,
     post
   } = route.params;
   const {
     subscribedPost
-  } = usePostSubscription(post === null || post === void 0 ? void 0 : post.postId);
-  const onStopPlayer = () => {
-    ref.current && ref.current.pause();
-    setIsPlaying(false);
-  };
-  const onStartPlayer = () => {
-    ref.current && ref.current.play();
-    setIsPlaying(true);
-  };
-  const onPressControlButton = () => {
-    isPlaying ? onStopPlayer() : onStartPlayer();
-  };
-  const onToggleControl = () => {
-    controlOpacity.stopAnimation(currentValue => {
-      _reactNative.Animated.timing(controlOpacity, {
-        toValue: currentValue === 0 ? 1 : 0,
-        duration: 300,
-        useNativeDriver: false
-      }).start();
-    });
-  };
+  } = (0, _index.usePostSubscription)(post === null || post === void 0 ? void 0 : post.postId);
+  (0, _index.useRoomSubscription)({
+    room
+  });
+  const {
+    client
+  } = (0, _useAuth.default)();
+  const videoRef = (0, _react.useRef)(null);
+  const isStreamEnding = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
-    const unsubscribe = _tsSdkReactNative.StreamRepository.getStreamById(streamId, ({
+    const unsubscribe = _tsSdkReactNative.RoomRepository.getRoom(roomId, ({
       data,
       loading,
       error: streamError
     }) => {
       if (streamError) setError(streamError);
-      if (!loading && data) setLivestream({
+      if (!loading && data) setRoom({
         ...data
       });
     });
     return () => unsubscribe();
-  }, [streamId]);
+  }, [roomId]);
   (0, _react.useEffect)(() => {
-    if (livestream !== null && livestream !== void 0 && livestream.isDeleted || subscribedPost !== null && subscribedPost !== void 0 && subscribedPost.isDeleted) {
-      navigation.replace('PostDetail', {
-        postId: subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId
-      });
+    if ((room === null || room === void 0 ? void 0 : room.status) === _roomStatus.RoomStatus.live) {
+      setWasLive(true);
     }
-  }, [livestream === null || livestream === void 0 ? void 0 : livestream.isDeleted, subscribedPost, navigation]);
+  }, [room === null || room === void 0 ? void 0 : room.status]);
   (0, _react.useEffect)(() => {
-    var _livestream$moderatio, _livestream$moderatio2;
-    const isTerminated = (livestream === null || livestream === void 0 || (_livestream$moderatio = livestream.moderation) === null || _livestream$moderatio === void 0 ? void 0 : _livestream$moderatio.terminateLabels) && (livestream === null || livestream === void 0 || (_livestream$moderatio2 = livestream.moderation) === null || _livestream$moderatio2 === void 0 || (_livestream$moderatio2 = _livestream$moderatio2.terminateLabels) === null || _livestream$moderatio2 === void 0 ? void 0 : _livestream$moderatio2.length) > 0;
-    const isLiveOrEnded = (livestream === null || livestream === void 0 ? void 0 : livestream.status) === _livestreamStatus.LivestreamStatus.live || (livestream === null || livestream === void 0 ? void 0 : livestream.status) === _livestreamStatus.LivestreamStatus.ended;
-    if (isLiveOrEnded && isTerminated) {
-      navigation.replace('LivestreamTerminated', {
-        type: 'viewer'
+    if (room !== null && room !== void 0 && room.isDeleted || subscribedPost !== null && subscribedPost !== void 0 && subscribedPost.isDeleted) {
+      navigation.replace('PostDetail', {
+        postId: subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId,
+        isDeleted: subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.isDeleted
       });
     }
-  }, [livestream === null || livestream === void 0 || (_livestream$moderatio3 = livestream.moderation) === null || _livestream$moderatio3 === void 0 ? void 0 : _livestream$moderatio3.terminateLabels, livestream === null || livestream === void 0 ? void 0 : livestream.status, navigation]);
+  }, [navigation, room === null || room === void 0 ? void 0 : room.isDeleted, subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId, subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.isDeleted]);
   (0, _react.useEffect)(() => {
     const unsubscribe = _netinfo.default.addEventListener(state => {
       setReconnecting(!state.isConnected);
     });
     return () => unsubscribe();
   }, []);
-  if (!livestream || error) return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_LivestreamIdleThumbnail.default, null));
+  (0, _react.useEffect)(() => {
+    if (!(room !== null && room !== void 0 && room.status)) return;
+    const shouldEnd = room.status === _roomStatus.RoomStatus.ended || room.status === _roomStatus.RoomStatus.recorded && wasLive;
+    if (!shouldEnd || isStreamEnding.current) return;
+    isStreamEnding.current = true;
+    setIsPaused(true);
+    if (_reactNative.Platform.OS === 'ios') {
+      // iOS: ONLY dismiss fullscreen. DO NOT touch key. DO NOT unmount.
+      requestAnimationFrame(() => {
+        var _videoRef$current, _videoRef$current$dis;
+        (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || (_videoRef$current$dis = _videoRef$current.dismissFullscreenPlayer) === null || _videoRef$current$dis === void 0 || _videoRef$current$dis.call(_videoRef$current);
+      });
+    } else {
+      // Android: HARD destroy
+      setTimeout(() => {
+        setVideoKey(prev => prev + 1);
+      }, 50);
+    }
+  }, [room === null || room === void 0 ? void 0 : room.status, wasLive]);
+  (0, _react.useEffect)(() => {
+    if ((room === null || room === void 0 ? void 0 : room.status) === _roomStatus.RoomStatus.terminated) {
+      navigation.replace('LivestreamTerminated', {
+        type: 'viewer'
+      });
+    }
+  }, [room === null || room === void 0 ? void 0 : room.status, navigation]);
+  const shouldShowEndThumbnail = (room === null || room === void 0 ? void 0 : room.status) === _roomStatus.RoomStatus.ended || (room === null || room === void 0 ? void 0 : room.status) === _roomStatus.RoomStatus.recorded && wasLive || (room === null || room === void 0 || (_user = room.user) === null || _user === void 0 ? void 0 : _user.isGlobalBan);
+  if (!room || error) {
+    return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+      style: styles.container
+    }, /*#__PURE__*/_react.default.createElement(_LivestreamIdleThumbnail.default, null));
+  }
+  const closePlayer = () => {
+    navigation.goBack();
+  };
+  const videoUrl = room.status === _roomStatus.RoomStatus.recorded ? (_room$recordedPlaybac = room.recordedPlaybackInfos[0]) === null || _room$recordedPlaybac === void 0 ? void 0 : _room$recordedPlaybac.url : room.livePlaybackUrl;
   return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     style: styles.container
-  }, livestream.status === _livestreamStatus.LivestreamStatus.ended ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, shouldShowEndThumbnail ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.steamEndContainer
   }, /*#__PURE__*/_react.default.createElement(_LivestreamEndedThumbnail.default, null)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: styles.closeButton,
-    onPress: navigation.goBack
+    onPress: closePlayer
   }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
     xml: (0, _icons.close)(),
     width: "28",
     height: "28",
     color: theme.colors.background
-  }))) :
-  // <AmityStreamPlayer
-  //   ref={ref}
-  //   stream={livestream}
-  //   onBack={navigation.goBack}
-  //   status={livestream.status === 'live' ? 'live' : 'recorded'}
-  // />
-  null, livestream.status === _livestreamStatus.LivestreamStatus.live && reconnecting && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, (room.status === _roomStatus.RoomStatus.live || room.status === _roomStatus.RoomStatus.waitingReconnect) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.indicator
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.status
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography.CaptionBold, {
+    style: styles.live
+  }, "LIVE"))), !shouldShowEndThumbnail && /*#__PURE__*/_react.default.createElement(_reactNativeVideo.default, {
+    key: _reactNative.Platform.OS === 'android' ? `${videoUrl}-${videoKey}` : videoUrl,
+    ref: videoRef,
+    source: {
+      uri: room.status === _roomStatus.RoomStatus.recorded ? (_room$recordedPlaybac2 = room.recordedPlaybackInfos[0]) === null || _room$recordedPlaybac2 === void 0 ? void 0 : _room$recordedPlaybac2.url : room.livePlaybackUrl,
+      headers: {
+        Authorization: `Bearer ${client === null || client === void 0 || (_client$token = client.token) === null || _client$token === void 0 ? void 0 : _client$token.accessToken}`
+      },
+      type: 'm3u8'
+    },
+    style: styles.container,
+    resizeMode: "cover",
+    controls: true,
+    fullscreenOrientation: "landscape",
+    paused: isPaused,
+    muted: false,
+    volume: 1.0,
+    audioOutput: "speaker",
+    playInBackground: false,
+    playWhenInactive: false,
+    repeat: false,
+    onLoad: () => {
+      setIsVideoLoading(false);
+      if (room.status === _roomStatus.RoomStatus.recorded) {
+        setIsPaused(false);
+      }
+    }
+  }), isVideoLoading && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.connecting
+  }, /*#__PURE__*/_react.default.createElement(_CircularProgressIndicator.CircularProgressIndicator, {
+    size: 40,
+    strokeWidth: 2
+  }))), (room.status === _roomStatus.RoomStatus.live && reconnecting || room.status === _roomStatus.RoomStatus.waitingReconnect) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.connecting
   }, /*#__PURE__*/_react.default.createElement(_CircularProgressIndicator.CircularProgressIndicator, {
     size: 40,
@@ -159,41 +182,7 @@ function AmityLiveStreamPlayerPage() {
     style: styles.text
   }, "Reconnecting"), /*#__PURE__*/_react.default.createElement(_Typography.Typography.Caption, {
     style: styles.reconnectingText
-  }, "Due to poor connection, this live stream has been ", '\n', " paused. It will resume automatically ", '\n', " once the connection is stable.")), livestream.status === _livestreamStatus.LivestreamStatus.live && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.indicator
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.status
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography.CaptionBold, {
-    style: styles.live
-  }, "LIVE"))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
-    onPress: onToggleControl
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: [styles.control, {
-      opacity: controlOpacity
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.closeButton,
-    onPress: navigation.goBack
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
-    xml: (0, _icons.close)(),
-    width: "28",
-    height: "28",
-    color: theme.colors.background
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.controller
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressControlButton
-  }, isPlaying ? /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
-    width: 32,
-    height: 32,
-    xml: (0, _icons.pause)(),
-    color: theme.colors.background
-  }) : /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
-    width: 32,
-    height: 32,
-    xml: (0, _icons.resume)(),
-    color: theme.colors.background
-  })))))));
+  }, "Due to poor connection, this live stream has been ", '\n', " paused. It will resume automatically ", '\n', " once the connection is stable.")));
 }
 var _default = exports.default = AmityLiveStreamPlayerPage;
 //# sourceMappingURL=AmityLivestreamPlayerPage.js.map

package/lib/commonjs/v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_LivestreamEndedThumbnail","_interopRequireDefault","_reactNativeSvg","_tsSdkReactNative","_icons","_native","_livestreamStatus","_LivestreamIdleThumbnail","_Typography","_reactNativeSafeAreaContext","_netinfo","_CircularProgressIndicator","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","usePostSubscription","postId","subscribedPost","setSubscribedPost","useState","useEffect","unsubscribe","PostRepository","getPost","data","subscribeTopic","getPostTopic","AmityLiveStreamPlayerPage","_livestream$moderatio3","ref","useRef","styles","theme","useStyles","controlOpacity","useAnimatedValue","navigation","useNavigation","route","useRoute","error","setError","isPlaying","setIsPlaying","reconnecting","setReconnecting","livestream","setLivestream","streamId","post","params","onStopPlayer","current","pause","onStartPlayer","play","onPressControlButton","onToggleControl","stopAnimation","currentValue","Animated","timing","toValue","duration","useNativeDriver","start","StreamRepository","getStreamById","loading","streamError","isDeleted","replace","_livestream$moderatio","_livestream$moderatio2","isTerminated","moderation","terminateLabels","length","isLiveOrEnded","status","LivestreamStatus","live","ended","type","NetInfo","addEventListener","state","isConnected","createElement","SafeAreaView","style","container","Fragment","View","steamEndContainer","TouchableOpacity","closeButton","onPress","goBack","SvgXml","xml","close","width","height","color","colors","background","connecting","CircularProgressIndicator","size","strokeWidth","Typography","TitleBold","text","Caption","reconnectingText","indicator","CaptionBold","TouchableWithoutFeedback","control","opacity","controller","resume","_default","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_LivestreamEndedThumbnail","_interopRequireDefault","_reactNativeSvg","_icons","_native","_roomStatus","_LivestreamIdleThumbnail","_Typography","_reactNativeSafeAreaContext","_netinfo","_CircularProgressIndicator","_reactNativeVideo","_useAuth","_index","_tsSdkReactNative","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AmityLiveStreamPlayerPage","_user","_room$recordedPlaybac","_room$recordedPlaybac2","_client$token","styles","theme","useStyles","navigation","useNavigation","route","useRoute","reconnecting","setReconnecting","useState","room","setRoom","error","setError","isVideoLoading","setIsVideoLoading","videoKey","setVideoKey","isPaused","setIsPaused","wasLive","setWasLive","roomId","post","params","subscribedPost","usePostSubscription","postId","useRoomSubscription","client","useAuth","videoRef","useRef","isStreamEnding","useEffect","unsubscribe","RoomRepository","getRoom","data","loading","streamError","status","RoomStatus","live","isDeleted","replace","NetInfo","addEventListener","state","isConnected","shouldEnd","ended","recorded","current","Platform","OS","requestAnimationFrame","_videoRef$current","_videoRef$current$dis","dismissFullscreenPlayer","setTimeout","prev","terminated","type","shouldShowEndThumbnail","user","isGlobalBan","createElement","SafeAreaView","style","container","closePlayer","goBack","videoUrl","recordedPlaybackInfos","url","livePlaybackUrl","Fragment","View","steamEndContainer","TouchableOpacity","closeButton","onPress","SvgXml","xml","close","width","height","color","colors","background","waitingReconnect","indicator","Typography","CaptionBold","key","ref","source","uri","headers","Authorization","token","accessToken","resizeMode","controls","fullscreenOrientation","paused","muted","volume","audioOutput","playInBackground","playWhenInactive","repeat","onLoad","connecting","CircularProgressIndicator","size","strokeWidth","TitleBold","text","Caption","reconnectingText","_default","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.js

@@ -18,12 +18,13 @@ const useStyles = () => {
     },
     steamEndContainer: {
       flex: 1,
-      justifyContent: 'center'
+      justifyContent: 'center',
+      backgroundColor: '#000000'
     },
     indicator: {
       left: 16,
       zIndex: 1,
-      top: insets.top + 20,
+      top: 20,
       position: 'absolute'
     },
     status: {

package/lib/commonjs/v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativePaper","_reactNativeSafeAreaContext","useStyles","theme","useTheme","insets","useSafeAreaInsets","styles","StyleSheet","create","container","flex","position","backgroundColor","steamEndContainer","justifyContent","indicator","left","zIndex","top","status","borderRadius","paddingVertical","paddingHorizontal","colors","live","color","background","control","right","bottom","opacity","controlVisible","controller","alignItems","closeButton","connecting","gap","reconnectingText","textAlign","text","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAa,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDC,iBAAiB,EAAE;MACjBH,IAAI,EAAE,CAAC;MACPI,cAAc,EAAE;IAClB,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAEd,MAAM,CAACc,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDQ,MAAM,EAAE;MACNC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBV,eAAe,EAAEV,KAAK,CAACqB,MAAM,CAACC;IAChC,CAAC;IACDA,IAAI,EAAE;MACJC,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB,CAAC;IACDC,OAAO,EAAE;MACPT,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVb,MAAM,EAAE,EAAE;MACVN,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDmB,cAAc,EAAE;MACdD,OAAO,EAAE;IACX,CAAC;IACDE,UAAU,EAAE;MACVtB,IAAI,EAAE,CAAC;MACPuB,UAAU,EAAE,QAAQ;MACpBnB,cAAc,EAAE;IAClB,CAAC;IACDoB,WAAW,EAAE;MACXjB,MAAM,EAAE,CAAC;MACTW,KAAK,EAAE,EAAE;MACTV,GAAG,EAAEd,MAAM,CAACc,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDwB,UAAU,EAAE;MACVxB,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTf,cAAc,EAAE,QAAQ;MACxBsB,GAAG,EAAE,EAAE;MACPnB,MAAM,EAAE,GAAG;MACXgB,UAAU,EAAE,QAAQ;MACpBrB,eAAe,EAAE;IACnB,CAAC;IACDyB,gBAAgB,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBb,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB,CAAC;IACDa,IAAI,EAAE;MACJd,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLxB,KAAK;IACLI;EACF,CAAC;AACH,CAAC;AAACkC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_reactNativeSafeAreaContext","useStyles","theme","useTheme","insets","useSafeAreaInsets","styles","StyleSheet","create","container","flex","position","backgroundColor","steamEndContainer","justifyContent","indicator","left","zIndex","top","status","borderRadius","paddingVertical","paddingHorizontal","colors","live","color","background","control","right","bottom","opacity","controlVisible","controller","alignItems","closeButton","connecting","gap","reconnectingText","textAlign","text","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAa,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IAEDC,iBAAiB,EAAE;MACjBH,IAAI,EAAE,CAAC;MACPI,cAAc,EAAE,QAAQ;MACxBF,eAAe,EAAE;IACnB,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAE,EAAE;MACPP,QAAQ,EAAE;IACZ,CAAC;IACDQ,MAAM,EAAE;MACNC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBV,eAAe,EAAEV,KAAK,CAACqB,MAAM,CAACC;IAChC,CAAC;IACDA,IAAI,EAAE;MACJC,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB,CAAC;IACDC,OAAO,EAAE;MACPT,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVb,MAAM,EAAE,EAAE;MACVN,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDmB,cAAc,EAAE;MACdD,OAAO,EAAE;IACX,CAAC;IACDE,UAAU,EAAE;MACVtB,IAAI,EAAE,CAAC;MACPuB,UAAU,EAAE,QAAQ;MACpBnB,cAAc,EAAE;IAClB,CAAC;IACDoB,WAAW,EAAE;MACXjB,MAAM,EAAE,CAAC;MACTW,KAAK,EAAE,EAAE;MACTV,GAAG,EAAEd,MAAM,CAACc,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDwB,UAAU,EAAE;MACVxB,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTf,cAAc,EAAE,QAAQ;MACxBsB,GAAG,EAAE,EAAE;MACPnB,MAAM,EAAE,GAAG;MACXgB,UAAU,EAAE,QAAQ;MACpBrB,eAAe,EAAE;IACnB,CAAC;IACDyB,gBAAgB,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBb,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB,CAAC;IACDa,IAAI,EAAE;MACJd,KAAK,EAAEvB,KAAK,CAACqB,MAAM,CAACG;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLxB,KAAK;IACLI;EACF,CAAC;AACH,CAAC;AAACkC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}