powr-sdk-web 3.3.5 → 3.3.6

package/dist/admin/index.js

@@ -14,6 +14,7 @@ var _admin4 = _interopRequireDefault(require("../invoices/admin"));
 var _admin5 = _interopRequireDefault(require("../slides/admin"));
 var _admin6 = _interopRequireDefault(require("../forms/admin"));
 var _admin7 = _interopRequireDefault(require("../waitlists/admin"));
+var _admin8 = _interopRequireDefault(require("../feeds/admin"));
 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 _interopRequireWildcard(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 (var _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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -207,6 +208,8 @@ var AdminDashboard = function AdminDashboard(_ref) {
         return /*#__PURE__*/_react["default"].createElement(_admin6["default"], sectionProps);
       case 'waitlist':
         return /*#__PURE__*/_react["default"].createElement(_admin7["default"], sectionProps);
+      case 'feeds':
+        return /*#__PURE__*/_react["default"].createElement(_admin8["default"], sectionProps);
       default:
         return null;
     }

package/dist/feeds/admin.js

@@ -0,0 +1,237 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _auth = require("../utils/auth");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+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) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (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; }
+var PowrBaseFeedsAdmin = function PowrBaseFeedsAdmin() {
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    posts = _useState2[0],
+    setPosts = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedPost = _useState6[0],
+    setSelectedPost = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showDeleteModal = _useState8[0],
+    setShowDeleteModal = _useState8[1];
+  (0, _react.useEffect)(function () {
+    fetchPosts();
+  }, []);
+  var fetchPosts = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _yield$apiCall, data, ok, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return (0, _auth.apiCall)(null, '/feeds?limit=100', null);
+          case 1:
+            _yield$apiCall = _context.v;
+            data = _yield$apiCall.data;
+            ok = _yield$apiCall.ok;
+            if (ok && data.success) {
+              setPosts(data.data);
+            }
+            _context.n = 3;
+            break;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            console.error('Error fetching posts:', _t);
+          case 3:
+            _context.p = 3;
+            setLoading(false);
+            return _context.f(3);
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee, null, [[0, 2, 3, 4]]);
+    }));
+    return function fetchPosts() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleDeletePost = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var _yield$apiCall2, data, ok, _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            if (selectedPost) {
+              _context2.n = 1;
+              break;
+            }
+            return _context2.a(2);
+          case 1:
+            _context2.p = 1;
+            _context2.n = 2;
+            return (0, _auth.apiCall)(null, "/feeds/".concat(selectedPost._id), null, {
+              method: 'DELETE'
+            });
+          case 2:
+            _yield$apiCall2 = _context2.v;
+            data = _yield$apiCall2.data;
+            ok = _yield$apiCall2.ok;
+            if (ok && data.success) {
+              setPosts(function (prev) {
+                return prev.filter(function (post) {
+                  return post._id !== selectedPost._id;
+                });
+              });
+              setShowDeleteModal(false);
+              setSelectedPost(null);
+            }
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _t2 = _context2.v;
+            console.error('Error deleting post:', _t2);
+          case 4:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3]]);
+    }));
+    return function handleDeletePost() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var formatDate = function formatDate(dateString) {
+    return new Date(dateString).toLocaleDateString() + ' ' + new Date(dateString).toLocaleTimeString();
+  };
+  var truncateText = function truncateText(text) {
+    var maxLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+    if (text.length <= maxLength) return text;
+    return text.substring(0, maxLength) + '...';
+  };
+  if (loading) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center justify-center p-8"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"
+    }));
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "space-y-6"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "text-2xl font-bold text-gray-900"
+  }, "Feed Management"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: fetchPosts,
+    className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
+  }, "Refresh")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg-white rounded-lg shadow overflow-hidden"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "overflow-x-auto"
+  }, /*#__PURE__*/_react["default"].createElement("table", {
+    className: "min-w-full divide-y divide-gray-200"
+  }, /*#__PURE__*/_react["default"].createElement("thead", {
+    className: "bg-gray-50"
+  }, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Author"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Content"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Stats"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Created"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Status"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+  }, "Actions"))), /*#__PURE__*/_react["default"].createElement("tbody", {
+    className: "bg-white divide-y divide-gray-200"
+  }, posts.map(function (post) {
+    var _post$author, _post$author2, _post$author3;
+    return /*#__PURE__*/_react["default"].createElement("tr", {
+      key: post._id,
+      className: "hover:bg-gray-50"
+    }, /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4 whitespace-nowrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-white text-sm font-semibold"
+    }, ((_post$author = post.author) === null || _post$author === void 0 || (_post$author = _post$author.name) === null || _post$author === void 0 ? void 0 : _post$author.charAt(0)) || 'U'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "ml-3"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-sm font-medium text-gray-900"
+    }, ((_post$author2 = post.author) === null || _post$author2 === void 0 ? void 0 : _post$author2.name) || 'Unknown User'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-sm text-gray-500"
+    }, (_post$author3 = post.author) === null || _post$author3 === void 0 ? void 0 : _post$author3.email)))), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-sm text-gray-900"
+    }, truncateText(post.content)), post.tags && post.tags.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mt-1 flex flex-wrap gap-1"
+    }, post.tags.slice(0, 3).map(function (tag, index) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        key: index,
+        className: "px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full"
+      }, "#", tag);
+    }), post.tags.length > 3 && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-xs text-gray-500"
+    }, "+", post.tags.length - 3, " more"))), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "\u2764\uFE0F ", post.likesCount || 0), /*#__PURE__*/_react["default"].createElement("div", null, "\uD83D\uDCAC ", post.commentsCount || 0), post.media && post.media.length > 0 && /*#__PURE__*/_react["default"].createElement("div", null, "\uD83D\uDCCE ", post.media.length)), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500"
+    }, formatDate(post.createdAt)), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4 whitespace-nowrap"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "inline-flex px-2 py-1 text-xs font-semibold rounded-full ".concat(post.isPublic ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800')
+    }, post.isPublic ? 'Public' : 'Private')), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "px-6 py-4 whitespace-nowrap text-sm font-medium"
+    }, /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: function onClick() {
+        setSelectedPost(post);
+        setShowDeleteModal(true);
+      },
+      className: "text-red-600 hover:text-red-900"
+    }, "Delete")));
+  }))))), showDeleteModal && selectedPost && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mt-3 text-center"
+  }, /*#__PURE__*/_react["default"].createElement("h3", {
+    className: "text-lg font-medium text-gray-900 mb-4"
+  }, "Delete Post"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-sm text-gray-500 mb-6"
+  }, "Are you sure you want to delete this post? This action cannot be undone."), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex justify-center space-x-4"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      setShowDeleteModal(false);
+      setSelectedPost(null);
+    },
+    className: "px-4 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400"
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleDeletePost,
+    className: "px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700"
+  }, "Delete"))))));
+};
+var _default = exports["default"] = PowrBaseFeedsAdmin;

