@plutonhq/core-frontend 0.0.1

package/dist/components/common/LogViewer/LogViewer.js

@@ -0,0 +1,112 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { useState as g } from "react";
+import i from "../Icon/Icon.js";
+import a from "./LogViewer.module.scss.js";
+import { useGetDownloadLogs as _ } from "../../../services/plans.js";
+import { getLogLevelName as x } from "../../../utils/helpers.js";
+import { useGetDownloadAppLogs as j } from "../../../services/settings.js";
+import C from "../form/MultiSelect/MultiSelect.js";
+const F = ["info", "error", "warn"], b = 500, O = 1e3, Z = ({ type: n = "", planMethod: w = "backup", logs: h = [], planId: T, settingsID: $ = "1", isLoading: p }) => {
+  const L = [...new Set(h.map((e) => e.module))], [u, S] = g(""), [P, H] = g(["info", "error", "warn"]), [I, V] = g(L), [o, A] = g(1), D = _(), z = j(), c = h.filter((e) => {
+    var k, M;
+    const m = (k = e.msg) == null ? void 0 : k.toLowerCase().includes(u.toLowerCase()), l = (M = e.backupId) == null ? void 0 : M.toLowerCase().includes(u.toLowerCase()), r = x(e.level), d = P.includes(r), R = I.includes(e.module);
+    return (m || l) && d && R;
+  }), v = c.length > O, N = Math.ceil(c.length / b), y = (o - 1) * b, B = y + b, G = v ? c.slice(y, B) : c, f = (e) => {
+    A(e);
+  }, E = () => {
+    const e = [];
+    let l = Math.max(1, o - Math.floor(2.5)), r = Math.min(N, l + 5 - 1);
+    r - l < 4 && (l = Math.max(1, r - 5 + 1));
+    for (let d = l; d <= r; d++)
+      e.push(d);
+    return e;
+  };
+  return /* @__PURE__ */ t("div", { className: a.logViewer, children: [
+    /* @__PURE__ */ t("div", { className: a.toolbar, children: [
+      /* @__PURE__ */ s("div", { className: a.toolbarLeft, children: /* @__PURE__ */ t("div", { className: a.toolbarSummary, children: [
+        c.length,
+        "/",
+        h.length,
+        " log items",
+        v && ` (Page ${o} of ${N})`
+      ] }) }),
+      /* @__PURE__ */ t("div", { className: a.toolbarRight, children: [
+        /* @__PURE__ */ s("div", { className: a.filters, children: /* @__PURE__ */ s(
+          C,
+          {
+            title: "Log Levels",
+            fieldValue: P,
+            options: F.map((e) => ({ label: e, value: e })),
+            onUpdate: (e) => H(e)
+          }
+        ) }),
+        /* @__PURE__ */ s("div", { className: a.filters, children: /* @__PURE__ */ s(
+          C,
+          {
+            title: n === "plan" ? "Task Type" : "Module Type",
+            fieldValue: I,
+            options: L.map((e) => ({ label: e || "General", value: e })),
+            onUpdate: (e) => V(e)
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: a.search, children: [
+          /* @__PURE__ */ s(i, { type: "search", size: 16 }),
+          /* @__PURE__ */ s("input", { type: "text", placeholder: "Search Log Messages...", value: u, onChange: (e) => S(e.target.value) })
+        ] }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => n === "plan" && T ? D.mutate(T) : z.mutate($),
+            children: [
+              /* @__PURE__ */ s(i, { type: "download", size: 16 }),
+              /* @__PURE__ */ s("span", { children: "Download" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: a.logsTable, children: [
+      /* @__PURE__ */ t("div", { className: a.logsHeader, children: [
+        /* @__PURE__ */ s("div", { className: a.logsHeaderItem, children: "Level" }),
+        /* @__PURE__ */ s("div", { className: `${a.logsHeaderItem} ${a.logsHeaderItemTime}`, children: "Time" }),
+        /* @__PURE__ */ s("div", { className: a.logsHeaderItem, children: n === "plan" ? "Task" : "Module" }),
+        /* @__PURE__ */ s("div", { className: a.logsHeaderItem, children: n === "plan" && w !== "sync" ? "Backup Id" : "PID" }),
+        /* @__PURE__ */ s("div", { className: a.logsHeaderItem, children: "Message" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: a.logs, children: [
+        !p && G.map((e, m) => {
+          const l = x(e.level);
+          return /* @__PURE__ */ t("div", { className: `${a.log}`, children: [
+            /* @__PURE__ */ t("div", { className: `${a.logType} ${a[`logType--${l.toLowerCase()}`]}`, children: [
+              /* @__PURE__ */ s(i, { type: `log-${l.toLowerCase()}`, size: 13 }),
+              " ",
+              l
+            ] }),
+            /* @__PURE__ */ s("div", { className: a.logTime, children: new Date(e.time).toLocaleString() }),
+            /* @__PURE__ */ s("div", { className: a.logModule, children: e.module }),
+            /* @__PURE__ */ s("div", { className: a.logID, children: n === "plan" && w !== "sync" ? e.backupId || "N/A" : e.pid || "N/A" }),
+            /* @__PURE__ */ s("div", { className: a.logMessage, children: e.msg })
+          ] }, m);
+        }),
+        p && /* @__PURE__ */ s("div", { className: a.loading, children: /* @__PURE__ */ s(i, { type: "loading", size: 20 }) })
+      ] })
+    ] }),
+    v && !p && /* @__PURE__ */ t("div", { className: a.pagination, children: [
+      /* @__PURE__ */ s("button", { onClick: () => f(o - 1), disabled: o === 1, className: a.paginationButton, children: /* @__PURE__ */ s(i, { type: "arrow-left", size: 16 }) }),
+      E().map((e) => /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: () => f(e),
+          className: `${a.paginationButton} ${o === e ? a.paginationButtonActive : ""}`,
+          children: e
+        },
+        e
+      )),
+      /* @__PURE__ */ s("button", { onClick: () => f(o + 1), disabled: o === N, className: a.paginationButton, children: /* @__PURE__ */ s(i, { type: "arrow-right", size: 16 }) })
+    ] })
+  ] });
+};
+export {
+  Z as default
+};
+//# sourceMappingURL=LogViewer.js.map

package/dist/components/common/LogViewer/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","sources":["../../../../src/components/common/LogViewer/LogViewer.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './LogViewer.module.scss';\r\nimport { useGetDownloadLogs } from '../../../services/plans';\r\nimport { getLogLevelName } from '../../../utils/helpers';\r\nimport { useGetDownloadAppLogs } from '../../../services/settings';\r\nimport MultiSelect from '../form/MultiSelect/MultiSelect';\r\nimport { LogItem } from '../../../@types/settings';\r\n\r\ninterface LogViewerProps {\r\n   type: string;\r\n   planId?: string;\r\n   planMethod?: string;\r\n   sourceType?: string;\r\n   settingsID?: string;\r\n   isLoading: boolean;\r\n   logs: LogItem[];\r\n}\r\n\r\nconst logTypes = ['info', 'error', 'warn'];\r\nconst ITEMS_PER_PAGE = 500;\r\nconst PAGINATION_THRESHOLD = 1000;\r\n\r\nconst LogViewer = ({ type = '', planMethod = 'backup', logs = [], planId, settingsID = '1', isLoading }: LogViewerProps) => {\r\n   const allTaskTypes = [...new Set(logs.map((log) => log.module))];\r\n   const [search, setSearch] = useState('');\r\n   const [filters, setFilters] = useState<string[]>(['info', 'error', 'warn']);\r\n   const [taskTypes, setTaskTypes] = useState<string[]>(allTaskTypes);\r\n   const [currentPage, setCurrentPage] = useState(1);\r\n   const downloadPlanLogsMutation = useGetDownloadLogs();\r\n   const downloadAppLogsMutation = useGetDownloadAppLogs();\r\n\r\n   const theLogs = logs.filter((log) => {\r\n      const matchesSearch = log.msg?.toLowerCase().includes(search.toLowerCase());\r\n      const matchesBackupId = log.backupId?.toLowerCase().includes(search.toLowerCase());\r\n      const logType = getLogLevelName(log.level);\r\n      const matchesFilter = filters.includes(logType);\r\n      const matchesTaskType = taskTypes.includes(log.module);\r\n      return (matchesSearch || matchesBackupId) && matchesFilter && matchesTaskType;\r\n   });\r\n\r\n   const showPagination = theLogs.length > PAGINATION_THRESHOLD;\r\n   const totalPages = Math.ceil(theLogs.length / ITEMS_PER_PAGE);\r\n   const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;\r\n   const endIndex = startIndex + ITEMS_PER_PAGE;\r\n   const paginatedLogs = showPagination ? theLogs.slice(startIndex, endIndex) : theLogs;\r\n\r\n   const handlePageChange = (page: number) => {\r\n      setCurrentPage(page);\r\n   };\r\n\r\n   const getPageNumbers = () => {\r\n      const pages = [];\r\n      const maxVisiblePages = 5;\r\n      let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));\r\n      let endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);\r\n\r\n      if (endPage - startPage < maxVisiblePages - 1) {\r\n         startPage = Math.max(1, endPage - maxVisiblePages + 1);\r\n      }\r\n\r\n      for (let i = startPage; i <= endPage; i++) {\r\n         pages.push(i);\r\n      }\r\n      return pages;\r\n   };\r\n\r\n   return (\r\n      <div className={classes.logViewer}>\r\n         <div className={classes.toolbar}>\r\n            <div className={classes.toolbarLeft}>\r\n               <div className={classes.toolbarSummary}>\r\n                  {theLogs.length}/{logs.length} log items\r\n                  {showPagination && ` (Page ${currentPage} of ${totalPages})`}\r\n               </div>\r\n            </div>\r\n            <div className={classes.toolbarRight}>\r\n               <div className={classes.filters}>\r\n                  <MultiSelect\r\n                     title=\"Log Levels\"\r\n                     fieldValue={filters}\r\n                     options={logTypes.map((logType) => ({ label: logType, value: logType }))}\r\n                     onUpdate={(updatedLogTypes) => setFilters(updatedLogTypes)}\r\n                  />\r\n               </div>\r\n               <div className={classes.filters}>\r\n                  <MultiSelect\r\n                     title={type === 'plan' ? 'Task Type' : 'Module Type'}\r\n                     fieldValue={taskTypes}\r\n                     options={allTaskTypes.map((taskType) => ({ label: taskType || 'General', value: taskType }))}\r\n                     onUpdate={(updatedTaskTypes) => setTaskTypes(updatedTaskTypes)}\r\n                  />\r\n               </div>\r\n               <div className={classes.search}>\r\n                  <Icon type=\"search\" size={16} />\r\n                  <input type=\"text\" placeholder=\"Search Log Messages...\" value={search} onChange={(e) => setSearch(e.target.value)} />\r\n               </div>\r\n               <button\r\n                  onClick={() => (type === 'plan' && planId ? downloadPlanLogsMutation.mutate(planId) : downloadAppLogsMutation.mutate(settingsID))}\r\n               >\r\n                  <Icon type=\"download\" size={16} />\r\n                  <span>Download</span>\r\n               </button>\r\n            </div>\r\n         </div>\r\n         <div className={classes.logsTable}>\r\n            <div className={classes.logsHeader}>\r\n               <div className={classes.logsHeaderItem}>Level</div>\r\n               <div className={`${classes.logsHeaderItem} ${classes.logsHeaderItemTime}`}>Time</div>\r\n               <div className={classes.logsHeaderItem}>{type === 'plan' ? 'Task' : 'Module'}</div>\r\n               <div className={classes.logsHeaderItem}>{type === 'plan' && planMethod !== 'sync' ? 'Backup Id' : 'PID'}</div>\r\n               <div className={classes.logsHeaderItem}>Message</div>\r\n            </div>\r\n            <div className={classes.logs}>\r\n               {!isLoading &&\r\n                  paginatedLogs.map((log, index) => {\r\n                     const logType = getLogLevelName(log.level);\r\n                     // const isBackupLogStart = type === 'plan' && log.backupId && log.msg.includes('Started');\r\n                     return (\r\n                        <div key={index} className={`${classes.log}`}>\r\n                           <div className={`${classes.logType} ${classes[`logType--${logType.toLowerCase()}`]}`}>\r\n                              <Icon type={`log-${logType.toLowerCase()}`} size={13} /> {logType}\r\n                           </div>\r\n                           <div className={classes.logTime}>{new Date(log.time).toLocaleString()}</div>\r\n                           <div className={classes.logModule}>{log.module}</div>\r\n                           <div className={classes.logID}>{type === 'plan' && planMethod !== 'sync' ? log.backupId || 'N/A' : log.pid || 'N/A'}</div>\r\n                           <div className={classes.logMessage}>{log.msg}</div>\r\n                        </div>\r\n                     );\r\n                  })}\r\n               {isLoading && (\r\n                  <div className={classes.loading}>\r\n                     <Icon type=\"loading\" size={20} />\r\n                  </div>\r\n               )}\r\n            </div>\r\n         </div>\r\n         {showPagination && !isLoading && (\r\n            <div className={classes.pagination}>\r\n               <button onClick={() => handlePageChange(currentPage - 1)} disabled={currentPage === 1} className={classes.paginationButton}>\r\n                  <Icon type=\"arrow-left\" size={16} />\r\n               </button>\r\n               {getPageNumbers().map((page) => (\r\n                  <button\r\n                     key={page}\r\n                     onClick={() => handlePageChange(page)}\r\n                     className={`${classes.paginationButton} ${currentPage === page ? classes.paginationButtonActive : ''}`}\r\n                  >\r\n                     {page}\r\n                  </button>\r\n               ))}\r\n               <button onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage === totalPages} className={classes.paginationButton}>\r\n                  <Icon type=\"arrow-right\" size={16} />\r\n               </button>\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default LogViewer;\r\n"],"names":["logTypes","ITEMS_PER_PAGE","PAGINATION_THRESHOLD","LogViewer","type","planMethod","logs","planId","settingsID","isLoading","allTaskTypes","log","search","setSearch","useState","filters","setFilters","taskTypes","setTaskTypes","currentPage","setCurrentPage","downloadPlanLogsMutation","useGetDownloadLogs","downloadAppLogsMutation","useGetDownloadAppLogs","theLogs","matchesSearch","_a","matchesBackupId","_b","logType","getLogLevelName","matchesFilter","matchesTaskType","showPagination","totalPages","startIndex","endIndex","paginatedLogs","handlePageChange","page","getPageNumbers","pages","startPage","endPage","i","jsxs","classes","jsx","MultiSelect","updatedLogTypes","taskType","updatedTaskTypes","Icon","index"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAW,CAAC,QAAQ,SAAS,MAAM,GACnCC,IAAiB,KACjBC,IAAuB,KAEvBC,IAAY,CAAC,EAAE,MAAAC,IAAO,IAAI,YAAAC,IAAa,UAAU,MAAAC,IAAO,CAAA,GAAI,QAAAC,GAAQ,YAAAC,IAAa,KAAK,WAAAC,QAAgC;AACzH,QAAMC,IAAe,CAAC,GAAG,IAAI,IAAIJ,EAAK,IAAI,CAACK,MAAQA,EAAI,MAAM,CAAC,CAAC,GACzD,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAE,GACjC,CAACC,GAASC,CAAU,IAAIF,EAAmB,CAAC,QAAQ,SAAS,MAAM,CAAC,GACpE,CAACG,GAAWC,CAAY,IAAIJ,EAAmBJ,CAAY,GAC3D,CAACS,GAAaC,CAAc,IAAIN,EAAS,CAAC,GAC1CO,IAA2BC,EAAA,GAC3BC,IAA0BC,EAAA,GAE1BC,IAAUnB,EAAK,OAAO,CAACK,MAAQ;;AAClC,UAAMe,KAAgBC,IAAAhB,EAAI,QAAJ,gBAAAgB,EAAS,cAAc,SAASf,EAAO,gBACvDgB,KAAkBC,IAAAlB,EAAI,aAAJ,gBAAAkB,EAAc,cAAc,SAASjB,EAAO,gBAC9DkB,IAAUC,EAAgBpB,EAAI,KAAK,GACnCqB,IAAgBjB,EAAQ,SAASe,CAAO,GACxCG,IAAkBhB,EAAU,SAASN,EAAI,MAAM;AACrD,YAAQe,KAAiBE,MAAoBI,KAAiBC;AAAA,EACjE,CAAC,GAEKC,IAAiBT,EAAQ,SAASvB,GAClCiC,IAAa,KAAK,KAAKV,EAAQ,SAASxB,CAAc,GACtDmC,KAAcjB,IAAc,KAAKlB,GACjCoC,IAAWD,IAAanC,GACxBqC,IAAgBJ,IAAiBT,EAAQ,MAAMW,GAAYC,CAAQ,IAAIZ,GAEvEc,IAAmB,CAACC,MAAiB;AACxC,IAAApB,EAAeoB,CAAI;AAAA,EACtB,GAEMC,IAAiB,MAAM;AAC1B,UAAMC,IAAQ,CAAA;AAEd,QAAIC,IAAY,KAAK,IAAI,GAAGxB,IAAc,KAAK,MAAM,GAAmB,CAAC,GACrEyB,IAAU,KAAK,IAAIT,GAAYQ,IAAY,IAAkB,CAAC;AAElE,IAAIC,IAAUD,IAAY,MACvBA,IAAY,KAAK,IAAI,GAAGC,IAAU,IAAkB,CAAC;AAGxD,aAASC,IAAIF,GAAWE,KAAKD,GAASC;AACnC,MAAAH,EAAM,KAAKG,CAAC;AAEf,WAAOH;AAAA,EACV;AAEA,SACG,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,SACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACrB,4BAAC,OAAA,EAAI,WAAWA,EAAQ,gBACpB,UAAA;AAAA,QAAAtB,EAAQ;AAAA,QAAO;AAAA,QAAEnB,EAAK;AAAA,QAAO;AAAA,QAC7B4B,KAAkB,UAAUf,CAAW,OAAOgB,CAAU;AAAA,MAAA,EAAA,CAC5D,EAAA,CACH;AAAA,MACA,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,SACrB,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,OAAM;AAAA,YACN,YAAYlC;AAAA,YACZ,SAASf,EAAS,IAAI,CAAC8B,OAAa,EAAE,OAAOA,GAAS,OAAOA,EAAA,EAAU;AAAA,YACvE,UAAU,CAACoB,MAAoBlC,EAAWkC,CAAe;AAAA,UAAA;AAAA,QAAA,GAE/D;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAQ,SACrB,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,OAAO7C,MAAS,SAAS,cAAc;AAAA,YACvC,YAAYa;AAAA,YACZ,SAASP,EAAa,IAAI,CAACyC,OAAc,EAAE,OAAOA,KAAY,WAAW,OAAOA,EAAA,EAAW;AAAA,YAC3F,UAAU,CAACC,MAAqBlC,EAAakC,CAAgB;AAAA,UAAA;AAAA,QAAA,GAEnE;AAAA,QACA,gBAAAN,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,UAAA,gBAAAC,EAACK,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI;AAAA,UAC9B,gBAAAL,EAAC,SAAA,EAAM,MAAK,QAAO,aAAY,0BAAyB,OAAOpC,GAAQ,UAAU,CAAC,MAAMC,EAAU,EAAE,OAAO,KAAK,EAAA,CAAG;AAAA,QAAA,GACtH;AAAA,QACA,gBAAAiC;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,SAAS,MAAO1C,MAAS,UAAUG,IAASc,EAAyB,OAAOd,CAAM,IAAIgB,EAAwB,OAAOf,CAAU;AAAA,YAE/H,UAAA;AAAA,cAAA,gBAAAwC,EAACK,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,cAChC,gBAAAL,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACH;AAAA,IAAA,GACH;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,YACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,gBAAgB,UAAA,SAAK;AAAA,QAC7C,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGD,EAAQ,cAAc,IAAIA,EAAQ,kBAAkB,IAAI,UAAA,OAAA,CAAI;AAAA,QAC/E,gBAAAC,EAAC,SAAI,WAAWD,EAAQ,gBAAiB,UAAA3C,MAAS,SAAS,SAAS,SAAA,CAAS;AAAA,QAC7E,gBAAA4C,EAAC,OAAA,EAAI,WAAWD,EAAQ,gBAAiB,gBAAS,UAAU1C,MAAe,SAAS,cAAc,MAAA,CAAM;AAAA,QACxG,gBAAA2C,EAAC,OAAA,EAAI,WAAWD,EAAQ,gBAAgB,UAAA,UAAA,CAAO;AAAA,MAAA,GAClD;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,MACpB,UAAA;AAAA,QAAA,CAACtC,KACC6B,EAAc,IAAI,CAAC3B,GAAK2C,MAAU;AAC/B,gBAAMxB,IAAUC,EAAgBpB,EAAI,KAAK;AAEzC,mCACI,OAAA,EAAgB,WAAW,GAAGoC,EAAQ,GAAG,IACvC,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,OAAO,IAAIA,EAAQ,YAAYjB,EAAQ,YAAA,CAAa,EAAE,CAAC,IAC/E,UAAA;AAAA,cAAA,gBAAAkB,EAACK,GAAA,EAAK,MAAM,OAAOvB,EAAQ,aAAa,IAAI,MAAM,GAAA,CAAI;AAAA,cAAE;AAAA,cAAEA;AAAA,YAAA,GAC7D;AAAA,YACA,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAQ,SAAU,UAAA,IAAI,KAAKpC,EAAI,IAAI,EAAE,eAAA,EAAe,CAAE;AAAA,8BACrE,OAAA,EAAI,WAAWoC,EAAQ,WAAY,YAAI,QAAO;AAAA,YAC/C,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,OAAQ,UAAA3C,MAAS,UAAUC,MAAe,SAASM,EAAI,YAAY,QAAQA,EAAI,OAAO,OAAM;AAAA,8BACnH,OAAA,EAAI,WAAWoC,EAAQ,YAAa,YAAI,IAAA,CAAI;AAAA,UAAA,EAAA,GAPtCO,CAQV;AAAA,QAEN,CAAC;AAAA,QACH7C,KACE,gBAAAuC,EAAC,OAAA,EAAI,WAAWD,EAAQ,SACrB,UAAA,gBAAAC,EAACK,GAAA,EAAK,MAAK,WAAU,MAAM,GAAA,CAAI,EAAA,CAClC;AAAA,MAAA,EAAA,CAEN;AAAA,IAAA,GACH;AAAA,IACCnB,KAAkB,CAACzB,uBAChB,OAAA,EAAI,WAAWsC,EAAQ,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,YAAO,SAAS,MAAMT,EAAiBpB,IAAc,CAAC,GAAG,UAAUA,MAAgB,GAAG,WAAW4B,EAAQ,kBACvG,UAAA,gBAAAC,EAACK,GAAA,EAAK,MAAK,cAAa,MAAM,IAAI,GACrC;AAAA,MACCZ,IAAiB,IAAI,CAACD,MACpB,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEE,SAAS,MAAMT,EAAiBC,CAAI;AAAA,UACpC,WAAW,GAAGO,EAAQ,gBAAgB,IAAI5B,MAAgBqB,IAAOO,EAAQ,yBAAyB,EAAE;AAAA,UAEnG,UAAAP;AAAA,QAAA;AAAA,QAJIA;AAAA,MAAA,CAMV;AAAA,MACD,gBAAAQ,EAAC,YAAO,SAAS,MAAMT,EAAiBpB,IAAc,CAAC,GAAG,UAAUA,MAAgBgB,GAAY,WAAWY,EAAQ,kBAChH,UAAA,gBAAAC,EAACK,GAAA,EAAK,MAAK,eAAc,MAAM,IAAI,EAAA,CACtC;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GAEN;AAEN;"}

package/dist/components/common/LogViewer/LogViewer.module.scss

@@ -0,0 +1,188 @@
+.logViewer {
+   display: flex;
+   flex-direction: column;
+   height: 100%;
+   border: 1px solid var(--line-color);
+   border-radius: 8px;
+   overflow: hidden;
+   .toolbar {
+      display: flex;
+      padding: 12px;
+      border-bottom: 1px solid var(--line-color);
+      gap: 15px;
+      align-items: center;
+      justify-content: space-between;
+      .toolbarRight {
+         display: flex;
+         flex-direction: row;
+         gap: 15px;
+         justify-content: space-between;
+
+         button {
+            color: var(--icon-color);
+            &:hover {
+               color: var(--primary-color);
+            }
+         }
+         .filters {
+            display: flex;
+            gap: 12px;
+            input {
+               accent-color: var(--primary-color);
+            }
+            label {
+               display: flex;
+               align-items: center;
+               gap: 4px;
+               text-transform: capitalize;
+            }
+         }
+
+         .search {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding: 4px 12px;
+            border: 1px solid var(--line-color);
+            border-radius: 6px;
+            margin-left: auto;
+
+            input {
+               border: none;
+               outline: none;
+               font-size: 0.75rem;
+               background-color: var(--content-background-color);
+            }
+         }
+      }
+   }
+   .logsTable {
+      .logsHeader {
+         display: grid;
+         grid-template-columns: repeat(4, 1fr) 55%;
+         padding: 12px;
+         background: var(--background-color);
+         font-weight: 600;
+         .logsHeaderItemTime {
+            width: 170px;
+         }
+      }
+      .logs {
+         height: calc(100vh - 290px);
+         overflow: auto;
+
+         .log {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr) 55%;
+            padding: 8px 12px;
+            border-bottom: 1px solid var(--line-color);
+            position: relative;
+            .logTime {
+               width: 170px;
+            }
+            .logType {
+               padding: 2px 12px;
+               font-size: 0.7rem;
+               background-color: var(--background-color);
+               border-radius: 20px;
+               text-transform: capitalize;
+               display: inline-block;
+               width: max-content;
+               height: max-content;
+               &.logType--error {
+                  background-color: #ffdada;
+                  color: #c43e3e;
+               }
+               &.logType--warn {
+                  background-color: #fff2d9;
+                  color: #d19628;
+               }
+               &.logType--info {
+                  background-color: #e7edff;
+                  color: #6182e4;
+               }
+            }
+            .logMessage {
+               overflow: auto;
+            }
+            &.log--backupStart {
+               border-top: 1px solid #e4e6ff;
+               margin-top: 30px;
+               padding-top: 20px;
+            }
+         }
+         .backupStartLabel {
+            position: absolute;
+            background: var(--primary-color-light);
+            color: var(--primary-color);
+            font-weight: 600;
+            font-size: 0.7rem;
+            padding: 2px 12px;
+            border-radius: 30px;
+            left: 0;
+            right: 0;
+            top: -12px;
+            margin: 0 auto;
+            width: max-content;
+         }
+      }
+   }
+   .pagination {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 8px;
+      padding: 12px;
+      border-top: 1px solid var(--line-color);
+
+      .paginationButton {
+         padding: 6px 12px;
+         border: 1px solid var(--line-color);
+         border-radius: 6px;
+         background: transparent;
+         cursor: pointer;
+         font-size: 0.875rem;
+         transition: all 0.2s;
+         color: var(--content-text-color-light);
+
+         &:hover:not(:disabled) {
+            background: var(--primary-color-light);
+            color: var(--primary-color);
+            border-color: var(--primary-color);
+         }
+
+         &:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+         }
+
+         &.paginationButtonActive {
+            background: var(--primary-color);
+            color: white;
+            border-color: var(--primary-color);
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .logViewer {
+      .toolbar {
+         flex-direction: column;
+         align-items: baseline;
+         .toolbarRight {
+            justify-content: space-between;
+            flex-wrap: wrap;
+         }
+      }
+      .logsTable {
+         overflow-x: auto;
+         overflow-y: hidden;
+         width: 100%;
+         .logs,
+         .logsHeader {
+            width: 1100px;
+         }
+      }
+   }
+}

package/dist/components/common/LogViewer/LogViewer.module.scss.js

@@ -0,0 +1,52 @@
+const o = "LogViewer-module__logViewer___SF2zz", e = "LogViewer-module__toolbar___-k04-", _ = "LogViewer-module__toolbarRight___2Uyyk", g = "LogViewer-module__filters___0pLZi", l = "LogViewer-module__search___BCTM-", t = "LogViewer-module__logsTable___9RSKW", r = "LogViewer-module__logsHeader___09f-8", a = "LogViewer-module__logsHeaderItemTime___bZ-Ys", i = "LogViewer-module__logs___y0Lc5", n = "LogViewer-module__log___ONf-u", s = "LogViewer-module__logTime___xYKPR", u = "LogViewer-module__logType___4fad-", p = "LogViewer-module__logType--error___KrfZf", c = "LogViewer-module__logType--warn___mFBRX", m = "LogViewer-module__logType--info___Vi63b", d = "LogViewer-module__logMessage___aYV-g", w = "LogViewer-module__log--backupStart___qgpST", L = "LogViewer-module__backupStartLabel___Ljpyu", T = "LogViewer-module__pagination___Xu2a-", V = "LogViewer-module__paginationButton___DxT64", y = "LogViewer-module__paginationButtonActive___gU1hB", b = {
+  logViewer: o,
+  toolbar: e,
+  toolbarRight: _,
+  filters: g,
+  search: l,
+  logsTable: t,
+  logsHeader: r,
+  logsHeaderItemTime: a,
+  logs: i,
+  log: n,
+  logTime: s,
+  logType: u,
+  "logType--error": "LogViewer-module__logType--error___KrfZf",
+  logTypeError: p,
+  "logType--warn": "LogViewer-module__logType--warn___mFBRX",
+  logTypeWarn: c,
+  "logType--info": "LogViewer-module__logType--info___Vi63b",
+  logTypeInfo: m,
+  logMessage: d,
+  "log--backupStart": "LogViewer-module__log--backupStart___qgpST",
+  logBackupStart: w,
+  backupStartLabel: L,
+  pagination: T,
+  paginationButton: V,
+  paginationButtonActive: y
+};
+export {
+  L as backupStartLabel,
+  b as default,
+  g as filters,
+  n as log,
+  w as logBackupStart,
+  d as logMessage,
+  s as logTime,
+  u as logType,
+  p as logTypeError,
+  m as logTypeInfo,
+  c as logTypeWarn,
+  o as logViewer,
+  i as logs,
+  r as logsHeader,
+  a as logsHeaderItemTime,
+  t as logsTable,
+  T as pagination,
+  V as paginationButton,
+  y as paginationButtonActive,
+  l as search,
+  e as toolbar,
+  _ as toolbarRight
+};
+//# sourceMappingURL=LogViewer.module.scss.js.map

package/dist/components/common/LogViewer/LogViewer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/common/Logo/Logo.d.ts

@@ -0,0 +1,9 @@
+interface LogoProps {
+    size: number;
+    color?: string;
+    faceColor?: string;
+    emotion?: string;
+}
+declare const Logo: ({ size, color }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export default Logo;
+//# sourceMappingURL=Logo.d.ts.map

package/dist/components/common/Logo/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Logo/Logo.tsx"],"names":[],"mappings":"AAAA,UAAU,SAAS;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,GAAI,iBAA2B,SAAS,4CASjD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/common/Logo/Logo.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+const l = ({ size: o = 60, color: t = "" }) => /* @__PURE__ */ r("svg", { enableBackground: "new 0 0 120 120", height: o, viewBox: "0 0 120 120", width: o, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
+  "path",
+  {
+    d: "M71,5.08V20.17L109.12,2.61c0,.55.08,1,.08,1.35q0,32.1,0,64.19h0A49.21,49.21,0,1,1,35.53,25.48l34-19.65c.36-.21.74-.41,1.39-.76ZM60,40.87a27.35,27.35,0,1,0,19.3,8,27.32,27.32,0,0,0-19.3-8Z",
+    fill: t || "currentColor"
+  }
+) });
+export {
+  l as default
+};
+//# sourceMappingURL=Logo.js.map

package/dist/components/common/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../../src/components/common/Logo/Logo.tsx"],"sourcesContent":["interface LogoProps {\r\n   size: number;\r\n   color?: string;\r\n   faceColor?: string;\r\n   emotion?: string;\r\n}\r\n\r\nconst Logo = ({ size = 60, color = '' }: LogoProps) => {\r\n   return (\r\n      <svg enableBackground=\"new 0 0 120 120\" height={size} viewBox=\"0 0 120 120\" width={size} xmlns=\"http://www.w3.org/2000/svg\">\r\n         <path\r\n            d=\"M71,5.08V20.17L109.12,2.61c0,.55.08,1,.08,1.35q0,32.1,0,64.19h0A49.21,49.21,0,1,1,35.53,25.48l34-19.65c.36-.21.74-.41,1.39-.76ZM60,40.87a27.35,27.35,0,1,0,19.3,8,27.32,27.32,0,0,0-19.3-8Z\"\r\n            fill={color || 'currentColor'}\r\n         />\r\n      </svg>\r\n   );\r\n};\r\n\r\nexport default Logo;\r\n"],"names":["Logo","size","color","jsx"],"mappings":";AAOA,MAAMA,IAAO,CAAC,EAAE,MAAAC,IAAO,IAAI,OAAAC,IAAQ,SAE7B,gBAAAC,EAAC,OAAA,EAAI,kBAAiB,mBAAkB,QAAQF,GAAM,SAAQ,eAAc,OAAOA,GAAM,OAAM,8BAC5F,UAAA,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAE;AAAA,IACF,MAAMD,KAAS;AAAA,EAAA;AAAA,GAErB;"}

package/dist/components/common/Modal/Modal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ModalProps {
+    children: React.ReactNode;
+    width?: string;
+    title?: string;
+    classNames?: string;
+    disablePortal?: boolean;
+    disableBackdropClick?: boolean;
+    closeModal: () => void;
+}
+declare const Modal: ({ children, width, closeModal, title, disablePortal, classNames, disableBackdropClick }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/common/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,UAAU;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,GAAI,yFAA8G,UAAU,4CAsEtI,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/common/Modal/Modal.js

@@ -0,0 +1,49 @@
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+import { useState as f, useRef as $, useEffect as u } from "react";
+import A from "../Icon/Icon.js";
+import t from "./Modal.module.scss.js";
+import { createPortal as I } from "react-dom";
+const T = ({ children: r, width: h, closeModal: s, title: c, disablePortal: p = !1, classNames: v = "", disableBackdropClick: C = !1 }) => {
+  const [n, l] = f(!1), [g, k] = f(!1), a = $(null), w = 300;
+  u(() => {
+    const e = (i) => {
+      i.key === "Escape" && s();
+    };
+    return window.addEventListener("keydown", e, !1), setTimeout(() => {
+      l(!0);
+    }, 10), () => {
+      window.removeEventListener("keydown", e, !1);
+    };
+  }, [s]), u(() => {
+    (() => {
+      if (a.current) {
+        const i = a.current.offsetHeight;
+        k(i > 500);
+      }
+    })();
+  }, [n, r]);
+  const d = () => {
+    l(!1), setTimeout(() => {
+      s();
+    }, w);
+  }, y = (e) => {
+    C || (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), e.target === e.currentTarget && d());
+  }, m = () => /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${t.modal} ${v} ${g ? t.autoVertical : ""} ${n ? t.active : ""}`,
+      onClick: y,
+      "data-testid": "modal",
+      children: /* @__PURE__ */ E("div", { className: `${t.modalContent} ${n ? t.active : ""}`, style: { width: h }, ref: a, children: [
+        c && /* @__PURE__ */ o("h3", { children: c }),
+        /* @__PURE__ */ o("button", { className: t.modalClose, onClick: d, children: /* @__PURE__ */ o(A, { type: "close", size: 24 }) }),
+        /* @__PURE__ */ o("div", { className: t.modalChildren, children: r })
+      ] })
+    }
+  );
+  return p ? m() : I(m(), document.body);
+};
+export {
+  T as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/common/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/common/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './Modal.module.scss';\r\nimport { createPortal } from 'react-dom';\r\n\r\nexport interface ModalProps {\r\n   children: React.ReactNode;\r\n   width?: string;\r\n   title?: string;\r\n   classNames?: string;\r\n   disablePortal?: boolean;\r\n   disableBackdropClick?: boolean;\r\n   closeModal: () => void;\r\n}\r\n\r\nconst Modal = ({ children, width, closeModal, title, disablePortal = false, classNames = '', disableBackdropClick = false }: ModalProps) => {\r\n   const [isActive, setIsActive] = useState(false);\r\n   const [isAutoVertical, setIsAutoVertical] = useState(false);\r\n   const modalContentRef = useRef<HTMLDivElement>(null);\r\n   const animationDuration = 300;\r\n\r\n   useEffect(() => {\r\n      const closeModalOnEsc = (event: KeyboardEvent) => {\r\n         if (event.key === 'Escape') {\r\n            closeModal();\r\n         }\r\n      };\r\n      window.addEventListener('keydown', closeModalOnEsc, false);\r\n\r\n      // Trigger animation after component mounts\r\n      setTimeout(() => {\r\n         setIsActive(true);\r\n      }, 10);\r\n\r\n      return () => {\r\n         window.removeEventListener('keydown', closeModalOnEsc, false);\r\n      };\r\n   }, [closeModal]);\r\n\r\n   useEffect(() => {\r\n      const checkModalHeight = () => {\r\n         if (modalContentRef.current) {\r\n            const height = modalContentRef.current.offsetHeight;\r\n            setIsAutoVertical(height > 500);\r\n         }\r\n      };\r\n      checkModalHeight();\r\n   }, [isActive, children]);\r\n\r\n   const handleClose = () => {\r\n      setIsActive(false);\r\n      // Wait for animation to complete before actually closing\r\n      setTimeout(() => {\r\n         closeModal();\r\n      }, animationDuration);\r\n   };\r\n\r\n   const closeOnBGClick = (e: React.SyntheticEvent) => {\r\n      if (disableBackdropClick) return;\r\n      e.stopPropagation();\r\n      e.nativeEvent.stopImmediatePropagation();\r\n      if (e.target === e.currentTarget) {\r\n         handleClose();\r\n      }\r\n   };\r\n\r\n   const renderModalContent = () => {\r\n      return (\r\n         <div\r\n            className={`${classes.modal} ${classNames} ${isAutoVertical ? classes.autoVertical : ''} ${isActive ? classes.active : ''}`}\r\n            onClick={closeOnBGClick}\r\n            data-testid=\"modal\"\r\n         >\r\n            <div className={`${classes.modalContent} ${isActive ? classes.active : ''}`} style={{ width: width }} ref={modalContentRef}>\r\n               {title && <h3>{title}</h3>}\r\n               <button className={classes.modalClose} onClick={handleClose}>\r\n                  <Icon type=\"close\" size={24} />\r\n               </button>\r\n               <div className={classes.modalChildren}>{children}</div>\r\n            </div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   return disablePortal ? renderModalContent() : createPortal(renderModalContent(), document.body);\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["Modal","children","width","closeModal","title","disablePortal","classNames","disableBackdropClick","isActive","setIsActive","useState","isAutoVertical","setIsAutoVertical","modalContentRef","useRef","animationDuration","useEffect","closeModalOnEsc","event","height","handleClose","closeOnBGClick","renderModalContent","jsx","classes","Icon","createPortal"],"mappings":";;;;;AAeA,MAAMA,IAAQ,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,YAAAC,GAAY,OAAAC,GAAO,eAAAC,IAAgB,IAAO,YAAAC,IAAa,IAAI,sBAAAC,IAAuB,SAAwB;AACzI,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GACpDG,IAAkBC,EAAuB,IAAI,GAC7CC,IAAoB;AAE1B,EAAAC,EAAU,MAAM;AACb,UAAMC,IAAkB,CAACC,MAAyB;AAC/C,MAAIA,EAAM,QAAQ,YACff,EAAA;AAAA,IAEN;AACA,kBAAO,iBAAiB,WAAWc,GAAiB,EAAK,GAGzD,WAAW,MAAM;AACd,MAAAR,EAAY,EAAI;AAAA,IACnB,GAAG,EAAE,GAEE,MAAM;AACV,aAAO,oBAAoB,WAAWQ,GAAiB,EAAK;AAAA,IAC/D;AAAA,EACH,GAAG,CAACd,CAAU,CAAC,GAEfa,EAAU,MAAM;AAOb,KANyB,MAAM;AAC5B,UAAIH,EAAgB,SAAS;AAC1B,cAAMM,IAASN,EAAgB,QAAQ;AACvC,QAAAD,EAAkBO,IAAS,GAAG;AAAA,MACjC;AAAA,IACH,GACA;AAAA,EACH,GAAG,CAACX,GAAUP,CAAQ,CAAC;AAEvB,QAAMmB,IAAc,MAAM;AACvB,IAAAX,EAAY,EAAK,GAEjB,WAAW,MAAM;AACd,MAAAN,EAAA;AAAA,IACH,GAAGY,CAAiB;AAAA,EACvB,GAEMM,IAAiB,CAAC,MAA4B;AACjD,IAAId,MACJ,EAAE,gBAAA,GACF,EAAE,YAAY,yBAAA,GACV,EAAE,WAAW,EAAE,iBAChBa,EAAA;AAAA,EAEN,GAEME,IAAqB,MAErB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,WAAW,GAAGC,EAAQ,KAAK,IAAIlB,CAAU,IAAIK,IAAiBa,EAAQ,eAAe,EAAE,IAAIhB,IAAWgB,EAAQ,SAAS,EAAE;AAAA,MACzH,SAASH;AAAA,MACT,eAAY;AAAA,MAEZ,4BAAC,OAAA,EAAI,WAAW,GAAGG,EAAQ,YAAY,IAAIhB,IAAWgB,EAAQ,SAAS,EAAE,IAAI,OAAO,EAAE,OAAAtB,KAAgB,KAAKW,GACvG,UAAA;AAAA,QAAAT,KAAS,gBAAAmB,EAAC,QAAI,UAAAnB,EAAA,CAAM;AAAA,QACrB,gBAAAmB,EAAC,UAAA,EAAO,WAAWC,EAAQ,YAAY,SAASJ,GAC7C,UAAA,gBAAAG,EAACE,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAChC;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAQ,eAAgB,UAAAvB,EAAA,CAAS;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA;AAAA,EAAA;AAKT,SAAOI,IAAgBiB,MAAuBI,EAAaJ,EAAA,GAAsB,SAAS,IAAI;AACjG;"}

package/dist/components/common/Modal/Modal.module.scss

@@ -0,0 +1,81 @@
+.modal {
+   position: fixed;
+   width: 100%;
+   height: 100vh;
+   top: 0;
+   left: 0;
+   z-index: 99999999;
+   background: var(--modal-shadow-color-light);
+   opacity: 0;
+   overflow: auto;
+   transition: opacity 0.3s ease-out;
+
+   .modalContent {
+      position: absolute;
+      width: 70%;
+      background: var(--content-background-color);
+      color: var(--content-text-color);
+      border-radius: 8px;
+      border: 1px solid var(--content-shadow-color);
+      margin: 0 auto;
+      left: 0;
+      right: 0;
+      top: 20%;
+      padding: 20px;
+      box-sizing: border-box;
+      box-shadow: 0 0 20px var(--modal-shadow-color);
+      word-break: break-word;
+      transform: translateY(-30px);
+      opacity: 0;
+      transition:
+         transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
+         opacity 0.3s ease-out;
+
+      &.active {
+         transform: translateY(0);
+         opacity: 1;
+      }
+
+      h3 {
+         margin-top: 0;
+         color: var(--content-text-color);
+      }
+   }
+
+   .modalClose {
+      position: absolute;
+      right: 0;
+      top: 0;
+      margin: 10px;
+      background: transparent;
+      opacity: 0.5;
+      color: var(--content-text-color);
+      transition: all 0.2s linear;
+      &:hover {
+         opacity: 1;
+         transform: rotate(90deg);
+      }
+   }
+
+   &.active {
+      opacity: 1;
+   }
+
+   &.autoVertical {
+      .modalContent {
+         top: 50%;
+         transform: translateY(-50%);
+         transition: none;
+         &.active {
+            transform: translateY(-50%);
+            opacity: 1;
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .modal .modalContent {
+      max-width: 90%;
+   }
+}

package/dist/components/common/Modal/Modal.module.scss.js

@@ -0,0 +1,16 @@
+const o = "Modal-module__modal___ervP6", l = "Modal-module__modalContent___9cduc", a = "Modal-module__active___qHOtX", t = "Modal-module__modalClose___8ythi", _ = "Modal-module__autoVertical___pbggq", d = {
+  modal: o,
+  modalContent: l,
+  active: a,
+  modalClose: t,
+  autoVertical: _
+};
+export {
+  a as active,
+  _ as autoVertical,
+  d as default,
+  o as modal,
+  t as modalClose,
+  l as modalContent
+};
+//# sourceMappingURL=Modal.module.scss.js.map

package/dist/components/common/Modal/Modal.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/common/NotFound/NotFound.d.ts

@@ -0,0 +1,8 @@
+interface NotFoundProps {
+    name: string;
+    link: string;
+    linkText?: string;
+}
+declare const NotFound: ({ name, link, linkText }: NotFoundProps) => import("react/jsx-runtime").JSX.Element;
+export default NotFound;
+//# sourceMappingURL=NotFound.d.ts.map

package/dist/components/common/NotFound/NotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../../src/components/common/NotFound/NotFound.tsx"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,GAAI,0BAAyC,aAAa,4CAUvE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/common/NotFound/NotFound.js

@@ -0,0 +1,20 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Link as t } from "react-router";
+import n from "./NotFound.module.scss.js";
+const h = ({ name: o = "page", link: i = "/", linkText: s }) => /* @__PURE__ */ r("div", { className: n.notFound, children: [
+  /* @__PURE__ */ e("h1", { children: "404" }),
+  /* @__PURE__ */ r("h3", { children: [
+    o,
+    " Not Found"
+  ] }),
+  /* @__PURE__ */ r("p", { children: [
+    "The ",
+    o,
+    " you are looking for does not exist. ",
+    /* @__PURE__ */ e(t, { to: i, children: s || `View All ${o}s` })
+  ] })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=NotFound.js.map

package/dist/components/common/NotFound/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sources":["../../../../src/components/common/NotFound/NotFound.tsx"],"sourcesContent":["import { Link } from 'react-router';\r\nimport classes from './NotFound.module.scss';\r\n\r\ninterface NotFoundProps {\r\n   name: string;\r\n   link: string;\r\n   linkText?: string;\r\n}\r\n\r\nconst NotFound = ({ name = 'page', link = '/', linkText }: NotFoundProps) => {\r\n   return (\r\n      <div className={classes.notFound}>\r\n         <h1>404</h1>\r\n         <h3>{name} Not Found</h3>\r\n         <p>\r\n            The {name} you are looking for does not exist. <Link to={link}>{linkText || `View All ${name}s`}</Link>\r\n         </p>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default NotFound;\r\n"],"names":["NotFound","name","link","linkText","jsxs","classes","jsx","Link"],"mappings":";;;AASA,MAAMA,IAAW,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,KAAK,UAAAC,QAEzC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,UACrB,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,oBACN,MAAA,EAAI,UAAA;AAAA,IAAAL;AAAA,IAAK;AAAA,EAAA,GAAU;AAAA,oBACnB,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IACKA;AAAA,IAAK;AAAA,sBAAsCM,GAAA,EAAK,IAAIL,GAAO,UAAAC,KAAY,YAAYF,CAAI,IAAA,CAAI;AAAA,EAAA,EAAA,CACnG;AAAA,GACH;"}