@zauru-sdk/hooks 1.0.49 → 1.0.51

package/src/session.ts

@@ -1,69 +0,0 @@
-import { useFetcher } from "@remix-run/react";
-import {
-  setSessionValue,
-  useAppDispatch,
-  useAppSelector,
-} from "@zauru-sdk/redux";
-import { useEffect, useState } from "react";
-import { showAlert } from "./index.js";
-
-export type SERVER_CONFIG_TYPES =
-  | "sessionAttribute"
-  | "environment"
-  | "sessionVariable";
-
-/**
- *
- * @param attribute
- * @returns
- */
-export const useGetSessionAttribute = (
-  name: string,
-  type: SERVER_CONFIG_TYPES
-): string => {
-  const fetcher = useFetcher<any>();
-  const dispatch = useAppDispatch();
-  const sessionData = useAppSelector((state) => state.session[name]);
-  const [data, setData] = useState<string>(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 as { data: string };
-      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/src/templates.ts

@@ -1,84 +0,0 @@
-import { useFetcher } from "@remix-run/react";
-import {
-  TEMPLATE_NAMES,
-  templateFetchStart,
-  templateFetchSuccess,
-  useAppDispatch,
-  useAppSelector,
-} from "@zauru-sdk/redux";
-import { useEffect, useState } from "react";
-import { showAlert } from "./index.js";
-
-type ProfileType<T> = {
-  data: T;
-  loading: boolean;
-};
-
-type ConfigProps = {
-  online?: boolean;
-};
-
-const useGetTemplateObject = <T>(
-  TEMPLATE_NAME: TEMPLATE_NAMES,
-  config: ConfigProps = { online: false }
-): ProfileType<T> => {
-  const fetcher = useFetcher<any>();
-  const dispatch = useAppDispatch();
-  const objectData = useAppSelector((state) => state.templates[TEMPLATE_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[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?: ConfigProps
-): {
-  loading: boolean;
-  data: string;
-} => useGetTemplateObject<string>("receptionTemplate", config);

package/src/useWindowDimensions.ts

@@ -1,34 +0,0 @@
-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 const 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/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "include": ["env.d.ts", "**/*.ts", "**/*.tsx"],
-  "compilerOptions": {
-    "allowSyntheticDefaultImports": true,
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "declaration": true,
-    "declarationDir": "./dist",
-    "paths": {
-      "~/*": ["./app/*"]
-    }
-  }
-}