package/dist/feeds/components/CreatePost.js

@@ -0,0 +1,296 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _auth = require("../../utils/auth");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); return f; })(e, t); }
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (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; }
+var CreatePost = function CreatePost(_ref) {
+  var onPostCreated = _ref.onPostCreated,
+    onPostError = _ref.onPostError;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    content = _useState2[0],
+    setContent = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    media = _useState4[0],
+    setMedia = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isPublic = _useState6[0],
+    setIsPublic = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tags = _useState8[0],
+    setTags = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isSubmitting = _useState0[0],
+    setIsSubmitting = _useState0[1];
+  var _useState1 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    showMediaUpload = _useState10[0],
+    setShowMediaUpload = _useState10[1];
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
+      var postData, _yield$apiCall, data, ok, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            e.preventDefault();
+            if (!(!content.trim() && media.length === 0)) {
+              _context.n = 1;
+              break;
+            }
+            if (onPostError) {
+              onPostError('Please add some content or media to your post');
+            }
+            return _context.a(2);
+          case 1:
+            setIsSubmitting(true);
+            _context.p = 2;
+            postData = {
+              content: content.trim(),
+              media: media,
+              isPublic: isPublic,
+              tags: tags.split(',').map(function (tag) {
+                return tag.trim();
+              }).filter(function (tag) {
+                return tag.length > 0;
+              })
+            };
+            _context.n = 3;
+            return (0, _auth.apiCall)(null, '/feeds', null, {
+              method: 'POST',
+              body: postData
+            });
+          case 3:
+            _yield$apiCall = _context.v;
+            data = _yield$apiCall.data;
+            ok = _yield$apiCall.ok;
+            if (ok && data.success) {
+              setContent('');
+              setMedia([]);
+              setTags('');
+              setIsPublic(true);
+              if (onPostCreated) {
+                onPostCreated(data.data);
+              }
+            } else {
+              if (onPostError) {
+                onPostError(data.message || 'Failed to create post');
+              }
+            }
+            _context.n = 5;
+            break;
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+            console.error('Error creating post:', _t);
+            if (onPostError) {
+              onPostError('Failed to create post');
+            }
+          case 5:
+            _context.p = 5;
+            setIsSubmitting(false);
+            return _context.f(5);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleFileUpload = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(files) {
+      var uploadedFiles, _iterator, _step, file, formData, _yield$apiCall2, data, ok, _t2, _t3;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            uploadedFiles = [];
+            _iterator = _createForOfIteratorHelper(files);
+            _context2.p = 1;
+            _iterator.s();
+          case 2:
+            if ((_step = _iterator.n()).done) {
+              _context2.n = 7;
+              break;
+            }
+            file = _step.value;
+            _context2.p = 3;
+            formData = new FormData();
+            formData.append('file', file);
+            formData.append('projectId', process.env.NEXT_PUBLIC_PROJECT_ID);
+            _context2.n = 4;
+            return (0, _auth.apiCall)(null, '/files/upload', null, {
+              method: 'POST',
+              body: formData
+            });
+          case 4:
+            _yield$apiCall2 = _context2.v;
+            data = _yield$apiCall2.data;
+            ok = _yield$apiCall2.ok;
+            if (ok && data.success) {
+              uploadedFiles.push({
+                url: data.data.url,
+                type: file.type.startsWith('image/') ? 'image' : 'document',
+                filename: file.name
+              });
+            }
+            _context2.n = 6;
+            break;
+          case 5:
+            _context2.p = 5;
+            _t2 = _context2.v;
+            console.error('Error uploading file:', _t2);
+          case 6:
+            _context2.n = 2;
+            break;
+          case 7:
+            _context2.n = 9;
+            break;
+          case 8:
+            _context2.p = 8;
+            _t3 = _context2.v;
+            _iterator.e(_t3);
+          case 9:
+            _context2.p = 9;
+            _iterator.f();
+            return _context2.f(9);
+          case 10:
+            setMedia(function (prev) {
+              return [].concat(_toConsumableArray(prev), uploadedFiles);
+            });
+          case 11:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[3, 5], [1, 8, 9, 10]]);
+    }));
+    return function handleFileUpload(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleFileChange = function handleFileChange(e) {
+    var files = Array.from(e.target.files);
+    handleFileUpload(files);
+  };
+  var removeMedia = function removeMedia(index) {
+    setMedia(function (prev) {
+      return prev.filter(function (_, i) {
+        return i !== index;
+      });
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg-white rounded-lg shadow-sm border p-6"
+  }, /*#__PURE__*/_react["default"].createElement("form", {
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("textarea", {
+    value: content,
+    onChange: function onChange(e) {
+      return setContent(e.target.value);
+    },
+    placeholder: "What's on your mind?",
+    className: "w-full p-3 border border-gray-300 rounded-lg resize-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
+    rows: 3,
+    disabled: isSubmitting
+  })), media.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex flex-wrap gap-2"
+  }, media.map(function (file, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "relative"
+    }, file.type === 'image' ? /*#__PURE__*/_react["default"].createElement("img", {
+      src: file.url,
+      alt: file.filename,
+      className: "w-20 h-20 object-cover rounded-lg"
+    }) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "w-20 h-20 bg-gray-100 rounded-lg flex items-center justify-center"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-xs text-gray-500"
+    }, "\uD83D\uDCC4")), /*#__PURE__*/_react["default"].createElement("button", {
+      type: "button",
+      onClick: function onClick() {
+        return removeMedia(index);
+      },
+      className: "absolute -top-2 -right-2 bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs hover:bg-red-600"
+    }, "\xD7"));
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    value: tags,
+    onChange: function onChange(e) {
+      return setTags(e.target.value);
+    },
+    placeholder: "Tags (comma separated)",
+    className: "w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent",
+    disabled: isSubmitting
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center justify-between mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    className: "flex items-center"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "checkbox",
+    checked: isPublic,
+    onChange: function onChange(e) {
+      return setIsPublic(e.target.checked);
+    },
+    className: "mr-2",
+    disabled: isSubmitting
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "text-sm text-gray-600"
+  }, "Public post")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setShowMediaUpload(!showMediaUpload);
+    },
+    className: "px-3 py-2 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 disabled:opacity-50",
+    disabled: isSubmitting
+  }, "\uD83D\uDCCE Media"))), showMediaUpload && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4 p-4 border border-gray-200 rounded-lg bg-gray-50"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "file",
+    multiple: true,
+    onChange: handleFileChange,
+    accept: "image/*,.pdf,.doc,.docx,.txt",
+    className: "w-full",
+    disabled: isSubmitting
+  }), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-xs text-gray-500 mt-1"
+  }, "Supported: Images, PDF, DOC, DOCX, TXT")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex justify-end"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "submit",
+    disabled: isSubmitting || !content.trim() && media.length === 0,
+    className: "px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed"
+  }, isSubmitting ? 'Posting...' : 'Post'))));
+};
+var _default = exports["default"] = CreatePost;

