@erpsquad/common 1.8.47 → 1.8.48

package/dist/_virtual/index/index.esm.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/material/utils/index/index.esm.js";
-var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
+var propTypes = { exports: {} };
 export {
-  require$$0 as default
+  propTypes as __module
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/_virtual/index/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index/index.esm10.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.esm.js";
-var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/system/esm/createTheme/index/index.esm.js";
+var require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$1 as default
+  require$$7 as default
 };
 //# sourceMappingURL=index.esm10.js.map

package/dist/_virtual/index/index.esm11.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/clamp/index/index.esm.js";
-var require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/system/esm/styleFunctionSx/index/index.esm.js";
+var require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$2 as default
+  require$$8 as default
 };
 //# sourceMappingURL=index.esm11.js.map

package/dist/_virtual/index/index.esm2.js

@@ -1,5 +1,5 @@
-var propTypes = { exports: {} };
+var dist = { exports: {} };
 export {
-  propTypes as __module
+  dist as __module
 };
 //# sourceMappingURL=index.esm2.js.map

package/dist/_virtual/index/index.esm3.js

@@ -1,5 +1,7 @@
-var dist = { exports: {} };
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/material/utils/index/index.esm.js";
+var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  dist as __module
+  require$$0 as default
 };
 //# sourceMappingURL=index.esm3.js.map

package/dist/_virtual/index/index.esm3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.esm3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm4.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/styled-engine/index/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.esm.js";
 var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
   require$$1 as default

package/dist/_virtual/index/index.esm5.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/deepmerge/index/index.esm.js";
-var require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/clamp/index/index.esm.js";
+var require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$4 as default
+  require$$2 as default
 };
 //# sourceMappingURL=index.esm5.js.map

package/dist/_virtual/index/index.esm6.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/capitalize/index/index.esm.js";
-var require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/styled-engine/index/index.esm.js";
+var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$5 as default
+  require$$1 as default
 };
 //# sourceMappingURL=index.esm6.js.map

package/dist/_virtual/index/index.esm7.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/utils/esm/getDisplayName/index/index.esm.js";
-var require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/deepmerge/index/index.esm.js";
+var require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$6 as default
+  require$$4 as default
 };
 //# sourceMappingURL=index.esm7.js.map

package/dist/_virtual/index/index.esm8.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/system/esm/createTheme/index/index.esm.js";
-var require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/capitalize/index/index.esm.js";
+var require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$7 as default
+  require$$5 as default
 };
 //# sourceMappingURL=index.esm8.js.map

package/dist/_virtual/index/index.esm9.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
-import * as index from "../../node_modules/@mui/system/esm/styleFunctionSx/index/index.esm.js";
-var require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../../node_modules/@mui/utils/esm/getDisplayName/index/index.esm.js";
+var require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$8 as default
+  require$$6 as default
 };
 //# sourceMappingURL=index.esm9.js.map

package/dist/_virtual/index/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/material/utils/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
 //# sourceMappingURL=index.js.map

package/dist/_virtual/index/index10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/createTheme/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index/index11.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/clamp/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/styleFunctionSx/index/index.js"),t=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=t;
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index/index3.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/material/utils/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index/index4.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/styled-engine/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index/index5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/deepmerge/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/clamp/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index/index6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/capitalize/index/index.js"),i=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/styled-engine/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index/index7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/getDisplayName/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/deepmerge/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index/index8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/createTheme/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/capitalize/index/index.js"),i=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=i;
 //# sourceMappingURL=index8.js.map

package/dist/_virtual/index/index9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/styleFunctionSx/index/index.js"),t=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/getDisplayName/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
 //# sourceMappingURL=index9.js.map

