sysone-api-mapper 1.0.0

package/src/components/notificationToast.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { notification } from "antd";
+
+const TYPE = {
+	SUCCESS: "success",
+	ERROR: "error",
+	INFO: "info",
+	WARNING: "warning",
+};
+
+const openNotificationWithIcon = (type, message, description, subErrors) => {
+	return notification[type]({
+		message,
+		style: {
+			minHeight:
+				description || (subErrors && subErrors.length > 0) ? "0" : "70px",
+		},
+		description: (
+			<>
+				{description ? (
+					<>
+						<div style={{ fontSize: "13px" }}>{description}</div>
+						<br />
+					</>
+				) : null}
+
+				{subErrors?.map((e, idx) => (
+					<React.Fragment key={`sub_error_${idx}`}>
+						<div style={{ fontSize: "16px" }}>- {e}</div>
+						<br />
+					</React.Fragment>
+				))}
+			</>
+		),
+	});
+};
+export { openNotificationWithIcon, TYPE };

package/src/contexts/actionsContext.js

@@ -0,0 +1,54 @@
+import React, { createContext, useContext, useState, useEffect } from "react";
+
+const ActionsContext = createContext();
+
+export function useActions() {
+  return useContext(ActionsContext);
+}
+
+export function ActionsProvider({ initialData, children }) {
+  const [actions, setActions] = useState([]);
+  const [ready, setReady] = useState(false);
+
+  let actns = [];
+  const extractActions = (menus) => {
+    menus.map((m) => {
+      if (m.actions) {
+        actns = [
+          ...actns,
+          ...m.actions.map((a) => {
+            return {
+              code: a.code,
+              name: a.name,
+              path: a.path,
+              menuCode: m.code,
+            };
+          }),
+        ];
+      }
+      if (m.menus) extractActions(m.menus);
+    });
+
+    return actns;
+  };
+
+  useEffect(() => {
+    extractActions(initialData.menus);
+    setActions(actns);
+    setReady(true);
+  }, []);
+
+  const hasAction = (key) => {
+    const menuCode = key.split(".")[0];
+    const actionCode = key.split(".")[1];
+    return actions.some(
+      (el) => el.menuCode === menuCode && el.code === actionCode
+    );
+  };
+
+  return (
+    <ActionsContext.Provider value={{ actions, hasAction, ready }}>
+      {children}
+    </ActionsContext.Provider>
+  );
+}

package/src/contexts/translationContext.js

@@ -0,0 +1,29 @@
+import React, { createContext, useContext, useState } from "react";
+
+const TranslationContext = createContext();
+
+export function useTranslation() {
+  return useContext(TranslationContext);
+}
+
+export function TranslationProvider({ initialData, children }) {
+  const [translations, setTranslationes] = useState(initialData);
+
+  const t = (key, ...args) => {
+    if (!translations) return key;
+    let translation =
+      translations.find(
+        (el) => el.code.toLowerCase().trim() === key.toLowerCase().trim()
+      )?.content || key;
+    args.forEach(
+      (a, index) => (translation = translation.replace(`#${index}#`, a))
+    );
+    return translation;
+  };
+
+  return (
+    <TranslationContext.Provider value={{ translations, t }}>
+      {children}
+    </TranslationContext.Provider>
+  );
+}

package/src/server.js

@@ -0,0 +1,20 @@
+const express = require("express");
+const cors = require("cors");
+require("dotenv").config();
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+// Middleware
+app.use(cors());
+app.use(express.json());
+
+// Ruta raíz
+app.get("/", (req, res) => {
+	res.json({ message: "Hello World!" });
+});
+
+// Iniciar el servidor
+app.listen(port, () => {
+	console.log(`Server is running on http://localhost:${port}`);
+});