package/dist/feeds/components/FeedPost.js

@@ -0,0 +1,266 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _auth = require("../../utils/auth");
+var _comments = _interopRequireDefault(require("../../comments"));
+var _likes = _interopRequireDefault(require("../../likes"));
+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 _interopRequireWildcard(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 (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+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) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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; }
+var FeedPost = function FeedPost(_ref) {
+  var _post$author, _post$author2;
+  var post = _ref.post,
+    onDelete = _ref.onDelete,
+    onUpdate = _ref.onUpdate,
+    onLikeUpdate = _ref.onLikeUpdate,
+    onCommentUpdate = _ref.onCommentUpdate;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showComments = _useState2[0],
+    setShowComments = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEditing = _useState4[0],
+    setIsEditing = _useState4[1];
+  var _useState5 = (0, _react.useState)(post.content),
+    _useState6 = _slicedToArray(_useState5, 2),
+    editContent = _useState6[0],
+    setEditContent = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isSubmitting = _useState8[0],
+    setIsSubmitting = _useState8[1];
+  var formatDate = function formatDate(dateString) {
+    var date = new Date(dateString);
+    var now = new Date();
+    var diffInHours = (now - date) / (1000 * 60 * 60);
+    if (diffInHours < 1) {
+      var diffInMinutes = Math.floor((now - date) / (1000 * 60));
+      return "".concat(diffInMinutes, "m ago");
+    } else if (diffInHours < 24) {
+      return "".concat(Math.floor(diffInHours), "h ago");
+    } else {
+      return date.toLocaleDateString();
+    }
+  };
+  var handleEdit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _yield$apiCall, data, ok, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (editContent.trim()) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            setIsSubmitting(true);
+            _context.p = 2;
+            _context.n = 3;
+            return (0, _auth.apiCall)(null, "/feeds/".concat(post._id), null, {
+              method: 'PUT',
+              body: {
+                content: editContent.trim()
+              }
+            });
+          case 3:
+            _yield$apiCall = _context.v;
+            data = _yield$apiCall.data;
+            ok = _yield$apiCall.ok;
+            if (ok && data.success) {
+              onUpdate(_objectSpread(_objectSpread({}, post), {}, {
+                content: editContent.trim()
+              }));
+              setIsEditing(false);
+            }
+            _context.n = 5;
+            break;
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+            console.error('Error updating post:', _t);
+          case 5:
+            _context.p = 5;
+            setIsSubmitting(false);
+            return _context.f(5);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return function handleEdit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleDelete = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var _yield$apiCall2, data, ok, _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            if (confirm('Are you sure you want to delete this post?')) {
+              _context2.n = 1;
+              break;
+            }
+            return _context2.a(2);
+          case 1:
+            _context2.p = 1;
+            _context2.n = 2;
+            return (0, _auth.apiCall)(null, "/feeds/".concat(post._id), null, {
+              method: 'DELETE'
+            });
+          case 2:
+            _yield$apiCall2 = _context2.v;
+            data = _yield$apiCall2.data;
+            ok = _yield$apiCall2.ok;
+            if (ok && data.success) {
+              onDelete(post._id);
+            }
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _t2 = _context2.v;
+            console.error('Error deleting post:', _t2);
+          case 4:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3]]);
+    }));
+    return function handleDelete() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleLikeChange = function handleLikeChange(newLikeCount) {
+    onLikeUpdate(post._id, newLikeCount);
+  };
+  var handleCommentChange = function handleCommentChange(newCommentCount) {
+    onCommentUpdate(post._id, newCommentCount);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg-white rounded-lg shadow-sm border p-6"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center justify-between mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center space-x-3"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold"
+  }, ((_post$author = post.author) === null || _post$author === void 0 || (_post$author = _post$author.name) === null || _post$author === void 0 ? void 0 : _post$author.charAt(0)) || 'U'), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "font-semibold text-gray-900"
+  }, ((_post$author2 = post.author) === null || _post$author2 === void 0 ? void 0 : _post$author2.name) || 'Unknown User'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text-sm text-gray-500"
+  }, formatDate(post.createdAt), !post.isPublic && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ml-2 text-blue-500"
+  }, "\uD83D\uDD12 Private")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setIsEditing(!isEditing);
+    },
+    className: "text-gray-500 hover:text-gray-700 p-1"
+  }, "\u270F\uFE0F"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleDelete,
+    className: "text-gray-500 hover:text-red-500 p-1"
+  }, "\uD83D\uDDD1\uFE0F"))), isEditing ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("textarea", {
+    value: editContent,
+    onChange: function onChange(e) {
+      return setEditContent(e.target.value);
+    },
+    className: "w-full p-3 border border-gray-300 rounded-lg resize-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
+    rows: 3
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex justify-end space-x-2 mt-2"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setIsEditing(false);
+    },
+    className: "px-3 py-1 text-sm bg-gray-200 text-gray-700 rounded hover:bg-gray-300"
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleEdit,
+    disabled: isSubmitting,
+    className: "px-3 py-1 text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
+  }, isSubmitting ? 'Saving...' : 'Save'))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text-gray-900 whitespace-pre-wrap"
+  }, post.content)), post.media && post.media.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2"
+  }, post.media.map(function (file, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "relative"
+    }, file.type === 'image' ? /*#__PURE__*/_react["default"].createElement("img", {
+      src: file.url,
+      alt: file.filename,
+      className: "w-full h-48 object-cover rounded-lg"
+    }) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "w-full h-48 bg-gray-100 rounded-lg flex items-center justify-center"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-center"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-3xl mb-2"
+    }, "\uD83D\uDCC4"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "text-sm text-gray-600"
+    }, file.filename))));
+  }))), post.tags && post.tags.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex flex-wrap gap-1"
+  }, post.tags.map(function (tag, index) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      key: index,
+      className: "px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full"
+    }, "#", tag);
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center justify-between mb-4 text-sm text-gray-500"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center space-x-4"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, post.likesCount || 0, " likes"), /*#__PURE__*/_react["default"].createElement("span", null, post.commentsCount || 0, " comments"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex items-center space-x-4 border-t pt-4"
+  }, /*#__PURE__*/_react["default"].createElement(_likes["default"], {
+    contentId: post._id,
+    onLikeChange: handleLikeChange
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setShowComments(!showComments);
+    },
+    className: "flex items-center space-x-2 text-gray-500 hover:text-blue-600"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDCAC"), /*#__PURE__*/_react["default"].createElement("span", null, "Comment"))), showComments && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mt-4 border-t pt-4"
+  }, /*#__PURE__*/_react["default"].createElement(_comments["default"], {
+    contentId: post._id,
+    onCommentPosted: function onCommentPosted() {
+      var newCount = (post.commentsCount || 0) + 1;
+      handleCommentChange(newCount);
+    },
+    onCommentError: function onCommentError(error) {
+      return console.error('Comment error:', error);
+    },
+    maxComments: 10
+  })));
+};
+var _default = exports["default"] = FeedPost;

