@amityco/react-native-social-uikit 4.1.1-fe2678f6.0 → 4.2.0

package/lib/commonjs/social/components/LoadingImage/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
 var _reactNative = require("react-native");
 var Progress = _interopRequireWildcard(require("react-native-progress"));
 var _reactNativeSvg = require("react-native-svg");
@@ -12,6 +13,7 @@ var _file = require("../../../core/legacy/file");
 var _xml = require("../../../core/assets/icons/xml");
 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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LoadingImage = ({
   source,
   onClose,
@@ -19,11 +21,12 @@ const LoadingImage = ({
   onLoadFinish,
   onUploadError,
   isUploaded = false,
+  displayUri,
   fileId = '',
   isEditMode = false,
   fileCount,
   postId,
-  setIsUploading,
+  onUploadingChange,
   carousel = false
 }) => {
   const [loading, setLoading] = (0, _react.useState)(true);
@@ -33,16 +36,33 @@ const LoadingImage = ({
   const styles = (0, _styles.useStyles)();
   const handleLoadEnd = (0, _react.useCallback)(() => {
     setLoading(false);
-    setIsUploading(false);
-  }, [setIsUploading]);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
+  }, [onUploadingChange, source]);
   (0, _react.useEffect)(() => {
     if (progress === 100) {
       setIsProcess(true);
     }
   }, [progress]);
   const uploadFileToAmity = (0, _react.useCallback)(async () => {
-    setIsUploading(true);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(true, source);
     setIsUploadError(false);
+    // A retry re-enters this function with `loading` already false — the failed
+    // attempt's `handleLoadEnd` cleared it and nothing ever set it back, so
+    // `setLoading` only ever ran downwards in this component. The frame then
+    // re-uploaded with no spinner at all, which reads as "finished instantly"
+    // while Post stays disabled for the length of the upload.
+    // Progress and the processing flag are stale from the failed attempt too,
+    // so reset the whole visual upload state here rather than only in the
+    // mount effect, which does not re-run on a retry.
+    setLoading(true);
+    setProgress(0);
+    setIsProcess(false);
+    // Clearing the local flag alone left this source inside the parent's
+    // `imageErrors` set, and that set is otherwise only cleared by the
+    // mount effect below — which does not re-run on a retry, since neither
+    // `isUploaded` nor `source` changed. Post stayed disabled even after the
+    // retry uploaded fine, so tell the parent the error is gone up front.
+    onUploadError === null || onUploadError === void 0 || onUploadError(false, source);
     try {
       const file = await (0, _file.uploadImageFile)(source, percent => {
         setProgress(percent);
@@ -53,7 +73,8 @@ const LoadingImage = ({
         handleLoadEnd();
         onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, ((_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl) + '?size=medium', (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source);
       } else {
-        setIsUploading(false);
+        // `handleLoadEnd` already reports the upload as finished — the extra
+        // setter call it used to be paired with was redundant.
         handleLoadEnd();
         setIsProcess(false);
         setIsUploadError(true);
@@ -62,11 +83,34 @@ const LoadingImage = ({
     } catch (error) {
       handleLoadEnd();
       setIsProcess(false);
-      setIsUploading(false);
       setIsUploadError(true);
       onUploadError === null || onUploadError === void 0 || onUploadError(true, source);
     }
-  }, [handleLoadEnd, index, onLoadFinish, onUploadError, setIsUploading, source]);
+  }, [handleLoadEnd, index, onLoadFinish, onUploadError, onUploadingChange, source]);
+
+  // The frame is expected to end up uploaded, and Post enabled, once
+  // connectivity returns. Nothing retried on its own —
+  // the error key only cleared on a manual tap on that specific frame, and the
+  // peek carousel can leave a failed frame off-screen entirely, so Post stayed
+  // disabled with no visible cause. Retry when the device regains a
+  // connection, using the same NetInfo listener idiom as post Detail and the
+  // livestream screens.
+  //
+  // Gated on a disconnected -> connected transition, not merely on being
+  // connected: addEventListener fires immediately with the current state, so a
+  // failure that happened while online (a server error, say) would otherwise
+  // re-fire on every resubscribe and spin.
+  const wasDisconnectedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _netinfo.default.addEventListener(state => {
+      const isConnected = !!state.isConnected;
+      if (isConnected && wasDisconnectedRef.current && isUploadError) {
+        uploadFileToAmity();
+      }
+      wasDisconnectedRef.current = !isConnected;
+    });
+    return () => unsubscribe();
+  }, [isUploadError, uploadFileToAmity]);
   const handleDelete = async () => {
     if (fileId && !isEditMode) {
       await (0, _file.deleteAmityFile)(fileId);
@@ -84,6 +128,17 @@ const LoadingImage = ({
       uploadFileToAmity();
     }
   }, [isUploaded, source]);
+
+  // A frame can be removed (or its source swapped) while its upload is still
+  // in flight, in which case `handleLoadEnd` never runs and the composer would
+  // keep waiting on an entry no mounted child owns any more — leaving Post
+  // disabled forever. Clearing it from this cleanup keeps the
+  // bookkeeping in the same component that added it.
+  (0, _react.useEffect)(() => {
+    return () => {
+      onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
+    };
+  }, [onUploadingChange, source]);
   const onRetryUpload = () => {
     uploadFileToAmity();
   };
@@ -91,7 +146,7 @@ const LoadingImage = ({
     style: carousel ? styles.carouselContainer : fileCount >= 3 ? styles.image3XContainer : styles.container
   }, /*#__PURE__*/React.createElement(_reactNative.Image, {
     source: {
-      uri: source
+      uri: displayUri ?? source
     },
     resizeMode: carousel ? 'cover' : 'contain',
     style: [styles.image, loading ? styles.loadingImage : styles.loadedImage]
@@ -117,13 +172,19 @@ const LoadingImage = ({
     width: "28",
     height: "28"
   }))), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    style: styles.closeButton,
+    style: styles.closeButton
+    // The button matches web at 28dp, which is still under Apple's 44pt
+    // minimum touch target. Grow the touch area rather than the black
+    // disc, so the visual stays in parity while the frame stays tappable:
+    // 28 + 8 on each side lands exactly on 44.
+    ,
+    hitSlop: 8,
     disabled: (loading || isProcess) && !isUploadError,
     onPress: handleDelete
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
-    xml: (0, _xml.closeIcon)('white'),
-    width: "12",
-    height: "12"
+    xml: (0, _xml.mediaRemoveIcon)(),
+    width: "20",
+    height: "20"
   })));
 };
 var _default = exports.default = LoadingImage;

package/lib/commonjs/social/components/LoadingImage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","Progress","_interopRequireWildcard","_reactNativeSvg","_file","_xml","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingImage","source","onClose","index","onLoadFinish","onUploadError","isUploaded","fileId","isEditMode","fileCount","postId","setIsUploading","carousel","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","styles","useStyles","handleLoadEnd","useCallback","useEffect","uploadFileToAmity","file","uploadImageFile","percent","_file$","_file$2","_file$3","fileUrl","attributes","name","error","handleDelete","deleteAmityFile","onRetryUpload","React","createElement","View","style","carouselContainer","image3XContainer","container","Image","uri","resizeMode","image","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","failedOverlay","TouchableOpacity","errorOverlay","onPress","SvgXml","xml","toastIcon","width","height","closeButton","disabled","closeIcon","_default","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingImage/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_netinfo","_interopRequireDefault","_reactNative","Progress","_interopRequireWildcard","_reactNativeSvg","_file","_xml","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingImage","source","onClose","index","onLoadFinish","onUploadError","isUploaded","displayUri","fileId","isEditMode","fileCount","postId","onUploadingChange","carousel","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","styles","useStyles","handleLoadEnd","useCallback","useEffect","uploadFileToAmity","file","uploadImageFile","percent","_file$","_file$2","_file$3","fileUrl","attributes","name","error","wasDisconnectedRef","useRef","unsubscribe","NetInfo","addEventListener","state","isConnected","current","handleDelete","deleteAmityFile","onRetryUpload","React","createElement","View","style","carouselContainer","image3XContainer","container","Image","uri","resizeMode","image","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","failedOverlay","TouchableOpacity","errorOverlay","onPress","SvgXml","xml","toastIcon","width","height","closeButton","hitSlop","disabled","mediaRemoveIcon","_default","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingImage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/components/LoadingImage/styles.js

@@ -62,9 +62,14 @@ const useStyles = () => {
     },
     closeButton: {
       position: 'absolute',
-      top: 7,
-      right: 7,
-      padding: 7,
+      // Matched to the web UIKit's remove button, which is 20px of icon inside
+      // 4px of padding at an 8px offset. The old 12/7 pair came to nearly the
+      // same 26dp outer size but filled only 46% of the circle with the glyph
+      // against web's 71%, so it read as a heavy black disc with a tiny cross
+      // in it.
+      top: 8,
+      right: 8,
+      padding: 4,
       backgroundColor: 'rgba(0, 0, 0, 0.4)',
       borderRadius: 72,
       zIndex: 10

package/lib/commonjs/social/components/LoadingImage/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","create","container","flex","height","margin","image3XContainer","carouselContainer","image","resizeMode","borderRadius","position","overlay","absoluteFillObject","justifyContent","alignItems","failedOverlay","backgroundColor","errorOverlay","top","left","right","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","padding","zIndex","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingImage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBT,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLV,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE,MAAM;MACdK,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACP,GAAGZ,uBAAU,CAACa,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACb,GAAGhB,uBAAU,CAACa,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBE,eAAe,EAAE,oBAAoB;MACrCP,YAAY,EAAE;IAChB,CAAC;IACDQ,YAAY,EAAE;MACZP,QAAQ,EAAE,UAAU;MACpBQ,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRN,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE;IAClB,CAAC;IACDQ,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXhB,QAAQ,EAAE,UAAU;MACpBQ,GAAG,EAAE,CAAC;MACNE,KAAK,EAAE,CAAC;MACRO,OAAO,EAAE,CAAC;MACVX,eAAe,EAAE,oBAAoB;MACrCP,YAAY,EAAE,EAAE;MAChBmB,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAjC,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","create","container","flex","height","margin","image3XContainer","carouselContainer","image","resizeMode","borderRadius","position","overlay","absoluteFillObject","justifyContent","alignItems","failedOverlay","backgroundColor","errorOverlay","top","left","right","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","padding","zIndex","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingImage/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBT,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLV,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE,MAAM;MACdK,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACP,GAAGZ,uBAAU,CAACa,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACb,GAAGhB,uBAAU,CAACa,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBE,eAAe,EAAE,oBAAoB;MACrCP,YAAY,EAAE;IAChB,CAAC;IACDQ,YAAY,EAAE;MACZP,QAAQ,EAAE,UAAU;MACpBQ,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRN,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE;IAClB,CAAC;IACDQ,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXhB,QAAQ,EAAE,UAAU;MACpB;MACA;MACA;MACA;MACA;MACAQ,GAAG,EAAE,CAAC;MACNE,KAAK,EAAE,CAAC;MACRO,OAAO,EAAE,CAAC;MACVX,eAAe,EAAE,oBAAoB;MACrCP,YAAY,EAAE,EAAE;MAChBmB,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAjC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/components/LoadingVideo/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
 var _reactNative = require("react-native");
 var Progress = _interopRequireWildcard(require("react-native-progress"));
 var _reactNativeSvg = require("react-native-svg");
@@ -16,8 +17,8 @@ var _native = require("@react-navigation/native");
 var _uiSlice = _interopRequireDefault(require("../../../core/stores/slices/uiSlice"));
 var _reactNativeCompressor = require("react-native-compressor");
 var _store = require("../../../core/stores/store");
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LoadingVideo = ({
   source,
   onClose,
@@ -25,13 +26,14 @@ const LoadingVideo = ({
   onLoadFinish,
   onUploadError,
   isUploaded = false,
+  displayUri,
   thumbNail,
   onPlay,
   fileId,
   isEditMode = false,
   fileCount,
   postId,
-  setIsUploading,
+  onUploadingChange,
   carousel = false
 }) => {
   const dispatch = (0, _store.useUIKitDispatch)();
@@ -43,6 +45,10 @@ const LoadingVideo = ({
   const [isProcess, setIsProcess] = (0, _react.useState)(false);
   const [isUploadError, setIsUploadError] = (0, _react.useState)(false);
   const [thumbNailImage, setThumbNailImage] = (0, _react.useState)(thumbNail ?? '');
+  // `uploadFileToAmity` is memoised on [source] only, so reading the state
+  // there would capture the empty first-render value. Mirror it into a ref so
+  // the upload callback always sees the frame that was actually decoded.
+  const thumbNailImageRef = (0, _react.useRef)(thumbNail ?? '');
   const styles = (0, _styles.useStyles)();
   const [playingUri, setPlayingUri] = (0, _react.useState)('');
   const [isPause, setIsPause] = (0, _react.useState)(true);
@@ -63,10 +69,11 @@ const LoadingVideo = ({
   };
   const handleLoadEnd = () => {
     setLoading(false);
-    setIsUploading(false);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
   };
   const processThumbNail = async () => {
-    const generatedThumbNail = await (0, _reactNativeCompressor.createVideoThumbnail)(source);
+    const generatedThumbNail = await (0, _reactNativeCompressor.createVideoThumbnail)(displayUri ?? source);
+    thumbNailImageRef.current = generatedThumbNail.path;
     setThumbNailImage(generatedThumbNail.path);
   };
   (0, _react.useEffect)(() => {
@@ -78,8 +85,25 @@ const LoadingVideo = ({
     }
   }, [progress]);
   const uploadFileToAmity = (0, _react.useCallback)(async () => {
-    setIsUploading(true);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(true, source);
     setIsUploadError(false);
+    // A retry re-enters this function with `loading` already false — the failed
+    // attempt's `handleLoadEnd` cleared it and nothing ever set it back, so
+    // `setLoading` only ever ran downwards in this component. The frame then
+    // re-uploaded with no spinner at all, which reads as "finished instantly"
+    // while Post stays disabled for the length of the upload.
+    // Progress and the processing flag are stale from the failed attempt too,
+    // so reset the whole visual upload state here rather than only in the
+    // mount effect, which does not re-run on a retry.
+    setLoading(true);
+    setProgress(0);
+    setIsProcess(false);
+    // Clearing the local flag alone left this source inside the parent's
+    // `videoErrors` set, and that set is otherwise only cleared by the
+    // mount effect below — which does not re-run on a retry, since none of
+    // `fileId`/`isUploaded`/`source` changed. Post stayed disabled even after
+    // the retry uploaded fine, so tell the parent the error is gone up front.
+    onUploadError === null || onUploadError === void 0 || onUploadError(false, source);
     try {
       const file = await (0, _file.uploadVideoFile)(source, percent => {
         setProgress(percent);
@@ -88,7 +112,13 @@ const LoadingVideo = ({
         var _file$, _file$2, _file$3;
         setIsProcess(false);
         handleLoadEnd();
-        onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, (_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl, (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source, thumbNail);
+        onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, (_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl, (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source,
+        // Hand back the frame this component decoded, not the incoming
+        // prop — for a newly picked video that prop is empty, so the
+        // generated thumbnail used to be dropped on the floor. The
+        // composer stores it so the feed can show it while the server is
+        // still transcoding (PDT-4904).
+        thumbNailImageRef.current || thumbNail);
       } else {
         handleLoadEnd();
         dispatch(showToastMessage({
@@ -108,6 +138,30 @@ const LoadingVideo = ({
       onUploadError === null || onUploadError === void 0 || onUploadError(true, source);
     }
   }, [source]);
+
+  // The frame is expected to end up uploaded, and Post enabled, once
+  // connectivity returns. Nothing retried on its own —
+  // the error key only cleared on a manual tap on that specific frame, and the
+  // peek carousel can leave a failed frame off-screen entirely, so Post stayed
+  // disabled with no visible cause. Retry when the device regains a
+  // connection, using the same NetInfo listener idiom as post Detail and the
+  // livestream screens.
+  //
+  // Gated on a disconnected -> connected transition, not merely on being
+  // connected: addEventListener fires immediately with the current state, so a
+  // failure that happened while online (a server error, say) would otherwise
+  // re-fire on every resubscribe and spin.
+  const wasDisconnectedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _netinfo.default.addEventListener(state => {
+      const isConnected = !!state.isConnected;
+      if (isConnected && wasDisconnectedRef.current && isUploadError) {
+        uploadFileToAmity();
+      }
+      wasDisconnectedRef.current = !isConnected;
+    });
+    return () => unsubscribe();
+  }, [isUploadError, uploadFileToAmity]);
   const handleDelete = async () => {
     if (fileId && !isEditMode) {
       await (0, _file.deleteAmityFile)(fileId);
@@ -126,15 +180,29 @@ const LoadingVideo = ({
     }
   }, [fileId, isUploaded, source]);
   const handleOnPlay = () => {
-    setIsPause(!isPause);
-    // In carousel mode the parent (onPlay) opens the full-screen media viewer,
-    // so skip the default single-video route navigation.
+    // In carousel mode the parent (onPlay) owns the full-screen media viewer,
+    // so this component never mounts the inline <Video> and never receives a
+    // dismiss callback to unpause with. Leaving `isPause` alone keeps the play
+    // icon rendered, which is what the frame shows once the viewer closes
+    // (PDT-4904); toggling it here hid the icon for the rest of the session.
     if (onPlay) {
       onPlay(source);
       return;
     }
+    setIsPause(!isPause);
     playVideoFullScreen(source);
   };
+
+  // A frame can be removed (or its source swapped) while its upload is still
+  // in flight, in which case `handleLoadEnd` never runs and the composer would
+  // keep waiting on an entry no mounted child owns any more — leaving Post
+  // disabled forever. Clearing it from this cleanup keeps the
+  // bookkeeping in the same component that added it.
+  (0, _react.useEffect)(() => {
+    return () => {
+      onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
+    };
+  }, [onUploadingChange, source]);
   const onRetryUpload = () => {
     uploadFileToAmity();
   };
@@ -163,7 +231,7 @@ const LoadingVideo = ({
     style: [styles.image, loading ? styles.loadingImage : styles.loadedImage]
   }) : /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.image
-  }), loading ? /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), loading && /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.overlay
   }, isProcess ? /*#__PURE__*/React.createElement(Progress.CircleSnail, {
     size: 24,
@@ -175,21 +243,27 @@ const LoadingVideo = ({
     borderColor: "transparent",
     unfilledColor: "#ffffff",
     thickness: 2
-  })) : isUploadError ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+  })), !loading && isUploadError && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
     style: styles.overlay,
     onPress: onRetryUpload
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
     xml: (0, _xml.toastIcon)(),
     width: "24",
     height: "24"
-  })) : /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    style: styles.closeButton,
+  })), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.closeButton
+    // The button matches web at 28dp, which is still under Apple's 44pt
+    // minimum touch target. Grow the touch area rather than the black
+    // disc, so the visual stays in parity while the frame stays tappable:
+    // 28 + 8 on each side lands exactly on 44.
+    ,
+    hitSlop: 8,
     disabled: (loading || isProcess) && !isUploadError,
     onPress: handleDelete
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
-    xml: (0, _xml.closeIcon)('white'),
-    width: "12",
-    height: "12"
+    xml: (0, _xml.mediaRemoveIcon)(),
+    width: "20",
+    height: "20"
   })));
 };
 var _default = exports.default = LoadingVideo;

package/lib/commonjs/social/components/LoadingVideo/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","Progress","_interopRequireWildcard","_reactNativeSvg","_file","_xml","_styles","_reactNativeVideo","_interopRequireDefault","_native","_uiSlice","_reactNativeCompressor","_store","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingVideo","source","onClose","index","onLoadFinish","onUploadError","isUploaded","thumbNail","onPlay","fileId","isEditMode","fileCount","postId","setIsUploading","carousel","dispatch","useUIKitDispatch","showToastMessage","uiSlice","actions","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","thumbNailImage","setThumbNailImage","styles","useStyles","playingUri","setPlayingUri","isPause","setIsPause","navigation","useNavigation","playVideoFullScreen","fileUrl","Platform","OS","navigate","onClosePlayer","handleLoadEnd","processThumbNail","generatedThumbNail","createVideoThumbnail","path","useEffect","uploadFileToAmity","useCallback","file","uploadVideoFile","percent","_file$","_file$2","_file$3","attributes","name","toastMessage","error","handleDelete","deleteAmityFile","handleOnPlay","onRetryUpload","React","createElement","View","style","carouselContainer","image3XContainer","container","TouchableOpacity","playButton","onPress","SvgXml","xml","videoControlIcon","playBtn","width","height","controls","image","uri","onFullscreenPlayerWillDismiss","paused","Image","resizeMode","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","toastIcon","closeButton","disabled","closeIcon","_default","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_netinfo","_interopRequireDefault","_reactNative","Progress","_interopRequireWildcard","_reactNativeSvg","_file","_xml","_styles","_reactNativeVideo","_native","_uiSlice","_reactNativeCompressor","_store","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingVideo","source","onClose","index","onLoadFinish","onUploadError","isUploaded","displayUri","thumbNail","onPlay","fileId","isEditMode","fileCount","postId","onUploadingChange","carousel","dispatch","useUIKitDispatch","showToastMessage","uiSlice","actions","loading","setLoading","useState","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","thumbNailImage","setThumbNailImage","thumbNailImageRef","useRef","styles","useStyles","playingUri","setPlayingUri","isPause","setIsPause","navigation","useNavigation","playVideoFullScreen","fileUrl","Platform","OS","navigate","onClosePlayer","handleLoadEnd","processThumbNail","generatedThumbNail","createVideoThumbnail","current","path","useEffect","uploadFileToAmity","useCallback","file","uploadVideoFile","percent","_file$","_file$2","_file$3","attributes","name","toastMessage","error","wasDisconnectedRef","unsubscribe","NetInfo","addEventListener","state","isConnected","handleDelete","deleteAmityFile","handleOnPlay","onRetryUpload","React","createElement","View","style","carouselContainer","image3XContainer","container","TouchableOpacity","playButton","onPress","SvgXml","xml","videoControlIcon","playBtn","width","height","controls","image","uri","onFullscreenPlayerWillDismiss","paused","Image","resizeMode","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","toastIcon","closeButton","hitSlop","disabled","mediaRemoveIcon","_default","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/components/LoadingVideo/styles.js

@@ -52,11 +52,20 @@ const useStyles = () => {
     },
     closeButton: {
       position: 'absolute',
-      top: 7,
-      right: 7,
-      padding: 7,
-      backgroundColor: 'rgba(255, 255, 255, 0.4)',
-      borderRadius: 72
+      // Matched to the web UIKit's remove button, which is 20px of icon inside
+      // 4px of padding at an 8px offset. The old 12/7 pair came to nearly the
+      // same 26dp outer size but filled only 46% of the circle with the glyph
+      // against web's 71%, so it read as a heavy black disc with a tiny cross
+      // in it.
+      top: 8,
+      right: 8,
+      padding: 4,
+      // Matches LoadingImage exactly: the icon is closeIcon('white') in both,
+      // so the white scrim this used to carry left a white-on-white button
+      // that all but disappeared over a light frame.
+      backgroundColor: 'rgba(0, 0, 0, 0.4)',
+      borderRadius: 72,
+      zIndex: 10
     },
     playButton: {
       width: 100,

package/lib/commonjs/social/components/LoadingVideo/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","create","container","flex","height","margin","image3XContainer","carouselContainer","image","resizeMode","borderRadius","backgroundColor","overlay","position","top","left","transform","translateX","translateY","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","right","padding","playButton","zIndex","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBT,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLV,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE,MAAM;MACdK,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC;IACtD,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXX,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNW,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACVf,eAAe,EAAE,0BAA0B;MAC3CD,YAAY,EAAE;IAChB,CAAC;IACDiB,UAAU,EAAE;MACV7B,KAAK,EAAE,GAAG;MACVM,MAAM,EAAE,GAAG;MACXM,YAAY,EAAE,EAAE;MAChBG,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDU,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAhC,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","create","container","flex","height","margin","image3XContainer","carouselContainer","image","resizeMode","borderRadius","backgroundColor","overlay","position","top","left","transform","translateX","translateY","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","right","padding","zIndex","playButton","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBT,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLV,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE,MAAM;MACdK,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC;IACtD,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXX,QAAQ,EAAE,UAAU;MACpB;MACA;MACA;MACA;MACA;MACAC,GAAG,EAAE,CAAC;MACNW,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACV;MACA;MACA;MACAf,eAAe,EAAE,oBAAoB;MACrCD,YAAY,EAAE,EAAE;MAChBiB,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACV9B,KAAK,EAAE,GAAG;MACVM,MAAM,EAAE,GAAG;MACXM,YAAY,EAAE,EAAE;MAChBG,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDS,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC;AAACE,OAAA,CAAAhC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/components/MediaViewer/MediaViewer.js

@@ -36,11 +36,12 @@ function MediaViewer({
   const listRef = (0, _react.useRef)(null);
   const videoRef = (0, _react.useRef)(null);
   const [current, setCurrent] = (0, _react.useState)(initialIndex);
-  // Mute-carry (PDT-4309 / PDT-4312): the first video plays unmuted; each swipe
-  // defaults the next video to muted — until the user unmutes, after which
-  // subsequent videos stay unmuted.
+  // The sound setting belongs to the viewing session, not to one frame: the
+  // first video opens unmuted and swiping carries whatever the viewer last
+  // chose. Re-defaulting each new frame to muted meant a swipe silenced a
+  // session the viewer never muted, since opening unmuted is a default rather
+  // than an explicit choice.
   const [muted, setMuted] = (0, _react.useState)(false);
-  const keepUnmutedRef = (0, _react.useRef)(false);
 
   // --- playback controls (ported from web VideoPlayerControls) ---
   const [userPaused, setUserPaused] = (0, _react.useState)(false);
@@ -77,7 +78,6 @@ function MediaViewer({
     }
     setCurrent(initialIndex);
     setMuted(false);
-    keepUnmutedRef.current = false;
     resetPlayback();
     revealControls();
   }, [visible, initialIndex, resetPlayback, revealControls, clearHideTimer]);
@@ -86,17 +86,12 @@ function MediaViewer({
     const idx = Math.round(e.nativeEvent.contentOffset.x / width);
     if (idx !== current) {
       setCurrent(idx);
-      setMuted(!keepUnmutedRef.current);
       resetPlayback();
       revealControls();
     }
   }, [width, current, resetPlayback, revealControls]);
   const toggleMute = (0, _react.useCallback)(() => {
-    setMuted(prev => {
-      const next = !prev;
-      keepUnmutedRef.current = !next; // user unmuted -> keep unmuted afterwards
-      return next;
-    });
+    setMuted(prev => !prev);
     revealControls();
   }, [revealControls]);
   const togglePlay = (0, _react.useCallback)(() => {
@@ -204,8 +199,13 @@ function MediaViewer({
     },
     style: styles.media,
     resizeMode: "contain",
-    paused: index !== current || !visible || userPaused,
-    muted: muted && index === current,
+    paused: index !== current || !visible || userPaused
+    // Only the frame on screen may be audible. `paused` alone is
+    // not a reliable gag on an off-screen native player, so an
+    // unmuted session must not leave a neighbouring frame able to
+    // emit sound.
+    ,
+    muted: muted || index !== current,
     repeat: true,
     playInBackground: false,
     playWhenInactive: false,