package/dist/components/activity-tag/activity-tag/index.esm.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+/* empty css                             */
+import { images } from "../../../images/index.esm.js";
+import { Avatar } from "../../avatar/avatar/index.esm.js";
+import { Accordion } from "../../accordion/accordion/index.esm.js";
+import { useAuth } from "../../../hooks/useAuth/index.esm.js";
+import { formatText } from "../../../utils/format-text/index.esm.js";
+import { Typography } from "../../typography/typography/index.esm.js";
+import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
+import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
+import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
+import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
+import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
+import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import TextField from "../../../node_modules/@mui/material/TextField/TextField/index.esm.js";
+const StyledTextField = styled(TextField)(({ theme: { palette } }) => {
+  var _a, _b, _c, _d;
+  return {
+    width: "100%",
+    "& .MuiOutlinedInput-root": {
+      height: "2rem",
+      "& fieldset": {
+        borderColor: (_a = palette.theme) == null ? void 0 : _a.secondary[300],
+        borderWidth: 2
+      },
+      "&:hover fieldset": {
+        borderColor: (_b = palette.theme) == null ? void 0 : _b.secondary[300]
+      },
+      "&.Mui-focused fieldset": {
+        // borderWidth: "0.0625rem",
+        // borderStyle: "solid",
+        borderColor: (_c = palette.theme) == null ? void 0 : _c.primary[700]
+      },
+      "&.Mui-error fieldset": {
+        borderColor: (_d = palette.theme) == null ? void 0 : _d.error[600]
+      }
+    }
+  };
+});
+const ActivityTag = (props) => {
+  const {
+    type,
+    data,
+    placeholder,
+    error = false,
+    textfield,
+    textfieldTitle,
+    onCommentSubmit,
+    onChange,
+    containerProps,
+    accordion = true,
+    ...rest
+  } = props;
+  const { user } = useAuth();
+  const chatRef = useRef(null);
+  const scrollToBottom = () => {
+    if (chatRef.current) {
+      chatRef.current.scrollTop = chatRef.current.scrollHeight;
+    }
+  };
+  useEffect(() => {
+    scrollToBottom();
+  }, [data]);
+  const formatDateTime = (dateTime) => {
+    const currentDate = /* @__PURE__ */ new Date();
+    const commentDate = new Date(dateTime);
+    const timeDifference = currentDate.getTime() - commentDate.getTime();
+    const secondsDifference = Math.floor(timeDifference / 1e3);
+    const minutesDifference = Math.floor(secondsDifference / 60);
+    const hoursDifference = Math.floor(minutesDifference / 60);
+    if (secondsDifference < 60) {
+      return `${secondsDifference} second${secondsDifference !== 1 ? "s" : ""} ago`;
+    } else if (minutesDifference < 60) {
+      return `${minutesDifference} minute${minutesDifference !== 1 ? "s" : ""} ago`;
+    } else if (hoursDifference < 24) {
+      return `${hoursDifference} hour${hoursDifference !== 1 ? "s" : ""} ago`;
+    } else {
+      const optionsDate = {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
+      };
+      const optionsTime = {
+        hour: "numeric",
+        minute: "numeric",
+        hour12: false
+      };
+      const formattedDate = commentDate.toLocaleString("en-US", optionsDate);
+      const formattedTime = commentDate.toLocaleString("en-US", optionsTime);
+      return `${formattedDate} • ${formattedTime}`;
+    }
+  };
+  const handleKeyPress = (event) => {
+    if (event.key === "Enter") {
+      const commentValue = event.target.value;
+      if (commentValue.trim() !== "") {
+        onCommentSubmit(commentValue);
+        scrollToBottom();
+      }
+    }
+  };
+  const timelineItems = type === "activity" ? data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ jsx("div", { className: "Timeline--Activity", children: /* @__PURE__ */ jsxs(TimelineItem, { children: [
+    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
+      /* @__PURE__ */ jsx(TimelineDot, {}),
+      data.length - 1 !== index && /* @__PURE__ */ jsx(TimelineConnector, {})
+    ] }),
+    /* @__PURE__ */ jsx(TimelineContent, { className: "Timeline--Content", children: /* @__PURE__ */ jsxs(Typography, { type: "s4", color: "theme.secondary.800", className: "Timeline--ActivityLogItem", children: [
+      item.message,
+      " · ",
+      formatDateTime(item.created_at)
+    ] }) })
+  ] }, index) })) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "Timeline--Chat", ref: chatRef, children: data.map((item, index) => /* @__PURE__ */ jsxs(TimelineItem, { children: [
+    /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
+      /* @__PURE__ */ jsx(Avatar, { src: images.chat, size: 17 }),
+      /* @__PURE__ */ jsx(TimelineConnector, {})
+    ] }),
+    /* @__PURE__ */ jsxs(TimelineContent, { children: [
+      item.name,
+      " commented this · ",
+      formatDateTime(item.created_at),
+      /* @__PURE__ */ jsx("div", { className: "Timeline--CommentWrap", children: /* @__PURE__ */ jsx("p", { className: "Timeline--Comment", children: item.message }) })
+    ] })
+  ] }, index)) }) });
+  return (
+    // <Box position='relative'>
+    /* @__PURE__ */ jsx("div", { className: "ActivityContainer", ...containerProps, children: /* @__PURE__ */ jsxs(Timeline, { className: "Timeline", children: [
+      accordion ? /* @__PURE__ */ jsx(Accordion, { title: "Activities", accordionProps: { defaultExpanded: true }, children: timelineItems }) : /* @__PURE__ */ jsx("div", { className: "Timeline--ActivityBox", children: timelineItems }),
+      textfield && /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentBox", children: [
+        textfieldTitle,
+        /* @__PURE__ */ jsxs("div", { className: "Timeline--CommentText", children: [
+          /* @__PURE__ */ jsx(Avatar, { size: 32, alt: formatText(user == null ? void 0 : user.full_name), className: "avatar-class" }),
+          /* @__PURE__ */ jsx(
+            StyledTextField,
+            {
+              error,
+              placeholder,
+              className: "textfield",
+              onKeyDown: handleKeyPress,
+              onChange,
+              ...rest
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  );
+};
+export {
+  ActivityTag,
+  ActivityTag as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/activity-tag/activity-tag/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["MUITextField"],"mappings":"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"}

package/dist/components/activity-tag/activity-tag/index.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var r=,/* empty css                     */t=,/* empty css                         */n=,/* empty css                               */l=,/* empty css                            */s=,/* empty css                                */a=,/* empty css                                 */o=,/* empty css                                                              */d=,/* empty css                                                                        */m=,/* empty css                                                            */u=,/* empty css                                                                        */c=,/* empty css                                                                    */x=,/* empty css                                                      */h=,/* empty css                                                       */j=;/* empty css                                                             */const f=h.default(j.default)(({theme:{palette:e}})=>{var i,r,t,n;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(n=e.theme)?void 0:n.error[600]}}}}),v=h=>{const{type:j,data:v,placeholder:T,error:p=!1,textfield:y,textfieldTitle:g,onCommentSubmit:C,onChange:q,containerProps:b,accordion:N=!0,..._}=h,{user:A}=l.useAuth(),$=i.useRef(null),M=()=>{$.current&&($.current.scrollTop=$.current.scrollHeight)};i.useEffect(()=>{M()},[v]);const S=e=>{const i=/* @__PURE__ */new Date,r=new Date(e),t=i.getTime()-r.getTime(),n=Math.floor(t/1e3),l=Math.floor(n/60),s=Math.floor(l/60);if(n<60)return`${n} second${1!==n?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(s<24)return`${s} hour${1!==s?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},i={hour:"numeric",minute:"numeric",hour12:!1};return`${r.toLocaleString("en-US",e)} • ${r.toLocaleString("en-US",i)}`}},D="activity"===j?null==v?void 0:v.map((i,r)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(o.default,{children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx(m.default,{}),v.length-1!==r&&/* @__PURE__ */e.jsx(u.default,{})]}),
+/* @__PURE__ */e.jsx(c.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(a.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[i.message," · ",S(i.created_at)]})})]},r)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:$,children:v.map((i,n)=>/* @__PURE__ */e.jsxs(o.default,{children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx(t.Avatar,{src:r.images.chat,size:17}),
+/* @__PURE__ */e.jsx(u.default,{})]}),
+/* @__PURE__ */e.jsxs(c.default,{children:[i.name," commented this · ",S(i.created_at),
+/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:i.message})})]})]},n))})});
+/* @__PURE__ */
+return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(x.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(n.Accordion,{title:"Activities",accordionProps:{defaultExpanded:!0},children:D}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:D}),y&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[g,
+/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentText",children:[
+/* @__PURE__ */e.jsx(t.Avatar,{size:32,alt:s.formatText(null==A?void 0:A.full_name),className:"avatar-class"}),
+/* @__PURE__ */e.jsx(f,{error:p,placeholder:T,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const i=e.target.value;""!==i.trim()&&(C(i),M())}},onChange:q,..._})]})]})]})})};exports.ActivityTag=v,exports.default=v;
+//# sourceMappingURL=index.js.map

