@zauru-sdk/hooks 1.0.13

package/dist/session.js

@@ -0,0 +1,51 @@
+import { useFetcher } from "@remix-run/react";
+import { setSessionValue, useAppDispatch, useAppSelector, } from "@zauru-sdk/redux";
+import { useEffect, useState } from "react";
+import { showAlert } from "src";
+/**
+ *
+ * @param attribute
+ * @returns
+ */
+export const useGetSessionAttribute = (name, type) => {
+    const fetcher = useFetcher();
+    const dispatch = useAppDispatch();
+    const sessionData = useAppSelector((state) => state.session[name]);
+    const [data, setData] = useState(sessionData);
+    useEffect(() => {
+        if (fetcher.data?.title) {
+            showAlert({
+                description: fetcher.data?.description,
+                title: fetcher.data?.title,
+                type: fetcher.data?.type,
+            });
+        }
+    }, [fetcher.data]);
+    useEffect(() => {
+        if (fetcher.state === "idle" && fetcher.data != null) {
+            const receivedData = fetcher.data;
+            if (receivedData) {
+                setData(receivedData.data);
+                dispatch(setSessionValue({
+                    name: name,
+                    data: receivedData.data,
+                }));
+            }
+        }
+    }, [fetcher, dispatch, name]);
+    useEffect(() => {
+        if (!sessionData) {
+            try {
+                fetcher.load(`/api/session?name=${name}&type=${type}`);
+            }
+            catch (ex) {
+                showAlert({
+                    type: "error",
+                    title: `Ocurrió un error al cargar la variable de configuración: ${name}.`,
+                    description: "Error: " + ex,
+                });
+            }
+        }
+    }, []);
+    return data;
+};

package/dist/templates.d.ts

@@ -0,0 +1,8 @@
+type ConfigProps = {
+    online?: boolean;
+};
+export declare const useGetReceptionTemplate: (config?: ConfigProps) => {
+    loading: boolean;
+    data: string;
+};
+export {};

package/dist/templates.js

@@ -0,0 +1,54 @@
+import { useFetcher } from "@remix-run/react";
+import { templateFetchStart, templateFetchSuccess, useAppDispatch, useAppSelector, } from "@zauru-sdk/redux";
+import { useEffect, useState } from "react";
+import { showAlert } from "src";
+const useGetTemplateObject = (TEMPLATE_NAME, config = { online: false }) => {
+    const fetcher = useFetcher();
+    const dispatch = useAppDispatch();
+    const objectData = useAppSelector((state) => state.templates[TEMPLATE_NAME]);
+    const [data, setData] = useState({
+        data: Object.keys(objectData?.data).length
+            ? objectData?.data
+            : {},
+        loading: objectData.loading,
+    });
+    useEffect(() => {
+        if (fetcher.data?.title) {
+            showAlert({
+                description: fetcher.data?.description,
+                title: fetcher.data?.title,
+                type: fetcher.data?.type,
+            });
+        }
+    }, [fetcher.data]);
+    useEffect(() => {
+        if (fetcher.state === "idle" && fetcher.data != null) {
+            const receivedData = fetcher.data;
+            if (receivedData) {
+                setData({ data: receivedData[TEMPLATE_NAME], loading: false });
+                dispatch(templateFetchSuccess({
+                    name: TEMPLATE_NAME,
+                    data: receivedData[TEMPLATE_NAME],
+                }));
+            }
+        }
+    }, [fetcher, dispatch, TEMPLATE_NAME]);
+    useEffect(() => {
+        if (Object.keys(objectData?.data).length <= 0 || config?.online) {
+            try {
+                setData({ ...data, loading: true });
+                dispatch(templateFetchStart(TEMPLATE_NAME));
+                fetcher.load(`/api/templates?object=${TEMPLATE_NAME}`);
+            }
+            catch (ex) {
+                showAlert({
+                    type: "error",
+                    title: `Ocurrió un error al cargar el object de templates: ${TEMPLATE_NAME}.`,
+                    description: "Error: " + ex,
+                });
+            }
+        }
+    }, []);
+    return data;
+};
+export const useGetReceptionTemplate = (config) => useGetTemplateObject("receptionTemplate", config);

package/dist/useWindowDimensions.d.ts

@@ -0,0 +1 @@
+export default function useWindowDimensions(): number;

package/dist/useWindowDimensions.js

