napp-wallet-post-feed-test 1.0.47

package/dist/components/EditPostModal.js

@@ -0,0 +1,916 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from "react";
+import useState from "react";
+import useEffect from "react";
+import useRef from "react";
+import useCallback from "react";
+import { Modal, Button, Form, Container, FloatingLabel } from "react-bootstrap";
+import { UploadIcon, TrashIcon, EditIcon } from "./Svgloader";
+// import { editPostApi } from "../helper/Helper"; // Commented out - edit functionality not needed
+import VideoPlayer from "./VideoPlayer";
+import $ from "jquery";
+import { toast } from 'react-toastify';
+import { memoryManager } from "./MemoryManager";
+import { loadFFmpeg, isFFmpegAvailable } from "../utils/ffmpegLoader";
+import { triggerImageCacheBust } from "./MediaRenderer";
+
+/**
+ * EditPostModal - Enhanced Post Editing Component
+ * 
+ * Features:
+ * - Edit text content (title and description)
+ * - Replace existing media files only (no adding new media)
+ * - Automatic image compression to WebP format
+ * - FFmpeg-based video compression with MediaRecorder fallback
+ * - Seamless file replacement workflow
+ * - Memory management and cleanup
+ * 
+ * Restrictions:
+ * - Cannot add new media files in edit mode
+ * - Can only replace existing media
+ * - If no media exists, only text editing is available
+ */
+
+// Media compression constants
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var IMAGE_QUALITY = 0.8; // Higher quality for WebP
+var VIDEO_MAX_SIZE = 25 * 1024 * 1024; // 25 MB
+var VIDEO_TARGET_SIZE = 15 * 1024 * 1024; // 15 MB target
+var VIDEO_MAX_WIDTH = 1280;
+var VIDEO_MAX_HEIGHT = 720;
+var EditPostModal = function EditPostModal(_ref) {
+  var show = _ref.show,
+    handleClose = _ref.handleClose,
+    postData = _ref.postData,
+    refreshData = _ref.refreshData;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    postTitle = _useState2[0],
+    setPostTitle = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    postContent = _useState4[0],
+    setPostContent = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    previews = _useState6[0],
+    setPreviews = _useState6[1]; // Already saved files
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    replacementFiles = _useState8[0],
+    setReplacementFiles = _useState8[1]; // Files to replace existing media
+  var _useState9 = useState([]),
+    _useState0 = _slicedToArray(_useState9, 2),
+    deletedEditedPost = _useState0[0],
+    setDeletedEditedPost = _useState0[1]; // Initialize state for deleted files
+  var singleEditInputFileChooserRef = useRef(null);
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    updateMainthumbnail = _useState10[0],
+    setUpdateMainthumbnail = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isProcessing = _useState12[0],
+    setIsProcessing = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    processingProgress = _useState14[0],
+    setProcessingProgress = _useState14[1];
+  var _useState15 = useState(""),
+    _useState16 = _slicedToArray(_useState15, 2),
+    processingDetails = _useState16[0],
+    setProcessingDetails = _useState16[1];
+  var _useState17 = useState(""),
+    _useState18 = _slicedToArray(_useState17, 2),
+    errorMessage = _useState18[0],
+    setErrorMessage = _useState18[1];
+  var _useState19 = useState(0),
+    _useState20 = _slicedToArray(_useState19, 2),
+    updateCounter = _useState20[0],
+    setUpdateCounter = _useState20[1];
+
+  // WebP conversion for images
+  var convertToWebP = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(file, progressCallback) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            return _context2.a(2, new Promise(function (resolve) {
+              var img = new window.Image();
+              img.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+                var canvas, ctx, width, height, maxWidth, maxHeight, ratio;
+                return _regenerator().w(function (_context) {
+                  while (1) switch (_context.n) {
+                    case 0:
+                      progressCallback === null || progressCallback === void 0 || progressCallback(10, "Converting to WebP...");
+                      canvas = document.createElement('canvas');
+                      ctx = canvas.getContext('2d'); // Maintain aspect ratio but limit size
+                      width = img.width, height = img.height;
+                      maxWidth = 1920;
+                      maxHeight = 1080;
+                      if (width > maxWidth || height > maxHeight) {
+                        ratio = Math.min(maxWidth / width, maxHeight / height);
+                        width = Math.round(width * ratio);
+                        height = Math.round(height * ratio);
+                      }
+                      canvas.width = width;
+                      canvas.height = height;
+                      progressCallback === null || progressCallback === void 0 || progressCallback(50, "Processing image...");
+                      ctx.imageSmoothingEnabled = true;
+                      ctx.imageSmoothingQuality = 'high';
+                      ctx.drawImage(img, 0, 0, width, height);
+                      progressCallback === null || progressCallback === void 0 || progressCallback(80, "Finalizing WebP...");
+                      canvas.toBlob(function (blob) {
+                        var webpFile = new File([blob], file.name.replace(/\.[^/.]+$/, ".webp"), {
+                          type: "image/webp",
+                          lastModified: Date.now()
+                        });
+                        progressCallback === null || progressCallback === void 0 || progressCallback(100, "WebP conversion complete!");
+                        resolve(webpFile);
+                      }, "image/webp", IMAGE_QUALITY);
+                    case 1:
+                      return _context.a(2);
+                  }
+                }, _callee);
+              }));
+              img.onerror = function () {
+                progressCallback === null || progressCallback === void 0 || progressCallback(100, "WebP conversion failed, using original");
+                resolve(file);
+              };
+              img.src = URL.createObjectURL(file);
+            }));
+        }
+      }, _callee2);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []);
+
+  // Enhanced video compression with multiple fallback strategies
+  var compressVideoWithFFmpeg = useCallback(/*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(file, progressCallback) {
+      return _regenerator().w(function (_context5) {
+        while (1) switch (_context5.n) {
+          case 0:
+            return _context5.a(2, new Promise(/*#__PURE__*/function () {
+              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(resolve) {
+                var ffmpeg, inputName, outputName, data, compressedBlob, compressedFile, video, canvas, ctx, _t2, _t3, _t4, _t5, _t6;
+                return _regenerator().w(function (_context4) {
+                  while (1) switch (_context4.n) {
+                    case 0:
+                      _context4.p = 0;
+                      // First, try FFmpeg compression
+                      progressCallback === null || progressCallback === void 0 || progressCallback(10, "Loading FFmpeg...");
+                      _context4.n = 1;
+                      return loadFFmpeg();
+                    case 1:
+                      ffmpeg = _context4.v;
+                      if (!(ffmpeg && isFFmpegAvailable())) {
+                        _context4.n = 10;
+                        break;
+                      }
+                      _context4.p = 2;
+                      progressCallback === null || progressCallback === void 0 || progressCallback(20, "Processing video with FFmpeg...");
+                      inputName = "input.".concat(file.name.split('.').pop());
+                      outputName = "output.webm"; // Write input file to FFmpeg
+                      _t2 = ffmpeg;
+                      _t3 = inputName;
+                      _context4.n = 3;
+                      return file.arrayBuffer();
+                    case 3:
+                      _t4 = _context4.v;
+                      _context4.n = 4;
+                      return _t2.writeFile.call(_t2, _t3, _t4);
+                    case 4:
+                      progressCallback === null || progressCallback === void 0 || progressCallback(40, "Compressing video...");
+
+                      // FFmpeg command for compression
+                      _context4.n = 5;
+                      return ffmpeg.exec(['-i', inputName, '-c:v', 'libvpx-vp9', '-crf', '30', '-b:v', '1M', '-maxrate', '1.5M', '-bufsize', '2M', '-vf', "scale=".concat(VIDEO_MAX_WIDTH, ":").concat(VIDEO_MAX_HEIGHT, ":force_original_aspect_ratio=decrease"), '-c:a', 'libopus', '-b:a', '128k', '-f', 'webm', outputName]);
+                    case 5:
+                      progressCallback === null || progressCallback === void 0 || progressCallback(80, "Finalizing compressed video...");
+
+                      // Read the output file
+                      _context4.n = 6;
+                      return ffmpeg.readFile(outputName);
+                    case 6:
+                      data = _context4.v;
+                      compressedBlob = new Blob([data.buffer], {
+                        type: 'video/webm'
+                      }); // Clean up
+                      _context4.n = 7;
+                      return ffmpeg.deleteFile(inputName);
+                    case 7:
+                      _context4.n = 8;
+                      return ffmpeg.deleteFile(outputName);
+                    case 8:
+                      compressedFile = new File([compressedBlob], file.name.replace(/\.[^/.]+$/, ".webm"), {
+                        type: "video/webm",
+                        lastModified: Date.now()
+                      });
+                      progressCallback === null || progressCallback === void 0 || progressCallback(100, "Video compressed to ".concat((compressedBlob.size / (1024 * 1024)).toFixed(2), " MB"));
+                      resolve(compressedFile);
+                      return _context4.a(2);
+                    case 9:
+                      _context4.p = 9;
+                      _t5 = _context4.v;
+                    case 10:
+                      // Fallback: Use MediaRecorder for basic compression
+                      progressCallback === null || progressCallback === void 0 || progressCallback(50, "Using fallback compression...");
+                      if (window.MediaRecorder) {
+                        _context4.n = 11;
+                        break;
+                      }
+                      progressCallback === null || progressCallback === void 0 || progressCallback(100, "No compression available, using original");
+                      resolve(file);
+                      return _context4.a(2);
+                    case 11:
+                      video = document.createElement('video');
+                      canvas = document.createElement('canvas');
+                      ctx = canvas.getContext('2d');
+                      video.onerror = function () {
+                        progressCallback === null || progressCallback === void 0 || progressCallback(100, "Video processing failed, using original");
+                        resolve(file);
+                      };
+                      video.onloadedmetadata = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+                        var width, height, maxWidth, maxHeight, ratio, stream, mimeType, mediaRecorder, chunks, _captureFrame, duration, _t;
+                        return _regenerator().w(function (_context3) {
+                          while (1) switch (_context3.n) {
+                            case 0:
+                              _context3.p = 0;
+                              progressCallback === null || progressCallback === void 0 || progressCallback(70, "Setting up fallback compression...");
+                              width = video.width, height = video.height;
+                              maxWidth = VIDEO_MAX_WIDTH;
+                              maxHeight = VIDEO_MAX_HEIGHT;
+                              if (width > maxWidth || height > maxHeight) {
+                                ratio = Math.min(maxWidth / width, maxHeight / height);
+                                width = Math.round(width * ratio);
+                                height = Math.round(height * ratio);
+                              }
+                              canvas.width = width;
+                              canvas.height = height;
+                              stream = canvas.captureStream(30);
+                              mimeType = 'video/webm;codecs=vp8';
+                              if (MediaRecorder.isTypeSupported(mimeType)) {
+                                _context3.n = 1;
+                                break;
+                              }
+                              progressCallback === null || progressCallback === void 0 || progressCallback(100, "WebM not supported, using original");
+                              resolve(file);
+                              return _context3.a(2);
+                            case 1:
+                              mediaRecorder = new MediaRecorder(stream, {
+                                mimeType: mimeType,
+                                videoBitsPerSecond: 1000000 // 1 Mbps
+                              });
+                              chunks = [];
+                              mediaRecorder.ondataavailable = function (event) {
+                                if (event.data.size > 0) {
+                                  chunks.push(event.data);
+                                }
+                              };
+                              mediaRecorder.onstop = function () {
+                                var compressedBlob = new Blob(chunks, {
+                                  type: mimeType
+                                });
+                                var compressedFile = new File([compressedBlob], file.name.replace(/\.[^/.]+$/, ".webm"), {
+                                  type: mimeType,
+                                  lastModified: Date.now()
+                                });
+                                progressCallback === null || progressCallback === void 0 || progressCallback(100, "Video compressed to ".concat((compressedBlob.size / (1024 * 1024)).toFixed(2), " MB"));
+                                resolve(compressedFile);
+                              };
+                              mediaRecorder.start();
+
+                              // Play video and capture frames
+                              video.currentTime = 0;
+                              video.play();
+                              _captureFrame = function captureFrame() {
+                                if (video.ended || video.paused) {
+                                  mediaRecorder.stop();
+                                  return;
+                                }
+                                ctx.drawImage(video, 0, 0, width, height);
+                                requestAnimationFrame(_captureFrame);
+                              };
+                              video.onplay = function () {
+                                _captureFrame();
+                              };
+
+                              // Record for the duration of the video or max 30 seconds
+                              duration = Math.min(video.duration || 30, 30);
+                              setTimeout(function () {
+                                if (mediaRecorder.state === 'recording') {
+                                  mediaRecorder.stop();
+                                }
+                              }, duration * 1000);
+                              _context3.n = 3;
+                              break;
+                            case 2:
+                              _context3.p = 2;
+                              _t = _context3.v;
+                              // Fallback compression failed
+                              progressCallback === null || progressCallback === void 0 || progressCallback(100, "All compression methods failed, using original");
+                              resolve(file);
+                            case 3:
+                              return _context3.a(2);
+                          }
+                        }, _callee3, null, [[0, 2]]);
+                      }));
+                      video.src = URL.createObjectURL(file);
+                      _context4.n = 13;
+                      break;
+                    case 12:
+                      _context4.p = 12;
+                      _t6 = _context4.v;
+                      // Video compression failed
+                      progressCallback === null || progressCallback === void 0 || progressCallback(100, "Video compression failed, using original");
+                      resolve(file);
+                    case 13:
+                      return _context4.a(2);
+                  }
+                }, _callee4, null, [[2, 9], [0, 12]]);
+              }));
+              return function (_x5) {
+                return _ref5.apply(this, arguments);
+              };
+            }()));
+        }
+      }, _callee5);
+    }));
+    return function (_x3, _x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), []);
+
+  // Set up data attributes when postData changes
+  useEffect(function () {
+    if (postData) {
+      $("#post-edit-btn").attr("data-orig-id", postData.originalAuxID);
+      $("#post-edit-btn").attr("data-ff-name", postData.postFileFriendlyName);
+      $("#post-edit-btn").attr("data-parent-rsm", postData.rsmguid);
+      $("#post-edit-btn").attr("data-no-media", postData.postImage == "" ? true : false);
+      $("#item-carousel-data").attr("data-file-friendlyname", postData.postFileFriendlyName);
+    }
+  }, [postData]);
+
+  // Reset state and set post data when modal is opened or postData changes
+  useEffect(function () {
+    if (show && postData) {
+      setPostTitle(postData.postOnPageTitle || "");
+      setPostContent(postData.postOnPageExpandedText || "");
+      setPreviews([]);
+      setReplacementFiles([]);
+      setErrorMessage("");
+      setIsProcessing(false);
+      setProcessingProgress(0);
+      setProcessingDetails("");
+      var previewsArray = [];
+
+      // Main Post Media
+      if (postData.postImage) {
+        var url = postData.postImage;
+        var isVideo = isVideoFile(url, postData.fileMediaTypeRR);
+        previewsArray.push({
+          name: "Main Post Media",
+          widget: renderMediaWidget(url, isVideo),
+          url: url,
+          type: isVideo ? "video" : "image",
+          fileMediaTypeRR: postData.fileMediaTypeRR,
+          rsmguid: postData.rsmguid,
+          // Use the main post's rsmguid
+          isMainInclude: false
+        });
+      }
+
+      // Other Assets
+      if (postData.otherAssets && postData.otherAssets.length > 0) {
+        postData.otherAssets.forEach(function (asset) {
+          var assetUrl = asset.otherAssetsPostImage;
+          var isVideo = isVideoFile(assetUrl, asset.otherAssetsFileMediaTypeRR);
+          previewsArray.push({
+            name: asset.otherAssetsFileFriendlyName || "Additional Media",
+            widget: renderMediaWidget(assetUrl, isVideo),
+            url: assetUrl,
+            type: isVideo ? "video" : "image",
+            fileMediaTypeRR: asset.otherAssetsFileMediaTypeRR,
+            rsmguid: asset.otherAssetsRSMGUID,
+            // Use the asset's rsmguid
+            isMainInclude: true
+          });
+        });
+      }
+      setPreviews(previewsArray);
+
+      // Initialize replacementFiles array to match previews array length
+      setReplacementFiles(new Array(previewsArray.length).fill(null));
+    }
+  }, [show, postData]);
+
+  // Cleanup effect for memory management
+  useEffect(function () {
+    return function () {
+      // Clean up any object URLs when component unmounts
+      replacementFiles.forEach(function (file) {
+        if (file && file.url) {
+          URL.revokeObjectURL(file.url);
+        }
+      });
+    };
+  }, [replacementFiles]);
+  var isVideoFile = function isVideoFile(url, fileMediaTypeRR) {
+    return fileMediaTypeRR === 82562;
+  };
+  var renderMediaWidget = function renderMediaWidget(url, isVideo) {
+    if (isVideo) {
+      return /*#__PURE__*/_jsx(VideoPlayer, {
+        src: url,
+        id: "edit-video-".concat(Date.now()),
+        autoPlay: true,
+        muted: true,
+        controls: true,
+        loop: true,
+        className: "media-item__video",
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "contain"
+        },
+        preloadStrategy: "balanced",
+        lowQualityFirst: false
+      });
+    }
+    return /*#__PURE__*/_jsx("img", {
+      className: "focused-img full-img",
+      src: url,
+      alt: "Media",
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: "contain"
+      }
+    });
+  };
+
+  // Removed file addition functionality - only replacement is allowed
+
+  var ReplaceFile = function ReplaceFile(index, rsmguid, isMainInclude) {
+    singleEditInputFileChooserRef.current.click();
+    singleEditInputFileChooserRef.current.onchange = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(event) {
+        var files, originalFile, processedFile, progressCallback, url, isVideo, newPreview, updatedPreviews, updatedReplacementFiles, _t7;
+        return _regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
+            case 0:
+              files = Array.from(event.target.files);
+              if (!(files.length > 0)) {
+                _context6.n = 10;
+                break;
+              }
+              originalFile = files[0]; // Validate file size and type
+              if (!(originalFile.type.startsWith('video/') && originalFile.size > VIDEO_MAX_SIZE)) {
+                _context6.n = 1;
+                break;
+              }
+              setErrorMessage("Video \"".concat(originalFile.name, "\" is too large (").concat((originalFile.size / (1024 * 1024)).toFixed(2), " MB). Limit is 25MB."));
+              return _context6.a(2);
+            case 1:
+              if (!(!originalFile.type.startsWith('image/') && !originalFile.type.startsWith('video/'))) {
+                _context6.n = 2;
+                break;
+              }
+              setErrorMessage("Unsupported file type: ".concat(originalFile.type, ". Please select an image or video file."));
+              return _context6.a(2);
+            case 2:
+              setIsProcessing(true);
+              setProcessingProgress(0);
+              setProcessingDetails("Processing replacement file...");
+              setErrorMessage("");
+              _context6.p = 3;
+              processedFile = originalFile; // Progress callback for processing
+              progressCallback = function progressCallback(progress, details) {
+                setProcessingProgress(progress);
+                setProcessingDetails(details);
+              }; // Process based on file type
+              if (!originalFile.type.startsWith('image/')) {
+                _context6.n = 5;
+                break;
+              }
+              _context6.n = 4;
+              return convertToWebP(originalFile, progressCallback);
+            case 4:
+              processedFile = _context6.v;
+              _context6.n = 7;
+              break;
+            case 5:
+              if (!originalFile.type.startsWith('video/')) {
+                _context6.n = 7;
+                break;
+              }
+              _context6.n = 6;
+              return compressVideoWithFFmpeg(originalFile, progressCallback);
+            case 6:
+              processedFile = _context6.v;
+            case 7:
+              url = URL.createObjectURL(processedFile);
+              isVideo = processedFile.type.startsWith("video/"); // Create new preview using the renderMediaWidget function for consistency
+              newPreview = {
+                name: processedFile.name,
+                widget: renderMediaWidget(url, isVideo),
+                url: url,
+                type: isVideo ? "video" : "image",
+                fileMediaTypeRR: isVideo ? 82562 : 428,
+                originalSize: originalFile.size,
+                processedSize: processedFile.size
+              };
+              updatedPreviews = _toConsumableArray(previews);
+              updatedPreviews[index] = newPreview;
+              setPreviews(updatedPreviews);
+
+              // Force a re-render by updating the counter
+              setUpdateCounter(function (prev) {
+                return prev + 1;
+              });
+
+              // Store the processed file for upload
+              updatedReplacementFiles = _toConsumableArray(replacementFiles);
+              updatedReplacementFiles[index] = processedFile;
+              setReplacementFiles(updatedReplacementFiles);
+              if (isMainInclude) {
+                setDeletedEditedPost(function (prev) {
+                  return [].concat(_toConsumableArray(prev), [{
+                    rsmGUID: rsmguid
+                  }]);
+                });
+              } else {
+                setUpdateMainthumbnail(true);
+              }
+              toast.success("File replaced successfully! ".concat(isVideo ? 'Video' : 'Image', " optimized."), {
+                position: "bottom-right",
+                autoClose: 3000
+              });
+              _context6.n = 9;
+              break;
+            case 8:
+              _context6.p = 8;
+              _t7 = _context6.v;
+              // File processing error
+              setErrorMessage("Failed to process the replacement file. Please try again.");
+            case 9:
+              _context6.p = 9;
+              setIsProcessing(false);
+              setProcessingProgress(0);
+              setProcessingDetails("");
+              return _context6.f(9);
+            case 10:
+              return _context6.a(2);
+          }
+        }, _callee6, null, [[3, 8, 9, 10]]);
+      }));
+      return function (_x6) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+  };
+  var deletefile = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(rsmguid, index) {
+      var updatedPreviews, updatedReplacementFiles;
+      return _regenerator().w(function (_context7) {
+        while (1) switch (_context7.n) {
+          case 0:
+            // Remove the specific item by index
+            updatedPreviews = previews.filter(function (_, i) {
+              return i !== index;
+            });
+            setPreviews(updatedPreviews);
+
+            // Remove the corresponding replacement file by index
+            updatedReplacementFiles = replacementFiles.filter(function (_, i) {
+              return i !== index;
+            });
+            setReplacementFiles(updatedReplacementFiles);
+            if (rsmguid && rsmguid !== "") {
+              setDeletedEditedPost(function (prev) {
+                return [].concat(_toConsumableArray(prev), [{
+                  rsmGUID: rsmguid
+                }]);
+              });
+            }
+          case 1:
+            return _context7.a(2);
+        }
+      }, _callee7);
+    }));
+    return function deletefile(_x7, _x8) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
+      var filesToUpload, _t8;
+      return _regenerator().w(function (_context8) {
+        while (1) switch (_context8.n) {
+          case 0:
+            if (!isProcessing) {
+              _context8.n = 1;
+              break;
+            }
+            setErrorMessage("Please wait for file processing to complete.");
+            return _context8.a(2);
+          case 1:
+            _context8.p = 1;
+            // Filter out any null/undefined files from replacement files
+            filesToUpload = replacementFiles.filter(function (file) {
+              return file && file.name;
+            });
+            _context8.n = 2;
+            return editPostApi(filesToUpload, deletedEditedPost, updateMainthumbnail);
+          case 2:
+            // Trigger image cache-busting to ensure fresh images
+            triggerImageCacheBust();
+            toast.success("Post updated successfully!", {
+              position: "bottom-right",
+              autoClose: 2000
+            });
+            handleModalClose();
+
+            // Give server time to process the image update
+            setTimeout(function () {
+              refreshData();
+            }, 1000);
+            _context8.n = 4;
+            break;
+          case 3:
+            _context8.p = 3;
+            _t8 = _context8.v;
+            // Error updating post
+            setErrorMessage("Failed to update post. Please try again.");
+            toast.error("Failed to update post. Please try again.", {
+              position: "bottom-right",
+              autoClose: 5000
+            });
+          case 4:
+            return _context8.a(2);
+        }
+      }, _callee8, null, [[1, 3]]);
+    }));
+    return function handleSubmit() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  var handleModalClose = function handleModalClose() {
+    handleClose();
+    setReplacementFiles([]);
+    setErrorMessage("");
+    setIsProcessing(false);
+    setProcessingProgress(0);
+    setProcessingDetails("");
+
+    // Clean up any object URLs from replacement files
+    replacementFiles.forEach(function (file) {
+      if (file && file.url) {
+        URL.revokeObjectURL(file.url);
+      }
+    });
+
+    // CRITICAL: Trigger memory cleanup when modal closes
+    if (memoryManager) {
+      memoryManager.manualCleanup();
+    }
+  };
+  return /*#__PURE__*/_jsxs(Modal, {
+    size: "xl",
+    className: "edit-post-modal d-flex justify-content-center",
+    fullscreen: true,
+    show: show,
+    onHide: handleModalClose,
+    centered: true,
+    backdrop: "static",
+    children: [/*#__PURE__*/_jsx(Modal.Header, {
+      className: "enhanced-modal-header",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "d-flex justify-content-between align-items-center w-100",
+        children: [/*#__PURE__*/_jsxs("h4", {
+          className: "modal-title mb-0",
+          children: [/*#__PURE__*/_jsx("i", {
+            className: "fas fa-edit me-2"
+          }), "Edit Post"]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "d-flex gap-2",
+          children: [/*#__PURE__*/_jsxs(Button, {
+            id: "post-edit-btn",
+            variant: "primary",
+            size: "lg",
+            onClick: handleSubmit,
+            className: "enhanced-post-btn",
+            children: [/*#__PURE__*/_jsx("i", {
+              className: "fas fa-save me-2"
+            }), "Update Post"]
+          }), /*#__PURE__*/_jsxs(Button, {
+            variant: "outline-secondary",
+            size: "lg",
+            onClick: handleModalClose,
+            className: "enhanced-close-btn",
+            children: [/*#__PURE__*/_jsx("i", {
+              className: "fas fa-times me-2"
+            }), "Cancel"]
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal.Body, {
+      className: "enhanced-modal-body",
+      children: /*#__PURE__*/_jsxs(Container, {
+        className: "p-3",
+        children: [errorMessage && /*#__PURE__*/_jsx("div", {
+          className: "alert alert-danger enhanced-alert",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "d-flex align-items-center",
+            children: [/*#__PURE__*/_jsx("i", {
+              className: "fas fa-exclamation-triangle me-2"
+            }), /*#__PURE__*/_jsx("div", {
+              style: {
+                whiteSpace: 'pre-line'
+              },
+              children: errorMessage
+            })]
+          })
+        }), isProcessing && /*#__PURE__*/_jsxs("div", {
+          className: "alert alert-info enhanced-alert",
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "d-flex justify-content-between align-items-center",
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: "d-flex align-items-center",
+              children: [/*#__PURE__*/_jsx("i", {
+                className: "fas fa-cog fa-spin me-2"
+              }), /*#__PURE__*/_jsx("span", {
+                children: "Processing media file..."
+              })]
+            }), /*#__PURE__*/_jsxs("span", {
+              className: "badge bg-primary",
+              children: [Math.round(processingProgress), "%"]
+            })]
+          }), processingDetails && /*#__PURE__*/_jsxs("div", {
+            className: "mt-2 small text-muted",
+            children: [/*#__PURE__*/_jsx("i", {
+              className: "fas fa-info-circle me-1"
+            }), processingDetails]
+          }), /*#__PURE__*/_jsx("div", {
+            className: "progress mt-2 enhanced-progress",
+            children: /*#__PURE__*/_jsx("div", {
+              className: "progress-bar progress-bar-striped progress-bar-animated",
+              role: "progressbar",
+              style: {
+                width: "".concat(processingProgress, "%")
+              },
+              "aria-valuenow": processingProgress,
+              "aria-valuemin": "0",
+              "aria-valuemax": "100"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "enhanced-form-section",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "form-group mb-4",
+            children: /*#__PURE__*/_jsx(FloatingLabel, {
+              controlId: "edit-post-title",
+              label: "Post Title",
+              className: "enhanced-floating-label",
+              children: /*#__PURE__*/_jsx(Form.Control, {
+                type: "text",
+                className: "edit-post-title form-control-lg enhanced-input",
+                value: postTitle,
+                onChange: function onChange(e) {
+                  return setPostTitle(e.target.value);
+                },
+                required: true,
+                placeholder: ""
+              })
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "form-group mb-4",
+            children: /*#__PURE__*/_jsx(FloatingLabel, {
+              controlId: "edit-post-content",
+              label: "What's on your mind?",
+              className: "enhanced-floating-label",
+              children: /*#__PURE__*/_jsx(Form.Control, {
+                as: "textarea",
+                className: "edit-post-text form-control-lg enhanced-input",
+                style: {
+                  height: "120px",
+                  resize: 'none'
+                },
+                value: postContent,
+                onChange: function onChange(e) {
+                  return setPostContent(e.target.value);
+                },
+                required: true,
+                placeholder: ""
+              })
+            })
+          })]
+        }), previews.length > 0 ? /*#__PURE__*/_jsxs("div", {
+          className: "enhanced-media-preview mt-4",
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "d-flex justify-content-between align-items-center mb-3",
+            children: [/*#__PURE__*/_jsxs("h6", {
+              className: "mb-0",
+              children: [/*#__PURE__*/_jsx("i", {
+                className: "fas fa-images me-2"
+              }), "Media Preview (", previews.length, " file", previews.length > 1 ? 's' : '', ")"]
+            }), /*#__PURE__*/_jsx("small", {
+              className: "text-muted",
+              children: "Replace existing media only"
+            })]
+          }), /*#__PURE__*/_jsx("div", {
+            className: "enhanced-media-grid ".concat(previews.length === 1 ? 'single-item' : previews.length === 2 ? 'two-items' : previews.length === 3 ? 'three-items' : 'four-plus-items'),
+            children: previews.map(function (preview, index) {
+              return /*#__PURE__*/_jsxs("div", {
+                className: "enhanced-media-grid-item ".concat(index === 0 ? 'selected-thumbnail' : 'edit-mode'),
+                "data-edt-rsm": preview.rsmguid,
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "enhanced-media-container",
+                  children: preview.widget
+                }), index === 0 && /*#__PURE__*/_jsxs("div", {
+                  className: "thumbnail-indicator",
+                  children: [/*#__PURE__*/_jsx("i", {
+                    className: "fas fa-star"
+                  }), /*#__PURE__*/_jsx("span", {
+                    children: "Main Media"
+                  })]
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "enhanced-media-controls",
+                  children: [/*#__PURE__*/_jsxs(Button, {
+                    className: "enhanced-thumbnail-btn",
+                    "data-parent-rsm": preview.rsmguid,
+                    "data-media-index": index,
+                    variant: "outline-secondary",
+                    onClick: function onClick() {
+                      return ReplaceFile(index, preview.rsmguid, preview.isMainInclude);
+                    },
+                    title: "Replace this media",
+                    size: "sm",
+                    children: [/*#__PURE__*/_jsx("i", {
+                      className: "fas fa-edit"
+                    }), /*#__PURE__*/_jsx("small", {
+                      className: "d-block mt-1",
+                      children: "Replace"
+                    })]
+                  }), previews.length > 1 && index !== 0 && /*#__PURE__*/_jsxs(Button, {
+                    className: "enhanced-delete-btn",
+                    "data-media-index": index,
+                    variant: "outline-danger",
+                    onClick: function onClick() {
+                      return deletefile(preview.rsmguid, index);
+                    },
+                    title: "Remove this media",
+                    size: "sm",
+                    children: [/*#__PURE__*/_jsx("i", {
+                      className: "fas fa-trash-alt"
+                    }), /*#__PURE__*/_jsx("small", {
+                      className: "d-block mt-1",
+                      children: "Remove"
+                    })]
+                  })]
+                })]
+              }, "".concat(preview.url, "-").concat(index, "-").concat(previews.length, "-").concat(updateCounter));
+            })
+          }), /*#__PURE__*/_jsx("input", {
+            type: "file",
+            ref: singleEditInputFileChooserRef,
+            className: "d-none",
+            accept: "video/*,image/*"
+          })]
+        }) : /*#__PURE__*/_jsx("div", {
+          className: "enhanced-empty-state mt-4",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: "text-center py-4",
+            children: [/*#__PURE__*/_jsx("i", {
+              className: "fas fa-image fa-3x text-muted mb-3"
+            }), /*#__PURE__*/_jsx("p", {
+              className: "text-muted mb-0",
+              children: "No media files in this post"
+            }), /*#__PURE__*/_jsx("small", {
+              className: "text-muted",
+              children: "You can only edit text content when no media exists"
+            })]
+          })
+        })]
+      })
+    })]
+  });
+};
+export default EditPostModal;