package/dist/feeds/index.js

@@ -0,0 +1,242 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _auth = require("../utils/auth");
+var _FeedPost = _interopRequireDefault(require("./components/FeedPost"));
+var _CreatePost = _interopRequireDefault(require("./components/CreatePost"));
+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 _interopRequireWildcard(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 (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+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 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; }
+var PowrBaseFeed = function PowrBaseFeed(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$showCreatePost = _ref.showCreatePost,
+    showCreatePost = _ref$showCreatePost === void 0 ? true : _ref$showCreatePost,
+    _ref$maxPosts = _ref.maxPosts,
+    maxPosts = _ref$maxPosts === void 0 ? 20 : _ref$maxPosts,
+    _ref$autoRefresh = _ref.autoRefresh,
+    autoRefresh = _ref$autoRefresh === void 0 ? true : _ref$autoRefresh,
+    _ref$refreshInterval = _ref.refreshInterval,
+    refreshInterval = _ref$refreshInterval === void 0 ? 30000 : _ref$refreshInterval,
+    onPostCreated = _ref.onPostCreated,
+    onPostError = _ref.onPostError;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    posts = _useState2[0],
+    setPosts = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasMore = _useState6[0],
+    setHasMore = _useState6[1];
+  var _useState7 = (0, _react.useState)(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    page = _useState8[0],
+    setPage = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    refreshing = _useState0[0],
+    setRefreshing = _useState0[1];
+  var fetchPosts = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var pageNum,
+        append,
+        _yield$apiCall,
+        data,
+        ok,
+        _args = arguments,
+        _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            pageNum = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+            append = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
+            _context.p = 1;
+            _context.n = 2;
+            return (0, _auth.apiCall)(null, "/feeds?page=".concat(pageNum, "&limit=").concat(maxPosts), null);
+          case 2:
+            _yield$apiCall = _context.v;
+            data = _yield$apiCall.data;
+            ok = _yield$apiCall.ok;
+            if (ok && data.success) {
+              if (append) {
+                setPosts(function (prev) {
+                  return [].concat(_toConsumableArray(prev), _toConsumableArray(data.data));
+                });
+              } else {
+                setPosts(data.data);
+              }
+              setHasMore(data.pagination.page < data.pagination.pages);
+              setPage(data.pagination.page);
+            }
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.error('Error fetching posts:', _t);
+          case 4:
+            _context.p = 4;
+            setLoading(false);
+            setRefreshing(false);
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function fetchPosts() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    fetchPosts();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!autoRefresh) return;
+    var interval = setInterval(function () {
+      setRefreshing(true);
+      fetchPosts();
+    }, refreshInterval);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [autoRefresh, refreshInterval]);
+  var handleLoadMore = function handleLoadMore() {
+    if (!hasMore || loading) return;
+    fetchPosts(page + 1, true);
+  };
+  var handlePostCreated = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(newPost) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            setPosts(function (prev) {
+              return [newPost].concat(_toConsumableArray(prev));
+            });
+            if (onPostCreated) {
+              onPostCreated(newPost);
+            }
+          case 1:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    return function handlePostCreated(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handlePostDeleted = function handlePostDeleted(postId) {
+    setPosts(function (prev) {
+      return prev.filter(function (post) {
+        return post._id !== postId;
+      });
+    });
+  };
+  var handlePostUpdated = function handlePostUpdated(updatedPost) {
+    setPosts(function (prev) {
+      return prev.map(function (post) {
+        return post._id === updatedPost._id ? updatedPost : post;
+      });
+    });
+  };
+  var handleLikeUpdate = function handleLikeUpdate(postId, newLikeCount) {
+    setPosts(function (prev) {
+      return prev.map(function (post) {
+        return post._id === postId ? _objectSpread(_objectSpread({}, post), {}, {
+          likesCount: newLikeCount
+        }) : post;
+      });
+    });
+  };
+  var handleCommentUpdate = function handleCommentUpdate(postId, newCommentCount) {
+    setPosts(function (prev) {
+      return prev.map(function (post) {
+        return post._id === postId ? _objectSpread(_objectSpread({}, post), {}, {
+          commentsCount: newCommentCount
+        }) : post;
+      });
+    });
+  };
+  if (loading && posts.length === 0) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "powrbase-feed ".concat(className),
+      style: style
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center justify-center p-8"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"
+    })));
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "powrbase-feed ".concat(className),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      maxWidth: '100%',
+      margin: '0 auto'
+    })
+  }, showCreatePost && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mb-6"
+  }, /*#__PURE__*/_react["default"].createElement(_CreatePost["default"], {
+    onPostCreated: handlePostCreated,
+    onPostError: onPostError
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "space-y-6"
+  }, posts.map(function (post) {
+    return /*#__PURE__*/_react["default"].createElement(_FeedPost["default"], {
+      key: post._id,
+      post: post,
+      onDelete: handlePostDeleted,
+      onUpdate: handlePostUpdated,
+      onLikeUpdate: handleLikeUpdate,
+      onCommentUpdate: handleCommentUpdate
+    });
+  })), hasMore && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mt-6 text-center"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleLoadMore,
+    disabled: loading,
+    className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50"
+  }, loading ? 'Loading...' : 'Load More')), refreshing && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fixed top-4 right-4 bg-green-500 text-white px-3 py-1 rounded-full text-sm"
+  }, "Refreshing..."));
+};
+PowrBaseFeed.propTypes = {
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  showCreatePost: _propTypes["default"].bool,
+  maxPosts: _propTypes["default"].number,
+  autoRefresh: _propTypes["default"].bool,
+  refreshInterval: _propTypes["default"].number,
+  onPostCreated: _propTypes["default"].func,
+  onPostError: _propTypes["default"].func
+};
+var _default = exports["default"] = PowrBaseFeed;

package/dist/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "PowrBaseComments", {
     return _comments["default"];
   }
 });
+Object.defineProperty(exports, "PowrBaseFeed", {
+  enumerable: true,
+  get: function get() {
+    return _feeds["default"];
+  }
+});
 Object.defineProperty(exports, "PowrBaseForm", {
   enumerable: true,
   get: function get() {
@@ -100,5 +106,6 @@ var _likes = _interopRequireDefault(require("./likes"));
 var _auth = _interopRequireDefault(require("./auth"));
 var _forms = _interopRequireDefault(require("./forms"));
 var _chat = _interopRequireDefault(require("./chat"));
+var _feeds = _interopRequireDefault(require("./feeds"));
 var _admin = _interopRequireDefault(require("./admin"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "3.3.5",
+    "version": "3.3.6",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",