@@ -0,0 +1,27 @@
+import { useState, useEffect } from "react";
+function getWindowDimensions() {
+    if (typeof window !== "undefined") {
+        const { innerWidth: width } = window;
+        return width;
+    }
+    // Devolver un valor predeterminado si window no está definido
+    return 1000;
+}
+export default function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions);
+    useEffect(() => {
+        if (typeof window !== "undefined") {
+            const handleResize = () => {
+                setWindowDimensions(getWindowDimensions());
+            };
+            // Use window load event to ensure accurate window size on initial load
+            window.addEventListener("load", handleResize);
+            window.addEventListener("resize", handleResize);
+            return () => {
+                window.removeEventListener("load", handleResize);
+                window.removeEventListener("resize", handleResize);
+            };
+        }
+    }, []);
+    return windowDimensions;
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@zauru-sdk/hooks",
+  "version": "1.0.13",
+  "description": "Hooks reutilizables dentro de las webapps de Zauru.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Oscar Cuéllar",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
+    "eslint": "^8.38.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.1.6"
+  },
+  "dependencies": {
+    "@remix-run/react": "^2.8.1",
+    "@zauru-sdk/common": "^1.0.13",
+    "@zauru-sdk/graphql": "^1.0.9",
+    "@zauru-sdk/icons": "^1.0.13",
+    "@zauru-sdk/redux": "^1.0.13",
+    "@zauru-sdk/services": "^1.0.13",
+    "@zauru-sdk/types": "^1.0.13",
+    "@zauru-sdk/utils": "^1.0.13",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "gitHead": "9bca61fddd7c538e7f95a489d59436b5557c61cc"
+}

package/src/alerts.ts

@@ -0,0 +1,43 @@
+import type { FetcherWithComponents } from "@remix-run/react";
+import { useEffect } from "react";
+import { showAlert } from "src";
+
+export const useValidateNotifications = (source: {
+  fetcher?: FetcherWithComponents<any>;
+  actionData?: any;
+  loaderData?: any;
+}) => {
+  const { actionData, fetcher, loaderData } = source;
+
+  useEffect(() => {
+    if (loaderData?.title) {
+      showAlert({
+        description: loaderData?.description?.toString() ?? "",
+        title: loaderData?.title,
+        type: loaderData?.type as any,
+      });
+    }
+  }, [loaderData]);
+
+  useEffect(() => {
+    if (fetcher?.data?.title) {
+      showAlert({
+        description: fetcher.data?.description,
+        title: fetcher.data?.title,
+        type: fetcher.data?.type,
+      });
+    }
+  }, [fetcher?.data]);
+
+  useEffect(() => {
+    if (actionData?.title) {
+      showAlert({
+        description: actionData?.description ?? "",
+        title: actionData?.title,
+        type: actionData?.type as any,
+      });
+    }
+  }, [actionData]);
+
+  return null;
+};

package/src/automaticNumbers.ts

@@ -0,0 +1,74 @@
+import { useFetcher } from "@remix-run/react";
+import {
+  AUTOMATIC_NUMBER_NAMES,
+  automaticNumberFetchStart,
+  automaticNumberFetchSuccess,
+  useAppDispatch,
+  useAppSelector,
+} from "@zauru-sdk/redux";
+import { useEffect, useState } from "react";
+import { showAlert } from "src";
+
+type ProfileType<T> = {
+  data: T;
+  loading: boolean;
+};
+
+export const useGetAutomaticNumber = <T>(
+  AUTOMATIC_NUMBER_NAME: AUTOMATIC_NUMBER_NAMES
+): ProfileType<T> => {
+  const fetcher = useFetcher<any>();
+  const dispatch = useAppDispatch();
+  const objectData = useAppSelector(
+    (state) => state.automaticNumbers[AUTOMATIC_NUMBER_NAME]
+  );
+  const [data, setData] = useState<ProfileType<T>>({
+    data: Object.keys(objectData?.data).length
+      ? (objectData?.data as T)
+      : ({} as T),
+    loading: objectData.loading,
+  });
+
+  useEffect(() => {
+    if (fetcher.data?.title) {
+      showAlert({
+        description: fetcher.data?.description,
+        title: fetcher.data?.title,
+        type: fetcher.data?.type,
+      });
+    }
+  }, [fetcher.data]);
+
+  useEffect(() => {
+    if (fetcher.state === "idle" && fetcher.data != null) {
+      const receivedData = fetcher.data as { [key: string]: T };
+      if (receivedData) {
+        setData({ data: receivedData[AUTOMATIC_NUMBER_NAME], loading: false });
+        dispatch(
+          automaticNumberFetchSuccess({
+            name: AUTOMATIC_NUMBER_NAME,
+            data: receivedData[AUTOMATIC_NUMBER_NAME],
+          })
+        );
+      }
+    }
+  }, [fetcher, dispatch, AUTOMATIC_NUMBER_NAME]);
+
+  useEffect(() => {
+    if (Object.keys(objectData?.data).length <= 0) {
+      try {
+        setData({ ...data, loading: true });
+        dispatch(automaticNumberFetchStart(AUTOMATIC_NUMBER_NAME));
+        fetcher.load(`/api/automaticNumbers?object=${AUTOMATIC_NUMBER_NAME}`);
+      } catch (ex) {
+        showAlert({
+          type: "error",
+          title: `Ocurrió un error al cargar el object de automatic numbers: ${AUTOMATIC_NUMBER_NAME}.`,
+          description: "Error: " + ex,
+        });
+      }
+    }
+  }, []);
+
+  return data;
+};