react-pro-messenger 1.0.24 → 1.0.26

package/dist/index.es.js

@@ -5180,7 +5180,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
     id: "default-modal",
     tabIndex: -1,
     "aria-hidden": "true",
-    className: "fixed top-0 right-0 left-0 z-10 w-full md:inset-0 h-full max-h-full overflow-y-auto overflow-x-hidden flex justify-center items-center bg-[rgb(0,0,0,0.6)]",
+    className: "absolute z-10 w-full md:inset-0 h-full max-h-full overflow-y-auto overflow-x-hidden flex justify-center items-center bg-[rgb(0,0,0,0.6)]",
     children: /* @__PURE__ */ g.exports.jsx("div", { className: "relative p-4 w-full max-w-2xl max-h-full", children: /* @__PURE__ */ g.exports.jsxs("div", { className: "relative bg-white rounded-lg shadow-sm dark:bg-gray-700", children: [
       /* @__PURE__ */ g.exports.jsxs("div", { className: "flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600 border-gray-200", children: [
         /* @__PURE__ */ g.exports.jsxs("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: [
@@ -5240,7 +5240,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
           {
             onClick: t,
             type: "button",
-            className: "py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700",
+            className: "py-2.5 px-5 ml-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700",
             children: "Cancel"
           }
         )
@@ -6853,7 +6853,7 @@ const Gd = Ur, qd = ({
           {
             ref: A,
             className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${p ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: n ? /* @__PURE__ */ g.exports.jsx(ca, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ g.exports.jsx(ks, { children: s.map((z, oe) => {
+            children: n ? /* @__PURE__ */ g.exports.jsx(ca, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ g.exports.jsx(ks, { children: s.length > 0 ? s.map((z, oe) => {
               var re, ye, _;
               const Te = z != null && z.attachment ? /* @__PURE__ */ g.exports.jsx(
                 Sd,
@@ -6884,7 +6884,7 @@ const Gd = Ur, qd = ({
                 },
                 oe
               );
-            }) })
+            }) : null })
           }
         ),
         /* @__PURE__ */ g.exports.jsx(