package/dist/components/activity-tag/activity-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n  width: \"100%\",\n  \"& .MuiOutlinedInput-root\": {\n    height: '2rem',\n    \"& fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n      borderWidth: 2\n    },\n    \"&:hover fieldset\": {\n      borderColor: palette.theme?.secondary[300],\n    },\n    \"&.Mui-focused fieldset\": {\n      // borderWidth: \"0.0625rem\",\n      // borderStyle: \"solid\",\n      borderColor: palette.theme?.primary[700],\n    },\n    \"&.Mui-error fieldset\": {\n      borderColor: palette.theme?.error[600],\n    },\n  },\n}));\n\nexport const ActivityTag = (props: any) => {\n  const {\n    type,\n    data,\n    placeholder,\n    error = false,\n    textfield,\n    textfieldTitle,\n    onCommentSubmit,\n    onChange,\n    containerProps,\n    accordion = true,\n    ...rest\n  } = props;\n  const { user } = useAuth()\n\n  const chatRef = useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (chatRef.current) {\n      chatRef.current.scrollTop = chatRef.current.scrollHeight;\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [data]);\n\n  const formatDateTime = (dateTime: string) => {\n    const currentDate = new Date();\n    const commentDate = new Date(dateTime);\n    const timeDifference = currentDate.getTime() - commentDate.getTime();\n    const secondsDifference = Math.floor(timeDifference / 1000);\n    const minutesDifference = Math.floor(secondsDifference / 60);\n    const hoursDifference = Math.floor(minutesDifference / 60);\n\n    if (secondsDifference < 60) {\n      return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (minutesDifference < 60) {\n      return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n        } ago`;\n    } else if (hoursDifference < 24) {\n      return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n    } else {\n      // Format the date in the desired format\n      const optionsDate: Intl.DateTimeFormatOptions = {\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric'\n      };\n\n      const optionsTime: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: false\n      };\n\n      const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n      const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n      return `${formattedDate} • ${formattedTime}`;\n    }\n  };\n\n  const handleKeyPress = (event: any) => {\n    if (event.key === 'Enter') {\n      const commentValue = (event.target as HTMLInputElement).value;\n      if (commentValue.trim() !== '') {\n        onCommentSubmit(commentValue);\n        scrollToBottom();\n      }\n    }\n  };\n\n  const timelineItems =\n    type === \"activity\" ? (\n      data?.map((item: any, index: number) => (\n        <div className=\"Timeline--Activity\">\n          <TimelineItem key={index}>\n            <TimelineSeparator>\n              <TimelineDot />\n              {data.length - 1 !== index && <TimelineConnector />}\n            </TimelineSeparator>\n            <TimelineContent className=\"Timeline--Content\">\n              <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n                {item.message} · {formatDateTime(item.created_at)}\n              </Typography>\n            </TimelineContent>\n          </TimelineItem>\n        </div>\n      ))\n    ) : (\n      <>\n        <div className=\"Timeline--Chat\" ref={chatRef}>\n          {data.map((item: any, index: number) => (\n            <TimelineItem key={index}>\n              <TimelineSeparator>\n                <Avatar src={images.chat} size={17} />\n                <TimelineConnector />\n              </TimelineSeparator>\n              <TimelineContent>\n                {item.name} commented this · {formatDateTime(item.created_at)}\n                <div className=\"Timeline--CommentWrap\">\n                  <p className=\"Timeline--Comment\">{item.message}</p>\n                </div>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </div>\n      </>\n    );\n\n  // const avatarStyle = {\n  //   borderRadius: '0.5rem',\n  //   padding: '0.875rem 1.28125rem',\n  //   textAlign: 'center',\n  //   backgroundColor: `${randomColor}.200`,\n  //   color: `${randomColor}.1000`\n  // };\n\n  return (\n    // <Box position='relative'>\n    <div className=\"ActivityContainer\" {...containerProps}>\n      <Timeline className=\"Timeline\">\n        {accordion ? \n          <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n          {timelineItems}\n        </Accordion> : \n        <div className=\"Timeline--ActivityBox\">\n          {timelineItems}\n        </div>\n        }\n        {textfield && (\n          <div className=\"Timeline--CommentBox\">\n            {textfieldTitle}\n            <div className=\"Timeline--CommentText\">\n              <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n              <StyledTextField\n                error={error}\n                placeholder={placeholder}\n                className=\"textfield\"\n                onKeyDown={handleKeyPress}\n                onChange={onChange}\n                {...rest}\n              />\n            </div>\n          </div>\n        )}\n      </Timeline>\n    </div>\n    // </Box>\n  );\n};\n\nexport default ActivityTag;\n"],"names":["StyledTextField","styled","MUITextField","theme","palette","width","height","borderColor","_a","secondary","borderWidth","_b","_c","primary","_d","error","ActivityTag","props","type","data","placeholder","textfield","textfieldTitle","onCommentSubmit","onChange","containerProps","accordion","rest","user","useAuth","chatRef","useRef","scrollToBottom","current","scrollTop","scrollHeight","useEffect","formatDateTime","dateTime","currentDate","Date","commentDate","timeDifference","getTime","secondsDifference","Math","floor","minutesDifference","hoursDifference","optionsDate","day","month","year","optionsTime","hour","minute","hour12","toLocaleString","timelineItems","map","item","index","jsx","className","children","TimelineItem","jsxs","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","Typography","color","message","created_at","Fragment","ref","Avatar","src","images","chat","size","name","Timeline","Accordion","title","accordionProps","defaultExpanded","alt","formatText","full_name","onKeyDown","event","key","commentValue","target","value","trim"],"mappings":"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"}

package/dist/components/activityLog/activity-log/index.esm.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+/* empty css                             */
+import { Typography } from "../../typography/typography/index.esm.js";
+import dayjs from "dayjs";
+import { formatText } from "../../../utils/format-text/index.esm.js";
+import { useTranslation } from "react-i18next";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
+import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
+import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
+import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
+import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
+import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
+const ActivityTag = (props) => {
+  const { t } = useTranslation();
+  const { data } = props;
+  const formatDateTime = (date) => {
+    const formattedDate = dayjs(date).format("DD MMM, YYYY");
+    const formattedTime = dayjs(date).format("HH:mm");
+    return `${formattedDate} • ${formattedTime}`;
+  };
+  const actions = {
+    view: t("common.viewed_text"),
+    delete: t("common.deleted_text"),
+    create: t("common.created_text"),
+    update: t("common.updated_text")
+  };
+  return (
+    // <Box position='relative'>
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Timeline, { className: "Timeline", children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 2,
+          padding: "16px"
+        },
+        className: "box-class",
+        children: [
+          /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.secondary.800", children: t("common.activities_label") }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                height: 400,
+                overflowY: "auto",
+                gap: 1.5,
+                display: "flex",
+                flexDirection: "column"
+              },
+              children: data == null ? void 0 : data.map((item, index) => {
+                var _a;
+                return /* @__PURE__ */ jsx("div", { className: "Timeline--Activity", children: /* @__PURE__ */ jsxs(TimelineItem, { children: [
+                  /* @__PURE__ */ jsxs(TimelineSeparator, { children: [
+                    /* @__PURE__ */ jsx(
+                      TimelineDot,
+                      {
+                        color: "primary",
+                        sx: { backgroundColor: "#D3D3D4" }
+                      }
+                    ),
+                    data.length - 1 !== index && /* @__PURE__ */ jsx(TimelineConnector, {})
+                  ] }),
+                  /* @__PURE__ */ jsxs(TimelineContent, { className: "Timeline--Content", children: [
+                    /* @__PURE__ */ jsxs(
+                      Typography,
+                      {
+                        type: "s5",
+                        color: "theme.secondary.800",
+                        className: "Timeline--ActivityLogItem",
+                        children: [
+                          /* @__PURE__ */ jsx("b", { children: formatText(item.username) }),
+                          " ",
+                          actions[item.action],
+                          " ",
+                          /* @__PURE__ */ jsx("b", { children: formatText((_a = item.resource) == null ? void 0 : _a.replace("_", " ")) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        type: "s5",
+                        color: "theme.secondary.800",
+                        className: "Timeline--ActivityLogItem",
+                        children: formatDateTime(item == null ? void 0 : item.created_at)
+                      }
+                    )
+                  ] })
+                ] }, index) });
+              })
+            }
+          )
+        ]
+      }
+    ) }) })
+  );
+};
+export {
+  ActivityTag,
+  ActivityTag as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/activityLog/activity-log/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeO,MAAM,cAAc,CAAC,UAAe;AAC1C,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,SAAS;AAEjB,QAAM,iBAAiB,CAAC,SAAuB;AAC9C,UAAM,gBAAgB,MAAM,IAAI,EAAE,OAAO,cAAc;AACvD,UAAM,gBAAgB,MAAM,IAAI,EAAE,OAAO,OAAO;AAChD,WAAO,GAAG,aAAa,MAAM,aAAa;AAAA,EAC3C;AAEA,QAAM,UAAU;AAAA,IACf,MAAM,EAAE,oBAAoB;AAAA,IAC5B,QAAQ,EAAE,qBAAqB;AAAA,IAC/B,QAAQ,EAAE,qBAAqB;AAAA,IAC/B,QAAQ,EAAE,qBAAqB;AAAA,EAAA;AAEhC;AAAA;AAAA,IAEC,oBAAC,KAAA,EACA,UAAA,oBAAC,UAAA,EAAS,WAAU,YACnB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,IAAI;AAAA,UACH,SAAS;AAAA,UACT,eAAe;AAAA,UACf,KAAK;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,QAEV,WAAU;AAAA,QACV,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAC1C,UAAA,EAAE,yBAAyB,EAAA,CAC7B;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,IAAI;AAAA,gBACH,QAAQ;AAAA,gBACR,WAAW;AAAA,gBACX,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,eAAe;AAAA,cAAA;AAAA,cAEf,UAAA,6BAAM,IAAI,CAAC,MAAW,UAAA;;2CACrB,OAAA,EAAI,WAAU,sBACd,UAAA,qBAAC,cAAA,EACA,UAAA;AAAA,kBAAA,qBAAC,mBAAA,EACA,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,OAAM;AAAA,wBACN,IAAI,EAAE,iBAAiB,UAAA;AAAA,sBAAU;AAAA,oBAAA;AAAA,oBAEjC,KAAK,SAAS,MAAM,6BAAU,mBAAA,CAAA,CAAkB;AAAA,kBAAA,GAClD;AAAA,kBACA,qBAAC,iBAAA,EAAgB,WAAU,qBAC1B,UAAA;AAAA,oBAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,MAAK;AAAA,wBACL,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,UAAA;AAAA,0BAAA,oBAAC,KAAA,EAAG,UAAA,WAAW,KAAK,QAAQ,GAAE;AAAA,0BAAI;AAAA,0BAAE,QAAQ,KAAK,MAAM;AAAA,0BAAG;AAAA,0BAC1D,oBAAC,OAAG,UAAA,YAAW,UAAK,aAAL,mBAAe,QAAQ,KAAK,IAAI,EAAA,CAAE;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAElD;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,MAAK;AAAA,wBACL,OAAM;AAAA,wBACN,WAAU;AAAA,wBACT,UAAA,eAAe,6BAAM,UAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACjC,EAAA,CACD;AAAA,gBAAA,EAAA,GAtBkB,KAuBnB,GACD;AAAA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEF,EAAA,CACD;AAAA;AAGF;"}

package/dist/components/activityLog/activity-log/index.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var i=,/* empty css                                 */t=require("dayjs"),r=,/* empty css                                */l=require("react-i18next"),n=,/* empty css                                                 */o=,/* empty css                                                      */a=,/* empty css                                                              */s=,/* empty css                                                                        */d=,/* empty css                                                            */m=,/* empty css                                                                        */u=;/* empty css                                                                    */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=/* @__PURE__ */c(t);const p=t=>{const{t:c}=l.useTranslation(),{data:p}=t,j={view:c("common.viewed_text"),delete:c("common.deleted_text"),create:c("common.created_text"),update:c("common.updated_text")};
+/* @__PURE__ */
+return e.jsx(n.default,{children:/* @__PURE__ */e.jsx(o.default,{className:"Timeline",children:/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"16px"},className:"box-class",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",children:c("common.activities_label")}),
+/* @__PURE__ */e.jsx(n.default,{sx:{height:400,overflowY:"auto",gap:1.5,display:"flex",flexDirection:"column"},children:null==p?void 0:p.map((t,l)=>{var n,o;/* @__PURE__ */
+return e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(a.default,{children:[
+/* @__PURE__ */e.jsxs(s.default,{children:[
+/* @__PURE__ */e.jsx(d.default,{color:"primary",sx:{backgroundColor:"#D3D3D4"}}),p.length-1!==l&&/* @__PURE__ */e.jsx(m.default,{})]}),
+/* @__PURE__ */e.jsxs(u.default,{className:"Timeline--Content",children:[
+/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[
+/* @__PURE__ */e.jsx("b",{children:r.formatText(t.username)})," ",j[t.action]," ",
+/* @__PURE__ */e.jsx("b",{children:r.formatText(null==(n=t.resource)?void 0:n.replace("_"," "))})]}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:(o=null==t?void 0:t.created_at,`${x.default(o).format("DD MMM, YYYY")} • ${x.default(o).format("HH:mm")}`)})]})]},l)})})})]})})})};exports.ActivityTag=p,exports.default=p;
+//# sourceMappingURL=index.js.map

package/dist/components/activityLog/activity-log/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":["ActivityTag","props","t","useTranslation","data","actions","view","delete","create","update","jsx","Box","children","Timeline","className","jsxs","sx","display","flexDirection","gap","padding","Typography","type","weight","color","height","overflowY","map","item","index","date","TimelineItem","TimelineSeparator","TimelineDot","backgroundColor","length","TimelineConnector","TimelineContent","formatText","username","action","_a","resource","replace","created_at","dayjs","format"],"mappings":"m7BAeO,MAAMA,EAAeC,IAC3B,MAAMC,EAAEA,GAAMC,oBACRC,KAAEA,GAASH,EAQXI,EAAU,CACfC,KAAMJ,EAAE,sBACRK,OAAQL,EAAE,uBACVM,OAAQN,EAAE,uBACVO,OAAQP,EAAE;;AAEX,OAECQ,MAACC,EAAAA,QAAA,CACAC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAASC,UAAU,WACnBF,wBAAAG,EAAAA,KAACJ,EAAAA,QAAA,CACAK,GAAI,CACHC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLC,QAAS,QAEVN,UAAU,YACVF,SAAA;eAAAF,EAAAA,IAACW,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CZ,SAAAV,EAAE;eAEJQ,EAAAA,IAACC,EAAAA,QAAA,CACAK,GAAI,CACHS,OAAQ,IACRC,UAAW,OACXP,IAAK,IACLF,QAAS,OACTC,cAAe,UAEfN,SAAA,MAAAR,OAAA,EAAAA,EAAMuB,IAAI,CAACC,EAAWC,WAnCJC;aAoCjB,MAAA,CAAIhB,UAAU,qBACdF,wBAAAG,EAAAA,KAACgB,EAAAA,QAAA,CACAnB,SAAA;eAAAG,OAACiB,EAAAA,QAAA,CACApB,SAAA;eAAAF,EAAAA,IAACuB,EAAAA,QAAA,CACAT,MAAM,UACNR,GAAI,CAAEkB,gBAAiB,aAEvB9B,EAAK+B,OAAS,IAAMN,wBAAUO,EAAAA,QAAA,CAAA;iBAEhCrB,KAACsB,EAAAA,QAAA,CAAgBvB,UAAU,oBAC1BF,SAAA;eAAAG,EAAAA,KAACM,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACVF,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAGE,SAAA0B,EAAAA,WAAWV,EAAKW,YAAc,IAAElC,EAAQuB,EAAKY,QAAS;eAC1D9B,EAAAA,IAAC,KAAGE,SAAA0B,aAAW,OAAAG,EAAAb,EAAKc,eAAL,EAAAD,EAAeE,QAAQ,IAAK;eAE5CjC,EAAAA,IAACW,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACTF,UAzDakB,EAyDE,MAAAF,OAAA,EAAAA,EAAMgB,WAtDxB,GAFeC,EAAAA,QAAMf,GAAMgB,OAAO,qBACnBD,EAAAA,QAAMf,GAAMgB,OAAO,mBAmChBjB"}